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

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

1. content blocks
  1.1. header
  1.2. module positions
  1.3. custom content

2. layout
  2.1. titles
  2.2. buttons
  2.3. navigation
  2.4. variations
  2.5. icons
  2.6. images
  2.7. bootstrap elements
  2.8. lists
  2.9. joomla
  2.10. k2

3. colors
  3.1. reset
  3.2. module positions
  3.3. titles
  3.4. buttons
  3.5. navigation
  3.6. variations
  3.7. icons
  3.8. images
  3.9. bootstrap elements
  3.10. lists
  3.11. joomla
  3.14. k2

4. fonts
5. extensions
  5.1. favslider
  5.2. favpromote
  5.3. favimagehover
  5.4. favglyph
  5.5. faveffects
  5.6. favsocial

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

/*  style CSS  */

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

/// 1. content blocks

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

/*
///  reset
*/

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #444;
  border-bottom: 1px solid #fff;
  border: #444; -moz-use-text-color #FFFFFF !important;
}
.well {
  background-color: #222;
  border: 1px solid #444;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #eee;
  background-color: #333;
  border-color: #444 #444 transparent;
}
.nav-tabs {
  border-bottom: 1px solid #444;
}
.accordion-group {
  border: 1px solid #444;
}
.accordion-inner {
  border-top: 1px solid #444;
}

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

1.1. header

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

#fav-headerwrap, #fav-headerwrap .navigation ul.nav-child {
  background-color: #000;
  border-color: #000;
}

/*
///  logo
*/

.default-logo {
  margin-top: 21px;
}

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

  #fav-logo {
    padding-bottom: 6px;
  }
  .default-logo {
    margin-top: 36px;
  }

}

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

1.2. module positions

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

/*
///  modules container
*/

#fav-containerwrap {
  background: none;
}
#fav-container {
  background-color: #222;
  margin-top: 9px;
  margin-bottom: 9px;
  -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;
  }

}

/*
///  slide
*/

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

/* /// 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);
}
#fav-topbar ul.nav.menuhorizontal {
  border: 1px solid #444;
}

/*
///  breadcrumbs
*/

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

/*
///  backtop
*/

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

/*
///  image module positions
*/

/* dark module positions */
#fav-portfoliowrap {
  background-color: transparent;
  color: #eee;
}
#fav-portfoliowrap h3 {
  color: #eee;
}
#fav-portfoliowrap a:hover,
#fav-portfoliowrap a:focus {
  color: #999;
}

/* color module positions */
#fav-advertwrap,
#fav-focuswrap {
  background-color: #0099ff;
  color: #fff;
}
#fav-advertwrap h3,
#fav-focuswrap h3 {
  color: #fff;
}
#fav-advertwrap a,
#fav-focuswrap a {
  color: #222;
}
#fav-advertwrap a:hover,
#fav-advertwrap a:focus,
#fav-focuswrap a:hover,
#fav-focuswrap a:focus {
  color: #fff;
}

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

1.3. custom content

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

/*
///  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: #0099ff;
  color: #FFF;
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.27);
  border: 1px solid rgba(17, 17, 17, 0.8);
}

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

}

/*
///  offline page
*/

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

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

/// 2. layout

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

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

2.1. titles

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

.moduletable h3,
.page-header h2,
h2.item-title,
.componentheading,
div.itemHeader h2.itemTitle,
div.catItemHeader h3.catItemTitle,
div.tagItemHeader h2.tagItemTitle,
div.latestItemHeader h2.latestItemTitle,
div.genericItemHeader h2.genericItemTitle,
div.userItemHeader h3.userItemTitle,
h3.itemAuthorName,
div.tag-category h2,
#member-profile legend {
  margin-bottom: 10px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  border: 0;
}

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

2.2. buttons

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

.btn,
.pager .next a,
.pager .previous a,
a.k2ReadMore,
div.itemNavigation a.itemNext,
div.itemNavigation a.itemPrevious,
div.itemCommentsForm form input#submitCommentButton,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout,
.k2AccountPage button.button.validate {
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.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;
}
.btn i,
.k2AccountPage button.button.validate 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 6px;
  font-size: 14px;
}
.btn-mini {
  padding: 6px 10px 4px;
  font-size: 12px;
}

/*
///  pagination
*/

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  tags
*/

