/*
*   name           Favourite
*   version        3.5
*   description    Responsive and customizable Joomla!3 template
*   demo           ttp://demo.favthemes.com/favourite/
*   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. reset
  2. header
  3. navigation
      3.1. main navigation
      3.2. vertical menus
      3.3. horizontal menus
  4. module positions
  5. fonts
  6. titles
  7. buttons
  8. variations
  9. custom pages
      9.1. custom classes
      9.2. error page
      9.3. offline page
  10. typography
      10.1. icons
      10.2. images
      10.3. bootstrap elements
      10.4. lists
  11. joomla!
      11.1. articles
      11.2. categories
      11.3. modules
      11.4. components
      11.5. tags
  12. extensions

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

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

#0099ff - main color

///////////////////////////////////////////////////////////////////////////////

style 1 - #0099ff
style 2 - #FF6666
style 3 - #f06292
style 4 - #7e57c2
style 5 - #86B827
style 6 - #ffab40
style 7 - #00bcd4
style 8 - #5c6bc0
style 9 - #d81b60
style 10 - #eeb700

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

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  1. reset
///
////////////////////////////////////////////////////////////////////////////////
/*/

body {
  font-family: 'Roboto', Helvetica, Arial, sans-serif; /* default font */
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}
a { color: #0099ff; }
a:hover, a:focus { color: #444; outline: none; }
a, a:hover, a:focus { text-decoration: none;}
h1, h2, h3, h4, h5, h6,
.componentheading {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;
}
p {
  margin: 0 0 10px;
}
legend {
  border: none;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #fff;
  border: #e7e7e7; -moz-use-text-color #FFFFFF !important;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  dark version
///
//////////////////////////////////////////////////////////////////////////////*/

body.fav-dark {
  background-color: #222;
}
#fav-container .fav-dark a:hover,
#fav-container .fav-dark a:focus {
  color: #777;
  outline: none;
}
#fav-container .fav-dark hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #444;
  border-bottom: 1px solid #fff;
  border: #444; -moz-use-text-color #FFFFFF !important;
}
#fav-container .fav-dark .nav-tabs,
#fav-container .fav-dark .accordion-inner,
#fav-container .fav-dark .well,
#fav-container .fav-dark .nav-tabs.nav-stacked > li > a {
  border-color: #444;
}
#fav-container .fav-dark .nav-tabs > .active > a,
#fav-container .fav-dark .nav-tabs > .active > a:hover,
#fav-container .fav-dark .nav-tabs > .active > a:focus,
#fav-container .fav-dark .nav-tabs > li > a:hover,
#fav-container .fav-dark .nav-tabs > li > a:focus {
  color: #eee;
  background-color: #222;
  border-color: #444;
}
#fav-container .fav-dark .well,
#fav-container .fav-dark .input-append .add-on,
#fav-container .fav-dark .input-prepend .add-on {
  background-color: #222;
  color: #eee;
}
#fav-container .fav-dark .input-append .add-on,
#fav-container .fav-dark .input-prepend .add-on {
  border-color: #444;
}
#fav-container .fav-dark .input-append .add-on span.icon-lock,
#fav-container .fav-dark .input-prepend .add-on span.icon-lock,
#fav-container .fav-dark .input-append .add-on span.icon-user,
#fav-container .fav-dark .input-prepend .add-on span.icon-user {
  color: #777;
  text-shadow: none;
}
#fav-container .fav-dark .chzn-container .chzn-results li.active-result {
  color: #333;
}
#fav-container .fav-dark .chzn-container .chzn-results li.active-result.result-selected.highlighted,
#fav-container .fav-dark .chzn-container .chzn-results li.active-result.highlighted:hover,
#fav-container .fav-dark .chzn-container .chzn-results li.active-result.highlighted:focus {
  color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  grid
///
//////////////////////////////////////////////////////////////////////////////*/

/* maximum width */
.row-fluid {
  margin: 0 auto;
  max-width: 1100px;
}

/* minimum height */
#fav-container .row-fluid [class*="span"] {
  min-height: 0;
}

/* 5 column layout */
#fav-container .row-fluid .span2-4 {
  width: 17.790056%;
}

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

  #fav-container .row-fluid .span2,     /* 6 columns */
  #fav-container .row-fluid .span2-4,   /* 5 columns */
  #fav-container .row-fluid .span4,     /* 3 columns */
  #fav-container .row-fluid .span6 {    /* 2 columns */
    margin-left: 2.127659574468085%;
    float: left;
  }
  #fav-container .row-fluid .span2,
  #fav-container .row-fluid .span2-4,
  #fav-container .row-fluid .span4 {
    width: 31.9%;
  }
  #fav-container .row-fluid .span2:first-child,
  #fav-container .row-fluid .span2-4:first-child,
  #fav-container .row-fluid .span4:first-child,
  #fav-container .row-fluid .span6:first-child {
    margin-left: 0;
  }
  #fav-container .row-fluid .span2:nth-child(4),
  #fav-container .row-fluid .span2-4:nth-child(4) {
    margin-left: 0;
    clear: both;
  }
  #fav-container .row-fluid .span2-4:nth-child(4),
  #fav-container .row-fluid .span2-4:nth-child(5) {
    width: 48.93617021276595%;
  }

}

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

  /* padding for mobile */
  .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 4 columns */
  #fav-container .row-fluid .span3 {
    margin-left: 2.127659574468085%;
    float: left;
  }
  #fav-container .row-fluid .span3:first-child {
    margin-left: 0;
  }
  #fav-container .row-fluid .span3:nth-child(4) {
    margin-left: 0;
    clear: both;
  }

  /* columns into 2 rows */
  #fav-container .row-fluid .span2,
  #fav-container .row-fluid .span3,
  #fav-container .row-fluid .span6 {
    width: 48.93617021276595%;
  }
  #fav-container .row-fluid .span2:nth-child(3),
  #fav-container .row-fluid .span2:nth-child(5),
  #fav-container .row-fluid .span3:nth-child(3) {
    margin-left: 0;
    clear: both;
  }
  #fav-container .row-fluid .span2:nth-child(4),
  #fav-container .row-fluid .span3:nth-child(4) {
    margin-left: 2.127659574468085%;
    clear: none;
  }
  #fav-container .row-fluid .span4, /* 3 columns */
  #fav-container .row-fluid .span2-4, /* 5 columns */
  #fav-container .row-fluid #fav-topbar1,
  #fav-container .row-fluid #fav-topbar2,
  #fav-container .row-fluid #fav-topbar3,
  #fav-container .row-fluid #fav-topbar4,
  #fav-container .row-fluid #fav-topbar5,
  #fav-container .row-fluid #fav-topbar6,
  #fav-container .row-fluid #fav-maintop1.span3,
  #fav-container .row-fluid #fav-maintop2.span6,
  #fav-container .row-fluid #fav-maintop3.span3,
  #fav-container .row-fluid #fav-main .span6,
  #fav-container .row-fluid #fav-sidebar1.span3,
  #fav-container .row-fluid #fav-sidebar2.span3,
  #fav-container .row-fluid #fav-maincontent.span6,
  #fav-container .row-fluid #fav-maincontent.span9,
  #fav-container .row-fluid #fav-mainbottom1.span3,
  #fav-container .row-fluid #fav-mainbottom2.span6,
  #fav-container .row-fluid #fav-mainbottom3.span3,
  #fav-container .row-fluid #fav-showcopyright.span3,
  #fav-container .row-fluid #fav-copyright1.span6,
  #fav-container .row-fluid #fav-copyright1.span3,
  #fav-container .row-fluid #fav-copyright2.span3,
  #fav-container .row-fluid #fav-copyright2.span9 {
    float: none;
    width: 100%;
    margin-left: 0;
  }

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

  #fav-container .row-fluid .span2,
  #fav-container .row-fluid .span2-4,
  #fav-container .row-fluid .span3,
  #fav-container .row-fluid .span4,
  #fav-container .row-fluid .span6 {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

}

/* make content invisible for old IE */

.lt-ie7 .container-fluid,
.lt-ie7 .row-fluid {
  display: none;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  2. header
///
////////////////////////////////////////////////////////////////////////////////
/*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  header style
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-headerwrap {
  background-color: #fff;
  position: relative;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

/* dark version */

#fav-container .fav-dark #fav-headerwrap {
  background-color: #222;
  position: relative;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

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

  #fav-headerwrap,
  #fav-container .fav-dark #fav-headerwrap {
    border: 0 none !important;
  }

}

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

#fav-logo {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
#fav-logo h1 {
  margin: 0;
}
#fav-logo h1 a {
  display: block;
}
.default-logo {
  margin: 32px 0px 0px;
}
.default-logo,
.media-logo {
  display: block;
  padding: 0;
  line-height: 0;
}
.default-logo img, /* image alt tag styling */
.media-logo img {
  line-height: 1em;
  font-size: 21px;
}
.text-logo {
  color: #444;
  font-size: 30px;
  padding: 0;
  margin: 0;
  line-height: 1.1em;
}
.slogan {
  color: #999;
  font-size: 14px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}
.showRetinaLogo {
  display: none;
}

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

  #fav-logo {
    text-align: center;
    float: none;
    width: 100%;
    padding-bottom: 6px;
  }
  .default-logo {
    margin-top: 30px;
  }

}

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

  #fav-logo {
    display: none;
  }
  #fav-logomobile {
    margin: 0;
    float: left;
  }
  #fav-logomobile h1 {
    padding: 0 0 0 20px;
    margin: 10px 0;
  }
  #fav-logomobile .default-logo {
    margin: 0;
  }
  .default-logo img,
  .media-logo img {
    max-height: 26px;
  }
  #fav-logomobile .slogan {
    padding-left: 20px;
    margin-top: -4px;
    margin-bottom: 4px;
  }

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

  #fav-logomobile {
    float: none;
    width: 100%;
  }
  #fav-logomobile {
    margin: 0;
    padding: 0;
  }
  #fav-logomobile h1 {
    padding: 0 20px;
  }

}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  3. navigation
///
////////////////////////////////////////////////////////////////////////////////
/*/

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

3.1. main navigation

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

.favnav {
  z-index: 100;
  position: relative;
  float: right;
}
#fav-nav {
  z-index: 999;
}
#fav-nav .moduletable ul.nav.menu,
#fav-nav .moduletable ul.nav.menunav-pills {
  float: right;
}
.favnav .moduletable ul.nav.menu li,
.favnav .moduletable ul.nav.menu li li,
.favnav .moduletable ul.nav.menu li li li,
.favnav .moduletable ul.nav.menu li li li li,
.favnav .moduletable ul.nav.menunav-pills li,
.favnav .moduletable ul.nav.menunav-pills li li,
.favnav .moduletable ul.nav.menunav-pills li li li,
.favnav .moduletable ul.nav.menunav-pills li li li li {
  line-height: 20px;
  padding-left: 0;
}
.favnav .navigation li a,
.favnav .navigation li span.nav-header {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.favnav .navigation .nav-pills,
.favnav .navigation .menunav-pills {
  margin-bottom: 0;
}
.favnav .nav-pills > .active > a,
.favnav .nav-pills > .active > a:hover,
.favnav .nav-pills > .active > span.nav-header,
.favnav .nav-pills > .active > span.nav-header:hover {
  background: none;
  color: inherit;
}

/* layout */

.favnav .navigation .nav-pills a,
.favnav .navigation .menunav-pills a,
.favnav .navigation .nav-pills > li > a,
.favnav .navigation .menunav-pills > li > a,
.favnav .navigation .nav-pills span.nav-header,
.favnav .navigation .menunav-pills span.nav-header,
.favnav .navigation .nav-pills > li > span.nav-header,
.favnav .navigation .menunav-pills > li > span.nav-header,
.favnav .navigation ul.nav.menu li span.nav-header {
  padding: 15px 16px 14px;
  margin: 21px 0px 20px 2px;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  color: #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* active */

.favnav .navigation .nav-pills > .active > a,
.favnav .navigation .nav-pills > li > a:hover,
.favnav .navigation .nav-pills > li > a:focus,
.favnav .navigation .menunav-pills > .active > a,
.favnav .navigation .menunav-pills > li > a:hover,
.favnav .navigation .menunav-pills > li > a:focus,
.favnav .navigation li span.nav-header:hover,
.favnav .navigation li span.nav-header:focus,
.favnav .navigation .nav-pills > .active > span.nav-header,
.favnav .navigation .nav-pills > li > span.nav-header:hover,
.favnav .navigation .nav-pills > li > span.nav-header:focus,
.favnav .navigation .menunav-pills > .active > span.nav-header,
.favnav .navigation .menunav-pills > li > span.nav-header:hover,
.favnav .navigation .menunav-pills > li > span.nav-header:focus {
  background-color: #0099ff !important;
  color: #fff !important;
  text-decoration: none;
  outline: none;
}
.favnav .navigation li:first-child a,
.favnav .navigation li:first-child span.nav-header {
  margin-left: 0;
}
.favnav .navigation li:last-child a,
.favnav .navigation li:last-child span.nav-header {
  margin-right: 0;
}

/* icons */

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

/* arrow icons for child menu items */

.favnav .navigation li.deeper.parent a:after,
.favnav .navigation li.deeper.parent span.nav-header:after {
  font-family: FontAwesome;
  content: "\f107";
  margin-left: 4px;
  line-height: 0;
}
.favnav .navigation li.deeper.parent ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after {
  content: none;
}
.favnav .navigation ul.nav-child li.deeper.parent {
  position: relative;
}
.favnav .navigation ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 14px;
  line-height: 2em;
}

/* make LINK CSS STYLE menu parameter compatible with FontAwesome */

.favnav .navigation li a[class^="fa-"]:before,
.favnav .navigation li a[class*=" fa-"]:before,
.favnav .navigation li span.nav-header[class^="fa-"]:before,
.favnav .navigation li span.nav-header[class*=" fa-"]:before {
  font-family: FontAwesome;
  padding-right: 10px;
  color: #0099ff;
  line-height: 0;
}

/* make menu header the same as the menu links */

  span.nav-header {
  text-transform: none;
  text-shadow: none;
  display: block;
  cursor: pointer;
}

/* separator */

li.divider span.separator {
  display: inline-block;
  margin-top: 10px;
}

/* when HTML module is published */

  .favnav .moduletable {
  background: none;
  overflow: visible;
  margin: 0;
}

/* dark version */

#fav-container .fav-dark #fav-nav li a,
#fav-container .fav-dark #fav-nav span.nav-header {
  color: #777;
}

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

.favnav .navigation ul.nav-child {
  left: 0px;
  min-width: 220px;
  border: 1px solid #e7e7e7;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.favnav .nav-pills ul.nav-child li > ul,
.favnav .menunav-pills ul.nav-child li > ul {
  margin: -44px 0 0 220px;
}
.favnav .navigation ul.nav-child a,
.favnav .navigation ul.nav-child span.nav-header {
  color: #333;
  font-size: 14px;
  padding: 8px 20px 6px;
  font-weight: normal;
  line-height: 2em !important;
}
.favnav .navigation .nav-pills .nav-child a,
.favnav .navigation .menunav-pills .nav-child a,
.favnav .navigation .nav-pills .nav-child span.nav-header,
.favnav .navigation .menunav-pills .nav-child span.nav-header {
  margin: 0px !important;
  padding: 8px 14px 6px !important;
  font-size: 14px;
  border-bottom: 1px solid #e7e7e7;
}
.favnav .navigation ul.nav-child {
  position: absolute;
  z-index: 1000;
  display: none;
  padding: 5px 0 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.favnav .navigation ul.nav > li {
  position: relative;
  float: left;
}
.favnav .navigation ul.nav > li:hover > .nav-child,
.favnav .navigation ul.nav > li > a:focus + .nav-child,
.favnav .navigation ul.nav-child li:hover > ul {
  display: block;
}
.favnav .nav-pills ul.nav-child li > ul,
.favnav .menunav-pills ul.nav-child li > ul {
  padding: 0;
}
.favnav .navigation ul.nav-child a,
.favnav .navigation ul.nav-child span.nav-header {
  display: block;
  clear: both;
  white-space: nowrap;
}
.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
  padding-top: 0;
  padding-bottom: 0;
}
.favnav .navigation .nav-pills .nav-child span.nav-header,
.favnav .navigation .menunav-pills .nav-child span.nav-header {
  margin: 0;
  border-top: none !important;
}
.favnav .navigation .nav-pills .nav-child > .active > a,
.favnav .navigation .nav-pills .nav-child > li > a:hover,
.favnav .navigation .menunav-pills .nav-child > .active > a,
.favnav .navigation .menunav-pills .nav-child > li > a:hover,
.favnav .navigation .nav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .nav-pills .nav-child > li > span.nav-header:hover,
.favnav .navigation .menunav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .menunav-pills .nav-child > li > span.nav-header:hover {
  color: #0099ff !important;
  background-color: transparent !important;
  text-decoration: none;
}
.favnav .navigation .nav-child.pull-right {
  right: 0;
  left: auto;
}

/* navigation arrows */

.favnav .navigation .nav-child:before {
  position: absolute;
  top: -7px;
  left: 14px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e7e7e7;;
  border-left: 7px solid transparent;
  border-bottom-color: #e7e7e7;;
  content: '';
}
.favnav .navigation .nav-child:after {
  position: absolute;
  top: -6px;
  left: 15px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #e7e7e7;;
  border-left: 6px solid transparent;
  content: '';
}
.favnav .navigation .nav-child li > ul:before {
  top: 15px;
  left: -7px;
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #e7e7e7;
  border-top: 7px solid transparent;
}
.favnav .navigation .nav-child li > ul:after {
  top: 16px;
  left: -6px;
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #e7e7e7;
  border-bottom: 6px solid transparent;
}
.favnav .navigation li a[class^="fa-"]::before,
.favnav .navigation li a[class*=" fa-"]::before,
.favnav .navigation li span.nav-header[class^="fa-"]::before,
.favnav .navigation li span.nav-header[class*=" fa-"]::before {
  font-weight: normal;
  padding-right: 8px;
}

/* dark version */

#fav-container .fav-dark .favnav .navigation ul.nav-child {
  background-color: #222;
  border: 1px solid #444;
}
#fav-container .fav-dark .favnav .navigation .nav-pills .nav-child a,
#fav-container .fav-dark .favnav .navigation .menunav-pills .nav-child a,
#fav-container .fav-dark .favnav .navigation .nav-pills .nav-child span.nav-header,
#fav-container .fav-dark .favnav .navigation .menunav-pills .nav-child span.nav-header {
  border-bottom: 1px solid #444;
}
#fav-container .fav-dark .favnav .navigation .nav-child:before {
  border-right: 7px solid transparent;
  border-bottom: 7px solid #444;
  border-left: 7px solid transparent;
  border-bottom-color: #444;;
  content: '';
}
#fav-container .fav-dark .favnav .navigation .nav-child:after {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #444;
  border-left: 6px solid transparent;
  content: '';
}
#fav-container .fav-dark .favnav .navigation .nav-child li > ul:before {
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #444;
  border-top: 7px solid transparent;
}
#fav-container .fav-dark .favnav .navigation .nav-child li > ul:after {
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #444;
  border-bottom: 6px solid transparent;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  mobile navigation