div.tag-category ul.thumbnails h3 a,
.label-info[href],
.badge-info[href] {
  padding: 6px 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  article dropdown
*/

.btn-group .btn.dropdown-toggle {
  padding: 9px 12px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
/// badge
*/

.badge,
div.itemIsFeatured h2:before,
div.catItemIsFeatured h3:before,
div.userItemIsFeatured h3:before,
div.itemIsFeatured div.itemHeader h2.itemTitle span sup,
div.catItemIsFeatured div.catItemHeader h3.catItemTitle span sup {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  edit item button
*/

a.btn.jmodedit,
#k2Container span.catItemAddLink a.modal,
span.catItemEditLink a,
span.itemEditLink a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
a.btn.jmodedit {
  border: 1px solid transparent;
}

/*
///  highlight
*/

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

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

2.3. navigation

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

/*/
///
///  main 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 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 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px 10px 10px;
}
.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.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 {
  padding-right: 8px;
}
.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;
}

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

  #fav-nav.span9 {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }
  .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 {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 13px 12px 11px;
  }
  .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 {
    padding: 8px 13px 6px !important;
  }

}

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

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

/*
///  basic menu
*/

ul.menubasic {
  border: 1px solid #444;
}
ul.menubasic li a,
ul.menubasic li span.nav-header {
  color: #eee;
  border-bottom: 1px solid #444;
}
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.current ul a,
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,
ul.menubasic li.current ul span.nav-header:hover,
ul.menubasic li.current ul span.nav-header:focus {
  color: #0099ff;
  background-color: #1a1a1a;
}
ul.menubasic li a:before,
ul.menubasic li span.nav-header:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-left: 10px;
  padding-right: 0;
  color: #777;
  float: right;
  font-size: 15px;
  line-height: 1.4em;
}
ul.menubasic li.current ul a:before,
ul.menubasic li.current ul span.nav-header:before {
  color: #777;
}

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

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

/*
///  arrow menu
*/

ul.menuarrow li a,
ul.menuarrow li span.nav-header {
  color: #eee;
}
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: #777;
  background-color: transparent;
}
ul.menuarrow li.current ul a,
ul.menuarrow li.current ul span.nav-header {
  color: #eee;
}
ul.menuarrow li a:before,
ul.menuarrow li span.nav-header:before {
  font-family: FontAwesome;
  content: "\f061";
  padding-left: 0px;
  padding-right: 10px;
  color: #555;
  font-size: 14px;
  line-height: 2em;
}

/* clear */
ul.menuarrow.menu-clear li a,
ul.menuarrow.menu-clear li span.nav-header {
  color: #eee;
}
ul.menuarrow.menu-clear li a:hover,
ul.menuarrow.menu-clear li a:focus,
ul.menuarrow.menu-clear li.current a,
ul.menuarrow.menu-clear li.current ul a:hover,
ul.menuarrow.menu-clear li.current ul a:focus,
ul.menuarrow.menu-clear li span.nav-header:hover,
ul.menuarrow.menu-clear li span.nav-header:focus,
ul.menuarrow.menu-clear li.current span.nav-header,
ul.menuarrow.menu-clear li.current ul span.nav-header:hover,
ul.menuarrow.menu-clear li.current ul span.nav-header:focus {
  color: #0099ff !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;
}

/*
///  side menu
*/

ul.menuside li a,
ul.menuside li span.nav-header {
  color: #eee;
  border-left: 5px solid #444;
}
ul.menuside li.current ul a,
ul.menuside li.current ul span.nav-header {
  color: #eee;
}

/* clear */
ul.menuside.menu-clear li a,
ul.menuside.menu-clear li span.nav-header {
  color: #eee;
}
ul.menuside.menu-clear li a:hover,
ul.menuside.menu-clear li a:focus,
ul.menuside.menu-clear li.current a,
ul.menuside.menu-clear li.current ul a:hover,
ul.menuside.menu-clear li.current ul a:focus,
ul.menuside.menu-clear li span.nav-header:hover,
ul.menuside.menu-clear li span.nav-header:focus,
ul.menuside.menu-clear li.current span.nav-header,
ul.menuside.menu-clear li.current ul span.nav-header:hover,
ul.menuside.menu-clear li.current ul span.nav-header:focus {
  color: #0099ff;
}

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

/* color */
ul.menuside.menu-color li a,
ul.menuside.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.87)!important;
  border-left: 5px solid #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 {
  color: #fff !important;
  border-left: 5px solid rgba(17, 17, 17, 0.47);
}
ul.menuside.menu-color li a:before,
ul.menuside.menu-color li span.nav-header:before {
  color: #fff;
}

/*
///  line menu
*/

ul.menuline li a,
ul.menuline li span.nav-header {
  color: #eee;
  border-bottom: 1px solid #444;
}
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: #eee;
}
ul.menuline li.current ul a,
ul.menuline li.current ul span.nav-header {
  color: #eee;
}
ul.menuline li a:before,
ul.menuline li span.nav-header:before {
  color: #444;
}

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

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

/* color */
ul.menuline.menu-color li a,
ul.menuline.menu-color li span.nav-header {
  color: rgba(17, 17, 17, 0.87) !important;
  border-bottom: 1px solid #fff;
}
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 {
  color: #fff !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.67);
}
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.current a:before,
ul.menuline.menu-color li.current ul a:hover:before,
ul.menuline.menu-color li.current ul a:focus:before,
ul.menuline.menu-color li span.nav-header:hover:before,
ul.menuline.menu-color li span.nav-header:focus:before,
ul.menuline.menu-color li.current span.nav-header:before,
ul.menuline.menu-color li.current ul span.nav-header:hover:before,
ul.menuline.menu-color li.current ul span.nav-header:focus:before {
  color: rgba(17, 17, 17, 0.57);
}

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

ul.menuhorizontal li a,
ul.menuhorizontal li span.nav-header {
  color: #eee;
}

/* light */
ul.menuhorizontal.menu-light li a,
ul.menuhorizontal.menu-light li span.nav-header {
  color: #444 !important;
}
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;
}
ul.menuhorizontal.menu-light li a:before,
ul.menuhorizontal.menu-light li span.nav-header:before {
  color: #444;
}
ul.menuhorizontal.menu-light li.active a:before,
ul.menuhorizontal.menu-light li a:hover:before,
ul.menuhorizontal.menu-light li a:focus:before,
ul.menuhorizontal.menu-light li:hover a:before,
ul.menuhorizontal.menu-light li:focus a:before,
ul.menuhorizontal.menu-light li.active span.nav-header:before,
ul.menuhorizontal.menu-light li span.nav-header:hover:before,
ul.menuhorizontal.menu-light li span.nav-header:focus:before,
ul.menuhorizontal.menu-light li:hover span.nav-header:before,
ul.menuhorizontal.menu-light li:focus span.nav-header:before,
ul.menuhorizontal.menu-light li span.nav-header:hover:before,
ul.menuhorizontal.menu-light li span.nav-header:focus:before {
  color: #0099ff !important;
}

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

2.4. variations

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

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

/*
///  variation 1
*/

.moduletable-sfx1 {
  color: #eee;
}
.moduletable-sfx1 h3 {
  font-size: 24px;
  color: #eee;
  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 #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx1 a:hover,
.moduletable-sfx1 a:focus {
  color: #999;
}

/*
///  variation 2
*/

.moduletable-sfx2 {
  color: #eee;
}
.moduletable-sfx2 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-sfx2 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx2 a:hover,
.moduletable-sfx2 a:focus {
  color: #999;
}

/*
///  variation 3
*/

.moduletable-sfx3 {
  color: #eee;
}
.moduletable-sfx3 h3 {
  font-size: 24px;
  color: #eee;
  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;
}
.moduletable-sfx3 a:hover,
.moduletable-sfx3 a:focus {
  color: #999;
}

/*
///  variation 4
*/

.moduletable-sfx4 {
  color: #eee;
}
.moduletable-sfx4 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-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;
}
.moduletable-sfx4 a:hover,
.moduletable-sfx4 a:focus {
  color: #999;
}

/*
///  variation 5
*/

.moduletable-sfx5 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx5 h3 {
  font-size: 24px;
  color: #eee;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx5 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-sfx5 a:hover,
.moduletable-sfx5 a:focus {
  color: #999;
}

/*
///  variation 6
*/

.moduletable-sfx6 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx6 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-sfx6 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx6 a:hover,
.moduletable-sfx6 a:focus {
  color: #999;
}

/*
///  variation 7
*/

.moduletable-sfx7 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx7 h3 {
  font-size: 24px;
  color: #eee;
  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;
}
.moduletable-sfx7 a:hover,
.moduletable-sfx7 a:focus {
  color: #999;
}

/*
///  variation 8
*/

.moduletable-sfx8 {
  color: #eee;
  padding: 13px 21px 7px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx8 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-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;
}
.moduletable-sfx8 a:hover,
.moduletable-sfx8 a:focus {
  color: #999;
}

/*
///  variation 9
*/

.moduletable-sfx9 {
  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-sfx9 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx9 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-sfx9 a:hover,
.moduletable-sfx9 a:focus {
  color: #999;
}

/*
///  variation 10
*/

.moduletable-sfx10 {
  color: #ddd;
  background-color: #191919;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 13px 21px 7px;
}
.moduletable-sfx10 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-sfx10 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx10 a:hover,
.moduletable-sfx10 a:focus {
  color: #999;
}

/*
///  variation 11
*/

.moduletable-sfx11 {
  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-sfx11 h3 {
  font-size: 24px;
  color: #ddd;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx11 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-sfx11 a:hover,
.moduletable-sfx11 a:focus {
  color: #999;
}

/*
///  variation 12
*/

.moduletable-sfx12 {
  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-sfx12 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-sfx12 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-sfx12 a:hover,
.moduletable-sfx12 a:focus {
  color: #999;
}

/*
///  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 h3 {
  font-size: 24px;
  color: #444;
  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 #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  variation 26
*/

.moduletable-sfx26 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-sfx26 h3 i {
  color: #0099ff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  variation 27
*/

.moduletable-sfx27 h3 {
  font-size: 24px;
  color: #444;
  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;
}

/*
///  variation 28
*/

.moduletable-sfx28 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-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;
}

/*
///  variation 29
*/

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

/*
///  variation 30
*/

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

/*
///  variation 31
*/

.moduletable-sfx31 {
  background-color: #fff;
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx31 h3 {
  font-size: 24px;
  color: #444 !important;
  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;
}

/*
///  variation 32
*/

.moduletable-sfx32 {
  background-color: #fff;
  padding: 13px 21px 7px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx32 h3 {
  font-size: 24px;
  color: #444 !important;
  margin-bottom: 18px;
  margin-top: 0px;
  border-bottom: 1px solid #0099ff;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.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;
}

/*
///  variation 33
*/

.moduletable-sfx33 {
  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-sfx33 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx33 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-sfx33 a {
  color: #222;
}
.moduletable-sfx33 a:hover,
.moduletable-sfx33 a:focus {
  color: #fff;
}

/*
///  variation 34
*/

.moduletable-sfx34 {
  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-sfx34 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-sfx34 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-sfx34 a {
  color: #222;
}
.moduletable-sfx34 a:hover,
.moduletable-sfx34 a:focus {
  color: #fff;
}

/*
///  variation 35
*/

.moduletable-sfx35 {
  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-sfx35 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 0px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx35 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-sfx35 a {
  color: #222;
}
.moduletable-sfx35 a:hover,
.moduletable-sfx35 a:focus {
  color: #fff;
}

/*
///  variation 36
*/

.moduletable-sfx36 {
  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-sfx36 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-sfx36 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-sfx36 a {
  color: #222;
}
.moduletable-sfx36 a:hover,
.moduletable-sfx36 a:focus {
  color: #fff;
}

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

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

2.5. icons

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

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

2.6. images

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

/* image polaroid */
.img-polaroid,
.item-image img,
span.itemImage img,
span.catItemImage img,
span.tagItemImage img,
span.userItemImage img,
span.latestItemImage img,
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  padding: 7px;
  background-color: #222;
  border: 1px solid #444;
}
.img-polaroid-clear {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.67);
  border: 1px solid transparent;
}
.img-polaroid-light {
  padding: 7px;
  background-color: #DDD;
  border: 1px solid transparent;
}
.img-polaroid-color {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.47);
  border: 1px solid transparent;
}

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

2.7. bootstrap elements

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

/*
///  box icons
*/

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

/*
///  inline labels
*/

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

/*
///  alert
*/

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

/*
///  pre, code
*/

pre, code {
  background-color: #333;
  border-color: transparent;
  color: #EEE
}
pre {
  margin: 12px 0 21px;
}
code {
  padding: 4px 8px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}
#fav-advertwrap pre,
#fav-advertwrap code,
#fav-introwrap pre,
#fav-introwrap code,
#fav-primewrap pre,
#fav-primewrap code,
#fav-focuswrap pre,
#fav-focuswrap code,
#fav-showcasewrap pre,
#fav-showcasewrap code,
#fav-portfoliowrap pre,
#fav-portfoliowrap code,
#fav-notewrap pre,
#fav-notewrap code,
#fav-basewrap pre,
#fav-basewrap code {
  border: 1px solid #E2E2E2;
  background-color: #F2F2F2;
  color: #444;
}

/*
///  tables
*/

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

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

2.8. lists

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

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

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

2.9. joomla

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

/*
///  details
*/

div.itemToolbar ul li a#fontIncrease img {
  background: transparent url("../images/system/font_increase.png") no-repeat scroll 0% 0%;
}
div.itemToolbar ul li a#fontDecrease img {
  background: transparent url("../images/system/font_decrease.png") no-repeat scroll 0% 0%;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: url('../images/system/transparent_star.png') repeat-x scroll left transparent;
}
div.itemToolbar ul li a#fontDecrease img {
  background: url('../images/system/font_decrease.png') no-repeat scroll 0% 0% transparent;
}
div.itemToolbar ul li a#fontIncrease img {
  background: url('../images/system/font_increase.png') no-repeat scroll 0% 0% transparent;
}

/*
///  create article
*/

div.editor .mce-panel {
  border: 1px solid #444;
  border-radius: 4px;
}

/*
///  language
*/

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

/*
///  search
*/

div.search #searchForm button.btn.hasTooltip,
div.search #searchForm span.badge.badge-info,
.moduletablefavstyle .fav-search ul.dropdown-menu,
.moduletable.favstyle .fav-search ul.dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.search #searchForm span.badge.badge-info {
  padding: 0px 10px;
}
#finder-search a.btn,
div[id^="finder-search"] a.btn,
div[id*=" finder-search"] a.btn,
#finder-search button.btn.btn-primary.disabled,
div[id^="finder-search"] button.btn.btn-primary.disabled,
div[id*=" finder-search"] button.btn.btn-primary.disabled,
#finder-search button.btn.btn-primary.disabled:hover,
div[id^="finder-search"] button.btn.btn-primary.disabled:hover,
div[id*=" finder-search"] button.btn.btn-primary.disabled:hover,
#finder-search button.btn.btn-primary.disabled:focus,
div[id^="finder-search"] button.btn.btn-primary.disabled:focus,
div[id*=" finder-search"] button.btn.btn-primary.disabled:focus {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  categories list
*/

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

/*
///  components
*/

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

/*
///  login form
*/

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

/*
///  tags
*/

div.tag-category ul.thumbnails h3 a,
.label-info[href],
.badge-info[href] {
  padding: 8px 10px 6px;
  text-shadow: none;
  transition: all 0.3s ease-out 0s;
  text-shadow: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.category.list-striped li h3 a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #777;
  font-style: normal;
}

/*
///  wrapper
*/

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

/*
///  core-supported components in future Joomla! versions
*/

div.newsfeed .feedflare img {
  background-color: #eee;
  padding-left: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  search
*/

div.finder ul#finder-filter-select-dates {
  overflow: hidden;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #444;
}
div.finder #finder-filter-select-list {
  padding-bottom: 14px;
  border-bottom: 1px solid #444;
}
.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 #444;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* /// 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 #444;
    border-top: none;
  }

}