///
//////////////////////////////////////////////////////////////////////////////*/

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

  .favnav {
    display: table;
    margin: 0px auto;
    padding-bottom: 0px;
    float: none !important;
  }
  #fav-nav.span9 {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  #fav-nav .moduletable ul.nav {
    float: none;
  }
  .favnav .navigation li a,
  .favnav .navigation span.nav-header {
    margin-top: 0;
  }
  #fav-nav .favnav .navigation .nav a,
  #fav-nav .favnav .navigation .nav > li > a,
  #fav-nav .favnav .navigation .nav span.nav-header,
  #fav-nav .favnav .navigation .nav > li > span.nav-header,
  #fav-nav .favnav .navigation ul.nav li span.nav-header {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  #fav-nav .favnav.navstyle-icon-vertical .navigation .nav a,
  #fav-nav .favnav.navstyle-icon-vertical .navigation .nav > li > a,
  #fav-nav .favnav.navstyle-icon-vertical .navigation .nav span.nav-header,
  #fav-nav .favnav.navstyle-icon-vertical .navigation .nav > li > span.nav-header,
  #fav-nav .favnav.navstyle-icon-vertical .navigation ul.nav li span.nav-header {
    padding-top: 6px;
  }

}
/* do not show the navbar on desktop */
@media (min-width: 769px) {

  #fav-navbar {
    display: none;
  }

}

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

  #fav-nav {
    display: none;
  }
  #fav-navbarwrap.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #fav-navbar div.navbar-inner {
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: none !important;
  }
  #fav-navbar .moduletable {
    margin: 0px;
    padding: 0px;
  }
  #fav-navbar .navbar {
    margin-bottom: 0;
  }
  #fav-navbar .navbar-inner {
    padding: 0;
  }
  #fav-navbar-collapse .moduletable ul li,
  #fav-navbar-collapse ul {
    background: none;
    float: none;
    padding: 0;
    margin: 0;
  }
  #fav-navbar-collapse li a,
  #fav-navbar-collapse li span.nav-header {
    padding-left: 21px;
  }
  #fav-navbar-collapse li li a,
  #fav-navbar-collapse li li span.nav-header {
    padding-left: 42px;
  }
  #fav-navbar-collapse li li li a,
  #fav-navbar-collapse li li li span.nav-header {
    padding-left: 63px;
  }
  #fav-navbar-collapse li li li li a,
  #fav-navbar-collapse li li li li span.nav-header {
    padding-left: 84px;
  }
  #fav-navbar-collapse li li li li li a,
  #fav-navbar-collapse li li li li li span.nav-header {
    padding-left: 105px;
  }
  #fav-navbar-collapse a,
  #fav-navbar-collapse span.nav-header {
    display: block;
    padding: 4px 21px 2px 21px;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
  }
  #fav-navbar-collapse a:before,
  #fav-navbar-collapse span.nav-header:before {
    font-family: FontAwesome;
    padding-right: 10px;
  }
  #fav-navbar-collapse li.deeper.parent.favmenuopen a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen span.nav-header:after {
    font-family: FontAwesome;
    content: "\f147";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
  }
  #fav-navbar-collapse li.deeper.parent a:after,
  #fav-navbar-collapse li.deeper.parent span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent span.nav-header:after {
    font-family: FontAwesome;
    content: "\f196";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
  }
  #fav-navbar-collapse li.deeper.parent ul a:after,
  #fav-navbar-collapse li.deeper.parent ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after,
  #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul span.nav-header:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after,
  #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul span.nav-header:after {
    content: none;
  }
  .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 {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  /* mobile navigation button */
  #fav-navbar-btn {
    float: right;
    padding-right: 21px;
    position: relative;
  }
  #fav-navbar-btn a.btn.btn-navbar {
    margin: 8px 0 0 0;
    border-width: 0px;
    border-color: transparent;
    background-image: none;
    box-shadow: none;
    background-color: #e2e2e2;
  }
  #fav-navbar-btn a.btn.btn-navbar:hover,
  #fav-navbar-btn a.btn.btn-navbar:focus {
    box-shadow: none;
    background-color: #ddd !important;
    background-image: none;
  }
   div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar {
    background-color: #333;
  }
  div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar:hover,
  div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar:focus {
    box-shadow: none;
    background-color: #444 !important;
  }
  #fav-navbar div.navbar #fav-mobilemenutext,
  #fav-navbar #fav-mobilemenutext {
    font-size: 14px;
    right: 68px;
    top: 11px;
    position: absolute;
    text-transform: uppercase;
  }
  #fav-navbar div.navbar #fav-mobilemenutext {
    color: #444;
    text-shadow: none;
  }
  #fav-navbar div.navbar-inverse #fav-mobilemenutext {
    color: #fff;
  }

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

  div.navbar .moduletable h3,
  div.navbar .moduletable div.custom {
    color: #444;
    margin: 0 21px 21px 21px;
  }
  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 {
    background-color: #eee !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  div.navbar #fav-navbar-collapse li li:hover,
  div.navbar #fav-navbar-collapse li li li:hover,
  div.navbar #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #fav-navbar-collapse li {
    border-top: 1px solid #e7e7e7;
  }
  div.navbar #fav-navbar-collapse a,
  div.navbar #fav-navbar-collapse span.nav-header {
    color: #444;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul li,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul li {
    color: #333;
    background-color: #fafafa;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #444;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  div.navbar.navbar .custom p {
    color: #444;
    padding: 0 21px;
  }

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

  div.navbar.navbar-inverse .moduletable h3,
  div.navbar.navbar-inverse .moduletable div.custom {
    color: #fff;
    margin: 0 21px 21px 21px;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li a:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li a:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li span.nav-header:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li span.nav-header:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li span.nav-header:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li span.nav-header:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li span.nav-header:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li span.nav-header:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li span.nav-header:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li span.nav-header:focus,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #333 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li li:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li:hover,
  div.navbar.navbar-inverse #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li {
    border-top: 1px solid #222;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse a,
  div.navbar.navbar-inverse #fav-navbar-collapse span.nav-header {
    color: #fff;
  }
  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul li,
  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul li {
    color: #fff;
    background-color: #1b1b1b;
  }
  div.navbar.navbar-inverse .btn-navbar .icon-bar {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  #fav-navbar.navbar.navbar-inverse a.btn.btn-navbar {
    border-color: #040404 #040404 #000;
  }
  div.navbar.navbar-inverse .custom p {
    color: #ddd;
    padding: 0 21px;
  }

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

  #fav-navbar .moduletable {
    padding-top: 0;
  }
  #fav-navbar-btn {
    float: none;
    width: auto;
    padding: 0;
  }
  #fav-navbar-btn a.btn.btn-navbar {
    float: none;
    padding: 10px 20px;
    margin-top: 0;
    background-image: none;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #fav-navbar-btn a.btn.btn-navbar:hover,
  #fav-navbar-btn a.btn.btn-navbar:focus {
    background-color: #eee !important;
  }
  #fav-navbar div.navbar #fav-mobilemenutext,
  #fav-navbar div.navbar-inverse #fav-mobilemenutext {
    right: auto;
    left: 48px;
    top: 8px;
  }

}

/*//////////////////////////////////////////////////////////////////////////////
///
///  menu icon fixes
///
//////////////////////////////////////////////////////////////////////////////*/

.favnav .navigation li a[class^="fa-"]:before,
.favnav .navigation li a[class*=" fa-"]:before,
.favnav .navigation li span.nav-header[class^="fa-"]:before,
.favnav .navigation li span.nav-header[class*=" fa-"]:before {
  line-height: 0;
}
ul.nav.menu li span.nav-header,
ul.nav.menuhorizontal li span.nav-header {
  font-size: 14px;
  font-weight: normal;
  padding: 0 16px;
}
ul.nav.menu li span.nav-header {
  color: #0099ff;
}
ul.nav.menu > li > a:hover,
ul.nav.menu > li > a:focus,
ul.nav.menuhorizontal > li > a:hover,
ul.nav.menuhorizontal > li > a:focus,
ul.nav.menu > li > span.nav-header:hover,
ul.nav.menu > li > span.nav-header:focus,
ul.nav.menuhorizontal li span.nav-header:hover,
ul.nav.menuhorizontal li span.nav-header:focus,
ul.nav.menuhorizontal > li > span.nav-header:hover,
ul.nav.menuhorizontal > li > span.nav-header:focus {
  background-color: transparent;
}
ul.nav.menu > li.active > a,
ul.nav.menu > li.active > span.nav-header,
ul.nav.menu li span.nav-header:hover,
ul.nav.menu li span.nav-header:focus {
  color: #444 !important;
}
ul.nav.menu li a:before,
ul.nav.menuhorizontal li a:before,
ul.nav.menu li span.nav-header:before,
ul.nav.menuhorizontal li span.nav-header:before  {
  font-family: FontAwesome;
  padding-right: 8px;
}

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

.favnav .navigation li a[class^="fa-"]::before,
.favnav .navigation li a[class*=" fa-"]::before,
.favnav .navigation li span.nav-header[class^="fa-"]::before,
.favnav .navigation li span.nav-header[class*=" fa-"]::before {
  text-align: left;
  line-height: 0;
}

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

3.2. vertical menus

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  basic menu
///
//////////////////////////////////////////////////////////////////////////////*/

ul.menubasic {
  border: 1px solid #e7e7e7;
  border-bottom: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.menubasic li {
  line-height: 1.4em;
}
ul.menubasic li a,
ul.menubasic li span.nav-header {
  color: #444;
  padding: 11px 14px 10px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
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: #0099ff;
}
ul.menubasic li.current ul a,
ul.menubasic li.current ul span.nav-header {
  color: #444;
  background-color: #FFFFFF;
}
ul.menubasic li a:before,
ul.menubasic li span.nav-header:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 10px;
  padding-right: 0;
  color: #aaa;
  float: right;
  font-size: 15px;
  line-height: 1.4em;
}
ul.menubasic li a:hover:before,
ul.menubasic li a:focus:before,
ul.menubasic li.current a:before,
ul.menubasic li.current ul a:hover:before,
ul.menubasic li.current ul a:focus:before,
ul.menubasic li span.nav-header:hover:before,
ul.menubasic li span.nav-header:focus:before,
ul.menubasic li.current span.nav-header:before,
ul.menubasic li.current ul span.nav-header:hover:before,
ul.menubasic li.current ul span.nav-header:focus:before {
  color: #fff;
}
ul.menubasic li.current ul a:before,
ul.menubasic li.current ul span.nav-header:before {
  color: #aaa;
}

/* dark version */

#fav-container .fav-dark ul.menubasic,
#fav-container .fav-dark ul.menubasic li a,
#fav-container .fav-dark ul.menubasic li span.nav-header {
  color: #eee;
  border-color: #444;
}
#fav-container .fav-dark ul.menubasic li a:hover,
#fav-container .fav-dark ul.menubasic li a:focus,
#fav-container .fav-dark ul.menubasic li.current a,
#fav-container .fav-dark ul.menubasic li.current ul a:hover,
#fav-container .fav-dark ul.menubasic li.current ul a:focus,
#fav-container .fav-dark ul.menubasic li.current ul a,
#fav-container .fav-dark ul.menubasic li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic li.current span.nav-header,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:focus {
  color: #0099ff;
  background-color: #1a1a1a;
}
#fav-container .fav-dark ul.menubasic li a:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:before {
  color: #777;
  float: right;
}
#fav-container .fav-dark ul.menubasic li.current ul a:before,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:before {
  color: #777;
}
#fav-container .fav-dark ul.menubasic li a:hover:before,
#fav-container .fav-dark ul.menubasic li a:focus:before,
#fav-container .fav-dark ul.menubasic li.current a:before,
#fav-container .fav-dark ul.menubasic li.current ul a:hover:before,
#fav-container .fav-dark ul.menubasic li.current ul a:focus:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:focus:before,
#fav-container .fav-dark ul.menubasic li.current span.nav-header:before,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:focus:before {
  color: #fff !important;
}

/*/
///
///  clear menu
///
/*/

ul.menubasic.menu-clear,
ul.menubasic.menu-clear li a,
ul.menubasic.menu-clear li span.nav-header {
  color: #fff;
  border-color: #444;
}
ul.menubasic.menu-clear li a:before,
ul.menubasic.menu-clear li span.nav-header:before {
  color: #fff;
}

/* dark version */

#fav-container .fav-dark ul.menubasic.menu-clear li a:hover,
#fav-container .fav-dark ul.menubasic.menu-clear li a:focus,
#fav-container .fav-dark ul.menubasic.menu-clear li.current a,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul a:hover,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul a:focus,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul a,
#fav-container .fav-dark ul.menubasic.menu-clear li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-clear li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic.menu-clear li.current span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-clear li.current ul span.nav-header:focus {
  color: #fff;
  background-color: #0099ff;
}
#fav-container .fav-dark ul.menubasic.menu-clear li a:before,
#fav-container .fav-dark ul.menubasic.menu-clear li span.nav-header:before {
  color: #fff;
}

/*/
///
///  dark menu
///
/*/

ul.menubasic.menu-dark,
ul.menubasic.menu-dark li a,
ul.menubasic.menu-dark li span.nav-header {
  color: #fff;
  border-color: #444;
}
ul.menubasic.menu-dark li a:hover,
ul.menubasic.menu-dark li a:focus,
ul.menubasic.menu-dark li span.nav-header:hover,
ul.menubasic.menu-dark li span.nav-header:focus {
  color: #fff !important;
}
ul.menubasic.menu-dark li a:before,
ul.menubasic.menu-dark li span.nav-header:before {
  color: #fff;
}

/* dark version */

#fav-container .fav-dark ul.menubasic.menu-dark,
#fav-container .fav-dark ul.menubasic.menu-dark li a,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header {
  color: #eee;
  border-color: #444;
}
#fav-container .fav-dark ul.menubasic.menu-dark li a:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li a:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current a,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:focus {
  color: #0099ff !important;
  background-color: #1a1a1a;
}
#fav-container .fav-dark ul.menubasic.menu-dark li a:before,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:before {
  color: #777;
  float: right;
}
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:before,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:before {
  color: #777;
}

/*/
///
///  light menu
///
/*/

ul.menubasic.menu-light {
  border: 1px solid #e7e7e7;
}
ul.menubasic.menu-light li a,
ul.menubasic.menu-light li span.nav-header {
  color: #444;
  border-bottom: 1px solid #e7e7e7;
}
ul.menubasic.menu-light li a:hover,
ul.menubasic.menu-light li a:focus,
ul.menubasic.menu-light li.current a,
ul.menubasic.menu-light li.current ul a:hover,
ul.menubasic.menu-light li.current ul a:focus,
ul.menubasic.menu-light li.current ul a,
ul.menubasic.menu-light li span.nav-header:hover,
ul.menubasic.menu-light li span.nav-header:focus,
ul.menubasic.menu-light li.current span.nav-header,
ul.menubasic.menu-light li.current ul span.nav-header,
ul.menubasic.menu-light li.current ul span.nav-header:hover,
ul.menubasic.menu-light li.current ul span.nav-header:focus {
  color: #fff !important;
  background-color: #0099ff;
}
ul.menubasic.menu-light li a:hover:before,
ul.menubasic.menu-light li a:focus:before,
ul.menubasic.menu-light li.current a:before,
ul.menubasic.menu-light li.current ul a:hover:before,
ul.menubasic.menu-light li.current ul a:focus:before,
ul.menubasic.menu-light li span.nav-header:hover:before,
ul.menubasic.menu-light li span.nav-header:focus:before,
ul.menubasic.menu-light li.current span.nav-header:before,
ul.menubasic.menu-light li.current ul span.nav-header:hover:before,
ul.menubasic.menu-light li.current ul span.nav-header:focus:before {
  color: #fff !important;
}
ul.menubasic.menu-light li a:before,
ul.menubasic.menu-light li span.nav-header:before {
  color: #aaa;
}

/* dark version */

#fav-container .fav-dark ul.menubasic.menu-light {
  border: 1px solid #e7e7e7;
}
#fav-container .fav-dark ul.menubasic.menu-light li a,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header {
  color: #444;
  border-bottom: 1px solid #e7e7e7;
}
#fav-container .fav-dark ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current a,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:focus {
  color: #fff !important;
  background-color: #0099ff;
}
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current a,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header:focus {
  color: #fff !important;
}
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current a,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header:focus {
  color: #fff !important;
}
#fav-container .fav-dark ul.menubasic.menu-light li a:hover:before,
#fav-container .fav-dark ul.menubasic.menu-light li a:focus:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current a:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:hover:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:focus:before,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:focus:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current span.nav-header:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:focus:before {
  color: #fff !important;
}
#fav-container .fav-dark ul.menubasic.menu-light li a:before,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:before {
  color: #aaa;
}

/*/
///
///  color menu
///
/*/

ul.menubasic.menu-color,
ul.menubasic.menu-color li a,
ul.menubasic.menu-color li span.nav-header {
  color: #fff !important;
  border-color: rgba(17, 17, 17, 0.47);
}
ul.menubasic.menu-color li a:hover,
ul.menubasic.menu-color li a:focus,
ul.menubasic.menu-color li span.nav-header:hover,
ul.menubasic.menu-color li span.nav-header:focus {
  color: #fff !important;
  background-color: rgba(17, 17, 17, 0.47) !important;
}
ul.menubasic.menu-color li a:before,
ul.menubasic.menu-color li span.nav-header:before {
  color: #fff;
}

/* dark version */

#fav-container .fav-dark ul.menubasic.menu-color,
#fav-container .fav-dark ul.menubasic.menu-color li a,
#fav-container .fav-dark ul.menubasic.menu-color li span.nav-header {
  color: #fff !important;
  border-color: rgba(17, 17, 17, 0.47);
}
#fav-container .fav-dark ul.menubasic.menu-color li a:before,
#fav-container .fav-dark ul.menubasic.menu-color li span.nav-header:before {
  color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  arrow menu
///
//////////////////////////////////////////////////////////////////////////////*/

ul.menuarrow li a,
ul.menuarrow li span.nav-header {
  color: #444;
  padding: 7px 14px 7px 0;
  display: block;
  font-size: 14px;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
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: #0099ff;
  background-color: transparent;
}
ul.menuarrow li.current ul a,
ul.menuarrow li.current ul span.nav-header {
  color: #444;
}
ul.menuarrow li a:before,
ul.menuarrow li span.nav-header:before {
  font-family: FontAwesome;
  content: "\f061";
  padding-left: 0px;
  padding-right: 10px;
  color: #bbb;
  font-size: 14px;
  line-height: 2em;
}
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: #0099ff;
}
ul.menuarrow li.current ul a:before,
ul.menuarrow li.current ul span.nav-header:before {
  color: #bbb;
}

/* dark version */

#fav-container .fav-dark ul.menuarrow li a,
#fav-container .fav-dark ul.menuarrow li span.nav-header {
  color: #eee;
}
#fav-container .fav-dark ul.menuarrow li a:hover,
#fav-container .fav-dark ul.menuarrow li a:focus,
#fav-container .fav-dark ul.menuarrow li.current a,
#fav-container .fav-dark ul.menuarrow li.current ul a:hover,
#fav-container .fav-dark ul.menuarrow li.current ul a:focus,
#fav-container .fav-dark ul.menuarrow li span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow li span.nav-header:focus,
#fav-container .fav-dark ul.menuarrow li.current span.nav-header,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:focus {
  color: #0099ff !important;
  background-color: transparent;
}
#fav-container .fav-dark ul.menuarrow li.current ul a,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header {
  color: #eee;
}
#fav-container .fav-dark ul.menuarrow li a:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:before {
  color: #555;
}
#fav-container .fav-dark ul.menuarrow li a:hover:before,
#fav-container .fav-dark ul.menuarrow li a:focus:before,
#fav-container .fav-dark ul.menuarrow li.current a:before,
#fav-container .fav-dark ul.menuarrow li.current ul a:hover:before,
#fav-container .fav-dark ul.menuarrow li.current ul a:focus:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuarrow li.current span.nav-header:before,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:focus:before {
  color: #0099ff;
}

/*/
///
///  clear
///
/*/

ul.menuarrow.menu-clear li a,
ul.menuarrow.menu-clear li span.nav-header {
  color: #999;
}
ul.menuarrow.menu-clear li a:hover,
ul.menuarrow.menu-clear li a:focus,
ul.menuarrow.menu-clear li span.nav-header:hover,
ul.menuarrow.menu-clear li span.nav-header:focus {
  color: #fff;
}

/* dark version */

#fav-container .fav-dark ul.menuarrow.menu-clear li a:hover,
#fav-container .fav-dark ul.menuarrow.menu-clear li a:focus,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current a,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current ul a:hover,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current ul a:focus,
#fav-container .fav-dark ul.menuarrow.menu-clear li span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow.menu-clear li span.nav-header:focus,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current span.nav-header,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow.menu-clear li.current ul span.nav-header:focus {
  color: #0099ff !important;
}

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

ul.menuarrow.menu-dark li a,
ul.menuarrow.menu-dark li span.nav-header {
  color: #777;
}
ul.menuarrow.menu-dark li a:hover,
ul.menuarrow.menu-dark li a:focus,
ul.menuarrow.menu-dark li span.nav-header:hover,
ul.menuarrow.menu-dark li span.nav-header:focus {
  color: #fff !important;
}

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

ul.menuarrow.menu-light li a,
ul.menuarrow.menu-light li span.nav-header {
  color: #444 !important;
}
ul.menuarrow.menu-light li a:hover,
ul.menuarrow.menu-light li a:focus,
ul.menuarrow.menu-light li.current a,
ul.menuarrow.menu-light li.current ul a:hover,
ul.menuarrow.menu-light li.current ul a:focus,
ul.menuarrow.menu-light li span.nav-header:hover,
ul.menuarrow.menu-light li span.nav-header:focus,
ul.menuarrow.menu-light li.current span.nav-header,
ul.menuarrow.menu-light li.current ul span.nav-header:hover,
ul.menuarrow.menu-light li.current ul span.nav-header:focus {
  color: #0099ff !important;
}
ul.menuarrow.menu-light li a:before,
ul.menuarrow.menu-light li span.nav-header:before {
  color: #ccc;
}