/*
///  language switcher
*/

#fav-language ul.dropdown-menu {
  background-color: #fff;
  border: none;
  padding: 5px 0px;
  min-width: 100%;
  margin-top: 6px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fav-language ul.dropdown-menu li a img {
  border: 1px solid #444;
  margin-right: 5px;
}

/* /// mobile */

@media (max-width: 768px) {

  #fav-language a.btn.dropdown-toggle,
  #fav-language a.btn.dropdown-toggle:hover {
    padding: 10px 12px 9px;
    border: 1px solid #444;
    border-top: none;
  }

}

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

2.10. k2

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

/*
///  k2 featured
*/

div.itemNavigation span.itemNavigationTitle {
  font-weight: 300;
}

/*
///  k2 featured
*/

div.itemIsFeatured h2:before,
div.catItemIsFeatured h3:before,
div.userItemIsFeatured h3:before {
  padding: 8px 9px 6px;
  font-size: 18px;
  border: 1px solid #444;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  item edit
*/

#k2FrontendContainer hr.sep {
  border-style: none none solid;
  border-color: #444;
}
span.catItemEditLink a,
span.itemEditLink a {
  background-color: #eee;
  color: #444;
  border: 1px solid #444;
}

/* user profile */
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  background: transparent;
  border-bottom: none;
  border-right: none;
  color: #eee;
  text-align: left;
  width: 16em;
}
.k2AccountPage th.k2ProfileHeading {
  background: transparent;
  padding: 28px 0px 7px;
  margin-bottom: 14px;
  display: inline-block;
  font-size: 21px;
  line-height: 1.5em;
  font-weight: 300;
  border-bottom: 1px solid #444;
}

/*
///  category title
*/

div.itemListCategory h2,
div.latestItemsCategory h2,
div.itemListCategory h2:before,
div.latestItemsCategory h2:before {
  color: #eee;
  font-size: 24px;
}
div.itemListCategory a,
div.latestItemsCategory a {
  color: #eee;
}

/*
///  category items links
*/

div#itemListLinks h3.catItemTitle a,
h2.latestItemTitleList a {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #444;
  -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;
}

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

/// 3. colors

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

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

#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

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

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

3.1. reset

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