/* dark version */

#fav-container .fav-dark ul.menuarrow.menu-light li a,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header {
  color: #444 !important;
}
#fav-container .fav-dark ul.menuarrow.menu-light li a:hover,
#fav-container .fav-dark ul.menuarrow.menu-light li a:focus,
#fav-container .fav-dark ul.menuarrow.menu-light li.current a,
#fav-container .fav-dark ul.menuarrow.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menuarrow.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menuarrow.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menuarrow.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow.menu-light li.current ul span.nav-header:focus {
  color: #0099ff !important;
}
#fav-container .fav-dark ul.menuarrow.menu-light li a:before,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header:before {
  color: #ccc;
}

/*/
///
///  color
///
/*/

ul.menuarrow.menu-color li a,
ul.menuarrow.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67) !important;
}
ul.menuarrow.menu-color li a:hover,
ul.menuarrow.menu-color li a:focus,
ul.menuarrow.menu-color li span.nav-header:hover,
ul.menuarrow.menu-color li span.nav-header:focus {
  color: #fff !important;
}
ul.menuarrow.menu-color li a:before,
ul.menuarrow.menu-color li span.nav-header:before {
  color: #fff;
}
ul.menuarrow.menu-color li a:hover:before,
ul.menuarrow.menu-color li a:focus:before,
ul.menuarrow.menu-color li span.nav-header:hover:before,
ul.menuarrow.menu-color li span.nav-header:focus:before {
  color: rgba(17, 17, 17, 0.47);
}

/* dark version */

#fav-container .fav-dark ul.menuarrow.menu-color li a,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67) !important;
}
#fav-container .fav-dark ul.menuarrow.menu-color li a:hover,
#fav-container .fav-dark ul.menuarrow.menu-color li a:focus,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:focus {
  color: #fff !important;
}
#fav-container .fav-dark ul.menuarrow.menu-color li a:before,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:before {
  color: #fff;
}
#fav-container .fav-dark ul.menuarrow.menu-color li a:hover:before,
#fav-container .fav-dark ul.menuarrow.menu-color li a:focus:before,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:focus:before {
  color: rgba(17, 17, 17, 0.47);
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  side menu
///
//////////////////////////////////////////////////////////////////////////////*/

ul.menuside li {
  margin-bottom: 4px;
}
ul.menuside li a,
ul.menuside li span.nav-header {
  color: #444;
  padding: 9px 14px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  border-left: 5px solid #e7e7e7;;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
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: #0099ff;
  border-left: 5px solid #0099ff;
  background-color: transparent;
}
ul.menuside li.current ul a {
  color: #444;
}
ul.menuside li a:before,
ul.menuside li span.nav-header:before {
  content: none;
}

/* dark version */

#fav-container .fav-dark ul.menuside li a,
#fav-container .fav-dark ul.menuside li span.nav-header {
  color: #eee;
  border-left: 5px solid #444;
}
#fav-container .fav-dark ul.menuside li.current ul a,
#fav-container .fav-dark ul.menuside li.current ul span.nav-header {
  color: #eee;
}
#fav-container .fav-dark ul.menuside li a:hover,
#fav-container .fav-dark ul.menuside li a:focus,
#fav-container .fav-dark ul.menuside li.current a,
#fav-container .fav-dark ul.menuside li.current ul a:hover,
#fav-container .fav-dark ul.menuside li.current ul a:focus,
#fav-container .fav-dark ul.menuside li span.nav-header:hover,
#fav-container .fav-dark ul.menuside li span.nav-header:focus,
#fav-container .fav-dark ul.menuside li.current span.nav-header,
#fav-container .fav-dark ul.menuside li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuside li.current ul span.nav-header:focus {
  color: #0099ff !important;
  border-left: 5px solid #0099ff;
  background-color: transparent;
}

/*/
///
///  clear
///
/*/

ul.menuside.menu-clear li a,
ul.menuside.menu-clear li span.nav-header {
  color: #999;
}
ul.menuside.menu-clear li a:hover,
ul.menuside.menu-clear li a:focus,
ul.menuside.menu-clear li span.nav-header:hover,
ul.menuside.menu-clear li span.nav-header:focus {
  color: #fff;
}

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

ul.menuside.menu-dark li a,
ul.menuside.menu-dark li span.nav-header {
  color: #777;
}
ul.menuside.menu-dark li a:hover,
ul.menuside.menu-dark li a:focus,
ul.menuside.menu-dark li span.nav-header:hover,
ul.menuside.menu-dark li span.nav-header:focus {
  color: #fff !important;
}

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

ul.menuside.menu-light li a,
ul.menuside.menu-light li span.nav-header {
  color: #444;
  border-left: 5px solid #DDD;
}
ul.menuside.menu-light li a:hover,
ul.menuside.menu-light li a:focus,
ul.menuside.menu-light li.current a,
ul.menuside.menu-light li.current ul a:hover,
ul.menuside.menu-light li.current ul a:focus,
ul.menuside.menu-light li span.nav-header:hover,
ul.menuside.menu-light li span.nav-header:focus,
ul.menuside.menu-light li.current span.nav-header,
ul.menuside.menu-light li.current ul span.nav-header:hover,
ul.menuside.menu-light li.current ul span.nav-header:focus {
  color: #0099ff !important;
}

/* dark version */

#fav-container .fav-dark ul.menuside.menu-light li a,
#fav-container .fav-dark ul.menuside.menu-light li span.nav-header {
  color: #444;
  border-left: 5px solid #DDD;
}
#fav-container .fav-dark ul.menuside.menu-light li a:hover,
#fav-container .fav-dark ul.menuside.menu-light li a:focus,
#fav-container .fav-dark ul.menuside.menu-light li.current a,
#fav-container .fav-dark ul.menuside.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menuside.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menuside.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menuside.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menuside.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-light li.current ul span.nav-header:focus {
  color: #0099ff !important;
}

/*/
///
///  color
///
/*/

ul.menuside.menu-color li a,
ul.menuside.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67) !important;
}
ul.menuside.menu-color li a:hover,
ul.menuside.menu-color li a:focus,
ul.menuside.menu-color li span.nav-header:hover,
ul.menuside.menu-color li span.nav-header:focus {
  color: #fff !important;
}
ul.menuside.menu-color li a:before,
ul.menuside.menu-color li span.nav-header:before {
  color: #fff;
}
ul.menuside.menu-color li a:hover,
ul.menuside.menu-color li a:focus,
ul.menuside.menu-color li.current a,
ul.menuside.menu-color li.current ul a:hover,
ul.menuside.menu-color li.current ul a:focus,
ul.menuside.menu-color li span.nav-header:hover,
ul.menuside.menu-color li span.nav-header:focus,
ul.menuside.menu-color li.current span.nav-header,
ul.menuside.menu-color li.current ul span.nav-header:hover,
ul.menuside.menu-color li.current ul span.nav-header:focus {
  border-left: 5px solid rgba(17, 17, 17, 0.47);
}

/* dark version */

#fav-container .fav-dark ul.menuside.menu-color li a,
#fav-container .fav-dark ul.menuside.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67)!important;
  border-left: 5px solid #fff;
}
#fav-container .fav-dark ul.menuside.menu-color li a:hover,
#fav-container .fav-dark ul.menuside.menu-color li a:focus,
#fav-container .fav-dark ul.menuside.menu-color li.current a,
#fav-container .fav-dark ul.menuside.menu-color li.current ul a:hover,
#fav-container .fav-dark ul.menuside.menu-color li.current ul a:focus,
#fav-container .fav-dark ul.menuside.menu-color li span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-color li span.nav-header:focus,
#fav-container .fav-dark ul.menuside.menu-color li.current span.nav-header,
#fav-container .fav-dark ul.menuside.menu-color li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-color li.current ul span.nav-header:focus {
  color: #fff !important;
  border-left: 5px solid rgba(17, 17, 17, 0.47);
}
#fav-container .fav-dark ul.menuside.menu-color li a:before,
#fav-container .fav-dark ul.menuside.menu-color li span.nav-header:before {
  color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  line menu
///
//////////////////////////////////////////////////////////////////////////////*/

ul.menuline li {
  margin-bottom: 1px;
}
ul.menuline li a,
ul.menuline li span.nav-header {
  color: #444;
  padding: 10px 14px 10px 0;
  display: block;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
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 #0099ff;
  background-color: transparent;
}
ul.menuline li.current ul a {
  color: #444;
}
ul.menuline li a:before,
ul.menuline li span.nav-header:before {
  font-family: FontAwesome;
  content: "\f10c";
  padding-left: 0;
  padding-right: 10px;
  color: #ccc;
  font-size: 14px;
  margin-top: 2px;
}
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: #0099ff;
}

/* dark version */

#fav-container .fav-dark ul.menuline li a,
#fav-container .fav-dark ul.menuline li span.nav-header {
  color: #eee;
  border-bottom: 1px solid #444;
}
#fav-container .fav-dark ul.menuline li a:hover,
#fav-container .fav-dark ul.menuline li a:focus,
#fav-container .fav-dark ul.menuline li.current a,
#fav-container .fav-dark ul.menuline li.current ul a:hover,
#fav-container .fav-dark ul.menuline li.current ul a:focus,
#fav-container .fav-dark ul.menuline li span.nav-header:hover,
#fav-container .fav-dark ul.menuline li span.nav-header:focus,
#fav-container .fav-dark ul.menuline li.current span.nav-header,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:focus {
  border-bottom: 1px solid #0099ff;
  background-color: transparent;
  color: #eee;
}
#fav-container .fav-dark ul.menuline li.current ul a,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header {
  color: #eee;
}
#fav-container .fav-dark ul.menuline li a:before,
#fav-container .fav-dark ul.menuline li span.nav-header:before {
  color: #444;
}
#fav-container .fav-dark ul.menuline li a:hover:before,
#fav-container .fav-dark ul.menuline li a:focus:before,
#fav-container .fav-dark ul.menuline li.current a:before,
#fav-container .fav-dark ul.menuline li.current ul a:hover:before,
#fav-container .fav-dark ul.menuline li.current ul a:focus:before,
#fav-container .fav-dark ul.menuline li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuline li.current span.nav-header:before,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:focus:before {
  color: #0099ff;
}

/*/
///
///  clear
///
/*/

ul.menuline.menu-clear li a,
ul.menuline.menu-clear li span.nav-header {
  color: #999;
  border-bottom: 1px solid #444;
}
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 #0099ff;
}

/* dark version */

#fav-container .fav-dark ul.menuline.menu-clear li a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current a,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current span.nav-header,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:focus {
  color: #eee;
  border-bottom: 1px solid #0099ff;
}
#fav-container .fav-dark ul.menuline.menu-clear li a:before,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:before {
  color: #555;
}
#fav-container .fav-dark ul.menuline.menu-clear li a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current a,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current span.nav-header,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:focus {
  border-bottom: 1px solid #0099ff;
}

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

ul.menuline.menu-dark li a,
ul.menuline.menu-dark li span.nav-header {
  color: #777;
  border-bottom: 1px solid #444;
}
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 #0099ff;
}

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

ul.menuline.menu-light li a,
ul.menuline.menu-light li span.nav-header {
  color: #444;
  border-bottom: 1px solid #ddd;
}
ul.menuline.menu-light li a:hover,
ul.menuline.menu-light li a:focus,
ul.menuline.menu-light li.current a,
ul.menuline.menu-light li.current ul a:hover,
ul.menuline.menu-light li.current ul a:focus,
ul.menuline.menu-light li span.nav-header:hover,
ul.menuline.menu-light li span.nav-header:focus,
ul.menuline.menu-light li.current span.nav-header,
ul.menuline.menu-light li.current ul span.nav-header:hover,
ul.menuline.menu-light li.current ul span.nav-header:focus {
  color: #444 !important;
  border-bottom: 1px solid #0099ff;
}
ul.menuline.menu-light li a:before,
ul.menuline.menu-light li span.nav-header:before {
  color: #ccc;
}

/* dark version */

#fav-container .fav-dark ul.menuline.menu-light li a,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header {
  color: #444;
  border-bottom: 1px solid #ddd;
}
#fav-container .fav-dark ul.menuline.menu-light li a:hover,
#fav-container .fav-dark ul.menuline.menu-light li a:focus,
#fav-container .fav-dark ul.menuline.menu-light li.current a,
#fav-container .fav-dark ul.menuline.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menuline.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menuline.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menuline.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-light li.current ul span.nav-header:focus {
  color: #444 !important;
  border-bottom: 1px solid #0099ff;
}
#fav-container .fav-dark ul.menuline.menu-light li a:before,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header:before {
  color: #ccc;
}

/*/
///
///  color
///
/*/

ul.menuline.menu-color li a,
ul.menuline.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67) !important;
}
ul.menuline.menu-color li a:hover,
ul.menuline.menu-color li a:focus,
ul.menuline.menu-color li span.nav-header:hover,
ul.menuline.menu-color li span.nav-header:focus {
  color: #fff !important;
}
ul.menuline.menu-color li a:before,
ul.menuline.menu-color li span.nav-header:before {
  color: #fff;
}
ul.menuline.menu-color li a:hover:before,
ul.menuline.menu-color li a:focus:before,
ul.menuline.menu-color li span.nav-header:hover:before,
ul.menuline.menu-color li span.nav-header:focus:before {
  color: rgba(17, 17, 17, 0.47);
}
ul.menuline.menu-color li a:hover,
ul.menuline.menu-color li a:focus,
ul.menuline.menu-color li.current a,
ul.menuline.menu-color li.current ul a:hover,
ul.menuline.menu-color li.current ul a:focus,
ul.menuline.menu-color li span.nav-header:hover,
ul.menuline.menu-color li span.nav-header:focus,
ul.menuline.menu-color li.current span.nav-header,
ul.menuline.menu-color li.current ul span.nav-header:hover,
ul.menuline.menu-color li.current ul span.nav-header:focus {
  border-bottom: 1px solid rgba(17, 17, 17, 0.47);
}

/* dark version */

#fav-container .fav-dark ul.menuline.menu-color li a,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.67) !important;
  border-bottom: 1px solid #fff;
}
#fav-container .fav-dark ul.menuline.menu-color li a:hover,
#fav-container .fav-dark ul.menuline.menu-color li a:focus,
#fav-container .fav-dark ul.menuline.menu-color li.current a,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:hover,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:focus,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:focus,
#fav-container .fav-dark ul.menuline.menu-color li.current span.nav-header,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:focus {
  color: #fff !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.67);
}
#fav-container .fav-dark ul.menuline.menu-color li a:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:before {
  color: #fff;
}
#fav-container .fav-dark ul.menuline.menu-color li a:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li a:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li.current a:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li.current span.nav-header:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:focus:before {
  color: rgba(17, 17, 17, 0.57);
}

/* menu basic, arrow, side and line child elements spacing */

ul.menubasic ul.nav-child a,
ul.menuarrow ul.nav-child a,
ul.menuside ul.nav-child a,
ul.menuline ul.nav-child a,
ul.menubasic ul.nav-child span.nav-header,
ul.menuarrow ul.nav-child span.nav-header,
ul.menuside ul.nav-child span.nav-header,
ul.menuline ul.nav-child span.nav-header {
  padding-left: 28px;
}
ul.menubasic ul ul.nav-child a,
ul.menuarrow ul ul.nav-child a,
ul.menuside ul ul.nav-child a,
ul.menuline ul ul.nav-child a,
ul.menubasic ul ul.nav-child span.nav-header,
ul.menuarrow ul ul.nav-child span.nav-header,
ul.menuside ul ul.nav-child span.nav-header,
ul.menuline ul ul.nav-child span.nav-header {
  padding-left: 42px;
}
ul.menubasic ul ul ul.nav-child a,
ul.menuarrow ul ul ul.nav-child a,
ul.menuside ul ul ul.nav-child a,
ul.menuline ul ul ul.nav-child a,
ul.menubasic ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul.nav-child span.nav-header {
  padding-left: 56px;
}
ul.menubasic ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul.nav-child a,
ul.menubasic ul ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul ul.nav-child span.nav-header {
  padding-left: 70px;
}
ul.menubasic ul ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul ul.nav-child a,
ul.menubasic ul ul ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul ul ul.nav-child span.nav-header {
  padding-left: 84px;
}

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

3.3. horizontal menus

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

ul.menuhorizontal {
  margin: 0;
  float: left;
  overflow: hidden;
}
ul.menuhorizontal li {
  float: left;
  list-style:none;
  background: none;
  line-height: 21px;
}
ul.menuhorizontal li a,
ul.menuhorizontal li span.nav-header {
  display: block;
  color: #333333;
  margin-right: 14px;
  transition: all 0.3s ease-out 0s;
}
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: #0099ff;
  background-color: transparent;
  text-decoration:none;
}
ul.menuhorizontal ul {
  display: none;
}
ul.nav.menuhorizontal li span.nav-header {
  padding: 0;
  margin-right: 28px;
  line-height: 21px;
}

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

  ul.menuhorizontal {
    margin: 0 auto;
    display: table;
  }
  ul.menuhorizontal li {
    float: none;
    padding: 4px;
  }
  ul.menuhorizontal li a {
    margin: 0;
  }

}

/* dark version */

#fav-container .fav-dark ul.menuhorizontal li a,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header {
  display: block;
  color: inherit;
}
#fav-container .fav-dark ul.menuhorizontal li.active a,
#fav-container .fav-dark ul.menuhorizontal li a:hover,
#fav-container .fav-dark ul.menuhorizontal li a:focus,
#fav-container .fav-dark ul.menuhorizontal li:hover a,
#fav-container .fav-dark ul.menuhorizontal li:focus a,
#fav-container .fav-dark ul.menuhorizontal li.active span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:hover,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:focus,
#fav-container .fav-dark ul.menuhorizontal li:hover span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li:focus span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:hover,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:focus {
  color: #0099ff;
  background-color: transparent;
}

/*/
///
///  clear
///
/*/

ul.menuhorizontal.menu-clear li a,
ul.menuhorizontal.menu-clear li span.nav-header {
  color: #fff !important;
}
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: #0099ff !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: #0099ff !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: #0099ff !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: #0099ff !important;
}

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

ul.menuhorizontal.menu-light li.active a,
ul.menuhorizontal.menu-light li a:hover,
ul.menuhorizontal.menu-light li a:focus,
ul.menuhorizontal.menu-light li:hover a,
ul.menuhorizontal.menu-light li:focus a,
ul.menuhorizontal.menu-light li.active span.nav-header,
ul.menuhorizontal.menu-light li span.nav-header:hover,
ul.menuhorizontal.menu-light li span.nav-header:focus,
ul.menuhorizontal.menu-light li:hover span.nav-header,
ul.menuhorizontal.menu-light li:focus span.nav-header,
ul.menuhorizontal.menu-light li span.nav-header:hover,
ul.menuhorizontal.menu-light li span.nav-header:focus {
  color: #0099ff !important;
  background-color: transparent;
  text-decoration: none;
}

/*/
///
///  color
///
/*/

ul.menuhorizontal.menu-color li a,
ul.menuhorizontal.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.87) !important;
}
ul.menuhorizontal.menu-color li.active a,
ul.menuhorizontal.menu-color li a:hover,
ul.menuhorizontal.menu-color li a:focus,
ul.menuhorizontal.menu-color li:hover a,
ul.menuhorizontal.menu-color li:focus a,
ul.menuhorizontal.menu-color li.active span.nav-header,
ul.menuhorizontal.menu-color li span.nav-header:hover,
ul.menuhorizontal.menu-color li span.nav-header:focus,
ul.menuhorizontal.menu-color li:hover span.nav-header,
ul.menuhorizontal.menu-color li:focus span.nav-header,
ul.menuhorizontal.menu-color li span.nav-header:hover,
ul.menuhorizontal.menu-color li span.nav-header:focus {
  color: #fff !important;
}
ul.menuhorizontal.menu-color li a:before,
ul.menuhorizontal.menu-color li span.nav-header:before {
  color: #fff;
}

/*/
///
///  right
///
/*/

ul.menuhorizontal.pull-right {
  margin: 0;
  float: right;
  overflow: hidden;
}
ul.menuhorizontal.pull-right li {
  float: left;
  list-style:none;
  background: none;
  line-height: 21px;
}
ul.menuhorizontal.pull-right li a,
ul.menuhorizontal.pull-right li span.nav-header {
  display: block;
  color: #333333;
  margin-left: 28px;
  margin-right: 0;
  transition: all 0.3s ease-out 0s;
}
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: #0099ff;
  background-color: transparent;
  text-decoration:none;
}
ul.menuhorizontal.pull-right ul {
  display: none;
}
ul.nav.menuhorizontal.pull-right li span.nav-header {
  padding: 0;
  margin-left: 28px;
  line-height: 21px;
}

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

  ul.menuhorizontal.pull-right {
    margin: 0 auto;
    display: table;
    float: left !important;
  }
  ul.menuhorizontal.pull-right li {
    float: none;
    padding: 4px;
  }
  ul.menuhorizontal.pull-right li a,
  ul.nav.menuhorizontal.pull-right li span.nav-header {
    margin: 0;
  }

}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  4. module positions
///
////////////////////////////////////////////////////////////////////////////////
/*/

#fav-intro,
#fav-lead,
#fav-promo,
#fav-prime,
#fav-showcase,
#fav-feature,
#fav-focus,
#fav-portfolio,
#fav-screen,
#fav-top,
#fav-maintop,
#fav-mainbottom,
#fav-bottom,
#fav-note,
#fav-base,
#fav-block,
#fav-user,
#fav-footer {
  padding-top: 11px;
  padding-bottom: 10px;
}

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

  #fav-intro,
  #fav-lead,
  #fav-promo,
  #fav-prime,
  #fav-showcase,
  #fav-feature,
  #fav-focus,
  #fav-portfolio,
  #fav-screen,
  #fav-top,
  #fav-maintop,
  #fav-mainbottom,
  #fav-bottom,
  #fav-note,
  #fav-base,
  #fav-block,
  #fav-user,
  #fav-footer {
    padding-top: 0;
    padding-bottom: 0;
  }

}

/*//////////////////////////////////////////////////////////////////////////////
///
///  modules container
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-containerwrap {
  background: transparent url("../images/wood_pattern.png") repeat scroll 0% 0%;
}
#fav-container {
  background-color: #FFF;
  margin-top: 9px;
  margin-bottom: 9px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.27);
}

/* dark version */

#fav-container .fav-dark {
  background-color: #222;
  color: #eee;
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
  box-shadow: 0 0 6px 0 rgba(0,0,0,.47);
}

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

  #fav-containerwrap {
    background: none;
  }
  #fav-container {
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: none;
  }

}

/*//////////////////////////////////////////////////////////////////////////////
///
///  notice
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-noticewrap.alert {
  margin: 0;
  padding-top: 11px;
  padding-bottom: 10px;
  text-shadow: none;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#fav-notice {
  padding-left: 10px;
}
#fav-notice .moduletable {
  margin: 0;
  padding: 11px 0px 0px 0px;
}
#fav-noticewrap h3 {
  margin: 0;
}

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

  #fav-notice {
    margin-top: 0;
    padding-right: 28px;
  }
  #fav-noticewrap.alert button.close {
    right: 0;
    top: 4px;
  }

}

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

#fav-slidewrap.container-fluid {
  padding: 0;
}
#fav-slide {
  padding: 0;
}
#fav-slide .moduletable {
  margin: 0;
}
#fav-slide .moduletable.favstyle {
  margin-top: 26px;
}

@media (max-width: 1200px) {

  #fav-slide .moduletable.favstyle {
    margin-top: 0px;
  }

}

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

  #fav-slide .moduletable.favstyle {
    margin-top: 18px;
  }

}

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

#fav-topbarwrap {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.17);
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  breadcrumbs
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-breadcrumbs .moduletable,
#fav-breadcrumbs div[class^="moduletable-"],
#fav-breadcrumbs div[class*=" moduletable-"] {
  font-size: 14px;
  margin: 14px 0px 0px;
}
#fav-breadcrumbs .moduletable img,
#fav-breadcrumbs div[class^="moduletable-"] img,
#fav-breadcrumbs div[class*=" moduletable-"] img {
  display: none;
}

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

  #fav-breadcrumbs .moduletable,
  #fav-breadcrumbs div[class^="moduletable-"],
  #fav-breadcrumbs div[class*=" moduletable-"] {
    margin-top: 12px;
    margin-bottom: 0;
  }

}

/*//////////////////////////////////////////////////////////////////////////////
///
///  main
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-messagewrap .row-fluid [class*="span"] {
  min-height:0;
}
#system-message {
  margin-top: 10px;
}
#fav-mainwrap .row-fluid [class*="span"] {
  min-height: 0;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  copyright
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-copyrightwrap {
  padding-top: 6px;
  padding-bottom: 7px;
}

#fav-showcopyright p {
  margin-top: 14px;
  line-height: 21px;
  font-size: 14px;
}

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

  #fav-copyrightwrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #fav-showcopyright {
    text-align: center;
    margin: 18px 0 14px;
  }

}

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

a.backtop i {
  background-color: #0099ff;
  color: #FFFFFF;
  font-size: 2em;
  padding-right: 0;
  padding: 0.3em 0.5em;
  display: block;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.backtop i:hover {
  opacity: 0.8;
}
#fav-backtop {
  bottom: 3em;
  right: 3em;
  width: 55px;
  position: fixed;
}
#fav-backtop .backtop {
  float: right;
}

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

  a.backtop i {
    box-shadow: none;
  }
  #fav-backtop {
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 20px;
  }
  #fav-backtop .backtop {
    float: none;
  }

}

/*//////////////////////////////////////////////////////////////////////////////
///
///  image and color module positions
///
//////////////////////////////////////////////////////////////////////////////*/

/*/
///
///  overlay
///
/*/

#fav-container.fav-overlay {
  margin-right: 0;
  margin-left: 0;
}
.fav-overlay {
  background-color: rgba(17, 17, 17, 0.87);
  margin-right: -20px;
  margin-left: -20px;
}

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

  .fav-overlay {
    padding-right: 20px;
    padding-left: 20px;
  }

}

/* transparent */
.fav-transparent {
  background-color: transparent;
}

/*/
///
///  image module positions
///
/*/

#fav-introwrap {
  background: url(../images/demo/demo-bg-1.jpg) center top no-repeat fixed #111;
}
#fav-primewrap {
  background: url(../images/demo/demo-bg-2.jpg) center top no-repeat fixed #111;
}
#fav-screenwrap {
  background: url(../images/demo/demo-bg-3.jpg) center top no-repeat fixed #111;
}
#fav-basewrap {
  background: url(../images/demo/demo-bg-4.jpg) center top no-repeat fixed #111;
}
#fav-introwrap,
#fav-primewrap,
#fav-screenwrap,
#fav-basewrap {
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#fav-introwrap h3,
#fav-primewrap h3,
#fav-screenwrap h3,
#fav-basewrap h3  {
  color: #fff;
}
#fav-introwrap a:hover,
#fav-introwrap a:focus,
#fav-primewrap a:hover,
#fav-primewrap a:focus,
#fav-screenwrap a:hover,
#fav-screenwrap a:focus,
#fav-basewrap a:hover,
#fav-basewrap a:focus {
  color: #fff;
}

/*/
///
///  dark module positions
///
/*/

#fav-portfoliowrap,
#fav-notewrap,
#fav-footerwrap {
  background-color: #222;
  color: #eee;
}
#fav-showcasewrap {
  background-color: #171717;
  color: #eee;
}
#fav-showcasewrap h3,
#fav-portfoliowrap h3,
#fav-notewrap h3,
#fav-footerwrap h3 {
  color: #eee;
}
#fav-showcasewrap a:hover,
#fav-showcasewrap a:focus,
#fav-portfoliowrap a:hover,
#fav-portfoliowrap a:focus,
#fav-notewrap a:hover,
#fav-notewrap a:focus,
#fav-footerwrap a:hover,
#fav-footerwrap a:focus {
  color: #999;
}

/*/
///
///  color module positions
///
/*/

#fav-noticewrap,
#fav-focuswrap {
  background-color: #0099ff;
  color: #fff;
}
#fav-noticewrap h3,
#fav-focuswrap h3 {
  color: #fff;
}
#fav-noticewrap a,
#fav-focuswrap a {
  color: #222;
}
#fav-noticewrap a:hover,
#fav-noticewrap a:focus,
#fav-focuswrap a:hover,
#fav-focuswrap a:focus {
  color: #fff;
}

/*/
///
///  light module positions
///
/*/

#fav-featurewrap,
#fav-blockwrap {
  background-color: #fff;
  color: #444;
}
#fav-featurewrap h3,
#fav-blockwrap h3 {
  color: #444 !important;
}
#fav-featurewrap a:hover,
#fav-featurewrap a:focus,
#fav-blockwrap a:hover,
#fav-blockwrap a:focus {
  color: #777;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  module positions - parameters for mobile
///
//////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {
  #fav-main img,
  .moduletable .custom img,
  div[class^="moduletable-"] div[class^="custom-"] img,
  div[class*=" moduletable-"] div[class*=" custom-"] img,
  .img-left,
  .img-right {
    display: inline-block ;
  }
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  5. fonts
///
////////////////////////////////////////////////////////////////////////////////
/*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  default
///
//////////////////////////////////////////////////////////////////////////////*/

body,
.fav404,
.fav404 a.btn,
#fav-navbar div.navbar #fav-mobilemenutext,
#fav-navbar div.navbar-inverse #fav-mobilemenutext,
#fav-download #fav-download-btn a.btn {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.favintro,
p.fav404,
#fav-download #fav-download-message {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.favnav.navstyle-icon-horizontal .navigation li a[class^="fa-"]:before,
.favnav.navstyle-icon-horizontal .navigation li a[class*=" fa-"]:before,
.favnav.navstyle-icon-horizontal .navigation li span.nav-header[class^="fa-"]:before,
.favnav.navstyle-icon-horizontal .navigation li span.nav-header[class*=" fa-"]:before {
  font-weight: normal;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  joomla
///
//////////////////////////////////////////////////////////////////////////////*/

.btn,
.pager .next a,
.pager .previous a,
#fav-search-advanced-fields .accordion-heading a.accordion-toggle {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
#fav-language a.btn.dropdown-toggle,
#fav-language-demo a.btn.dropdown-toggle {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.accordion-heading a.accordion-toggle {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  titles
///
//////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6,
.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 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  navigation
///
//////////////////////////////////////////////////////////////////////////////*/

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  extensions
///
//////////////////////////////////////////////////////////////////////////////*/

.favstyle #fav-caption h3,
.favstyle div[id^="favpromote-box"] h4,
.favstyle div[id*=" favpromote-box"] h4,
.favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
.favstyle h4[id^="favimagehover-title"],
.favstyle h4[id*=" favimagehover-title"],
.favstyle div.favglyph-description-center h2,
.favstyle p[id^="faveffects-title"],
.favstyle p[id*=" faveffects-title"] {
  font-weight: 300;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  6. titles
///
////////////////////////////////////////////////////////////////////////////////
/*/

.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 {
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
  font-size: 24px;
  font-weight: 300;
  color: #444;
  border: 0 none;
}
.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: #0099ff;
}
div.newsfeed h2,
div.newsfeed h2 a,
div.newsfeed-category h3,
div.newsfeed-category h2,
div.newsfeed-category h2 a,
div.contact-category h2 {
  color: #444;
}

/* dark version */

#fav-container .fav-dark .moduletable h3,
#fav-container .fav-dark .page-header h2,
#fav-container .fav-dark h2.item-title,
#fav-container .fav-dark .componentheading,
#fav-container .fav-dark #member-profile legend,
#fav-container .fav-dark div.tag-category ul h3,
#fav-container .fav-dark div.contact-category h2,
#fav-container .fav-dark div.newsfeed h2,
#fav-container .fav-dark div.newsfeed-category h2,
#fav-container .fav-dark legend {
  color: #eee;
}
#fav-container .fav-dark .page-header h2 a,
#fav-container .fav-dark h2.item-title a,
#fav-container .fav-dark div.categories-list h3 a,
#fav-container .fav-dark div.newsfeed h2 a {
  color: #eee;
}
#fav-container .fav-dark .page-header h2 a:hover,
#fav-container .fav-dark h2.item-title a:hover,
#fav-container .fav-dark div.categories-list h3 a:hover,
#fav-container .fav-dark div.newsfeed h2 a:hover {
  color: #0099ff;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  7. buttons
///
////////////////////////////////////////////////////////////////////////////////
/*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  default
///
//////////////////////////////////////////////////////////////////////////////*/