body {
  color: #eee;
  background-color: #222;
}
a { color: #0099ff; }
a:hover, a:focus { color: #aaa; outline: none; }
hr {
  border-top: 1px solid #444;
  border-bottom: 1px solid #222;
  border: #444 -moz-use-text-color #222 !important;
}

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

3.2. module positions

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

/*
///  topbar
*/

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

/*
///  footer
*/

#fav-footerwrap {
  background-color: inherit;
  color: inherit;
}
#fav-footerwrap h3 {
  color: inherit;
}
#fav-footerwrap a:hover,
#fav-footerwrap a:focus {
  color: inherit;
}

/*
///  back to top
*/

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

/*
///  dark module positions
*/

#fav-portfoliowrap {
  background-color: #111;
  color: #fff;
}

/*
///  color module positions
*/

#fav-advertwrap,
#fav-focuswrap {
  background-color: #0099ff;
  color: #fff;
}

/*
///  light module positions
*/

#fav-showcasewrap,
#fav-notewrap {
  background-color: #fff;
  color: #444;
}
#fav-showcasewrap h3,
#fav-notewrap h3 {
  color: #444;
}
#fav-showcasewrap a:hover,
#fav-showcasewrap a:focus,
#fav-notewrap a:hover,
#fav-notewrap a:focus {
  color: #777;
}

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

3.3. titles

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

.moduletable h3,
.page-header h2,
h2.item-title,
.componentheading,
div.itemHeader h2.itemTitle,
div.catItemHeader h3.catItemTitle,
div.tagItemHeader h2.tagItemTitle,
div.latestItemHeader h2.latestItemTitle,
div.genericItemHeader h2.genericItemTitle,
div.userItemHeader h3.userItemTitle,
h3.itemAuthorName,
div.tag-category h2,
#member-profile legend {
  color: #eee;
}
legend {
  color: #eee;
}

/*
///  joomla titles
*/

.page-header h2 a,
h2.item-title a,
div.categories-list h3 a {
  color: #eee;
}
.page-header h2 a:hover,
h2.item-title a:hover,
div.categories-list h3 a:hover {
  color: #0099ff;
}

/*
///  k2 titles
*/

div.itemHeader h2.itemTitle a:hover,
div.catItemHeader h3.catItemTitle a:hover,
div.tagItemHeader h2.tagItemTitle a:hover,
div.latestItemHeader h2.latestItemTitle a:hover,
div.genericItemHeader h2.genericItemTitle a:hover,
div.userItemHeader h3.userItemTitle a:hover {
  color: #0099ff;
}

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

3.4. buttons

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

.btn,
.pager .next a,
.pager .previous a,
a.k2ReadMore,
.k2AccountPage button.button.validate,
div.itemNavigation a.itemNext,
div.itemNavigation a.itemPrevious,
div.itemCommentsForm form input#submitCommentButton,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout {
  color: #fff;
  background-color: #0099ff;
}
.btn:hover,
.btn:focus,
.pager .next a:hover,
.pager .previous a:hover,
.pager .next a:focus,
.pager .previous a:focus,
a.k2ReadMore:hover,
a.k2ReadMore:focus,
div.itemNavigation a.itemNext:hover,
div.itemNavigation a.itemNext:focus,
div.itemNavigation a.itemPrevious:hover,
div.itemNavigation a.itemPrevious:focus,
div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus,
div.k2LoginBlock fieldset.input input.button:hover,
div.k2LoginBlock fieldset.input input.button:focus,
div.k2UserBlock form input.button.ubLogout:hover,
div.k2UserBlock form input.button.ubLogout:focus,
.k2AccountPage button.button.validate:hover,
.k2AccountPage button.button.validate:focus {
  color: #fff;
  background-color: #333;
}
a.btn:hover,
a.btn:focus {
  color: #fff;
}
.btn:active,
.btn.active,
div.itemNavigation a.itemNext:hover,
div.itemNavigation a.itemNext:focus,
div.itemNavigation a.itemPrevious:hover,
div.itemNavigation a.itemPrevious:focus,
div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus,
.k2AccountPage button.button.validate:hover,
.k2AccountPage button.button.validate: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-primary {
  color: #fff;
  background-color: #444;
  border: 1px solid transparent;
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus  {
  color: #fff;
  background-color: #0099ff;
  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);
}

/*
///  pagination
*/

.pagination ul li a,
.pagination ul > .disabled > a,
.pagination ul > .active > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus,
.k2Pagination ul li a,
.k2Pagination ul > .disabled > a,
.k2Pagination ul > .active > a,
.itemCommentsPagination ul li a,
.itemCommentsPagination ul > .disabled > a,
.itemCommentsPagination ul > .active > a,
.k2Pagination ul > .disabled > a:hover,
.k2Pagination ul > .disabled > a:focus,
.k2Pagination ul > .active > a:hover,
.k2Pagination ul > .active > a:focus,
.itemCommentsPagination ul > .disabled > a:hover,
.itemCommentsPagination ul > .disabled > a:focus,
.itemCommentsPagination ul > .active > a:hover,
.itemCommentsPagination ul > .active > a:focus{
  color: #fff;
  background-color: #0099ff;
}
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li.active a:hover {
  color: #0099ff;
  background-color: #222;
}
.k2Pagination ul li a:hover,
.k2Pagination ul li.active a,
.k2Pagination ul li.active a:hover,
.itemCommentsPagination ul li a:hover,
.itemCommentsPagination ul li.active a,
.itemCommentsPagination ul li.active a:hover {
  color: #0099ff;
  background-color: #222;
}
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li.active a:hover,
.k2Pagination ul li a:hover,
.k2Pagination ul li.active a,
.k2Pagination ul li.active a:hover,
.itemCommentsPagination ul li a:hover,
.itemCommentsPagination ul li.active a,
.itemCommentsPagination ul li.active a:hover {
  border: 1px solid #444;
}

/*
///  article dropdown
*/

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

/*
///  tags
*/

div.tag-category ul.thumbnails h3 a,
.label-info[href],
.badge-info[href] {
  color: #0099ff;
  background-color: transparent;
}