.btn,
.pager .next a,
.pager .previous a {
  color: #fff;
  background-color: #0099ff;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 11px 21px 10px;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pager .next a:hover,
.pager .previous a:hover,
.pager .next a:focus,
.pager .previous a:focus {
  color: #fff !important;
  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);
}
.btn:focus {
  outline: none;
}
.btn:active {
  box-shadow: none;
}
.btn-group > .btn:first-child {
  margin-left: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
ul.pager.pagenav li:before {
  content: none;
}

/* dark version */

#fav-container .fav-dark .moduletable a.btn:hover,
#fav-container .fav-dark div[class^="moduletable-"] a.btn:hover,
#fav-container .fav-dark div[class*=" moduletable-"] a.btn:hover,
#fav-container .fav-dark .moduletable a.btn:focus,
#fav-container .fav-dark div[class^="moduletable-"] a.btn:focus,
#fav-container .fav-dark div[class*=" moduletable-"] a.btn:focus,
#fav-container .fav-dark .moduletable a.btn:active,
#fav-container .fav-dark div[class^="moduletable-"] a.btn:active,
#fav-container .fav-dark div[class*=" moduletable-"] a.btn:active,
#fav-container .fav-dark .moduletable a.btn.active,
#fav-container .fav-dark div[class^="moduletable-"] a.btn.active,
#fav-container .fav-dark div[class*=" moduletable-"] a.btn.active {
  color: #fff !important;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  primary
///
//////////////////////////////////////////////////////////////////////////////*/

.btn-primary {
  color: #fff;
  background-color: #0099ff;
  border: 1px solid transparent;
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus  {
  color: #fff;
  background-color: #0099ff;
  opacity: 0.9;
  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);
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn:first-child {
  margin-left: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.btn i {
  vertical-align: baseline;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  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;
  font-size: 14px;
}
.btn-mini {
  padding: 6px 10px 4px;
  font-size: 12px;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  disabled
///
//////////////////////////////////////////////////////////////////////////////*/

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus {
  background-color: #dfdfdf;
  box-shadow: none;
  background-image: none;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  buttons style
///
//////////////////////////////////////////////////////////////////////////////*/

/* default */

#fav-notice .btn,
#fav-focus .btn,
.moduletable-sfx9 .btn,
.moduletable-sfx10 .btn,
.moduletable-sfx11 .btn,
.moduletable-sfx12 .btn {
  color: #FFF !important;
  background-color: #333 !important;
}
#fav-notice .btn:hover,
#fav-notice .btn:focus,
#fav-focus .btn:hover,
#fav-focus .btn:focus,
.moduletable-sfx9 .btn:hover,
.moduletable-sfx9 .btn:focus,
.moduletable-sfx10 .btn:hover,
.moduletable-sfx10 .btn:focus,
.moduletable-sfx11 .btn:hover,
.moduletable-sfx11 .btn:focus,
.moduletable-sfx12 .btn:hover,
.moduletable-sfx12 .btn:focus {
  color: #333 !important;
  background-color: #fff !important;
}
#fav-intro .btn:hover,
#fav-intro .btn:focus,
#fav-prime .btn:hover,
#fav-prime .btn:focus,
#fav-showcase .btn:hover,
#fav-showcase .btn:focus,
#fav-portfolio .btn:hover,
#fav-portfolio .btn:focus,
#fav-screen .btn:hover,
#fav-screen .btn:focus,
#fav-note .btn:hover,
#fav-note .btn:focus,
#fav-base .btn:hover,
#fav-base .btn:focus,
#fav-footer .btn:hover,
#fav-footer .btn:focus {
  color: #FFF !important;
  background-color: #333 !important;
}
.moduletable-sfx17 .btn:hover,
.moduletable-sfx17 .btn:focus,
.moduletable-sfx18 .btn:hover,
.moduletable-sfx18 .btn:focus,
.moduletable-sfx19 .btn:hover,
.moduletable-sfx19 .btn:focus,
.moduletable-sfx20 .btn:hover,
.moduletable-sfx20 .btn:focus,
.moduletable-sfx21 .btn:hover,
.moduletable-sfx21 .btn:focus,
.moduletable-sfx22 .btn:hover,
.moduletable-sfx22 .btn:focus,
.moduletable-sfx23 .btn:hover,
.moduletable-sfx23 .btn:focus,
.moduletable-sfx24 .btn:hover,
.moduletable-sfx24 .btn:focus,
.moduletable-sfx33 .btn:hover,
.moduletable-sfx33 .btn:focus,
.moduletable-sfx34 .btn:hover,
.moduletable-sfx34 .btn:focus,
.moduletable-sfx35 .btn:hover,
.moduletable-sfx35 .btn:focus,
.moduletable-sfx36 .btn:hover,
.moduletable-sfx36 .btn:focus {
  color: #FFF !important;
  background-color: #333 !important;
}

/* primary */

#fav-notice .btn-primary,
#fav-focus .btn-primary,
.moduletable-sfx9 .btn-primary,
.moduletable-sfx10 .btn-primary,
.moduletable-sfx11 .btn-primary,
.moduletable-sfx12 .btn-primary {
  color: #333 !important;
  background-color: #FFF !important;
}
#fav-notice .btn-primary:hover,
#fav-notice .btn-primary:focus,
#fav-focus .btn-primary:hover,
#fav-focus .btn-primary:focus,
.moduletable-sfx9 .btn-primary:hover,
.moduletable-sfx9 .btn-primary:focus,
.moduletable-sfx10 .btn-primary:hover,
.moduletable-sfx10 .btn-primary:focus,
.moduletable-sfx11 .btn-primary:hover,
.moduletable-sfx11 .btn-primary:focus,
.moduletable-sfx12 .btn-primary:hover,
.moduletable-sfx12 .btn-primary:focus {
  color: #FFF !important;
  background-color: #333 !important;
}
#fav-intro .btn-primary:hover,
#fav-intro .btn-primary:focus,
#fav-prime .btn-primary:hover,
#fav-prime .btn-primary:focus,
#fav-showcase .btn-primary:hover,
#fav-showcase .btn-primary:focus,
#fav-portfolio .btn-primary:hover,
#fav-portfolio .btn-primary:focus,
#fav-screen .btn-primary:hover,
#fav-screen .btn-primary:focus,
#fav-note .btn-primary:hover,
#fav-note .btn-primary:focus,
#fav-base .btn-primary:hover,
#fav-base .btn-primary:focus,
#fav-footer .btn-primary:hover,
#fav-footer .btn-primary:focus {
  color: #333 !important;
  background-color: #FFF !important;
}
.moduletable-sfx17 .btn-primary:hover,
.moduletable-sfx17 .btn-primary:focus,
.moduletable-sfx18 .btn-primary:hover,
.moduletable-sfx18 .btn-primary:focus,
.moduletable-sfx19 .btn-primary:hover,
.moduletable-sfx19 .btn-primary:focus,
.moduletable-sfx20 .btn-primary:hover,
.moduletable-sfx20 .btn-primary:focus,
.moduletable-sfx21 .btn-primary:hover,
.moduletable-sfx21 .btn-primary:focus,
.moduletable-sfx22 .btn-primary:hover,
.moduletable-sfx22 .btn-primary:focus,
.moduletable-sfx23 .btn-primary:hover,
.moduletable-sfx23 .btn-primary:focus,
.moduletable-sfx24 .btn-primary:hover,
.moduletable-sfx24 .btn-primary:focus,
.moduletable-sfx33 .btn-primary:hover,
.moduletable-sfx33 .btn-primary:focus,
.moduletable-sfx34 .btn-primary:hover,
.moduletable-sfx34 .btn-primary:focus,
.moduletable-sfx35 .btn-primary:hover,
.moduletable-sfx35 .btn-primary:focus,
.moduletable-sfx36 .btn-primary:hover,
.moduletable-sfx36 .btn-primary:focus {
  color: #333 !important;
  background-color: #FFF !important;
}

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

.pagination {
  display: block;
  margin: 11px 0px 10px;
  clear: both;
}
.pagination ul {
  list-style-type: none;
  line-height: 2.4em;
  padding-left: 0;
  display: table;
  margin: 0 auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pagination ul li {
  float: left;
}
.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 {
  color: #fff;
  background-color: #0099ff;
  margin: 0 4px 21px 4px;
  padding: 11px 18px 9px;
  float: left;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-transform: uppercase;
  display: block;
  text-shadow: none;
  border: 1px solid transparent;
  background-image: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li.active a,
.pagination ul li.active a:hover {
  color: #0099ff;
  background-color: #fff;
  border: 1px solid #ddd;
  background-image: none;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus {
  color: #fff;
  background-color: #333;
  border: 1px solid transparent;
  box-shadow: none;
}
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #fff !important;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination [class^="icon-"],
.pagination [class*=" icon-"] {
  font-size: 14px;
  margin-right: 0;
  vertical-align: top;
}
.pagination ul li a:before {
  content: none !important;
}
.pagination p.counter.pull-right {
  float: none;
  text-align: center;
  margin-bottom: 20px;
  font-size: 13px;
}

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

  .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 {
    padding: 7px 12px 5px;
  }

}
@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 {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0;
    padding: 4px 10px 2px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .pagination [class^="icon-"],
  .pagination [class*=" icon-"] {
    font-size: 12px;
    margin-top: 0.2em;
  }

}

/* dark version */

#fav-container .fav-dark .pagination ul li a,
#fav-container .fav-dark .pagination ul > .disabled > a,
#fav-container .fav-dark .pagination ul > .active > a,
#fav-container .fav-dark .pagination ul > .disabled > a:hover,
#fav-container .fav-dark .pagination ul > .disabled > a:focus,
#fav-container .fav-dark .pagination ul > .active > a:hover,
#fav-container .fav-dark .pagination ul > .active > a:focus {
  color: #fff;
  background-color: #0099ff;
}
#fav-container .fav-dark .pagination ul li a:hover,
#fav-container .fav-dark .pagination ul li a:focus,
#fav-container .fav-dark .pagination ul li.active a,
#fav-container .fav-dark .pagination ul li.active a:hover {
  color: #0099ff;
  background-color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  bootstrap buttons
///
//////////////////////////////////////////////////////////////////////////////*/

/* info */

.btn-info {
  color: #ffffff !important;
  background-color: #5bc0de !important;
  border-color: transparent !important;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background-color: #46b8da !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

/* success */

.btn-success {
  color: #ffffff !important;
  background-color: #5cb85c !important;
  border-color: transparent !important;
  background-image: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff !important;
  background-color: #4cae4c !important;
  border-color: transparent !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

/* warning */

.btn-warning {
  color: #ffffff !important;
  background-color: #f0ad4e !important;
  border-color: transparent !important;
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #ffffff !important;
  background-color: #eea236 !important;
  border-color: transparent !important;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

/* danger */

.btn-danger {
  color: #ffffff !important;
  background-color: #d9534f !important;
  border-color: transparent !important;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #ffffff !important;
  background-color: #d43f3a !important;
  border-color: transparent !important;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d9534f;
}

/* inverse */

.btn-inverse {
  color: #ffffff!important;
  background-color: #363636!important;
  border-color: transparent!important;
  background-image: none;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
  color: #ffffff !important;
  background-color: #191919 !important;
  border-color: transparent !important;
}

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

span.icon-edit {
  padding-right: 0;
}
a.btn.jmodedit {
  padding: 6px 2px 2px 8px;
  box-shadow: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  8. variations
///
////////////////////////////////////////////////////////////////////////////////
/*/

/*/
///
///  variation 1
///
/*/

.moduletable-sfx1 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx1 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx1,
#fav-container .fav-dark .moduletable-sfx1 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx1 h3 i {
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx1 a:hover,
#fav-container .fav-dark .moduletable-sfx1 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 h3 i {
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 2
///
/*/

.moduletable-sfx2 h3 {
  color: #444;
  margin-bottom: 18px;
  margin-top: 14px;
  padding-bottom: 8px;
  font-size: 24px;
  line-height: 1.3em;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
}
.moduletable-sfx2 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx2 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx2 h3 {
  color: #eee !important;
  border-bottom: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx2 h3 i {
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx2 a:hover,
#fav-container .fav-dark .moduletable-sfx2 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 h3 {
  color: #444 !important;
  border-bottom: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 h3 i {
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 3
///
/*/

.moduletable-sfx3 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx3 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx3,
#fav-container .fav-dark .moduletable-sfx3 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx3 h3 i {
  color: #FFF !important;
}
#fav-container .fav-dark .moduletable-sfx3 a:hover,
#fav-container .fav-dark .moduletable-sfx3 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 4
///
/*/

.moduletable-sfx4 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx4 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx4,
#fav-container .fav-dark .moduletable-sfx4 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx4 h3 i {
  color: #FFF !important;
}
#fav-container .fav-dark .moduletable-sfx4 a:hover,
#fav-container .fav-dark .moduletable-sfx4 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 5
///
/*/

.moduletable-sfx5 {
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx5 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx5 h3 i {
  color: #0099ff;
  margin-right: 14px;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx5 {
  color: #eee !important;
  border: 1px solid #444;
}
#fav-container .fav-dark .moduletable-sfx5 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx5 h3 i {
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx5 a:hover,
#fav-container .fav-dark .moduletable-sfx5 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 {
  color: #444 !important;
  border: 1px solid #ddd;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 h3 i {
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 6
///
/*/

.moduletable-sfx6 {
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx6 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid #e7e7e7;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx6 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx6 {
  color: #eee !important;
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx6 h3 {
  color: #eee !important;
  border-bottom: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx6 h3 i {
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx6 a:hover,
#fav-container .fav-dark .moduletable-sfx6 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 {
  color: #444 !important;
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 h3 {
  color: #444 !important;
  border-bottom: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 h3 i {
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 7
///
/*/

.moduletable-sfx7 {
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx7 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx7 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx7 {
  color: #eee !important;
  border: 1px solid #444 !important;
}
#fav-container .fav-dark .moduletable-sfx7 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx7 h3 i {
  color: #FFF !important;
}
#fav-container .fav-dark .moduletable-sfx7 a:hover,
#fav-container .fav-dark .moduletable-sfx7 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 {
  color: #444 !important;
  border: 1px solid #ddd !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 8
///
/*/

.moduletable-sfx8 {
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx8 h3 {
  font-size: 24px;
  color: #444;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx8 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx8 {
  color: #eee !important;
  border: 1px solid #444;
}
#fav-container .fav-dark .moduletable-sfx8 h3 {
  color: #eee !important;
}
#fav-container .fav-dark .moduletable-sfx8 h3 i {
  color: #FFF !important;
}
#fav-container .fav-dark .moduletable-sfx8 a:hover,
#fav-container .fav-dark .moduletable-sfx8 a:focus {
  color: #999;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 {
  color: #444 !important;
  border: 1px solid #ddd;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 h3 {
  color: #444 !important;
}
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 a:focus {
  color: #0099ff !important;
}

/*/
///
///  variation 9
///
/*/

.moduletable-sfx9 {
  color: #fff;
  background-color: #0099ff;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx9 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx9 h3 i {
  color: #fff;
  margin-right: 14px;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx9 a {
  color: #222;
}
.moduletable-sfx9 a:hover,
.moduletable-sfx9 a:focus {
  color: #fff;
}

/*/
///
///  variation 10
///
/*/

.moduletable-sfx10 {
  color: #fff;
  background-color: #0099ff;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx10 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
}
.moduletable-sfx10 h3 i {
  color: #fff;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx10 a {
  color: #222;
}
.moduletable-sfx10 a:hover,
.moduletable-sfx10 a:focus {
  color: #fff;
}

/*/
///
///  variation 11
///
/*/

.moduletable-sfx11 {
  color: #fff;
  background-color: #0099ff;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx11 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx11 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  margin-right: 14px;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx11 a {
  color: #222;
}
.moduletable-sfx11 a:hover,
.moduletable-sfx11 a:focus {
  color: #fff;
}

/*/
///
///  variation 12
///
/*/

.moduletable-sfx12 {
  color: #fff;
  background-color: #0099ff;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx12 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx12 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx12 a {
  color: #222;
}
.moduletable-sfx12 a:hover,
.moduletable-sfx12 a:focus {
  color: #fff;
}

/*/
///
///  variation 13
///
/*/

.moduletable-sfx13 {
  color: #fff;
}
.moduletable-sfx13 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx13 h3 i {
  background-color: rgba(17, 17, 17, 0.67);
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 14
///
/*/

.moduletable-sfx14 {
  color: #fff;
}
.moduletable-sfx14 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid #444;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx14 h3 i {
  background-color: rgba(17, 17, 17, 0.67);
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 15
///
/*/

.moduletable-sfx15 {
  color: #fff;
}
.moduletable-sfx15 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx15 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 16
///
/*/

.moduletable-sfx16 {
  color: #fff;
}
.moduletable-sfx16 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 14px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #0099ff;
}
.moduletable-sfx16 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 17
///
/*/

.moduletable-sfx17 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx17 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx17 h3 i {
  color: #0099ff;
  background-color: rgba(17, 17, 17, 0.67);
  padding: 10px;
  margin-right: 14px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 18
///
/*/

.moduletable-sfx18 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx18 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
.moduletable-sfx18 h3 i {
  color: #0099ff;
  background-color: rgba(17, 17, 17, 0.67);
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 19
///
/*/

.moduletable-sfx19 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx19 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx19 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 20
///
/*/

.moduletable-sfx20 {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx20 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #0099ff;
}
.moduletable-sfx20 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  variation 21
///
/*/

.moduletable-sfx21 {
  color: #eee;
  background-color: rgba(17, 17, 17, 0.77);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx21 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx21 h3 i {
  color: #0099ff;
  padding: 10px;
  margin-right: 14px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx21 a:hover,
.moduletable-sfx21 a:focus {
  color: #999;
}

/*/
///
///  variation 22
///
/*/

.moduletable-sfx22 {
  color: #eee;
  background-color: rgba(17, 17, 17, 0.77);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx22 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
.moduletable-sfx22 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx22 a:hover,
.moduletable-sfx22 a:focus {
  color: #999;
}

/*/
///
///  variation 23
///
/*/

.moduletable-sfx23 {
  color: #eee;
  background-color: rgba(17, 17, 17, 0.77);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx23 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx23 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx23 a:hover,
.moduletable-sfx23 a:focus {
  color: #999;
}

/*/
///
///  variation 24
///
/*/

.moduletable-sfx24 {
  color: #eee;
  background-color: rgba(17, 17, 17, 0.77);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx24 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx24 h3 i {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx24 a:hover,
.moduletable-sfx24 a:focus {
  color: #999;
}

/*/
///
///  variation 25
///
/*/

.moduletable-sfx25 {
  color: #eee;
}
.moduletable-sfx25 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx25 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx25 a:hover,
.moduletable-sfx25 a:focus {
  color: #999;
}

/*/
///
///  variation 26
///
/*/

.moduletable-sfx26 {
  color: #eee;
}
.moduletable-sfx26 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid #444;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx26 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx26 a:hover,
.moduletable-sfx26 a:focus {
  color: #999;
}

/*/
///
///  variation 27
///
/*/

.moduletable-sfx27 {
  color: #eee;
}
.moduletable-sfx27 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx27 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx27 a:hover,
.moduletable-sfx27 a:focus {
  color: #999;
}

/*/
///
///  variation 28
///
/*/

.moduletable-sfx28 {
  color: #eee;
}
.moduletable-sfx28 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx28 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx28 a:hover,
.moduletable-sfx28 a:focus {
  color: #999;
}

/*/
///
///  variation 29
///
/*/

.moduletable-sfx29 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx29 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx29 h3 i {
  color: #0099ff;
  border: 1px solid #444;
  padding: 10px;
  margin-right: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx29 a:hover,
.moduletable-sfx29 a:focus {
  color: #999;
}

/*/
///
///  variation 30
///
/*/

.moduletable-sfx30 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx30 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
.moduletable-sfx30 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx30 a:hover,
.moduletable-sfx30 a:focus {
  color: #999;
}

/*/
///
///  variation 31
///
/*/

.moduletable-sfx31 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx31 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx31 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx31 a:hover,
.moduletable-sfx31 a:focus {
  color: #999;
}

/*/
///
///  variation 32
///
/*/

.moduletable-sfx32 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx32 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #0099ff;
}
.moduletable-sfx32 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx32 a:hover,
.moduletable-sfx32 a:focus {
  color: #999;
}

/*/
///
///  variation 33
///
/*/

.moduletable-sfx33 {
  color: #ddd;
  background-color: #191919;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx33 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx33 h3 i {
  color: #0099ff;
  margin-right: 14px;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx33 a:hover,
.moduletable-sfx33 a:focus {
  color: #999;
}

/*/
///
///  variation 34
///
/*/

.moduletable-sfx34 {
  color: #ddd;
  background-color: #191919;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 13px 21px 7px;
}
.moduletable-sfx34 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 18px;
  margin-top: 0px;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
.moduletable-sfx34 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx34 a:hover,
.moduletable-sfx34 a:focus {
  color: #999;
}

/*/
///
///  variation 35
///
/*/

.moduletable-sfx35 {
  color: #ddd;
  background-color: #191919;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx35 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx35 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx35 a:hover,
.moduletable-sfx35 a:focus {
  color: #999;
}

/*/
///
///  variation 36
///
/*/

.moduletable-sfx36 {
  color: #ddd;
  background-color: #191919;
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx36 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx36 h3 i {
  background-color: #0099ff;
  color: #FFF;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx36 a:hover,
.moduletable-sfx36 a:focus {
  color: #999;
}

/*/
///
///  variation 37
///
/*/

.moduletable-sfx37 {
  color: #fff;
}
.moduletable-sfx37 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx37 h3 i {
  color: #fff;
  background-color: transparent;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx37 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx37 a:hover,
.moduletable-sfx37 a:focus {
  color: #fff;
}

/*/
///
///  variation 38
///
/*/

.moduletable-sfx38 {
  color: #fff;
}
.moduletable-sfx38 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx38 h3 i {
  color: #fff;
  background-color: transparent;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx38 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx38 a:hover,
.moduletable-sfx38 a:focus {
  color: #fff;
}

/*/
///
///  variation 39
///
/*/

.moduletable-sfx39 {
  color: #fff;
}
.moduletable-sfx39 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx39 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx39 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx39 a:hover,
.moduletable-sfx39 a:focus {
  color: #fff;
}

/*/
///
///  variation 40
///
/*/

.moduletable-sfx40 {
  color: #fff;
}
.moduletable-sfx40 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 14px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx40 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx40 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx40 a:hover,
.moduletable-sfx40 a:focus {
  color: #fff;
}

/*/
///
///  variation 41
///
/*/

.moduletable-sfx41 {
  color: #fff;
  background-color: transparent;
  padding: 13px 21px 7px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx41 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx41 h3 i {
  color: #fff;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx41 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx41 a:hover,
.moduletable-sfx41 a:focus {
  color: #fff;
}

/*/
///
///  variation 42
///
/*/

.moduletable-sfx42 {
  color: #fff;
  background-color: transparent;
  padding: 13px 21px 7px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx42 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx42 h3 i {
  color: #fff;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx42 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx42 a:hover,
.moduletable-sfx42 a:focus {
  color: #fff;
}

/*/
///
///  variation 43
///
/*/

.moduletable-sfx43 {
  color: #fff;
  background-color: transparent;
  padding: 13px 21px 7px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx43 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx43 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx43 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx43 a:hover,
.moduletable-sfx43 a:focus {
  color: #fff;
}

/*/
///
///  variation 44
///
/*/

.moduletable-sfx44 {
  color: #fff;
  background-color: transparent;
  padding: 13px 21px 7px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx44 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx44 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx44 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx44 a:hover,
.moduletable-sfx44 a:focus {
  color: #fff;
}

/*/
///
///  variation 45
///
/*/

.moduletable-sfx45 {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.27);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx45 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx45 h3 i {
  color: #fff;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx45 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx45 a:hover,
.moduletable-sfx45 a:focus {
  color: #fff;
}

/*/
///
///  variation 46
///
/*/

.moduletable-sfx46 {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.27);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx46 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx46 h3 i {
  color: #fff;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.37);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx46 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx46 a:hover,
.moduletable-sfx46 a:focus {
  color: #fff;
}

/*/
///
///  variation 47
///
/*/

.moduletable-sfx47 {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.27);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx47 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx47 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx47 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx47 a:hover,
.moduletable-sfx47 a:focus {
  color: #fff;
}

/*/
///
///  variation 48
///
/*/

.moduletable-sfx48 {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.27);
  padding: 13px 21px 7px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx48 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.37);
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx48 h3 i {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.37);
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx48 a {
  color: rgba(17, 17, 17, 0.47);
}
.moduletable-sfx48 a:hover,
.moduletable-sfx48 a:focus {
  color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  floating modules
///
//////////////////////////////////////////////////////////////////////////////*/

.moduletablepull-left,
.moduletablefavstyle.pull-left {
  float: left;
  width: auto;
  margin-right: 7px;
}
.moduletablepull-right,
.moduletablefavstyle.pull-right {
  float: right;
  width: auto;
  margin-left: 7px;
}

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

  .moduletablepull-left,
  .moduletablepull-right,
  .moduletablefavstyle.pull-left,
  .moduletablefavstyle.pull-right {
    float: none;
    width: 100%;
    margin: 0;
  }

}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  9. custom pages
///
////////////////////////////////////////////////////////////////////////////////
/*/

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

9.1. custom classes

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

/* intro */
.favintro {
  text-align: center;
  font-size: 24px;
  line-height: 1.4em;
  margin-top: 14px;
  margin-bottom: 14px;
}

/* demo */
.moduletable.favdemo,
div[class^="moduletable-"].favdemo,
div[class*=" moduletable-"].favdemo {
  margin-top: 10px;
  margin-bottom: 11px;
  padding-top: 11px;
  padding-bottom: 10px;
}

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

#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-top: 4px;
  margin-bottom: 4px;
  padding: 16px 24px 13px;
  font-size: 18px;
}
#fav-download #fav-download-btn a.btn i {
  padding-right: 0.4em;
  vertical-align: middle;
  font-size: 18px;
}
#fav-download #fav-download-btn a.btn:hover,
#fav-download #fav-download-btn a.btn:focus {
  background-color: #fff !important;
  color: #0099ff !important;
  border: 1px solid #fff;
}

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

}

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

#fav-container .demo-nav-styles {
  background-color: #0099ff;
  border: 7px solid #ddd;
}

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

9.2. error page

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

.fav404 {
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  margin-top: 2.2%;
}
h3.fav404 {
  font-size: 24em;
  line-height: 1em;
}
p.fav404 {
  font-size: 2em;
  margin-top: 3.4%;
  margin-bottom: 2%;
  line-height: 1.2em;
}
.fav404 a.btn {
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
}
  #fav-errorpage a.btn,
  #fav-errorpage a.btn:hover,
  #fav-errorpage a.btn:focus {
  background-color: #222 !important;
}

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

  .fav404 {
    margin-top: 1%;
  }
  p.fav404 {
    font-size: 1.5em;
    margin-bottom: 7%;
  }
  h3.fav404 {
    font-size: 10em;
  }

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

  h3.fav404 {
    font-size: 8em;
  }
  p.fav404 {
    font-size: 1.2em;
  }

}

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

9.3. offline page

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

#fav-offlinewrap {
  background: url(../images/demo/demo-bg-offline.jpg) center top no-repeat fixed #111;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#fav-offline #frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -200px;
  margin-left: -210px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
#fav-offline #frame .default-logo,
#fav-offline #frame .media-logo,
#fav-offline #frame .text-logo {
  margin: 14px 0 21px !important;
}
#fav-offline #frame form {
  margin-bottom: 0;
}
#fav-offline #frame form label {
  margin-left: 14px;
  min-width: 40%;
  display: inline-block;
}
#fav-offline #frame form input {
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fav-offline #frame p.fav-offline-msg {
  margin-bottom: 14px;
}

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

#fav-offline.offline-light #frame {
  background-color: #fff;
  color: #444;
  border: 1px solid #e7e7e7;
}

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

#fav-offline.offline-dark #frame {
  background-color: #111;
  color: #555;
  border: 1px solid #222;
}
#fav-offline.offline-dark #frame form label {
  color: #fff;
}

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

  #fav-offline #frame {
    top: 21px;
    left: 21px;
    right: 20px;
    margin: 0 auto;
  }
  #fav-offline #frame form label {
    text-align: center;
    margin-left: 0;
  }
  #fav-offline #frame form label,
  #fav-offline #frame form input.btn {
    width: 100%;
  }
  #fav-offline #frame form input.inputbox {
    width: 96%;
  }
  #fav-offline #frame form input.btn {
    margin-top: -14px;
  }

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

  #fav-offline #frame {
    width: auto;
    left: 0;
    right: 0;
    padding: 14px;
  }

}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  10. typography
///
////////////////////////////////////////////////////////////////////////////////
/*/

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

10.1. icons

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

/* icon font */
i[class^="fa fa-"],
i[class*=" fa fa-"] {
  font-size: 18px;
  padding-right: 0.6em;
}
.blog .btn [class^="fa fa-"],
.blog .btn [class*=" fa fa-"],
.blog-featured .btn [class^="fa fa-"],
.blog-featured .btn [class*=" fa fa-"],
.item .btn [class^="fa fa-"],
.item .btn [class*=" fa fa-"],
.item-page .btn [class^="fa fa-"],
.item-page .btn [class*=" fa fa-"] {
  font-size: 18px;
}
.blog span[class^="fa fa-"],
.blog span[class*=" fa fa-"],
.blog-featured span[class^="fa fa-"],
.blog-featured span[class*=" fa fa-"],
.item span[class^="fa fa-"],
.item span[class*=" fa fa-"],
.item-page span[class^="fa fa-"],
.item-page span[class*=" fa fa-"],
.category-list span[class^="fa fa-"],
.category-list span[class*=" fa fa-"] {
  font-size: 16px;
}

/* make fontawesome compatible with joomla! icomoon */
.icon-plus,
.icon-minus,
.icon-chevron-right,
.icon-chevron-left,
.icon-list,
.icon-cog,
.icon-envelope,
.icon-print,
.icon-edit,
.icon-search,
.icon-ok,
.icon-arrow-down,
.icon-copy,
.icon-picture,
.icon-pictures,
.icon-file-add,
.icon-home,
.icon-first,
.icon-cancel,
.icon-file-add,
.icon-eye,
.icon-folder-2,
.icon-first,
.icon-previous,
.icon-next,
.icon-last,
.icon-arrow-left,
.icon-user,
.icon-lock,
.icon-save,
.icon-calendar,
.icon-eye-open,
.icon-archive,
.icon-remove,
.icon-apply,
.icon-question-sign {
  background: none;
  display: inline-block;
  font-size: 14px;
  margin-right: 0.4em;
  font-style: normal;
}
.icon-plus:before,
.icon-minus:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-list:before,
.icon-cog:before,
.icon-envelope:before,
.icon-print:before,
.icon-edit:before,
.icon-search:before,
.icon-ok:before,
.icon-arrow-down:before,
.icon-copy:before,
.icon-picture:before,
.icon-pictures:before,
.icon-file-add:before,
.icon-home:before,
.icon-cancel:before,
.icon-file-add:before,
.icon-eye:before,
.icon-folder-2:before,
.icon-first:before,
.icon-previous:before,
.icon-next:before,
.icon-last:before,
.icon-arrow-left:before,
.icon-user:before,
.icon-lock:before,
.icon-save:before,
.icon-calendar:before,
.icon-eye-open:before,
.icon-archive:before,
.icon-remove:before,
.icon-apply:before,
.icon-question-sign:before {
  font-family: FontAwesome;
}
.icon-white, .nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: none;
}

/* first and previous */
.icon-first,
.icon-previous,
.icon-next,
.icon-last {
  font-style: normal;
  margin-top: 0.2em;
}

/* read more arrow */
.icon-chevron-right { font-size: 16px; margin: 0px -4px 0px 0px; float: right; padding: 3px 0px 0px 14px; }
.icon-chevron-right:before { content: "\f105"; }

/* next and previous icons for article navigation */
.icon-chevron-left { font-size: 21px; margin: 0; float: left; padding: 2px 14px 0px 0px; }
.icon-chevron-left:before { content: "\f104"; }

/* dropdown */
.icon-cog { font-size: 16px; }
.icon-cog:before { content: "\f013"; }

/* mail */
.icon-envelope:before { content: "\f0e0"; }

/* print */
.icon-print:before { content: "\f02f"; }

/* edit */
.icon-edit:before { content: "\f044"; }

/* cancel button */
.icon-cancel:before { content: "\f00d"; }

/* add */
.icon-file-add { vertical-align: middle; }
.icon-file-add:before { content: "\f08e"; }

/* toggle editor */
.icon-eye:before { content: "\f06e"; }

/* create article image */
.icon-folder-2:before { content: "\f07b"; }

/* pagination first */
.icon-first:before { content: "\f049"; }

/* pagination previous */
.icon-previous:before { content: "\f04a"; }

/* pagination next */
.icon-next:before { content: "\f04e"; }

/* pagination last */
.icon-last:before { content: "\f050"; }

/* smart search advanced button */
.icon-list { padding-top: 3px; }
.icon-list:before { content: "\f03a"; }

/* smart search search button */
.icon-search:before { content: "\f002"; }

/* list all categories */
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }

/* error */
.icon-home { margin-right: 7px; font-size: 16px; }
.icon-home:before { content: "\f015"; }

/* editor save button */
.icon-ok:before { content: "\f00c"; }
.icon-file-add:before { content: "\f08e"; }

/* editor picture button */
.icon-picture, .icon-pictures { vertical-align: middle; font-weight: normal; }
.icon-picture:before, .icon-pictures:before { content: "\f03e"; }

/* editor page break button */
.icon-copy { vertical-align: middle; }
.icon-copy:before { content: "\f0c5"; }

/* editor read more button */
.icon-arrow-down { vertical-align: middle; }
.icon-arrow-down:before { content: "\f063"; }

/* log out button */
.icon-arrow-left { font-size: 21px; padding-top: 1px; }
.icon-arrow-left:before { content: "\f104"; }

/* edit profile */
.icon-user { font-size: 16px; }
.icon-user:before { content: "\f007"; }

/* login form lock */
.icon-lock { margin-right: 0; font-size: 16px; }
.icon-lock:before { content: "\f023"; }

/* save */
.icon-save:before { content: "\f00c"; }

/* calendar */
.icon-calendar { vertical-align: baseline; }
.icon-calendar:before { content: "\f133"; }

/* eye */
.icon-eye-open:before { content: "\f06e"; }

/* archive */
.icon-archive:before { content: "\f187"; }

/* remove */
.icon-remove { margin-top: 3px; margin-right: 0; }
.icon-remove:before { content: "\f00d"; }

/* apply */
.icon-apply:before { content: "\f046"; }

/* question sign */
.icon-question-sign:before { content: "\f059"; }


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

10.2. images

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

.img-right,
.img-left,
.img-rounded {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.img_caption {
  color: #999;
  font-size: 13px;
  margin-top: 7px;
}

/*/
///
///  image polaroid
///
/*/

.img-polaroid,
.item-image img,
.fav-tags-img {
  padding: 7px;
  background-color: #ddd;
  border: 1px solid #ddd;
}
.img-polaroid-clear {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.67);
  border: 1px solid transparent;
}
.img-polaroid-dark {
  padding: 7px;
  border: 1px solid #444;
}
.img-polaroid-color {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.47);
  border: 1px solid transparent;
}

/* dark version */

#fav-container .fav-dark .img-polaroid,
#fav-container .fav-dark .item-image img,
#fav-container .fav-dark .fav-tags-img {
  background-color: #222;
  border: 1px solid #444;
}

/*/
///
///  image right
///
/*/

.img-right {
  float: right;
  margin: 0 0 10px 30px;
}

/*/
///
///  image left
///
/*/

.img-left {
  float: left;
  margin: 0 30px 10px 0;
}

/*/
///
///  image center
///
/*/

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 21px;
  margin-bottom: 21px;
}

/*/
///
///  image rounded
///
/*/

.img-rounded {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/*/
///
///  image circle
///
/*/

.img-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*/
///
///  image shadow
///
/*/

.img-shadow {
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.img-shadow.img-right {
  margin-right: 7px;
}
.img-shadow.img-left {
  margin-left: 7px;
}

/*
///  image sizing
*/

img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

  .img-right {
    float: none;
    margin: 0px;
  }
  .img-left {
    float: none;
    margin: 0px;
  }
  .item-image {
    float: none;
    margin: 0px 0px 14px 0px;
  }
  .item-image img {
    margin: 0px !important;
  }

}

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

10.3. bootstrap elements

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  blockquote
///
//////////////////////////////////////////////////////////////////////////////*/

blockquote {
  border-color: #0099ff;
}
blockquote p {
  line-height: 1.4em;
  font-weight: normal;
}
blockquote small {
  line-height: 3em;
  margin-top: 7px;
}
blockquote cite {
  font-style: italic;
}

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

blockquote.blockquote-dark {
  border-color: #0099ff;
}
.blockquote-dark small {
  color: #fff;
}

/*/
///
///  color
///
/*/

blockquote.blockquote-color {
  border-color: #fff;
}
.blockquote-color small {
  color: #fff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  lead
///
//////////////////////////////////////////////////////////////////////////////*/

.lead {
  font-size: 21px;
  line-height: 1.4em;
  margin-top: 5px;
  margin-bottom: 22px;
}

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

  .lead {
    font-size: 16px;
    line-height: 1.5em;
  }

}


/*//////////////////////////////////////////////////////////////////////////////
///
///  drop caps
///
//////////////////////////////////////////////////////////////////////////////*/

p.dropcap:first-letter {
  font-size: 5em;
  line-height: 1em;
  float: left;
  font-family: Times, serif;
  padding-right: 0.3em;
  margin-top: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  pre, code
///
//////////////////////////////////////////////////////////////////////////////*/

pre, code {
  border: 1px solid #E2E2E2;
  background-color: #F2F2F2;
}
pre {
  margin: 12px 0 21px;
}
code {
  padding: 4px 8px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}

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

  pre {
    display: inline-block;
  }

}

/* dark version */

#fav-container .fav-dark pre,
#fav-container .fav-dark code {
  background-color: #333;
  border-color: transparent;
  color: #EEE
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  emphasis classes
///
//////////////////////////////////////////////////////////////////////////////*/

.text-warning { color: #c09853; }
a.text-warning:hover { color: #a47e3c; }

.text-error { color: #b94a48; }
a.text-error:hover { color: #953b39; }

.text-info { color: #3a87ad; }
a.text-info:hover { color: #2d6987; }

.text-success { color: #468847; }
a.text-success:hover { color: #356635; }

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

span.label-red,
span.label-blue,
span.label-green,
span.label-grey,
span.label-orange {
  padding: 2px 6px;
  font-size:14px;
  color:#fff;
  margin-left: 4px;
  margin-right: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

span.label-red { background-color:#ff4444; }
span.label-red:hover { background-color:#cc0000; }

span.label-blue { background-color:#0192c9; }
span.label-blue:hover { background-color:#016d96; }

span.label-green { background-color:#65a23a; }
span.label-green:hover { background-color:#467028; }

span.label-orange { background-color:#f89406; }
span.label-orange:hover { background-color:#d78005; }

span.label-grey { background-color: #444444; }
span.label-grey:hover { background-color: #1F1F1F; }

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

.simple-box,
.info-box,
.success-box,
.warning-box,
.error-box {
  margin: 10px 0 11px;
  padding: 9px 35px 9px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.simple-box {
  border: 1px solid #E2E2E2;
  background-color: #F2F2F2;
  color: #777;
}
.info-box {
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  color: #3A87AD;
}
.success-box {
  background-color:#dff0d8;
  border-color:#d6e9c6;
  color:#468847;
}
.warning-box {
  background-color:#fcf8e3;
  border: 1px solid #fbeed5;
  color:#c09853;
}
.error-box {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48;
}

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

.badge {
  margin-left: 1em;
  margin-right: 1em;
  padding: 2px 10px;
  line-height: 2em;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.badge-info {
  background-color: #0099ff;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  bubbles
///
//////////////////////////////////////////////////////////////////////////////*/

.bubble-red,
.bubble-blue,
.bubble-green,
.bubble-grey,
.bubble-orange {
  position: relative;
  padding: 15px;
  margin: 10px 0;
  color: #444;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bubble-red:after,
.bubble-blue:after,
.bubble-green:after,
.bubble-grey:after,
.bubble-orange:after {
  position: absolute;
  bottom: -12px;
  left: 50px;
  width: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  content: "";
  display: block;
}

.bubble-red { border: 2px solid #f44; }
.bubble-red:after { border-color: #f44 transparent; }

.bubble-blue { border: 2px solid #0c82c5; }
.bubble-blue:after { border-color: #0c82c5 transparent; }

.bubble-green { border: 2px solid #9bbb04; }
.bubble-green:after { border-color: #9bbb04 transparent; }

.bubble-grey { border: 2px solid #ccc; }
.bubble-grey:after { border-color: #ccc transparent; }

.bubble-orange { border: 2px solid orange; }
.bubble-orange:after { border-color: orange transparent; }

/*//////////////////////////////////////////////////////////////////////////////
///
///  hidden/visible
///
//////////////////////////////////////////////////////////////////////////////*/

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

  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }

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

  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }

}

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

10.4. lists

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

/*/
///
///  square list style
///
/*/

/* unordered */

ul.list-square {
  list-style-type: none;
  margin-left: 0;
}
ul.list-square li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
}
ul.list-square li:before {
  font-size: 12px;
  content: "\f00c";
  font-family: FontAwesome;
  padding-right: 10px;
  background-color: #0099ff;
  color: #fff;
  padding: 6px;
  margin-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* ordered */

ol.list-square {
  counter-reset: li;
  margin-left: 0px;
  padding-left: 0px;
}
ol.list-square > li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
  list-style: outside none none;
}
ol.list-square li:before {
  font-size: 12px;
  color: #fff;
  background: none repeat scroll 0% 0% #0099ff;
  padding: 4px 8px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  content: counter(li, decimal);
  counter-increment: li;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  circle list style
///
/*/

/* unordered */

ul.list-circle {
  list-style-type: none;
  margin-left: 0;
}
ul.list-circle li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
}
ul.list-circle li:before {
  font-size: 12px;
  content: "\f00c";
  font-family: FontAwesome;
  padding-right: 10px;
  background-color: #0099ff;
  color: #fff;
  padding: 6px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* ordered */

ol.list-circle {
  counter-reset: li;
  margin-left: 0px;
  padding-left: 0px;
}
ol.list-circle > li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
  list-style: outside none none;
}
ol.list-circle li:before {
  font-size: 12px;
  color: #fff;
  background: none repeat scroll 0% 0% #0099ff;
  padding: 4px 8px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  content: counter(li, decimal);
  counter-increment: li;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*/
///
///  color list style
///
/*/

/* unordered */

ul.list-color {
  list-style-type: none;
  margin-left: 0;
}
ul.list-color li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
}
ul.list-color li:before {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.47);
  font-size: 12px;
  content: "\f00c";
  font-family: FontAwesome;
  padding-right: 10px;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* ordered */

ol.list-color {
  counter-reset: li;
  margin-left: 0px;
  padding-left: 0px;
}
ol.list-color > li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
  list-style: outside none none;
}
ol.list-color li:before {
  color: #fff;
  background-color: rgba(17, 17, 17, 0.47);
  font-size: 12px;
  padding: 4px 8px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  content: counter(li, decimal);
  counter-increment: li;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  dark list style
///
/*/

/* unordered */

ul.list-dark {
  list-style-type: none;
  margin-left: 0;
}
ul.list-dark li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
}
ul.list-dark li:before {
  font-size: 12px;
  content: "\f00c";
  font-family: FontAwesome;
  padding-right: 10px;
  background-color: rgba(255, 255, 255, 0.17);
  color: #fff;
  padding: 6px;
  margin-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* ordered */

ol.list-dark {
  counter-reset: li;
  margin-left: 0px;
  padding-left: 0px;
}
ol.list-dark > li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
  list-style: outside none none;
}
ol.list-dark li:before {
  font-size: 12px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.17);
  padding: 4px 8px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  content: counter(li, decimal);
  counter-increment: li;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  11. joomla!
///
////////////////////////////////////////////////////////////////////////////////
/*/

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

11.1. articles

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

/*/
///
///  layout
///
/*/

.blog,
.blog-featured,
.item,
.item-page {
  text-align: justify;
  display: block;
  overflow: hidden;
}
.item,
.item-page,
div[class^="leading-"],
div[class*=" leading-"] {
  margin-bottom: 14px;
  padding-bottom: 0;
  overflow: hidden;
}

/*/
///
///  titles
///
/*/

.page-header {
  border: none;
  margin: 24px 0 21px;
  padding-bottom: 0;
}
.page-header h1 {
  padding-bottom: 5px;
}
.page-header h2 a,
h2.item-title a,
div.categories-list h3 a {
  color: #444;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-featured h2.item-title {
  margin-top: 24px;
}
.componentheading {
  margin-top: 14px;
  margin-bottom: 4px;
}

/*/
///
///  images
///
/*/

.pull-left.item-image {
  margin: 0 30px 7px 0;
}
.pull-right.item-image {
  margin: 0 0 7px 30px;
}
.pull-none.item-image {
  margin: 0 auto 21px;
  width: 100%;
}
.pull-none.item-image img,
.pull-none.item-image .img_caption {
  width: 100% !important;
}
.item[class^="column-"] .pull-left.item-image,
.item[class*=" column-"] .pull-left.item-image,
.item[class^="column-"] .pull-right.item-image,
.item[class*=" column-"] .pull-right.item-image {
  float: none;
}
.item[class^="column-"] .pull-left.item-image img,
.item[class*=" column-"] .pull-left.item-image img,
.item[class^="column-"] .pull-right.item-image img,
.item[class*=" column-"] .pull-right.item-image img {
  margin: 0 0 7px 0;
}

/*/
///
///  details
///
/*/

.fav-article-details {
  margin-bottom: 21px;
  margin-right: 46px;
}
.fav-article-details-below {
  margin-top: 3%;
  margin-bottom: 2%;
}
dl.article-info {
  margin-bottom: 0px;
}
dl.article-info dd {
  margin-right: 10px;
  margin-left: 0;
  line-height: 1.5em;
  color: #333;
  font-size: 13px;
  display: inline;
}
dt.article-info-term {
  display: none;
}
div.content_rating {
  margin-bottom: 14px;
}
span.content_vote {
  margin-bottom: 21px;
  display: block;
}
dl.article-info dd.category-name:before,
dl.article-info dd.parent-category-name:before,
dl.article-info dd.createdby:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-right: 1px;
}
dl.article-info dd.category-name:before {
  content: "\f114";
}
dl.article-info dd.parent-category-name:before {
  content: "\f115";
}
dl.article-info dd.createdby:before {
  content: "\f007";
  margin-right: 0.1em;
  font-size: 14px;
}
dl.article-info span.icon-calendar {
  margin-right: 0;
}
dl.article-info span.icon-eye-open {
  margin-right: 0.2em;
}
.items-row .span6 dl.article-info dd,
.items-row .span4 dl.article-info dd,
.items-row .span3 dl.article-info dd,
.items-row .span2 dl.article-info dd {
  display: block;
  margin-right: 0;
  padding-bottom: 2px;
  padding-top: 2px;
}

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

  dl.article-info dd {
    display: block;
    margin-right: 0;
    padding-bottom: 2px;
    padding-top: 2px;
  }

}

/* dark version */

#fav-container .fav-dark dl.article-info dd {
  color: #eee;
}

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

#jform_language_chzn {
  margin-bottom: 100%;
}
#jform_articletext {
  width: 98% !important;
}
div.editor .mce-panel {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
button#jform_publish_up_img,
button#jform_publish_down_img {
  padding: 3px 4px 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form#adminForm .tab-content,
.edit.item-page {
  overflow: visible;
}

/*/
///
///  read more
///
/*/

p.readmore {
  margin-bottom: 0;
}
p.readmore [class^="fa fa-"],
p.readmore [class*=" fa fa-"] {
  vertical-align: middle;
  margin-right: 7px;
}
p.readmore a.btn {
  text-align: left;
  margin: 21px 0;
}

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

ul.dropdown-menu a:hover {
  color: #0099ff;
}
ul.dropdown-menu [class^="icon-"],
ul.dropdown-menu [class*=" icon-"] {
  margin-right: 7px;
  font-size: 14px;
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #0099ff;
}
.dropdown-toggle span.caret {
  border-top: 4px solid #fff;
}
.btn-group .btn.dropdown-toggle {
  padding: 5px 8px 3px;
  margin-left: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pull-right > .dropdown-menu {
  margin-top: -10px;
  padding-bottom: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.dropdown-menu {
  min-width: 100%;
  border: 1px solid #e7e7e7;
}
ul.dropdown-menu li > a {
  padding: 2px 12px;
  font-size: 13px;
}
ul.dropdown-menu a:hover,
ul.dropdown-menu a:focus {
  background-color: transparent;
  background-image: none;
}

/* dark version */

#fav-container .fav-dark ul.dropdown-menu a:hover {
  color: #0099ff;
}

/*/
///
///  article tags
///
/*/

div.tag-category {
  margin-bottom: 21px;
}
div.tag-category,
div.tag-category p {
  text-align: justify;
}
div.tag-category .btn-toolbar {
  margin-top: 3.2%;
}
div.tag-category h3 {
  font-size: 21px;
  border: none;
}
div.tag-category p.readmore a.btn {
  margin-top: 10px;
}
div.tags .label-info[href],
div.tags .badge-info[href] {
  background-color: #444;
  padding: 4px 8px;
  margin-top: 14px;
  margin-bottom: 14px;
}
span.fav-article-tags {
  font-size: 13px;
}
span.fav-article-tags i.fa-tags {
  font-size: 14px;
  padding-right: 1px;
  color: #444;
}
ul.tags {
  display: inline;
  font-size: 13px;
}
ul.tags li {
  padding: 0;
}
ul.tags li:after {
  content: ",";
  margin-left: -1px;
}
ul.tags li:last-child:after {
  content: none;
}
ul.tags li a {
  background-color: transparent !important;
  color: #0099ff;
  border-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  text-shadow: none !important;
  font-weight: normal;
  font-size: 13px;
}
ul.tags li a:hover,
ul.tags li a:focus {
  color: #444 !important;
}
.fav-tags-img {
  margin: 0 auto 21px;
  width: 100%;
}

/* dark version */

#fav-container .fav-dark span.fav-article-tags i.fa-tags {
  color: #eee;
}
#fav-container .fav-dark ul.tags li a:hover,
#fav-container .fav-dark ul.tags li a:focus {
  color: #777 !important;
}

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

11.2. categories

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

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

div.categories-list a.btn:hover,
div.categories-list a.btn:focus {
  box-shadow: none;
  border: none;
}
div.categories-list a.btn .icon-plus,
div.categories-list a.btn .icon-minus {
  color: #fff;
  padding-top: 3px;
  font-size: 14px;
  margin-right: 0;
}

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

div.categories-list ul {
  list-style-type: none;
  margin-left: 0;
}
div.categories-list .fade.in.collapse {
  padding-left: 21px;
}
div.categories-list h3.page-header.item-title,
div.categories-list h3.page-header.item-title a,
div.cat-children h3.page-header.item-title,
div.cat-children h3.page-header.item-title a {
  font-size: 18px;
  margin: 0;
  border: medium none;
}
div.categories-list h3.page-header.item-title a.btn {
  padding: 4px 8px 6px;
}
div.categories-list h3.page-header.item-title a span {
  vertical-align: middle;
  padding-top: 0;
}

/*/
///
///  tables
///
/*/

.content-category .table th,
.content-category .table td {
  vertical-align: middle;
  text-align: center;
}

/* dark version */

#fav-container .fav-dark .table th,
#fav-container .fav-dark .table td,
#fav-container .fav-dark table.table-bordered {
  border-color: #444;
}
#fav-container .fav-dark table thead,
#fav-container .fav-dark .table-hover tbody tr:hover > td,
#fav-container .fav-dark .table-hover tbody tr:hover > th,
#fav-container .fav-dark .table-striped tbody > tr:nth-child(2n+1) > td,
#fav-container .fav-dark .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #222;
}

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

11.3. modules

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

/*/
///
///   layout
///
/*/

.moduletable,
div[class^="moduletable-"],
div[class*=" moduletable-"] {
  text-align: justify;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 11px;
}

/*/
///
///   title
///
/*/

/* custom module title */

.moduletable .custom h3,
div[class^="moduletable-"] div[class^="custom-"] h3,
div[class^="moduletable-"] div[class*=" custom-"] h3,
div[class*=" moduletable-"] div[class^="custom-"] h3,
div[class*=" moduletable-"] div[class*=" custom-"] h3 {
  color: #444;
  font-size: 24.5px;
  margin: 10px 0;
  background: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  text-transform: none;
  -webkit-border-radius: none 0px;
  -moz-border-radius: none 0px;
  border-radius: none 0px;
}

/* icons */

.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"] {
  background-color: #0099ff;
  color: #fff;
  padding: 10px;
  margin-right: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"],
[class^="moduletable-"] h3 [class^="fa fa-"],
[class^="moduletable-"] h3 [class*=" fa fa-"],
[class*=" moduletable-"] h3 [class^="fa fa-"],
[class*=" moduletable-"] h3 [class*=" fa fa-"] {
  font-size: 21px;
  margin-right: 14px;
}

/*/
///
///   breadcrumbs
///
/*/

.breadcrumb {
  background-color: transparent;
  margin: 0;
}
.breadcrumb .moduletable {
  margin: 0;
}
.moduletable ul.breadcrumb {
  padding: 8px 0px 0px;
}
.breadcrumb > li > .divider {
  margin-right: 0;
  padding: 0 7px;
  color: #999;
}
.breadcrumb > li > .divider.icon-location {
  display: none;
}
.breadcrumb > li + li:before {
  content: none;
}
.breadcrumb > .active {
  color: #333;
}

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

  .moduletable ul.breadcrumb {
    padding: 8px 0px 0px;
    text-align: left;
    font-size: 12px;
  }

}

/* dark version */

#fav-container .fav-dark .breadcrumb > li {
  text-shadow: 0px 1px 0px #444;
}
#fav-container .fav-dark .breadcrumb > .active {
  color: #eee;
}

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

#login-form [class^="icon-"],
#login-form [class*=" icon-"] {
  padding-top: 2px;
  margin: 0;
}
#login-form span.icon-lock {
  font-size: 16px;
}
#login-form span.icon-user {
  font-size: 14px;
}
#form-login-submit .btn-primary {
  margin-top: 10px;
}
#login-form li a{
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
#login-form li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}
#form-login-remember {
  margin: 21px 0 10px;
}
#form-login-remember label.control-label {
  margin-bottom: 0;
  margin-left: 7px;
}
#form-login-remember #modlgn-remember {
  margin-top: 0;
}

/*/
///
///  archived articles
///
/*/

ul.archive-module,
ul[class^="archive-module-"],
ul[class*=" archive-module-"] {
  list-style-type: none;
  margin-left: 0;
}
ul.archive-module li a,
ul[class^="archive-module-"] li a,
ul[class*=" archive-module-"] li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
ul.archive-module li a:before,
ul[class^="archive-module-"] li a:before,
ul[class*=" archive-module-"] li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  articles most read
///
/*/

ul.mostread,
ul[class^="mostread-"],
ul[class*=" mostread-"] {
  list-style-type: none;
  margin-left: 0;
}
ul.mostread li a,
ul[class^="mostread-"] li a,
ul[class*=" mostread-"] li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
ul.mostread li a:before,
ul[class^="mostread-"] li a:before,
ul[class*=" mostread-"] li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  articles categories
///
/*/

ul.categories-module,
ul[class^="categories-module-"],
ul[class*=" categories-module-"] {
  list-style-type: none;
  margin-left: 0;
}
ul.categories-module ul,
ul[class^="categories-module-"] ul,
ul[class*=" categories-module-"] ul,
ul.categories-module ul ul,
ul[class^="categories-module-"] ul ul,
ul[class*=" categories-module-"] ul ul {
  list-style-type: none;
}
ul.categories-module h4,
ul[class^="categories-module-"] h4,
ul[class*=" categories-module-"] h4 {
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  font-weight: normal;
}
ul.categories-module li a,
ul[class^="categories-module-"] li a,
ul[class*=" categories-module-"] li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
ul.categories-module li a:before,
ul[class^="categories-module-"] li a:before,
ul[class*=" categories-module-"] li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  articles category
///
/*/

ul.category-module,
ul[class^="category-module-"],
ul[class*=" category-module-"] {
  list-style-type: none;
  margin-left: 0;
}
ul.category-module h4,
ul[class^="category-module-"] h4,
ul[class*=" category-module-"] h4 {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
}
ul.category-module li a,
ul[class^="category-module-"] li a,
ul[class*=" category-module-"] li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
ul.category-module li a:before,
ul[class^="category-module-"] li a:before,
ul[class*=" category-module-"] li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  latest articles
///
/*/

ul.latestnews,
ul[class^="latestnews-"],
ul[class*=" latestnews-"] {
  list-style-type: none;
  margin-left: 0;
}
ul.latestnews h4,
ul[class^="latestnews-"] h4,
ul[class*=" latestnews-"] h4 {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
}
ul.latestnews li a,
ul[class^="latestnews-"] li a,
ul[class*=" latestnews-"] li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
ul.latestnews li a:before,
ul[class^="latestnews-"] li a:before,
ul[class*=" latestnews-"] li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  popular tags
///
/*/

.tagspopular ul,
[class^="tagspopular-"] ul,
[class*=" tagspopular-"] ul {
  list-style-type: none;
  margin-left: 0;
}
.tagspopular ul h4,
[class^="tagspopular-"] ul h4,
[class*=" tagspopular-"] ul h4 {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.tagspopular ul li a,
[class^="tagspopular-"] ul li a,
[class*=" tagspopular-"] ul li a {
  line-height: 21px;
  padding: 2px 0;
  display: block;
}
.tagspopular ul li a:before,
[class^="tagspopular-"] ul li a:before,
[class*=" tagspopular-"] ul li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  who's online
///
/*/

ul.whosonline {
  list-style-type: none;
  margin-left: 0;
}
ul.whosonline li:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  users latest module
///
/*/

ul.latestusers {
  list-style-type: none;
  margin-left: 0;
}
ul.latestusers li:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

/*/
///
///  archive
///
/*/

div.archive .btn.btn-primary {
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 12px;
}
div.archive div.filter-search {
  margin-top: 8px;
}

/*/
///
///  search module
///
/*/

/* favstyle */

.moduletablefavstyle .fav-search ul.nav,
.moduletable.favstyle .fav-search ul.nav {
  padding-top: 0;
  margin-bottom: 0;
}
.moduletablefavstyle .fav-search a.dropdown-toggle,
.moduletable.favstyle .fav-search a.dropdown-toggle {
  margin: 0;
  padding: 10px 12px 9px;
  -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 {
  background-color: #333;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.moduletablefavstyle .fav-search a.dropdown-toggle i,
.moduletable.favstyle .fav-search a.dropdown-toggle i {
  padding: 0;
  font-size: 16px;
}
.moduletablefavstyle .fav-search ul.dropdown-menu,
.moduletable.favstyle .fav-search ul.dropdown-menu {
  min-width: 160px;
  margin: 0;
  padding: 0;
  float: right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword,
.moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword {
  border: 1px solid transparent;
  min-width: 160px;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  width: 160px;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus,
.moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 3px #999;
}
.moduletablefavstyle.pull-right .fav-search ul.dropdown-menu,
.moduletable.favstyle.pull-right .fav-search ul.dropdown-menu {
  right: 0;
  left: auto;
}
.moduletablefavstyle.pull-left .fav-search ul.dropdown-menu,
.moduletable.favstyle.pull-left .fav-search ul.dropdown-menu {
  left: 0;
  right: auto;
}

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

  .moduletablefavstyle .fav-search a.btn.dropdown-toggle,
  .moduletablefavstyle .fav-search a.btn.dropdown-toggle:hover,
  .moduletablefavstyle .fav-search a.btn.dropdown-toggle:focus {
    text-align: left;
    background-color: transparent !important;
    color: #444 !important;
    box-shadow: none;
    border: 1px solid #e7e7e7;
    border-top: none;
  }
  .moduletablefavstyle.pull-left .fav-search a.btn.dropdown-toggle i {
    color: #0099ff;
  }
  .moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword,
  .moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword,
  .moduletablefavstyle .fav-search ul.dropdown-menu,
  .moduletable.favstyle .fav-search ul.dropdown-menu {
    float: none;
    left: 0;
    right: 0;
    width: 70%;
  }
  .moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus,
  .moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus {
    box-shadow: none;
  }

}

/* default */

.fav-search input#mod-search-searchword,
div[class^="fav-search"] input#mod-search-searchword,
div[class*=" fav-search"] input#mod-search-searchword {
  min-width: 140px;
  padding: 9px 14px;
  border: 1px solid #e7e7e7;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fav-search input#mod-search-searchword:focus,
div[class^="fav-search"] input#mod-search-searchword:focus,
div[class*=" fav-search"] input#mod-search-searchword:focus {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 3px #999;
}
div.fav-search button.btn.btn-primary,
div[class^="fav-search"] button.btn.btn-primary,
div[class*=" fav-search"] button.btn.btn-primary,
div.fav-search input.button,
div[class^="fav-search"] input.button,
div[class*=" fav-search"] input.button {
  padding: 9px 12px;
  margin-left: -4px;
}
.moduletable.pull-right .fav-search form.form-inline,
.moduletablepull-right .fav-search form.form-inline,
.moduletable.pull-right div[class^="fav-search"] form.form-inline,
.moduletablepull-right div[class^="fav-search"] form.form-inline,
.moduletable.pull-right div[class*=" fav-search"] form.form-inline,
.moduletablepull-right div[class*=" fav-search"] form.form-inline {
  text-align: right;
}

/*/
///
///  newsflash module
///
/*/

.newsflash-title,
[class^="newsflash-title-"],
[class*=" newsflash-title-"] {
  line-height: 1.4em;
  clear: both;
  padding: 28px 0 14px;
}
.newsflash-title:first-child,
[class^="newsflash-title-"]:first-child,
[class*=" newsflash-title-"]:first-child {
  padding: 0;
}
.newsflash-title:before ,
[class^="newsflash-title-"]:before ,
[class*=" newsflash-title-"]:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #333;
}
div.newsflash a.readmore,
div[class^="newsflash-"] a.readmore,
div[class*=" newsflash-"] a.readmore {
  display:block;
  padding: 14px 0;
  margin: 14px 0;
}

/* dark version */

#fav-container .fav-dark .newsflash-title:before ,
#fav-container .fav-dark [class^="newsflash-title-"]:before ,
#fav-container .fav-dark [class*=" newsflash-title-"]:before {
  color: #777;
}

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

11.4. components

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  default components
///
//////////////////////////////////////////////////////////////////////////////*/

div.tag-category,
div.categories-list,
div.category-list,
div.login,
div.logout,
div.profile,
div.remind,
div.reset,
div.archive {
  margin-top: 20px;
}
form.form-validate .componentheading {
  padding-top: 10px;
}
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: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  login
///
/*/

div.login form.well {
  padding: 30px 0 0;
}
div.login form.well .btn {
  margin-bottom: 0;
}
div.logout form.well {
  padding-bottom: 0;
}
div.logout button.btn.btn-primary {
  margin-bottom: 0;
}
div.logout button.btn.btn-primary [class^="icon-"],
div.logout button.btn.btn-primary [class*=" icon-"] {
  font-size: 16px;
  line-height: 16px;
  padding-top: 0;
  margin-top: 0;
  vertical-align: baseline;
}
div.logout .form-horizontal .controls {
  margin-left: 0px;
}
div.login .nav-tabs > li > a,
div.logout .nav-tabs > li > a {
  padding-top: 12px;
}
div.logout-button {
  margin-top: 21px;
}

/*/
///
///  registration
///
/*/

div.registration button.btn.btn-primary.validate {
  text-transform: none;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
}
div.registration div.form-actions {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-top: 2em;
}
div.registration fieldset legend {
  padding-top: 0.5em;
}

/*/
///
///  user profile
///
/*/

div.profile legend {
  padding-top: 14px;
  line-height: 1.5em;
  border: none;
}
div.profile #users-profile-custom legend {
  padding-top: 16px;
}
div.profile dl.dl-horizontal {
  margin-top: 10px;
}
div.profile dl.dl-horizontal dt,
div.profile dl.dl-horizontal dd {
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
div.profile dl.dl-horizontal dt {
  color: #777;
  width: 16em;
}
div.profile .btn {
  font-size: 16px;
}
div.profile .btn span.icon-user {
  vertical-align: baseline;
}
div.profile ul.btn-toolbar {
  margin-top: 4px;
}

/* edit user profile */

div.profile-edit div.form-actions {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-top: 2em;
}
div.profile-edit fieldset legend {
  padding-top: 0.5em;
}
div.profile-edit #member-profile {
  margin-top: 20px !important;
}
div.profile-edit #member-profile fieldset {
  margin-bottom: 21px;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
div.profile-edit #member-profile .control-group{
  margin-top: 0;
}
div.profile-edit #member-profile legend {
  color: #444;
  font-size: 24px;
  margin-top: 0;
}
div.profile-edit #member-profile a.chzn-single,
div.profile-edit #member-profile .chzn-container.chzn-with-drop .chzn-drop {
  border: 1px solid #ddd;
}
#member-profile button.btn.btn-primary.validate,
#member-profile a.btn {
  color: #fff;
  background-color: #0099ff;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 11px 21px 10px;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
}
#member-profile a.btn {
  color: #fff;
  background-color: #222;
}
#member-profile button.btn.btn-primary.validate:hover,
#member-profile button.btn.btn-primary.validate:focus,
#member-profile a.btn:hover,
#member-profile a.btn:focus {
  color: #fff;
  background-color: #222;
  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);
}
button#helpsite-refresh {
  padding: 5px 10px;
  margin: 2px 0 0 0;
}

/*/
///
///  username reminder
///
/*/

div.remind form.well {
  padding-bottom: 0;
}
div.remind label {
  text-align: left;
}
div.remind fieldset div.control-group {
  margin-top: 26px;
  margin-bottom: 0;
}
div.remind div.form-actions {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
}
div.remind form.well .btn {
  margin-bottom: 0;
}

/*/
///
///  password reset
///
/*/

div.reset form.well {
  padding-bottom: 0;
}
div.reset label {
  text-align: left;
}
div.reset fieldset div.control-group {
  margin-top: 26px;
  margin-bottom: 0;
}
div.reset div.form-actions {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
}
div.reset form.well .btn {
  margin-bottom: 0;
}

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

#blockrandom {
  margin-bottom: 21px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contentpane .wrapper {
  margin-top: 10px;
}

/* dark version */

#fav-container .fav-dark #blockrandom {
  border: 1px solid #444;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  component page
///
//////////////////////////////////////////////////////////////////////////////*/

body.contentpane {
  padding: 1em;
  background-color: #fff;
}
body.contentpane a, body.component-body a {
  font-weight: normal;
}
body.contentpane #adminForm .table th,
body.contentpane #adminForm .table td {
  vertical-align: middle;
  font-size: 14px;
  line-height: 14px;
}
body.contentpane fieldset.filter.clearfix .btn {
  padding: 2px 10px;
}
body.contentpane fieldset.filter.clearfix .btn [class^="fa fa-"],
body.contentpane fieldset.filter.clearfix .btn [class*=" fa fa-"] {
  font-size: 16px;
  padding: 0;
}
body.contentpane #imageForm button.btn {
  padding: 8px 12px 6px;
  text-transform: none;
  font-weight: normal;
  font-family: sans-serif;
  font-size: 14px;
}
body.contentpane #imageForm button.btn:hover {
  border: 1px solid #e7e7e7;
}
body.contentpane #imageForm button.btn.btn-primary:hover {
  border: none;
}
body.contentpane #imageForm #upbutton.btn  {
  padding: 2px 10px;
  margin-top: 7px;
}
body.contentpane #imageForm .control-group {
  margin: 0;
}

/* make the component page colorblind */
body.contentpane .btn {
  background-color: #222;
  color: #fff;
}
body.contentpane a {
  color: #999;
}
body.contentpane a:hover,
body.contentpane a:focus {
  color: #444;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  core-supported components
///
//////////////////////////////////////////////////////////////////////////////*/

div.newsfeed,
div.newsfeed-category,
div.contact-category,
div.finder {
  margin-top: 24px;
}

/*/
///
///  contact component
///
/*/

/* single contact */

div.contact span.jicons-icons {
  display: none;
}
div.contact span.contact-street:before,
div.contact span.contact-emailto:before,
div.contact span.contact-telephone:before,
div.contact span.contact-fax:before,
div.contact span.contact-mobile:before,
div.contact span.contact-webpage:before {
  font-family: FontAwesome;
  font-size: 14px;
  padding-right: 4px;
  color: #444;
}
div.contact span.contact-street:before {
  content: "\f015";
}
div.contact span.contact-emailto:before {
  content: "\f0e0";
}
div.contact span.contact-telephone:before {
  content: "\f095";
}
div.contact span.contact-fax:before {
  content: "\f02f";
}
div.contact span.contact-mobile:before {
  content: "\f10a";
  padding-left: 2px;
}
div.contact span.contact-webpage:before {
  content: "\f0ac";
}

/* legend */

div.contact fieldset legend {
  font-size: 14px;
  border: medium none;
  color: #999;
  font-style: italic;
}

/* form */

div.contact div.accordion {
  margin-bottom: 0;
}
div.contact .accordion-group {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.contact .accordion-heading {
  padding: 10px 21px;
}
div.contact div.accordion-inner {
  padding: 0;
}
div.contact .accordion-heading a.accordion-toggle {
  padding: 0;
  background-image: none;
  font-weight: normal;
}
div.contact address {
  margin-bottom: 0;
}
div.contact .nav-list > li > a {
  padding: 14px 21px;
}
div.contact #contact-form {
  padding: 21px;
  margin-bottom: 0;
}
div.contact #contact-form .form-actions {
  margin: 0;
  padding: 0;
}
div.contact #contact-form .form-actions button {
  margin: 0;
}
div.contact .dl-horizontal dd {
  margin: 3px 0px 3px 18px;
}
dl.contact-address.dl-horizontal {
  margin-top: 21px;
  margin-bottom: 21px;
}
div.contact div.form-actions {
  border: none;
  background: transparent;
  padding-bottom: 3px;
}
div.contact .form-horizontal .control-group {
  margin-bottom: 12px;
}
div.contact .form-horizontal .form-actions {
  padding-left: 0;
}

/* dark version */

#fav-container .fav-dark div.contact #contact-form.well {
  border: 0 none;
}
#fav-container .fav-dark div.contact .accordion-group {
  border-color: #444;
}
#fav-container .fav-dark div.contact span.contact-street::before,
#fav-container .fav-dark div.contact span.contact-emailto::before,
#fav-container .fav-dark div.contact span.contact-telephone::before,
#fav-container .fav-dark div.contact span.contact-fax::before,
#fav-container .fav-dark div.contact span.contact-mobile::before,
#fav-container .fav-dark div.contact span.contact-webpage::before {
  color: #eee;
}