/*
///  badge
*/

.badge-info {
  background-color: #0099ff;
}

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

3.5. navigation

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

/*
///  navigation style
*/

#fav-nav li a,
#fav-nav span.nav-header {
  color: #777;
  
}
ul.nav.menu li span.nav-header {
  color: #0099ff;
}
.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 {
  border-bottom: 1px solid #444;
}
.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.active span.nav-header,
.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;
  color: #fff !important;
}
.favnav .navigation .nav-pills .nav-child > .active > a,
.favnav .navigation .nav-pills .nav-child > li > a:hover,
.favnav .navigation .nav-pills .nav-child > li > a:focus,
.favnav .navigation .menunav-pills .nav-child > .active > a,
.favnav .navigation .menunav-pills .nav-child > li > a:hover,
.favnav .navigation .menunav-pills .nav-child > li > a:focus,
.favnav .navigation .nav-pills .nav-child > li.active > span.nav-header,
.favnav .navigation .nav-pills .nav-child > li > span.nav-header:hover,
.favnav .navigation .nav-pills .nav-child > li > span.nav-header:focus,
.favnav .navigation .menunav-pills .nav-child > li.active > span.nav-header,
.favnav .navigation .menunav-pills .nav-child > li > span.nav-header:hover,
.favnav .navigation .menunav-pills .nav-child > li > span.nav-header:focus {
  background-color: #222;
  color: #0099ff !important;
}
.favnav .navigation .nav-pills .nav-child > li > span.nav-header {
  background-color: #222;
  color: #777 !important;
}
.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 {
  color: #0099ff;
}
.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;
}
.favnav .navigation ul.nav-child {
  background-color: #222;
  border: 1px solid #444;
}
.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 {
  border-bottom: 1px solid #444;
}

/*
///  submenu
*/

.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 {
  border-bottom: 1px solid #444;
}
.favnav .navigation ul.nav-child {
  border: 1px solid #444;
}

/* arrow icons for child menu items */
.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: '';
}
.favnav .navigation .nav-child:after {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #444;
  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 #444;
  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 #444;
  border-bottom: 6px solid transparent;
}

/*
///  vertical menus
*/

ul.nav.menu li span.nav-header {
  color: #0099ff;
}
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.current ul a,
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,
ul.menubasic li.current ul span.nav-header:hover,
ul.menubasic li.current ul span.nav-header:focus {
  color: #0099ff;
}
ul.menubasic.menu-clear li a:hover,
ul.menubasic.menu-clear li a:focus,
ul.menubasic.menu-clear li.current a,
ul.menubasic.menu-clear li.current ul a:hover,
ul.menubasic.menu-clear li.current ul a:focus,
ul.menubasic.menu-clear li.current ul a,
ul.menubasic.menu-clear li span.nav-header:hover,
ul.menubasic.menu-clear li span.nav-header:focus,
ul.menubasic.menu-clear li.current span.nav-header,
ul.menubasic.menu-clear li.current ul span.nav-header,
ul.menubasic.menu-clear li.current ul span.nav-header:hover,
ul.menubasic.menu-clear li.current ul span.nav-header:focus {
  color: #fff;
  background-color: #0099ff;
}
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.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 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,
ul.menuarrow li.current span.nav-header:before,
ul.menuarrow li.current ul span.nav-header:hover:before,
ul.menuarrow li.current ul span.nav-header:focus:before {
  color: #0099ff;
}
ul.menuarrow.menu-clear li a:hover,
ul.menuarrow.menu-clear li a:focus,
ul.menuarrow.menu-clear li.current a,
ul.menuarrow.menu-clear li.current ul a:hover,
ul.menuarrow.menu-clear li.current ul a:focus,
ul.menuarrow.menu-clear li span.nav-header:hover,
ul.menuarrow.menu-clear li span.nav-header:focus,
ul.menuarrow.menu-clear li.current span.nav-header,
ul.menuarrow.menu-clear li.current ul span.nav-header:hover,
ul.menuarrow.menu-clear li.current ul span.nav-header:focus {
  color: #0099ff !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.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.menu-clear li a:hover,
ul.menuside.menu-clear li a:focus,
ul.menuside.menu-clear li.current a,
ul.menuside.menu-clear li.current ul a:hover,
ul.menuside.menu-clear li.current ul a:focus,
ul.menuside.menu-clear li span.nav-header:hover,
ul.menuside.menu-clear li span.nav-header:focus,
ul.menuside.menu-clear li.current span.nav-header,
ul.menuside.menu-clear li.current ul span.nav-header:hover,
ul.menuside.menu-clear li.current ul span.nav-header:focus {
  color: #0099ff !important;
}
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;
}
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 {
  border-bottom: 1px solid #0099ff;
  background-color: transparent;
}
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;
}
ul.menuline.menu-clear li a:hover,
ul.menuline.menu-clear li a:focus,
ul.menuline.menu-clear li.current a,
ul.menuline.menu-clear li.current ul a:hover,
ul.menuline.menu-clear li.current ul a:focus,
ul.menuline.menu-clear li span.nav-header:hover,
ul.menuline.menu-clear li span.nav-header:focus,
ul.menuline.menu-clear li.current span.nav-header,
ul.menuline.menu-clear li.current ul span.nav-header:hover,
ul.menuline.menu-clear li.current ul span.nav-header:focus {
  border-bottom: 1px solid #0099ff;
}
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 {
  border-bottom: 1px solid #0099ff;
}

/*
///  horizontal menus
*/

ul.menuhorizontal li.active a,
ul.menuhorizontal li a:hover,
ul.menuhorizontal li a:focus,
ul.menuhorizontal li:hover a,
ul.menuhorizontal li:focus a,
ul.menuhorizontal li.active span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus,
ul.menuhorizontal li:hover span.nav-header,
ul.menuhorizontal li:focus span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus {
  color: #0099ff;
  background-color: transparent;
}
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;
}
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;
}
ul.menuhorizontal.menu-light li.active a:before,
ul.menuhorizontal.menu-light li a:hover:before,
ul.menuhorizontal.menu-light li a:focus:before,
ul.menuhorizontal.menu-light li:hover a:before,
ul.menuhorizontal.menu-light li:focus a:before,
ul.menuhorizontal.menu-light li.active span.nav-header:before,
ul.menuhorizontal.menu-light li span.nav-header:hover:before,
ul.menuhorizontal.menu-light li span.nav-header:focus:before,
ul.menuhorizontal.menu-light li:hover span.nav-header:before,
ul.menuhorizontal.menu-light li:focus span.nav-header:before,
ul.menuhorizontal.menu-light li span.nav-header:hover:before,
ul.menuhorizontal.menu-light li span.nav-header:focus:before {
  color: #0099ff !important;
}
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;
}

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

3.6. variations

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

.moduletable-sfx1 h3 i,
.moduletable-sfx2 h3 i,
.moduletable-sfx5 h3 i,
.moduletable-sfx6 h3 i,
.moduletable-sfx9 h3 i,
.moduletable-sfx10 h3 i,
.moduletable-sfx13 h3 i,
.moduletable-sfx14 h3 i,
.moduletable-sfx17 h3 i,
.moduletable-sfx18 h3 i,
.moduletable-sfx21 h3 i,
.moduletable-sfx22 h3 i,
.moduletable-sfx25 h3 i,
.moduletable-sfx26 h3 i,
.moduletable-sfx29 h3 i,
.moduletable-sfx30 h3 i,
.moduletable-sfx21 a:hover,
.moduletable-sfx21 a:focus {
  color: #0099ff;
}
.moduletable-sfx3 h3 i,
.moduletable-sfx4 h3 i,
.moduletable-sfx7 h3 i,
.moduletable-sfx8 h3 i,
.moduletable-sfx11 h3 i,
.moduletable-sfx12 h3 i,
.moduletable-sfx15 h3 i,
.moduletable-sfx16 h3 i,
.moduletable-sfx19 h3 i,
.moduletable-sfx20 h3 i,
.moduletable-sfx23 h3 i,
.moduletable-sfx24 h3 i,
.moduletable-sfx27 h3 i,
.moduletable-sfx28 h3 i,
.moduletable-sfx31 h3 i,
.moduletable-sfx32 h3 i,
.moduletable-sfx33,
.moduletable-sfx34,
.moduletable-sfx35,
.moduletable-sfx36 {
  background-color: #0099ff;
  color: #eee;
}
.moduletable-sfx4 h3,
.moduletable-sfx8 h3,
.moduletable-sfx16 h3,
.moduletable-sfx16 h3,
.moduletable-sfx20 h3,
.moduletable-sfx24 h3,
.moduletable-sfx28 h3,
.moduletable-sfx32 h3,
.moduletable-sfx12 h3
 {
  border-bottom: 1px solid #0099ff;
}
.moduletable-sfx25 p,
.moduletable-sfx26 p,
.moduletable-sfx27 p,
.moduletable-sfx28 p,
.moduletable-sfx29 p,
.moduletable-sfx30 p,
.moduletable-sfx31 p,
.moduletable-sfx32 p {
  color: #444 !important;
}
.moduletable-sfx33 h3,
.moduletable-sfx34 h3,
.moduletable-sfx35 h3,
.moduletable-sfx36 h3 {
  color: #eee !important;
}

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

3.7. icons

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

/* icon font */
i[class^="fa fa-"],
i[class*=" fa fa-"] {
  font-size: 18px;
  padding-right: 0.6em;
}

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

3.8. images

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

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

3.9. bootstrap elements

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

/*
///  blockquote
*/

blockquote {
  border-color: #0099ff;
}
blockquote.blockquote-light {
  border-color: #0099ff;
}

/* light */
blockquote.blockquote-light {
  border-color: #0099ff;
  color: #444;
}
.blockquote-dark small {
  color: #444;
}

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

3.10. lists

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

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

/*
///  light list style
*/

/* unordered */
ul.list-light {
  color: #444;
  list-style-type: none;
  margin-left: 0;
}
ul.list-light li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
}
ul.list-light 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-light {
  color: #444;
  counter-reset: li;
  margin-left: 0px;
  padding-left: 0px;
}
ol.list-light > li {
  font-size: 14px;
  line-height: 21px;
  padding: 5px 0px;
  list-style: outside none none;
}
ol.list-light 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;
}

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

3.11. joomla

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

/*
///  tags
*/

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: #eee;
  background-color: transparent;
}

/*
///  news feed component
*/

div.newsfeed-category ul.category.list-striped.list-condensed .list-title a {
  color: #eee;
}

/*
///  search component
*/

#fav-search-advanced-fields .accordion-group .accordion-inner {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

/*
///  article and item navigation
*/

div.itemNavigation span.itemNavigationTitle {
  color: #eee;
}

/*
///  article dropdown
*/

ul.dropdown-menu {
  border: 1px solid #444;
}

/*
///  core-supported extensions in future Joomla! versions
*/

div.newsfeed h2 a:hover,
div.newsfeed-category h2 a:hover {
  color: #0099ff;
}
#fav-search-advanced-fields .accordion-heading a.accordion-toggle {
  color: #fff;
  background-color: #0099ff;
}

/*
///  language
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  search
*/

.moduletablefavstyle .fav-search .nav > li > a:hover {
  background-color: #333;
}
.moduletablefavstyle .fav-search .nav > li > a:focus {
  background-color: #0099ff;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

/*
///  article links
*/

.nav-tabs.nav-stacked > li > a,
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border: 1px solid #444;
  background-color: transparent;
  margin: 0px 10px 0px 10px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  color: #aaa;
}