/* list contacts */

div.contact-category ul.category.list-striped {
  list-style-type: none;
  margin-left: 0;
  margin-top: 14px;
}
div.contact-category ul.category.list-striped strong.list-title:before{
  font-family: FontAwesome;
  content: "\f105";
  font-weight: normal;
  padding-right: 10px;
  color: #333;
}
div.contact-category select#limit.inputbox.input-mini {
  vertical-align: baseline;
}
div.contact-category table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0px;
  background-color: transparent;
  font-size: 1em;
}
div.contact-category table tr {
  border-bottom: 1px solid #e7e7e7;
  color: #444;
}
div.contact-category table th a {
  color: #444;
}
div.contact-category act-category table th a {
  color: #444;
}
div.contact-category table th,
div.contact-category table td {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5em;
  text-align: left;
}

/* featured contacts */

div.blog-featured fieldset legend {
  font-size: 18px;
  margin-bottom: 0;
  border: none;
}
div.blog-featured table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0px;
  background-color: transparent;
  font-size: 1em;
}
div.blog-featured table tr {
  border-bottom: 1px solid #e7e7e7;
  color: #444;
}
div.blog-featured thead a {
  color: #444;
}
div.blog-featured thead th,
div.blog-featured tbody td {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5em;
  text-align: left;
}
div.blog-featured div.display-limit select.inputbox.input-mini {
  margin-top: 0.5em;
}

/*/
///
///  news feed component
///
/*/

div.newsfeed h3,
div.newsfeed-category h3 {
  font-size: 21px;
  border: none;
}

/* list news feeds */

div.newsfeed-category ul.category.list-striped.list-condensed {
  margin-left: 0;
}
div.newsfeed-category ul.category.list-striped.list-condensed .list-title {
  font-size: 18px;
}
div.newsfeed-category ul.category.list-striped.list-condensed .list-title a {
  color: #444;
}

/*/
///
///  search component
///
/*/

/* form */

div.search #searchForm {
  margin-top: 21px !important;
  padding-top: 6px;
  padding-bottom: 4px;
}

/* advanced search accordeon */

#fav-search-advanced-fields .accordion-group {
  background-color: transparent;
  margin: 0;
  border: 1px solid transparent !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fav-search-advanced-fields .accordion-heading {
  background-color: transparent;
  background-image: none !important;
  padding: 10px 0px;
}
#fav-search-advanced-fields .accordion-heading a.accordion-toggle {
  display: inline-block;
  color: #FFF;
  background-color: #0099ff;
  background-image: none !important;
  border: 1px solid transparent;
  font-weight: normal;
  padding: 10px 18px 10px;
  margin-top: 1px;
}
#fav-search-advanced-fields .accordion-heading a.accordion-toggle:hover,
#fav-search-advanced-fields .accordion-heading a.accordion-toggle:focus {
  color: #FFF;
  background-color: #333;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
}
#fav-search-advanced-fields .accordion-heading a.accordion-toggle:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 0.6em;
  content: "\f03a";
}
#fav-search-advanced-fields .accordion-group .accordion-inner {
  margin-top: 21px;
  padding: 7px 0px 21px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