/*
///  component page
*/

body.contentpane #imageForm button.btn:hover {
  border: 1px solid #444;
}

/*
///  misc joomla content
*/

/*/  front-end template settings  /*/

#fav-maincontent div#myTabContent .favtitle h4,
#fav-maincontent #page-site .favtitle h4 {
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
/*
///  contact component
*/

div.contact .accordion-heading:hover,
div.contact .accordion-heading:focus {
  background-color: #1a1a1a;
}
div.contact-category table tr {
  border-bottom: 1px solid #444;
  color: #444;
}
div.blog-featured table tr {
  border-bottom: 1px solid #444;
  color: #444;
}

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

3.14. k2

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

/*
///  k2 featured
*/

div.itemIsFeatured h2:before,
div.catItemIsFeatured h3:before,
div.userItemIsFeatured h3:before {
  color: #0099ff;
}
div.itemIsFeatured div.itemHeader h2.itemTitle span sup,
div.catItemIsFeatured div.catItemHeader h3.catItemTitle span sup {
  background-color: #0099ff;
}

/*
///  edit button
*/

#k2Container span.catItemAddLink a.modal {
  background-color: #0099ff;
  color: #fff;
}

/*
///  item title
*/

div.itemHeader h2.itemTitle,
div.catItemHeader h3.catItemTitle,
div.tagItemHeader h2.tagItemTitle,
div.latestItemHeader h2.latestItemTitle,
div.genericItemHeader h2.genericItemTitle,
div.userItemHeader h3.userItemTitle,
div.itemHeader h2.itemTitle a,
div.catItemHeader h3.catItemTitle a,
div.tagItemHeader h2.tagItemTitle a,
div.latestItemHeader h2.latestItemTitle a,
div.genericItemHeader h2.genericItemTitle a,
div.userItemHeader h3.userItemTitle a,
h3.itemAuthorName {
  color: #eee;
  background-color: transparent;
}

span.itemHits,
div.itemCategory span,
div.catItemCategory span,
div.tagItemCategory span,
div.userItemCategory span,
div.genericItemCategory span,
div.latestItemCategory span,
div.catItemHitsBlock span,
div.itemTagsBlock span,
div.catItemTagsBlock span,
div.userItemTagsBlock span,
div.genericItemTagsBlock span,
div.latestItemTagsBlock span {
  font-weight: normal;
  color: #eee;
}

/*
///  item intro text
*/

div.itemIntroText {
  color: #eee;
}

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

/// 4. fonts

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

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

/// primary font

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

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

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

/*
///  default
*/

h1, h2, h3, h4, h5, h6,
.componentheading {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
body,
.fav404,
.fav404 a.btn,
#fav-navbar div.navbar #fav-mobilemenutext,
#fav-navbar div.navbar-inverse #fav-mobilemenutext,
#fav-language a.btn.dropdown-toggle,
#fav-language-demo a.btn.dropdown-toggle,
.favnav .navigation .nav-pills a,
.favnav .navigation .menunav-pills a,
.favnav .navigation .nav-pills > li > a,
.favnav .navigation .menunav-pills > li > a,
.favnav .navigation ul.nav.menu li span.nav-header,
.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  {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

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

/*
///  k2
*/

#k2Container,
div#k2Frontend table.k2FrontendToolbar td.button a.toolbar {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
div.itemHeader h2.itemTitle,
div.catItemHeader h3.catItemTitle,
div.tagItemHeader h2.tagItemTitle,
div.latestItemHeader h2.latestItemTitle,
div.genericItemHeader h2.genericItemTitle,
div.userItemHeader h3.userItemTitle,
h3.itemAuthorName,
div.tag-category h2 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-top: 0;
}
a.k2ReadMore,
div.itemNavigation a.itemNext,
div.itemNavigation a.itemPrevious,
.k2AccountPage button.button.validate,
div.itemCommentsForm form input#submitCommentButton,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout,
a.k2ReadMore,
h3.itemAuthorName,
div.itemNavigation a.itemNext,
div.itemNavigation a.itemPrevious,
.k2AccountPage button.button.validate,
div.itemCommentsForm form input#submitCommentButton,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

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

/// 5. extensions

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

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

5.1. favslider

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

.favstyle #fav-caption h3 {
  font-size: 36px;
  line-height: 1.2em;
  margin-top: 6px;
  margin-left: 14px;
}

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

5.2. 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: rgba(17,17,17,0.8);
  border: none !important;
}
.favstyle div[class^="favpromote"]:hover,
.favstyle div[class*=" favpromote"]:hover {
  border: none !important;
  background-color: rgba(17,17,17,0.4) !important;
}
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
  border-bottom: none;
  background-color: #0099ff !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"]:hover h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover,
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover {
  background-color: #111!important;
}
.favstyle div[id^="favpromote-box"] 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 p[id^="favpromote-text"]:hover,
.favstyle p[id*=" favpromote-text"]:hover {
  color: #fff;
}

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

5.3. favimagehover

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

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

5.4. favglyph

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

.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;
}

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

5.5. faveffects

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

.favstyle p[id^="faveffects-title"],
.favstyle p[id*=" faveffects-title"] {
  font-weight: 300;
}
.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,
.favstyle div[id^="faveffects-icon"] i:focus,
.favstyle div[id*=" faveffects-icon"] i:focus {
  color: #eee !important;
}
.faveffects-effect1:hover,
.faveffects-effect2:hover,
.faveffects-effect3:hover,
.faveffects-effect4:hover,
.faveffects-effect5:hover,
.faveffects-effect6:hover {
  background-color: #222 !important;
}

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

5.6. favsocial

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

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