/* search field */

div.search #searchForm .btn-toolbar {
  margin-top: 12px;
  float: left;
  margin-right: 21px;
  margin-bottom: 0;
}
div.search #searchForm .btn-toolbar .btn,
div.search #searchForm .btn-toolbar input {
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search #searchForm .icon-search {
  margin: 0;
  vertical-align: baseline;
}
div.search #searchForm .btn-group.pull-left {
  margin: 0;
}
div.search #searchForm button.btn.hasTooltip {
  padding: 10px 14px;
  margin-left: -3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search #searchForm input#search-searchword.inputbox {
  width: 162px;
  padding: 10px 14px;
  font-size: 13px;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search #searchForm input#search-searchword.inputbox:focus {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.047) inset, 0px 0px 3px #999;
}

/* results badge */

div.search #searchForm .searchintro {
  padding-bottom: 2px;
}
div.search #searchForm span.badge.badge-info {
  font-size: 14px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 0px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search #searchForm .searchintro p {
  font-size: 16px;
}

/* search for */

div.search #searchForm fieldset legend {
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 6px;
  font-weight: normal;
}
div.search #searchForm div.phrases-box label {
  margin-top: 3px;
  display: inline-block;
  margin-right: 1em;
}
div.search #searchForm div.phrases-box label:first-child {
  padding-top: 0;
}
div.search #searchForm fieldset.phrases div.phrases-box {
  overflow: hidden;
}

/* ordering */

div.search #searchForm div.ordering-box label {
  font-size: 16px;
  margin-top: 11px;
  font-weight: normal;
}
div.search #searchForm #ordering_chzn {
  margin-top: 4px;
  margin-bottom: 11px;
}

/* search only */

div.search #searchForm fieldset.only  {
  margin-top: 10px;
}
div.search #searchForm fieldset.only legend {
  font-size: 16px;
  margin-bottom: 9px;
  font-weight: normal;
}
div.search #searchForm fieldset.only label {
  display: inline-block;
  margin: 2px 1em 0 0;
}

/* limit */

div.search #searchForm .form-limit {
  padding-top: 8px;
}
div.search #searchForm .form-limit label {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 4px;
}


/* results list */

div.search .result-title {
  font-size: 18px;
  margin: 10px 0px 11px;
  font-weight: normal;
}

/* store search image */

.favsearch-store-img {
  padding-right: 21px;
  margin-top: -7px;
}
.favsearch-store-img,
.favsearch-store-img img {
  float: none !important;
}

/* category */

div.search .result-category {
  margin-left: 0;
}
div.search .result-category:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 0.2em;
  content: "\f115";
}

/* text */

div.search .result-text {
  margin: 13px 0px 9px;
}

/* date */

div.search .result-created {
  margin: 11px 0px 21px;
  color: #888;
  font-style: italic;
}

/* search columns into 2 rows */

#favsearch-results.span6:nth-child(odd) {
  margin-left: 0;
  clear: both;
}

/* search buttons */

input#mod-search-searchword {
  width: 50%;
  vertical-align: top;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
div.search .icon-search,
div[class^="search"] .icon-search,
div[class*=" search"] .icon-search {
  margin: 0;
  vertical-align: baseline;
}
div.search button.btn.hasTooltip,
div[class^="search"] button.btn.hasTooltip,
div[class*=" search"] button.btn.hasTooltip {
  padding: 4px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search fieldset legend,
div[class^="search"] fieldset legend,
div[class*=" search"] fieldset legend {
  font-size: 18px;
  padding-top: 14px;
  margin-bottom: 6px;
  border: none;
}
div.search select#ordering.inputbox,
div[class^="search"] select#ordering.inputbox,
div[class*=" search"] select#ordering.inputbox {
  margin-bottom: 14px;
}
div.search button.btn.btn-primary,
div[class^="search"] button.btn.btn-primary,
div[class*=" search"] button.btn.btn-primary,
div.search input.button,
div[class^="search"] input.button,
div[class*=" search"] input.button {
  font-size: 14px;
  margin-bottom: 0;
  padding: 4px 6px;
  margin-left: -6px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*/
///
///  finder component
///
/*/

/* buttons */

#finder-search button.btn,
div[id^="finder-search"] button.btn,
div[id*=" finder-search"] button.btn {
  margin: 14px;
  font-size: 16px;
  padding: 10px 18px;
}
#finder-search a.btn,
div[id^="finder-search"] a.btn,
div[id*=" finder-search"] a.btn {
  margin-top: 11px;
  font-size: 16px;
  padding: 10px 18px 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#finder-search span.icon-search,
div[id^="finder-search"] span.icon-search,
div[id*=" finder-search"] span.icon-search {
  padding-top: 2px;
}
#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-priton.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 {
  background-color: #888;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* search query explained */

div.finder #search-query-explained {
  padding-top: 6px;
  margin-bottom: 21px;
  font-style: italic;
}

/* advanced search */

div.finder #advancedSearch span.term {
  color: #777;
}
div.finder .filter-branch.control-group label.control-label {
  text-align: left;
  margin-top: 10px;
}
div.finder #finder-filter-w1,
div.finder #finder-filter-w2 {
  margin-bottom: 10px;
}
div.finder #filter_date1_img.btn,
div.finder #filter_date2_img.btn {
  margin: 0;
  padding: 4px 4px 4px 8px;
}
div.finder #filter_date1_img.btn i,
div.finder #filter_date2_img.btn i {
  margin-right: 0;
}
div.finder #filter_date1_img.btn:hover,
div.finder #filter_date1_img.btn:focus,
div.finder #filter_date2_img.btn:hover,
div.finder #filter_date2_img.btn:focus {
  box-shadow: none;
}
div.finder #finder-filter-select-list {
  padding-bottom: 14px;
  border-bottom: 1px solid #e7e7e7;
}
div.finder .form-inline .input-append {
  margin-top: 10px;
}
div#finder-filter-window .filter-branch .finder-selects,
ul#finder-filter-select-dates li.filter-date {
  float: none;
}

/* results list */

div.finder #search-results h4.result-title {
  font-size: 18px;
  margin-bottomt-size: 18px;
  margin-bottom: 12px;
}
div.finder #search-results h4.result-title span.highlight {
  background-color: transparent;
  padding: 0;
  color: inherit;
}

/* url */

div.finder #search-results div.result-url {
  color: #888;
  padding-top: 4px;
}
div.finder #search-results div.result-url:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 0.2em;
  content: "\f0c1";
}

/* search results */

div.finder #search-results ul.search-results {
  list-style: none;
  margin-left: 0;
}
div.finder #search-results ul.search-results li {
  margin-bottom: 21px;
}

/*/
///
///  misc joomla content
///
/*/

/*/  tiptool  /*/

.tip-wrap .tip {
  background-color: #111;
  color: #eee;
  padding: 0.5em 1em;
}

/*/  element invisible  /*/

.element-invisible,
.hidelabeltxt {
  display: none !important;
}

/*/  highlight  /*/

span.highlight {
  color: #444;
  background-color: #ddd;
  font-weight: normal;
  padding: 2px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*/
///
///  fix for bootstrap print links
///
/*/

@media print {
  a[href]:after {
    content: none;
  }
  #fav-navbar {
    display: none;
  }
}

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

11.5. tags

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

div.tag-category ul {
  margin: 0;
}
div.tag-category ul.thumbnails li {
  margin-left: 4px;
  margin-right: 4px;
}
div.tag-category ul.thumbnails li:first-child {
  margin-left: 0px;
}
div.tag-category ul.thumbnails h3 a {
  padding: 3px 6px 4px;
  text-shadow: none;
  transition: all 0.3s ease-out 0s;
  background-color: #0099ff;
  color: #fff;
  border: 1px solid transparent;
  text-shadow: none;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.tag-category ul h3 {
  line-height: 1.3em;
}
ul.category.list-striped {
  list-style: none;
}
ul.category.list-striped li h3 a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #333;
  font-style: normal;
}
ul.tags li:first-child {
  padding-left: 0;
}
div.tag-category ul.thumbnails h3 a:hover,
div.tag-category ul.thumbnails h3 a:focus,
.label-info[href]:hover,
.label-info[href]:focus,
.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #fff;
  background-color: #222;
}
.label-info[href],
.badge-info[href] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.tag-category .btn {
  padding: 4px 7px;
  margin-right: 2px;
  margin-left: -2px;
}
div.tag-category .btn span.icon-search,
div.tag-category .btn span.icon-remove {
  margin: 0;
  vertical-align: baseline;
}

/* dark version */

#fav-container .fav-dark ul.category.list-striped li h3 a:before {
  color: #777;
}
#fav-container .fav-dark div.tag-category ul.thumbnails h3 a:hover,
#fav-container .fav-dark div.tag-category ul.thumbnails h3 a:focus,
#fav-container .fav-dark .label-info[href]:hover,
#fav-container .fav-dark .label-info[href]:focus,
#fav-container .fav-dark .badge-info[href]:hover,
#fav-container .fav-dark .badge-info[href]:focus {
  color: #333;
  background-color: #fff;
}

/*/
////////////////////////////////////////////////////////////////////////////////
///
///  12. extensions
///
////////////////////////////////////////////////////////////////////////////////
/*/

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

.favstyle .favslider {
  margin: 0px;
}
.favstyle #fav-caption h3 {
  font-size: 36px;
  line-height: 1.2em;
  margin-top: 6px;
  margin-left: 14px;
}
.favstyle .fav-control-paging {
  position: absolute;
  bottom: 8px;
  right: 16px;
  width: auto;
  text-align: right;
  left: auto;
}
.favstyle .fav-control-paging li a {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  width: 10px;
  height: 10px;
  text-indent: 9999px;
}
.favstyle .fav-control-paging li a:hover,
.favstyle .fav-control-paging li a:focus,
.favstyle .fav-control-paging li a.fav-active {
  background-color: #fff;
}
.favstyle #fav-caption p {
  margin-bottom: 0;
}
.favstyle .fav-direction-nav a {
  top: 46%;
}
.favstyle div[id^="carousel-"] .favs img,
.favstyle div[id*=" carousel-"] .favs img {
  opacity: 0.7;
}
.favstyle div[id^="carousel-"] .favs .fav-active-slide img,
.favstyle div[id*=" carousel-"] .favs .fav-active-slide img {
  opacity: 1;
}
.favstyle div[id^="carousel-"] .favs > li:first-child,
.favstyle div[id*=" carousel-"] .favs > li:first-child {
  margin-left: 0 !important;
}

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

.favstyle div[id^="favpromote-"],
.favstyle div[id*=" favpromote-"] {
  margin-top: 20px;
  margin-bottom: 21px;
}
.favstyle div[id^="favpromote-box"],
.favstyle div[id^="favpromote-box"] {
  border: none !important;
}
.favstyle div[class^="favpromote"],
.favstyle div[class*=" favpromote"] {
  margin-top: 10px;
  margin-bottom: 11px;
  border-radius: 0;
  background-color: #fff;
  border: none !important;
}
.favstyle div[id^="favpromote-box"] h4,
.favstyle div[id*=" favpromote-box"] h4,
.favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"] {
  font-weight: 300;
}
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"] i,
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] i {
  padding: 0;
}
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
  padding: 12px 20px;
}
.favstyle div[id^="favpromote-image"],
.favstyle div[id*=" favpromote-image"] {
  margin: 0 !important;
}
.favstyle div[id^="favpromote-image"] img,
.favstyle div[id*=" favpromote-image"] img {
  border: none!important;
}
.favstyle p[id^="favpromote-text"],
.favstyle p[id*=" favpromote-text"] {
  padding-top: 7px;
  padding-bottom: 14px;
}
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
  background-color: #0099ff !important;
}
.favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover,
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover {
  background-color: #111 !important;
}
.favstyle div[class^="favpromote"]:hover,
.favstyle div[class*=" favpromote"]:hover {
  border: none !important;
  background-color: rgba(17,17,17,0.4) !important;
}
.favstyle p[id^="favpromote-text"]:hover,
.favstyle p[id*=" favpromote-text"]:hover {
  color: #fff;
}

/* dark version */

#fav-container .fav-dark .favstyle div[class^="favpromote"],
#fav-container .fav-dark .favstyle div[class*=" favpromote"] {
  background-color: rgba(17,17,17,0.8);
}
#fav-container .fav-dark .favstyle p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle p[id*=" favpromote-text"] {
  color: #777 !important;
}
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle div[id*=" favpromote-box"]:hover p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover p[id*=" favpromote-text"],
#fav-container .fav-dark .favstyle div[id*=" favpromote-box"]:hover p[id*=" favpromote-text"] {
    color: #fff !important;
}
#fav-container .fav-dark .favstyle div[class^="favpromote"]:hover,
#fav-container .fav-dark .favstyle div[class*=" favpromote"]:hover {
  background-color: rgba(17,17,17,0.4) !important;
}
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover,
#fav-container .fav-dark .favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover {
  background-color: #111!important;
}

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

.favstyle div.favglyph-description-center p {
  margin-bottom: 0;
}
.favstyle div[id^="favglyph-box"],
.favstyle div[id*=" favglyph-box"] {
  margin-top: 28px;
  margin-bottom: 28px;
}
.favstyle div[id^="favglyph-icon"],
.favstyle div[id*=" favglyph-icon"] {
  background-color: #0099ff !important;
  border: 1px solid #0099ff !important;
}

/* dark version */

#fav-container .fav-dark div[id^="favglyph"] a,
#fav-container .fav-dark div[id*=" favglyph"] a,
#fav-container .fav-dark div[id^="favglyph"] a:hover,
#fav-container .fav-dark div[id*=" favglyph"] a:hover,
#fav-container .fav-dark div[id^="favglyph"] a:focus,
#fav-container .fav-dark div[id*=" favglyph"] a:focus {
  color: #eee !important;
}

#fav-container .fav-dark .favstyle div.favglyph-description-center p {
  color: #555 !important;
}

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

.favstyle p[id^="faveffects-title"],
.favstyle p[id*=" faveffects-title"] {
  font-weight: 300;
}
.favstyle div[class^="faveffects-effect"]:hover,
.favstyle div[class*=" faveffects-effect"]:hover {
  background-color: transparent !important;
  border-color: #ddd !important;
}
.favstyle div[id^="faveffects-icon"] i,
.favstyle div[id*=" faveffects-icon"] i {
  color: #0099ff !important;
}
.favstyle div[id^="faveffects-icon"] i:hover,
.favstyle div[id*=" faveffects-icon"] i:hover {
  color: #444 !important;
}

/* dark version */

#fav-container .fav-dark .favstyle div[id^="faveffects-icon"],
#fav-container .fav-dark .favstyle div[id*=" faveffects-icon"] {
  background-color: #222 !important;
  border-color: #444 !important;
}
#fav-container .fav-dark .favstyle div[id^="faveffects-icon"] i:hover,
#fav-container .fav-dark .favstyle div[id*=" faveffects-icon"] i:hover,
#fav-container .fav-dark .favstyle div[id^="faveffects-icon"] i:focus,
#fav-container .fav-dark .favstyle div[id*=" faveffects-icon"] i:focus {
  color: #eee !important;
}
#fav-container .fav-dark .faveffects-effect1:hover,
#fav-container .fav-dark .faveffects-effect2:hover,
#fav-container .fav-dark .faveffects-effect3:hover,
#fav-container .fav-dark .faveffects-effect4:hover,
#fav-container .fav-dark .faveffects-effect5:hover,
#fav-container .fav-dark .faveffects-effect6:hover {
  background-color: #222 !important;
}
#fav-container .fav-dark .favstyle p[id^="faveffects-title"],
#fav-container .fav-dark .favstyle p[id*=" faveffects-title"] {
  color: #777 !important;
}

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

.favstyle ul#favsocial-list {
  margin-top: 7px;
}
.favstyle div[id^="favsocial"] a,
.favstyle div[id*=" favsocial"] a {
  background-color: #0099ff !important;
}

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

  #fav-copyright .span9 {
    float: none;
    width: 100%;
    margin: 0;
  }
  .favstyle ul#favsocial-list {
    margin: 0px auto 21px;
    display: table;
    float: none;
  }

}
l#favsocial-list {
    margin: 0px auto 21px;
    display: table;
    float: none;
  }

}