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

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

1. base
  1.1. reset
  1.2. grid
  1.3. content blocks
    1.3.1. header
    1.3.2. module positions

2. custom content
  2.1. joomla and k2 content
    2.1.1. titles
    2.1.2. fonts
    2.1.3. pagination
    2.1.4. buttons

  2.2. menus
    2.2.1. main navigation
    2.2.2. vertical menus
    2.2.3. horizontal menus

  2.3. typography
    2.3.1. icons
    2.3.2. images
    2.3.3. buttons
    2.3.4. bootstrap
    2.3.5. lists

  2.4. variations

  2.5. custom pages
    2.5.1. custom classes
    2.5.2. error page
    2.5.3. offline page

3. joomla!
  3.1. joomla! content
    3.1.1. articles
    3.1.2. categories
    3.1.3. tags

  3.2. joomla! components
    3.2.1. default components
    3.2.2. core-supported components in future Joomla! versions

  3.3. joomla! modules
    3.3.1. default modules
    3.3.2. core-supported modules in future Joomla! versions

4. k2
  4.1. k2 content
    4.1.1. items
    4.1.2. categories

  4.2. k2 modules
    4.2.1. K2 content module
    4.2.2. K2 comments module
    4.2.3. K2 tools module
    4.2.4. K2 user module
    4.2.5. K2 users module

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

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

/*  template CSS  */

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

/// 1. base

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

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

1.1. reset

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

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

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

1.2. grid

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

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

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

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

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

/* /// mobile */

@media (max-width: 980px) {

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

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

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

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

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

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

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

}

/* make content invisible for old IE */
.lt-ie7 .container-fluid,
.lt-ie7 .row-fluid {
  display: none;
}

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

1.3. content blocks

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

/*/
///
///  1.3.1. header
///
/*/

#fav-headerwrap {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
#fav-headerwrap,
#fav-headerwrap .navigation ul.nav-child {
  background-color: #fff;
}

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

  #fav-headerwrap {
    border-top: none;
    border-bottom: none;
  }

}

/*
///  logo
*/

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

/* /// tablet */

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

  #fav-logo {
    text-align: center;
    float: none;
    width: 100%;
  }

}

/* /// mobile */

@media (max-width: 768px) {

  #fav-logo {
    display: none;
  }

  #fav-logomobile {
    margin: 0;
    float: left;
  }
  #fav-logomobile h1 {
    padding: 0 0 0 20px;
    margin: 8px 0;
  }
  #fav-logomobile .default-logo {
    margin: 0;
  }
  .default-logo img,
  .media-logo img {
    max-height: 26px;
  }

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

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

}

/*/
///
///  1.3.2. module positions
///
/*/

/*
///  layout spacing
*/

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

@media (max-width: 768px) {

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

}

/*
///  advert
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  topbar
*/

#fav-topbar ul.nav {
  margin-bottom: 0;
}
#fav-topbar ul.nav.menuhorizontal {
  margin-top: 10px;
}
#fav-topbar ul.nav li a {
  font-size: 13px;
}
#fav-topbar ul.nav li a:before {
  color: #9e9e9e;
  margin-left: 2px;
  margin-right: 1px;
}
@media (max-width: 320px) {

  #fav-topbar ul.nav li a:before {
    margin-left: 4px;
    margin-right: 1px;
  }
}
#fav-topbar .moduletable,
#fav-topbar div[class^="moduletable-"],
#fav-topbar div[class*=" moduletable-"] {
  overflow: visible;
  margin: 0;
}

/* /// mobile */

@media (max-width: 768px) {

  #fav-topbarwrap {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.27);
  }
  #fav-topbar .moduletable,
  #fav-topbar div[class^="moduletable-"],
  #fav-topbar div[class*=" moduletable-"],
  #fav-topbar .moduletablepull-left,
  #fav-topbar div[class^="moduletablepull-left-"],
  #fav-topbar div[class*=" moduletablepull-left-"],
  #fav-topbar .moduletablepull-right,
  #fav-topbar div[class^="moduletablepull-right-"],
  #fav-topbar div[class*=" moduletablepull-right-"],
  #fav-topbar .moduletablefavstyle.pull-left,
  #fav-topbar .moduletablefavstyle.pull-right {
    width: auto;
    float: none;
    margin: 0px;
  }
  #fav-topbar .pull-left,
  #fav-topbar .pull-right {
    border: none;
    float: none;
    margin: 0px;
  }
  #fav-topbar .dropdown-menu {
    position: relative;
    min-width: 100%;
  }
  #fav-topbar .btn-group {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    border-top: none;
    text-align: left;
    display: block;
  }
  #fav-topbar .btn-group .btn {
    margin-left: 0!important;
    margin-right: 0!important;
    text-align: left;
    display: block;
  }
  #fav-topbar ul.nav.menuhorizontal {
    margin-top: 0px;
    padding: 10px 14px 9px;
    border: 1px solid #e7e7e7;
    border-top: none;
    float: none;
    display: block;
    clear: both;
  }
  #fav-topbar ul.menuhorizontal li {
    padding: 0px;
  }

}

/*
///  slide
*/

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

/*
///  breadcrumbs
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  main
*/

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

/*
///  copyright
*/

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

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

/* /// mobile */

@media (max-width: 768px) {

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

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

}

/*
///  backtop
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  image module positions
*/

/* overlay */

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

/* /// mobile */

@media (max-width: 1200px) {

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

}

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

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

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

/* color module positions */
#fav-advertwrap,
#fav-focuswrap {
  background-color: #9e9e9e;
  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;
}

/*
///  parameters for mobile
*/

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

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

/// 2. custom content

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

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

2.1. joomla and k2 content

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

/*/
///
///  2.1.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: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
  font-size: 24px;
  font-weight: 300;
  color: #444;
  border: 0;
}

/*/
///
///  2.1.2. fonts
///
/*/

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

/// primary font

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

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

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

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

/* 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 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
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;
}


/*/
///
///  2.1.3. pagination
///
/*/

/*
///  pagination
*/

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

/* /// mobile */

@media (max-width: 768px) {

  .pagination ul li a,
  .pagination ul > .active > a,
  .k2Pagination ul li a,
  .k2Pagination ul > .active > a,
  .itemCommentsPagination ul li a,
  .itemCommentsPagination ul > .active > a {
    padding: 7px 14px 5px;
  }
  .pagination ul > .disabled > a,
  .k2Pagination ul > .disabled > a,
  .itemCommentsPagination ul > .disabled > a {
    padding: 7px 12px 5px;
  }

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

  .pagination ul li a,
  .pagination ul > .disabled > a,
  .pagination ul > .active > a,
  .k2Pagination ul li a,
  .k2Pagination ul > .disabled > a,
  .k2Pagination ul > .active > a,
  .itemCommentsPagination ul li a,
  .itemCommentsPagination ul > .disabled > a,
  .itemCommentsPagination ul > .active > a {
    margin-left: 0;
    margin-right: 0;
    padding: 4px 10px 2px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .pagination [class^="icon-"],
  .pagination [class*=" icon-"],
  .k2Pagination [class^="icon-"],
  .k2Pagination [class*=" icon-"],
  .itemCommentsPagination [class^="icon-"],
  .itemCommentsPagination [class*=" icon-"] {
    font-size: 12px;
    margin-top: 0.1em;
  }

}

/*/
///
///  2.1.4. buttons
///
/*/

/*
///  default
*/

.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 {
  color: #fff;
  background-color: #9e9e9e;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 11px 21px 10px;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pager .next a:hover,
.pager .previous a:hover,
.pager .next a:focus,
.pager .previous a:focus,
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;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.btn:focus {
  outline: none;
}
.btn:active {
  box-shadow: none;
}

/*
///  primary
*/

.btn-primary {
  color: #fff;
  background-color: #9e9e9e;
  border: 1px solid transparent;
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus  {
  color: #fff;
  background-color: #9e9e9e;
  border: 1px solid transparent;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group > .btn:first-child {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.btn i,
.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: 16px 22px 14px;
  font-size: 18px;
}
.btn-small {
  padding: 8px 14px 6px;
  font-size: 14px;
}
.btn-mini {
  padding: 6px 10px 4px;
  font-size: 12px;
}

/*
///  disabled
*/

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

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

2.2. menus

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

/*/
///
///  2.2.1. main navigation
///
/*/

/*
///  nav
*/

.favnav {
  z-index: 100;
  position: relative;
  float: right;
}
#fav-nav {
  z-index: 999;
}
#fav-nav li a,
#fav-nav span.nav-header {
  color: #444;
}
#fav-nav .moduletable ul.nav.menu,
#fav-nav .moduletable ul.nav.menunav-pills {
  float: right;
}
.favnav .moduletable ul.nav.menu li,
.favnav .moduletable ul.nav.menu li li,
.favnav .moduletable ul.nav.menu li li li,
.favnav .moduletable ul.nav.menu li li li li,
.favnav .moduletable ul.nav.menunav-pills li,
.favnav .moduletable ul.nav.menunav-pills li li,
.favnav .moduletable ul.nav.menunav-pills li li li,
.favnav .moduletable ul.nav.menunav-pills li li li li {
  line-height: 20px;
  padding-left: 0;
}
.favnav .navigation li a,
.favnav .navigation li span.nav-header {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.favnav .navigation .nav-pills,
.favnav .navigation .menunav-pills {
  margin-bottom: 0;
}
.favnav .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 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}
.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 .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 {
  text-decoration: none;
  outline: none;
}
.favnav .navigation .nav-pills .nav-child > .active > a,
.favnav .navigation .nav-pills .nav-child > li > a:hover,
.favnav .navigation .menunav-pills .nav-child > .active > a,
.favnav .navigation .menunav-pills .nav-child > li > a:hover,
.favnav .navigation .nav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .nav-pills .nav-child > li > span.nav-header:hover,
.favnav .navigation .menunav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .menunav-pills .nav-child > li > span.nav-header:hover {
  color: #9e9e9e !important;
}
.favnav .navigation ul.nav-child {
  border: 1px solid #e7e7e7;
}
.favnav .navigation li:first-child a,
.favnav .navigation li:first-child span.nav-header {
  margin-left: 0;
}
.favnav .navigation li:last-child a,
.favnav .navigation li:last-child span.nav-header {
  margin-right: 0;
}
.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 #e7e7e7;
}

/* arrow icons for child menu items */
.favnav .navigation .nav-child:before {
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e7e7e7;;
  border-left: 7px solid transparent;
  border-bottom-color: #e7e7e7;;
  content: '';
}
.favnav .navigation .nav-child:after {
  border-right: 6px solid transparent;
  border-bottom: 6px solid #e7e7e7;;
  border-left: 6px solid transparent;
  content: '';
}
.favnav .navigation .nav-child li > ul:before {
  top: 15px;
  left: -7px;
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #e7e7e7;;
  border-top: 7px solid transparent;
}
.favnav .navigation .nav-child li > ul:after {
  top: 16px;
  left: -6px;
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #e7e7e7;;
  border-bottom: 6px solid transparent;
}
.favnav .navigation li.deeper.parent a:after,
.favnav .navigation li.deeper.parent span.nav-header:after {
  font-family: FontAwesome;
  content: "\f107";
  margin-left: 4px;
  line-height: 0;
}
.favnav .navigation li.deeper.parent ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after {
  content: none;
}
.favnav .navigation ul.nav-child li.deeper.parent {
  position: relative;
}
.favnav .navigation ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 14px;
  line-height: 2em;
}

/* make LINK CSS STYLE menu parameter compatible with FontAwesome */
.favnav .navigation li a[class^="fa-"]:before,
.favnav .navigation li a[class*=" fa-"]:before,
.favnav .navigation li span.nav-header[class^="fa-"]:before,
.favnav .navigation li span.nav-header[class*=" fa-"]:before {
  font-family: FontAwesome;
  padding-right: 10px;
  color: #9e9e9e;
  line-height: 0;
}

/* make menu header the same as the menu links */
span.nav-header {
  text-transform: none;
  text-shadow: none;
  display: block;
  cursor: pointer;
}

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

/* when HTML module is published */
.favnav .moduletable {
  background: none;
  overflow: visible;
  margin: 0;
}

/*
///  submenu
*/

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

/*
///  mobile navigation
*/

/* /// tablet */

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

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

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

  #fav-navbar {
    display: none;
  }

}

/* /// mobile */

@media (max-width: 768px) {

  /* mobile navigation button */
  #fav-navbar-btn {
    float: right;
    padding-right: 20px;
    position: relative;
  }
  #fav-navbar-btn a.btn.btn-navbar {
    margin: 5px 0 0 0;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  }
  #fav-navbar-btn a.btn.btn-navbar:hover,
  #fav-navbar-btn a.btn.btn-navbar:focus {
    box-shadow: none;
    background-color: #e7e7e7 !important;
  }
  div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar:hover,
  div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar:focus {
    box-shadow: none;
    background-color: #333 !important;
  }
  #fav-navbar div.navbar #fav-mobilemenutext,
  #fav-navbar #fav-mobilemenutext {
    font-size: 14px;
    right: 68px;
    top: 11px;
    position: absolute;
    text-transform: uppercase;
  }
  #fav-navbar div.navbar #fav-mobilemenutext {
    color: #444;
    text-shadow: none;
  }
  #fav-navbar div.navbar-inverse #fav-mobilemenutext {
    color: #fff;
  }

  /* mobile menu */
  #fav-nav {
    display: none;
  }
  #fav-navbarwrap.container-fluid {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  #fav-navbar div.navbar-inner {
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #fav-navbar .moduletable {
    margin: 0px;
    padding: 0px;
  }
  #fav-navbar .navbar {
    margin-bottom: 0;
  }
  #fav-navbar .navbar-inner {
    padding: 0;
  }
  #fav-navbar-collapse .moduletable ul li,
  #fav-navbar-collapse ul {
    background: none;
    float: none;
    padding: 0;
    margin: 0;
  }
  #fav-navbar-collapse li a {
    padding-left: 21px;
  }
  #fav-navbar-collapse li li a {
    padding-left: 42px;
  }
  #fav-navbar-collapse li li li a {
    padding-left: 63px;
  }
  #fav-navbar-collapse li li li li a {
    padding-left: 84px;
  }
  #fav-navbar-collapse li li li li li a {
    padding-left: 105px;
  }
  #fav-navbar-collapse a,
  #fav-navbar-collapse span.nav-header {
    display: block;
    padding: 4px 14px 2px 21px;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
  }
  #fav-navbar-collapse a:before,
  #fav-navbar-collapse span.nav-header:before {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size: 15px;
    line-height: 2em;
    font-weight: normal;
  }
  .navbar-inverse .nav .active > a,
  .navbar .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar .nav .active > a:hover,
  .navbar-inverse .nav .active > a:focus,
  .navbar .nav .active > a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  /* navbar light */
  div.navbar .moduletable h3,
  div.navbar .moduletable div.custom {
    color: #444;
    margin: 0 21px 21px 21px;
  }
  div.navbar #fav-navbar-collapse li a:hover,
  div.navbar #fav-navbar-collapse li li a:hover,
  div.navbar #fav-navbar-collapse li li li a:hover,
  div.navbar #fav-navbar-collapse li li li li a:hover,
  div.navbar #fav-navbar-collapse li a:focus,
  div.navbar #fav-navbar-collapse li li a:focus,
  div.navbar #fav-navbar-collapse li li li a:focus,
  div.navbar #fav-navbar-collapse li li li li a:focus,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active,
  div.navbar #fav-navbar-collapse li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li span.nav-header:hover,
  div.navbar #fav-navbar-collapse li li li li span.nav-header:hover {
    background-color: #eee!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  div.navbar #fav-navbar-collapse li li:hover,
  div.navbar #fav-navbar-collapse li li li:hover,
  div.navbar #fav-navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #fav-navbar-collapse li {
    border-top: 1px solid #e7e7e7;
  }
  div.navbar #fav-navbar-collapse a,
  div.navbar #fav-navbar-collapse span.nav-header {
    color: #444;
  }
  div.navbar #fav-navbar-collapse a:before,
  div.navbar #fav-navbar-collapse span.nav-header:before {
    color: #aaa;
  }
  div.navbar #fav-navbar-collapse li a:hover:before,
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before,
  div.navbar #fav-navbar-collapse li span.nav-header:hover:before {
    color: #777;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul li,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul li {
      color: #333;
      background-color: #fff;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
      color: #aaa;
  }
  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
      color: #777;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #444;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
  }
  div.navbar.navbar .custom p {
    color: #444;
    padding: 0 21px;
  }

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

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

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

}

/*
///  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 ul.nav.menu li span.nav-header {
  margin: 12px 0px 12px 2px;
  padding: 12px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.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 {
  background-color: #9e9e9e;
  color: #fff!important;
}
.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 span.nav-header[class^="fa-"]:before,
.favnav .navigation ul.nav-child li span.nav-header[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 span.nav-header[class^="fa-"]:before,
.favnav .navigation ul.nav-child li span.nav-header[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-"]: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: #9e9e9e!important;
}
.favnav .navigation ul.nav-child {
  left: 1px;
}
.favnav .nav-pills ul.nav-child li > ul,
.favnav .menunav-pills ul.nav-child li > ul {
  margin: -44px 0px 0px 219px;
}
.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 {
  margin-top: 6px;
  margin-bottom: 16px;
}

/* /// tablet */

@media (max-width: 1200px) {

  #fav-nav .favnav .navigation .nav-pills a,
  #fav-nav .favnav .navigation .menunav-pills a,
  #fav-nav .favnav .navigation .nav-pills > li > a,
  #fav-nav .favnav .navigation .menunav-pills > li > a,
  #fav-nav .favnav .navigation ul.nav.menu li span.nav-header {
    margin-bottom: 4px;
  }

}

/*
///  menu icon fixes
*/

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

/*/
///
///  2.2.2. vertical menus
///
/*/

/*
///  basic menu
*/

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

/* clear */
ul.menubasic.menu-clear {
  border: 1px solid #444;
}
ul.menubasic.menu-clear li a,
ul.menubasic.menu-clear li span.nav-header {
  color: #fff;
  border-bottom: 1px solid #444;
}
ul.menubasic.menu-clear li a:before,
ul.menubasic.menu-clear li span.nav-header:before {
  color: #fff;
}

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

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

/*
///  arrow menu
*/

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

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

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

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

/*
///  side menu
*/

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

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

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

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

/*
///  line menu
*/

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

/* clear */
ul.menuline.menu-clear li a,
ul.menuline.menu-clear li span.nav-header {
  color: #999;
  border-bottom: 1px solid #444;
}
ul.menuline.menu-clear li a:hover,
ul.menuline.menu-clear li a:focus,
ul.menuline.menu-clear li span.nav-header:hover,
ul.menuline.menu-clear li span.nav-header:focus {
  color: #fff;
  border-bottom: 1px solid #9e9e9e;
}

/* dark */
ul.menuline.menu-dark li a,
ul.menuline.menu-dark li span.nav-header {
  color: #777;
  border-bottom: 1px solid #444;
}
ul.menuline.menu-dark li a:hover,
ul.menuline.menu-dark li a:focus,
ul.menuline.menu-dark li span.nav-header:hover,
ul.menuline.menu-dark li span.nav-header:focus {
  color: #fff!important;
  border-bottom: 1px solid #9e9e9e;
}

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

/* menu basic, arrow, side and line child elements spacing */
ul.menubasic ul.nav-child a,
ul.menuarrow ul.nav-child a,
ul.menuside ul.nav-child a,
ul.menuline ul.nav-child a {
  padding-left: 28px;
}
ul.menubasic ul ul.nav-child a,
ul.menuarrow ul ul.nav-child a,
ul.menuside ul ul.nav-child a,
ul.menuline ul ul.nav-child a {
  padding-left: 42px;
}
ul.menubasic ul ul ul.nav-child a,
ul.menuarrow ul ul ul.nav-child a,
ul.menuside ul ul ul.nav-child a,
ul.menuline ul ul ul.nav-child a {
  padding-left: 56px;
}
ul.menubasic ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul.nav-child a {
  padding-left: 70px;
}
ul.menubasic ul ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul ul.nav-child a {
  padding-left: 84px;
}

/*/
///
///  2.2.3. horizontal menus
///
/*/

ul.menuhorizontal {
  margin: 0;
  float: left;
  overflow: hidden;
}
ul.menuhorizontal li {
  float: left;
  list-style:none;
  background: none;
  line-height: 21px;
}
ul.menuhorizontal li a,
ul.menuhorizontal li span.nav-header {
  display: block;
  padding: 0;
  color: #333333;
  margin-right: 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  transition: all 0.3s ease-out 0s;
}
ul.menuhorizontal li.active a,
ul.menuhorizontal li a:hover,
ul.menuhorizontal li a:focus,
ul.menuhorizontal li:hover a,
ul.menuhorizontal li:focus a,
ul.menuhorizontal li.active span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus,
ul.menuhorizontal li:hover span.nav-header,
ul.menuhorizontal li:focus span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus {
  color: #9e9e9e;
  background-color: transparent;
  text-decoration:none;
}
ul.menuhorizontal ul {
  display: none;
}

/* /// mobile */

@media (max-width: 768px) {

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

}

/* clear */
ul.menuhorizontal.menu-clear li a,
ul.menuhorizontal.menu-clear li span.nav-header {
  color: #fff !important;
}
ul.menuhorizontal.menu-clear li.active a,
ul.menuhorizontal.menu-clear li a:hover,
ul.menuhorizontal.menu-clear li a:focus,
ul.menuhorizontal.menu-clear li:hover a,
ul.menuhorizontal.menu-clear li:focus a,
ul.menuhorizontal.menu-clear li.active span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus,
ul.menuhorizontal.menu-clear li:hover span.nav-header,
ul.menuhorizontal.menu-clear li:focus span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus {
  color: #9e9e9e !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: #9e9e9e !important;
}

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

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

/* right */
ul.menuhorizontal.pull-right {
  margin: 0;
  float: right;
  overflow: hidden;
}
ul.menuhorizontal.pull-right li {
  float: left;
  list-style:none;
  background: none;
  line-height: 21px;
}
ul.menuhorizontal.pull-right li a,
ul.menuhorizontal.pull-right li span.nav-header {
  display: block;
  color: #333333;
  margin-left: 28px;
  margin-right: 0;
  transition: all 0.3s ease-out 0s;
}
ul.menuhorizontal.pull-right li.active a,
ul.menuhorizontal.pull-right li a:hover,
ul.menuhorizontal.pull-right li a:focus,
ul.menuhorizontal.pull-right li:hover a,
ul.menuhorizontal.pull-right li:focus a,
ul.menuhorizontal.pull-right li.active span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus,
ul.menuhorizontal.pull-right li:hover span.nav-header,
ul.menuhorizontal.pull-right li:focus span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus {
  color: #9e9e9e;
  background-color: transparent;
  text-decoration:none;
}
ul.menuhorizontal.pull-right ul {
  display: none;
}
ul.nav.menuhorizontal.pull-right li span.nav-header {
  padding: 0;
  margin-left: 28px;
  line-height: 21px;
}

/* /// mobile */

@media (max-width: 768px) {

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

}

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

2.3. typography

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

/*/
///
///  2.3.1. icons
///
/*/

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

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

/* make fontawesome compatible with joomla! icomoon */
.icon-plus,
.icon-minus,
.icon-chevron-right,
.icon-chevron-left,
.icon-list,
.icon-cog,
.icon-envelope,
.icon-print,
.icon-edit,
.icon-search,
.icon-ok,
.icon-arrow-down,
.icon-copy,
.icon-picture,
.icon-file-add,
.icon-home,
.icon-first,
.icon-cancel,
.icon-file-add,
.icon-eye,
.icon-folder-2,
.icon-first,
.icon-previous,
.icon-next,
.icon-last,
.icon-arrow-left,
.icon-user,
.icon-lock,
.icon-save,
.icon-calendar,
.icon-eye-open,
.icon-archive,
.icon-remove,
.icon-apply,
.icon-question-sign {
  background: none;
  display: inline-block;
  font-size: 14px;
  margin-right: 0.4em;
  font-style: normal;
}
.icon-plus:before,
.icon-minus:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-list:before,
.icon-cog:before,
.icon-envelope:before,
.icon-print:before,
.icon-edit:before,
.icon-search:before,
.icon-ok:before,
.icon-arrow-down:before,
.icon-copy:before,
.icon-picture:before,
.icon-file-add:before,
.icon-home:before,
.icon-cancel:before,
.icon-file-add:before,
.icon-eye:before,
.icon-folder-2:before,
.icon-first:before,
.icon-previous:before,
.icon-next:before,
.icon-last:before,
.icon-arrow-left:before,
.icon-user:before,
.icon-lock:before,
.icon-save:before,
.icon-calendar:before,
.icon-eye-open:before,
.icon-archive:before,
.icon-remove:before,
.icon-apply:before,
.icon-question-sign:before {
  font-family: FontAwesome;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*/
///
///  2.3.2. images
///
/*/

.img-right,
.img-left,
.img-rounded {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

/* 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: #eee;
  border: 1px solid #e7e7e7;
}
.img-polaroid-clear {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.67);
  border: 1px solid transparent;
}
.img-polaroid-dark {
  padding: 7px;
  border: 1px solid #444;
}
.img-polaroid-color {
  padding: 7px;
  background-color: rgba(17, 17, 17, 0.47);
  border: 1px solid transparent;
}

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

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

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

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

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

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

/* image sizing */
img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* /// mobile */

@media (max-width: 600px) {

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

}

/*/
///
///  2.3.3. buttons
///
/*/

/*
///  bootstrap buttons
*/

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

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

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

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

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

/*
///  edit button
*/

span.icon-edit {
  padding-right: 0;
}
a.btn.jmodedit {
  padding: 6px 2px 2px 8px;
  box-shadow: none;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#k2Container span.catItemAddLink a.modal {
  padding: 7px 14px;
  border: 1px solid #fff;
  -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;
}
#k2Container span.catItemAddLink a.modal:before,
#k2Container span.userItemAddLink a.modal:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 16px;
  margin-right: 4px;
  content: "\f044";
  color: #fff;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#k2Container span.catItemAddLink,
#k2Container span.userItemAddLink {
  border-bottom: none;
}
.userItemIsFeatured span.userItemEditLink,
.catItemIsFeatured div.catItemHeader h3.catItemTitle span {
  margin-right: 3px;
}

/*/
///
///  2.3.4. bootstrap
///
/*/

/*
///  blockquote
*/

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

/* dark */
blockquote.blockquote-dark {
  border-color: #9e9e9e;
}
.blockquote-dark small {
  color: #fff;
}

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

/*
///  lead
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  drop caps
*/

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

/*
///  pre, code
*/

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

/* /// mobile */

@media (max-width: 768px) {

  pre {
    display: inline-block;
  }

}

/*
///  emphasis classes
*/

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

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

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

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

/*
///  inline labels
*/

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

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

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

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

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

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

/*
///  box icons
*/

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

/*
///  badge
*/

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

/*
///  bubbles
*/

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

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

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

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

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

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


/*
///  hidden/visible
*/

/* /// mobile */

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

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

}

@media (max-width: 768px) {

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

}

/*/
///
///  2.3.5. lists
///
/*/

/*
///  square list style
*/

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

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

/*
///  circle list style
*/

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

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

/*
///  color list style
*/

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

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

/*
///  dark list style
*/

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

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

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

2.4. variations

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

/*
///  floating modules
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  variation 1
*/

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

/*
///  variation 2
*/

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

/*
///  variation 3
*/

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

/*
///  variation 4
*/

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

/*
///  variation 5
*/

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

/*
///  variation 6
*/

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

/*
///  variation 7
*/

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

/*
///  variation 8
*/

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

/*
///  variation 9
*/

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

/*
///  variation 10
*/

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

/*
///  variation 11
*/

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

/*
///  variation 12
*/

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

/*
///  variation 13
*/

.moduletable-sfx13 {
  color: #fff;
}
.moduletable-sfx13 h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
  margin-top: 14px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
.moduletable-sfx13 h3 i {
  background-color: rgba(17, 17, 17, 0.67);
  color: #9e9e9e;
  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: #9e9e9e;
  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: #9e9e9e;
  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 #9e9e9e;
}
.moduletable-sfx16 h3 i {
  background-color: #9e9e9e;
  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: #9e9e9e;
  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: #9e9e9e;
  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: #9e9e9e;
  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 #9e9e9e;
}
.moduletable-sfx20 h3 i {
  background-color: #9e9e9e;
  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: #9e9e9e;
  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: #9e9e9e;
  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: #9e9e9e;
  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 #9e9e9e;
  line-height: 1.3em;
  text-align: left;
  padding-bottom: 8px;
}
.moduletable-sfx24 h3 i {
  background-color: #9e9e9e;
  color: #fff;
  padding: 10px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.moduletable-sfx24 a:hover,
.moduletable-sfx24 a:focus {
  color: #999;
}

/*
///  variation 25
*/

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

/*
///  variation 26
*/

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

/*
///  variation 27
*/

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

/*
///  variation 28
*/

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

/*
///  variation 29
*/

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

/*
///  variation 30
*/

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

/*
///  variation 31
*/

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

/*
///  variation 32
*/

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

/*
///  variation 33
*/

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

/*
///  variation 34
*/

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

/*
///  variation 35
*/

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

/*
///  variation 36
*/

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

/*
///  variation 37
*/

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

/*
///  variation 38
*/

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

/*
///  variation 39
*/

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

/*
///  variation 40
*/

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

/*
///  variation 41
*/

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

/*
///  variation 42
*/

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

/*
///  variation 43
*/

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

/*
///  variation 44
*/

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

/*
///  variation 45
*/

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

/*
///  variation 46
*/

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

/*
///  variation 47
*/

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

/*
///  variation 48
*/

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

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

2.5. custom pages

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

/*/
///
///  2.5.1. custom classes
///
/*/

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

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

/*/
///
///  2.5.2. error page
///
/*/

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

/* /// mobile */

@media (max-width: 768px) {

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

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

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

}

/*/
///
///  2.5.3. offline page
///
/*/

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

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

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

/* /// mobile */

@media (max-width: 768px) {

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

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

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

}

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

/// 3. joomla!

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

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

3.1. joomla! content

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

/*/
///
///  3.1.1. articles
///
/*/

/*
///  layout
*/

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

/*
///  titles
*/

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

/*
///  images
*/

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

/*
///  details
*/

dl.article-info dd {
  margin-left: 0;
  line-height: 1.5em;
}
dt.article-info-term {
  color: #444;
  font-weight: normal;
  margin-bottom: 14px;
  font-size: 18px;
}
div.content_rating {
  margin-bottom: 14px;
}
span.content_vote {
  margin-bottom: 21px;
  display: block;
}
dl.article-info dd.category-name:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-right: 5px;
  content: "\f07c";
}

/*
///  create article
*/

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

/*
///  article and item navigation
*/

div.itemNavigation {
  background-color: transparent;
  border: medium none;
  margin: 28px 0px;
  padding: 0px;
  clear: both;
  overflow: hidden;
}
div.itemNavigation span.itemNavigationTitle {
  font-size: 21px;
  line-height: 1.4;
  color: #444;
  display: block;
  margin-bottom: 24px;
}
div.itemNavigation a.itemPrevious,
div.itemNavigation a.itemNext {
  display: inline-block;
}
div.itemNavigation a.itemPrevious {
  float: left;
}
div.itemNavigation a.itemNext {
  float: right;
}
div.itemCommentsForm form input#submitCommentButton {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  margin-top: 30px;
}
ul.pager.pagenav li:before {
  content: none;
}

/* /// mobile */

@media (max-width: 480px) {

  div.itemNavigation a.itemPrevious,
  div.itemNavigation a.itemNext {
    float: none;
  }

}

/*
///  read more
*/

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

/*
///  article dropdown
*/

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

/*
///  article tags
*/

div.tag-category,
div.tag-category p {
  text-align: justify;
}
div.tag-category h3 {
  font-size: 21px;
  border: none;
}
div.tags .label-info[href],
div.tags .badge-info[href] {
  background-color: #444;
  padding: 4px 8px;
  margin-top: 14px;
  margin-bottom: 14px;
}

/*/
///
///  3.1.2. categories
///
/*/

/*
///  list all categories
*/

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

/*
///  categories list
*/

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

/*
///  tables
*/

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

/*/
///
///  3.1.3. tags
///
/*/

div.tag-category ul {
  margin: 0;
}
div.tag-category ul.thumbnails li {
  margin-left: 7px;
  margin-right: 7px;
}
div.tag-category ul.thumbnails li:first-child {
  margin-left: 0px;
}
div.tag-category ul.thumbnails h3 a,
.label-info[href],
.badge-info[href] {
  padding: 6px 10px;
  text-shadow: none;
  transition: all 0.3s ease-out 0s;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  text-shadow: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.tag-category ul h3 {
  font-size: 18px;
  margin: 0px;
  line-height: 1.3em;
}
ul.category.list-striped {
  list-style: none;
}
ul.category.list-striped li h3 a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #333;
  font-style: normal;
}
ul.tags li:first-child {
  padding-left: 0;
}
div.tag-category ul.thumbnails h3 a,
.label-info[href],
.badge-info[href] {
  color: #9e9e9e;
}
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: #444;
  background-color: #eee;
}

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

3.2. joomla! components

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

/*/
///
///  3.2.1. default 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: 14px;
}
form.form-validate .componentheading {
  padding-top: 10px;
}

/*
///  login form
*/

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

/*
///  registration form
*/

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

/*
///  user profile
*/

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

/*
///  edit user profile
*/

div.profile-edit div.form-actions {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-top: 2em;
}
div.profile-edit fieldset legend {
  padding-top: 0.5em;
}
#member-profile fieldset {
  margin-bottom: 21px;
}
#member-profile .control-group{
  margin-top: 0;
}
#member-profile legend {
  color: #444;
  font-size: 24px;
}
div.profile-edit #member-profile.well {
  box-shadow: none;
  border: none;
  padding: 0;
}
div.profile-edit form#member-profile.form-validate,
div.profile-edit form#member-profile.form-validate legend {
  margin-top: 0;
}

/*
///  username reminder
*/

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

/*
///  password reset
*/

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

/*
///  wrapper
*/

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

/*
///  component page
*/

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

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

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

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

/*
///  misc joomla content
*/

/*/  tiptool  /*/

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

/*/  element invisible  /*/

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

/*/  highlight  /*/

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

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

div.newsfeed,
div.newsfeed-category,
div.contact-category,
div.finder {
  margin-top: 24px;
}
div.contact-category h2,
div.newsfeed h2,
div.newsfeed-category h2 {
  margin-bottom: 27px;
  margin-top: 4px;
  padding-bottom: 0;
  line-height: 1.3em;
  text-align: left;
}
div.newsfeed h3,
div.newsfeed h2,
div.newsfeed h2 a,
div.newsfeed-category h3,
div.newsfeed-category h2,
div.newsfeed-category h2 a,
div.contact-category h2 {
  color: #444;
  font-size: 24px;
}
div.newsfeed h2 a:hover,
div.newsfeed-category h2 a:hover {
  color: #9e9e9e;
}

/*
///  contact component
*/

/* single contact */

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

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

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

/* list contacts */

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

/* featured contacts */

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

/*
///  news feed component
*/

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

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

/*
///  search component
*/

/* form */

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

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

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

/* results badge */
div.search #searchForm .searchintro {
  padding-bottom: 2px;
}
div.search #searchForm span.badge.badge-info {
  font-size: 14px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 0px 10px;
}
div.search #searchForm .searchintro p {
  font-size: 16px;
}
div.search #searchForm .searchintro p strong {
  font-weight: normal;
}

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

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

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

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


/* results list */

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

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

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

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

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

/* search columns into 2 rows */
#favsearch-results.span6:nth-child(odd) {
  margin-left: 0;
  clear: both;
}

/* search buttons */

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

/*
///  finder component
*/

/* buttons */
#finder-search button.btn,
div[id^="finder-search"] button.btn,
div[id*=" finder-search"] button.btn {
  margin: 14px;
  font-size: 16px;
  padding: 10px 18px;
}
#finder-search a.btn,
div[id^="finder-search"] a.btn,
div[id*=" finder-search"] a.btn {
  margin-top: 11px;
  font-size: 16px;
  padding: 10px 18px 11px;
}
#finder-search span.icon-search,
div[id^="finder-search"] span.icon-search,
div[id*=" finder-search"] span.icon-search {
  padding-top: 2px;
}
#finder-search button.btn.btn-primary.disabled,
div[id^="finder-search"] button.btn.btn-primary.disabled,
div[id*=" finder-search"] button.btn.btn-primary.disabled,
#finder-search button.btn.btn-primary.disabled:hover,
div[id^="finder-search"] button.btn.btn-primary.disabled:hover,
div[id*=" finder-search"] button.btn.btn-primary.disabled:hover,
#finder-search button.btn.btn-primary.disabled:focus,
div[id^="finder-search"] button.btn.btn-primary.disabled:focus,
div[id*=" finder-search"] button.btn.btn-primary.disabled:focus {
  background-color: #888;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

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

/* advanced search */
div.finder #advancedSearch span.term {
  color: #777;
}
div.finder .filter-branch.control-group label.control-label {
  text-align: left;
}
div.finder #finder-filter-w1,
div.finder #finder-filter-w2 {
  margin-bottom: 10px;
}
div.finder #filter_date1_img.btn,
div.finder #filter_date2_img.btn {
  margin: 0;
  padding: 4px 4px 4px 8px;
}
div.finder #filter_date1_img.btn i,
div.finder #filter_date2_img.btn i {
  margin-right: 0;
}
div.finder #filter_date1_img.btn:hover,
div.finder #filter_date1_img.btn:focus,
div.finder #filter_date2_img.btn:hover,
div.finder #filter_date2_img.btn:focus {
  box-shadow: none;
}
div.finder ul#finder-filter-select-dates {
  overflow: hidden;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e7e7e7;
}
div.finder #finder-filter-select-list {
  padding-bottom: 14px;
  border-bottom: 1px solid #e7e7e7;
}


/* results list */

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

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

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


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

3.3. joomla! modules

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

/*/
///
///   3.3.1. default modules
///
/*/

/*
///  layout
*/

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

/*
///  title
*/

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

/* icons */
.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"] {
  border: 1px solid #e7e7e7;
  padding: 10px;
  margin-right: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.moduletable h3 [class^="fa fa-"],
.moduletable h3 [class*=" fa fa-"],
[class^="moduletable-"] h3 [class^="fa fa-"],
[class^="moduletable-"] h3 [class*=" fa fa-"],
[class*=" moduletable-"] h3 [class^="fa fa-"],
[class*=" moduletable-"] h3 [class*=" fa fa-"] {
  font-size: 21px;
  margin-right: 14px;
}

/*
///  breadcrumbs
*/

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

/*
///  login form
*/

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

/*
///  language switcher
*/

#fav-language {
  padding-top: 8px;
}
#fav-language a.btn.dropdown-toggle {
  background-color: transparent;
  color: #444!important;
  box-shadow: none!important;
  font-size: 13px;
  margin: 0;
  padding: 10px 12px 8px;
}
#fav-language a.btn.dropdown-toggle:hover,
#fav-language a.btn.dropdown-toggle:focus {
  box-shadow: none;
}
#fav-language a.btn.dropdown-toggle span.caret {
    border-top: 4px solid #444;
}
#fav-language ul.dropdown-menu {
  background-color: #fff;
  border: none;
  padding: 5px 0px;
  min-width: 100%;
  margin-top: 6px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fav-language ul.dropdown-menu li {
  margin: 0;
}
#fav-language ul.dropdown-menu li a {
  color: #444;
  cursor: pointer;
  font-size: 12px;
}
#fav-language ul.dropdown-menu li a:hover,
#fav-language ul.dropdown-menu li a:focus {
  color: #9e9e9e;
}
#fav-language a.btn.dropdown-toggle img,
#fav-language ul.dropdown-menu li a img {
  vertical-align: middle;
  text-align: left;
  margin-bottom: 3px;
  margin-right: 4px;
}
#fav-language ul.dropdown-menu li a img {
  border: 1px solid #e7e7e7;
  margin-right: 5px;
}

/* /// mobile */

@media (max-width: 768px) {


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

}

/* demo layout - used for demo purposes only */
#fav-language-demo a.btn.dropdown-toggle,
#fav-language-demo a.btn.dropdown-toggle:hover {
  background-color: transparent!important;
  color: #444!important;
  box-shadow: none!important;
  font-size: 13px;
  padding: 10px 12px 6px;
  margin: 0;
}
#fav-language-demo a.btn.dropdown-toggle:hover,
#fav-language-demo a.btn.dropdown-toggle:focus {
  box-shadow: none;
}
#fav-language-demo a.btn.dropdown-toggle span.caret {
    border-top: 4px solid #444;
}
#fav-language-demo ul.dropdown-menu {
  background-color: #fff;
  border: none;
  padding: 5px 0px;
  min-width: 100%;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#fav-language-demo ul.dropdown-menu li {
  margin: 0;
}
#fav-language-demo ul.dropdown-menu li a {
  color: #444;
  cursor: pointer;
  font-size: 12px;
}
#fav-language-demo ul.dropdown-menu li a:hover,
#fav-language-demo ul.dropdown-menu li a:focus {
  color: #9e9e9e;
}
#fav-language-demo a.btn.dropdown-toggle img,
#fav-language-demo ul.dropdown-menu li a img {
  vertical-align: middle;
  text-align: left;
  margin-bottom: 3px;
  margin-right: 4px;
}
#fav-language-demo ul.dropdown-menu li a img {
  border: 1px solid #e7e7e7;
  margin-right: 5px;
}

/* /// mobile */

@media (max-width: 768px) {


  #fav-language-demo {
    padding-top: 0;
    margin-top: 0;
  }
  #fav-language-demo ul.dropdown-menu {
    margin-top: 0;
  }
  #fav-language-demo a.btn.dropdown-toggle,
  #fav-language-demo a.btn.dropdown-toggle:hover {
    padding: 10px 12px 9px;
    border: 1px solid #e7e7e7;
    border-top: none;
  }

}

/* modal */
#fav-language-demo-modal {
  padding-top: 7px;
  height: auto !important;
}
#fav-language-demo-modal .modal-body {
  padding-bottom: 10px;
}
#fav-language-demo-modal .modal-footer .btn{
  margin-bottom: 0;
}

/*
///  archived articles
*/

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

/*
///  articles most read
*/

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

/*
///  articles categories
*/

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

/*
///  articles category
*/

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

/*
///  latest articles
*/

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

/*
///  popular tags
*/

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

/*
///  who's online
*/

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

/*
///  users latest module
*/

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

/*
///  profile
*/

button#helpsite-refresh {
  margin: 14px;
}

/*
///  archive
*/

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

/*/
///
///  3.3.2. core-supported modules in future Joomla! versions
///
/*/

/*
///  search module
*/

/* favstyle */

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/* default */

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

/*
///  newsflash module
*/

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


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

/// 4. k2

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

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

4.1. k2 content

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

/*/
///
///  4.1.1. items
///
/*/

/*
///  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: #444;
}
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 a {
  -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;
}

/*
///  details
*/

div.itemCategory,
div.catItemCategory,
div.tagItemCategory,
div.userItemCategory,
div.genericItemCategory,
div.latestItemCategory,
div.catItemHitsBlock,
div.itemTagsBlock,
div.catItemTagsBlock,
div.userItemTagsBlock,
div.genericItemTagsBlock,
div.latestItemTagsBlock {
  border: none;
  padding: 4px 0;
  margin: 0;
  display: block;
}
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: #444;
}
span.itemHits:before,
div.itemCategory:before,
div.catItemCategory:before,
div.tagItemCategory:before,
div.userItemCategory:before,
div.genericItemCategory:before,
div.latestItemCategory:before,
div.catItemHitsBlock:before,
div.itemTagsBlock:before,
div.catItemTagsBlock:before,
div.userItemTagsBlock:before,
div.genericItemTagsBlock:before,
div.latestItemTagsBlock:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 16px;
  margin-right: 0.4em;
}
div.itemCategory:before,
div.catItemCategory:before,
div.tagItemCategory:before,
div.userItemCategory:before,
div.genericItemCategory:before,
div.latestItemCategory:before {
  content: "\f046";
}
span.itemHits:before,
div.catItemHitsBlock:before {
  content: "\f06e";
}
div.itemTagsBlock:before,
div.catItemTagsBlock:before,
div.userItemTagsBlock:before,
div.genericItemTagsBlock:before,
div.latestItemTagsBlock:before {
  content: "\f02b";
}
div.itemCategory a,
div.catItemCategory a,
div.tagItemCategory a,
div.userItemCategory a,
div.genericItemCategory a,
div.latestItemCategory a,
div.catItemHitsBlock a,
div.itemTagsBlock a,
div.catItemTagsBlock a,
div.latestItemTagsBlock a,
div.userItemTagsBlock a {
  text-transform: uppercase;
}
div.catItemLinks,
div.userItemLinks,
div.latestItemLinks {
  margin: 0;
}

/*
///  item intro text
*/

div.itemIntroText,
div.catItemIntroText,
div.tagItemIntroText,
div.userItemIntroText,
div.latestItemIntroText {
  padding: 0;
  text-align: justify;
}

/* item intro make the same as lead class */
div.itemIntroText {
  font-size: 21px;
  line-height: 1.4em;
  margin-top: 5px;
  margin-bottom: 22px;
  font-weight: 300;
}
@media (max-width: 768px) {

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

}

/*
///  comments
*/

div.catItemCommentsLink,
div.userItemCommentsLink {
  display: block;
  margin: 7px 0px;
  padding: 0;
  border: none;
}
div.catItemCommentsLink:before,
div.userItemCommentsLink:before,
div.itemToolbar ul li a.itemCommentsLink:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 16px;
  margin-right: 0.4em;
  content: "\f086";
}

/*
///  date
*/

span.itemDateModified,
span.catItemDateModified {
  color: #999;
  padding: 0;
  margin: 10px 0 42px 0;;
  font-style: italic;
  border-top: none;
  display: inline-block;
}
@media (max-width: 768px) {

  span.itemDateModified,
  span.catItemDateModified {
    text-align: left;
  }

}

/*
///  item toolbar
*/

div.itemToolbar {
  margin-top: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
}
div.itemToolbar ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
div.itemToolbar ul li:first-child {
  padding-left: 0;
}
div.itemToolbar ul li span.itemTextResizerTitle,
div.itemToolbar ul li span.itemTextResizerTitle:hover,
div.itemToolbar ul li a.itemPrintLink span,
div.itemToolbar ul li a.itemEmailLink span,
div.itemToolbar ul li a.itemPrintLink span:before,
div.itemToolbar ul li a.itemEmailLink span:before,
div.itemRatingBlock span,
div.itemRatingBlock span:hover,
div.itemRatingLog,
div.itemRatingLog:hover,
div.itemRatingBlock,
div.itemRatingBlock:hover,
div.itemToolbar ul li a,
div.itemRatingBlock {
  font-size: 14px;
  color: #999;
}
div.itemToolbar ul li a.itemPrintLink span:hover,
div.itemToolbar ul li a.itemEmailLink span:hover,
div.itemToolbar ul li a:hover,
div.itemToolbar ul li a.itemPrintLink span:hover:before,
div.itemToolbar ul li a.itemEmailLink span:hover:before,
div.itemToolbar ul li a.itemCommentsLink:hover:before {
  color: #444;
}
div.itemRatingBlock {
  padding: 10px 0 0;
}
div.itemToolbar ul li a.itemPrintLink span:before,
div.itemToolbar ul li a.itemEmailLink span:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 14px;
  margin-right: 0.5em;
}
div.itemToolbar ul li a.itemEmailLink span:before {
  content: "\f0e0";
}
div.itemToolbar ul li a.itemPrintLink span:before {
  content: "\f02f";
}

/*
///  author
*/

div.itemAuthorBlock div.itemAuthorDetails {
  padding: 0;
}
div.itemAuthorBlock {
  background-color: transparent;
  border: none;
  margin: 26px 0 0;
  padding: 0;
}
div.itemAuthorBlock img.itemAuthorAvatar {
  margin-right: 20px;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
  display: block;
  color: #333;
  border-right: none;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
  padding-left: 0.3em;
}
h3.itemAuthorName {
  font-size: 21px;
  border: none;
}

/* author latest items */
div.itemAuthorLatest {
  margin-top: 18px;
}
div.itemAuthorLatest ul {
  list-style-type: none;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 0;
}
div.itemAuthorLatest ul li {
  line-height: 1.5em;
}
div.itemAuthorLatest ul li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}
div.latestItemsUser h2 {
  font-size: 21px;
  margin-top: 0;
}

/*
///  item comments
*/

div.itemComments {
  background-color: transparent;
  border: none;
  padding: 0;
}
div.itemCommentsForm h3 {
  margin-bottom: 10px;
}
div.itemCommentsForm p.itemCommentsFormNotes {
  border: none;
  font-size: 14px;
  color: #999;
}
div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl {
  margin-top: 20px;
}
div.itemCommentsForm form input.inputbox,
div.itemCommentsForm form textarea.inputbox {
  font-size: 14px;
}
div.itemCommentsForm form span#formLog {
   display: block;
   margin: 21px 0 0;
   padding: 14px 0 0;
}

/*
///  read more
*/

a.k2ReadMore,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout {
  margin-top: 21px;
}
a.k2ReadMore:after {
  content: "\f105";
  font-family: FontAwesome;
  padding: 4px 0px 0px 14px;
  font-size: 16px;
}

/*
///  item footer
*/

div.itemContentFooter {
  border: none;
}

/*
///  k2 featured
*/

div.itemIsFeatured h2:before,
div.catItemIsFeatured h3:before,
div.userItemIsFeatured h3:before {
  color: #9e9e9e;
  padding: 8px 9px 6px;
  font-size: 18px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {
  background: none;
  padding: 0;
}
div.itemIsFeatured div.itemHeader h2.itemTitle span,
div.catItemIsFeatured div.catItemHeader h3.catItemTitle span {
  float: right;
}
div.itemIsFeatured div.itemHeader h2.itemTitle span sup,
div.catItemIsFeatured div.catItemHeader h3.catItemTitle span sup {
  color: #fff;
  padding: 8px 14px 6px;
  top: -0.2em;
  font-size: 14px;
  font-weight: normal;
  background-color: #9e9e9e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*
///  user block
*/

div.userBlock {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
div.userBlock img {
  margin-right: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.userBlock h2 {
  font-size: 24.5px;
}
div.userBlock div.userDescription {
  padding: 0;
}
span.userURL,
span.userEmail {
  display: block;
  color: #333;
  border-right: none;
  padding: 0;
  margin: 0;
  line-height: 1.6em;
  font-weight: normal;
}
span.userURL a,
span.userEmail a {
  padding-left: 0.3em;
  font-weight: normal;
}
div.userBlock div.userAdditionalInfo {
  padding: 0;
  margin: 0;
}

/*
///  related items
*/

div.itemRelated h3 {
  margin-top: 22px;
}
div.itemRelated ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
div.itemRelated ul li {
  line-height: 21px;
}
div.itemRelated ul li a.itemRelTitle:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}
div.itemRelCat,
div.itemRelAuthor {
  font-size: 14px;
}
div.itemRelIntrotext {
  margin: 14px 0 21px;
}

/*
///  item edit
*/

#k2FrontendContainer hr.sep {
  border-style: none none solid;
  border-color: #e7e7e7;
}
#k2FrontendContainer #k2FrontendPermissionsNotice p {
  color: #999;
  text-align: right;
  margin-top: 21px;
}
#k2FrontendEditToolbar h2.header.icon-48-k2 {
  background: url("../../../media/k2/assets/images/system/K2_Logo_105x40_24.png") no-repeat scroll 0px 0% transparent;
}

/* registration form */
.k2AccountPage div.k2AccountPageNotice {
  padding: 0;
  color: #777;
  font-style: italic;
}

/* edit item button */
span.catItemEditLink,
span.itemEditLink {
  margin-top: -2px;
  padding: 0;
  background: transparent;
  width: auto;
}
span.catItemEditLink a,
span.itemEditLink a {
  background-color: #eee;
  color: #444;
  border: 1px solid #e7e7e7;
  margin-left: 4px;
  padding: 7px 12px!important;
  font-weight: normal;
  font-family: inherit;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
span.catItemEditLink a:hover,
span.catItemEditLink a:focus,
span.itemEditLink a:hover,
span.itemEditLink a:focus {
  background-color: #eee;
}

/* item edit form */
a#k2ToggleSidebar {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 51, 51);
  background-image: none;
  padding: 11px 21px 9px;
  border: 1px solid transparent;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
a#k2ToggleSidebar:hover,
a#k2ToggleSidebar:focus {
  color: #FFF;
  background-color: #111;
  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);
}
div#k2ToggleSidebarContainer {
  margin-bottom: 14px;
}
div#k2FrontendContainer td.adminK2RightCol input#title,
div#k2FrontendContainer td.adminK2RightCol input#alias {
  width:100%;
}
div#k2FrontendContainer ul.simpleTabsNavigation {
  margin: 0px 0px 5px;
  padding: 0;
}
div#k2FrontendContainer td.adminK2RightCol ul.tags {
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  width: 100%;
  padding-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div#k2FrontendContainer td.adminK2RightCol ul.tags:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0px none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
div#k2FrontendContainer td.adminK2RightCol ul.tags li input {
  margin: 0;
}
div#k2FrontendContainer td.adminK2RightCol ul.tags li input:focus {
  box-shadow: none;
}
div#k2FrontendContainer ul.simpleTabsNavigation li a {
  padding: 7px 14px 7px 28px;
  background-position: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div#k2FrontendContainer ul.simpleTabsNavigation li a:hover,
div#k2FrontendContainer ul.simpleTabsNavigation li a:focus {
  color: #444;
}
div#k2FrontendContainer ul.simpleTabsNavigation li a:hover,
div#k2FrontendContainer ul.simpleTabsNavigation li a:focus,
div#k2FrontendContainer ul.simpleTabsNavigation li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a,
div#k2FrontendContainer div.simpleTabsContent {
  background-color: #FDFDFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div#k2FrontendContainer .k2ItemFormEditor {
  padding: 0px;
  margin: 0px;
  background-image: none;
  background-color: transparent;
}
div#k2FrontendContainer #k2Tab1 {
  padding: 0;
  border: none;
}
div#k2FrontendContainer div.dummyHeight {
  height: 0px;
}
div#k2FrontendContainer div.editor .mce-panel {
  border: none;
}
div#k2FrontendContainer .mce-statusbar .mce-container-body {
  border: 1px solid #ccc;
}
div#k2FrontendContainer .btn-toolbar {
  margin: 0;
  padding: 0;
}
div#k2FrontendContainer .btn-toolbar .btn {
  margin-top: 14px;
}
div#k2FrontendContainer .btn-toolbar .btn,
div#k2FrontendContainer .btn-toolbar .btn:hover,
div#k2FrontendContainer .btn-toolbar .btn:focus {
  color: #fff;
}
div#k2FrontendContainer .btn-toolbar .btn:first-child {
  margin-left: 14px;
}
div#k2FrontendContainer .btn-toolbar .btn:last-child {
  margin-right: 14px;
}
div#k2FrontendContainer h3.ui-accordion-header,
div#k2FrontendContainer .ui-accordion-content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div#k2FrontendContainer #k2Accordion {
  margin-top: 8px;
}
div#k2FrontendContainer h3.ui-accordion-header,
div#k2FrontendContainer #k2Accordion .ui-state-active {
  padding: 7px 14px;
}
div#k2FrontendContainer h3.ui-accordion-header,
div#k2FrontendContainer h3.ui-accordion-header a,
div#k2FrontendContainer #k2Accordion .ui-state-active,
div#k2FrontendContainer #k2Accordion .ui-state-active a {
  color: #676767;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}
div#k2FrontendContainer #adminFormK2Sidebar {
  vertical-align: top;
}
div#k2FrontendContainer h3.ui-accordion-header span.ui-icon {
  margin: 2px 7px 0px -7px;
}
div#k2FrontendContainer #created_img.btn,
div#k2FrontendContainer #publish_up_img.btn,
div#k2FrontendContainer #publish_down_img.btn {
  padding: 4px 2px 0px 10px;
}
div#k2FrontendContainer #created_img.btn:hover,
div#k2FrontendContainer #created_img.btn:focus,
div#k2FrontendContainer #publish_up_img.btn:hover,
div#k2FrontendContainer #publish_up_img.btn:focus,
div#k2FrontendContainer #publish_down_img.btn:hover,
div#k2FrontendContainer #publish_down_img.btn:focus {
  box-shadow: none;
}
div#k2Frontend table.k2FrontendToolbar td.button {
  background-color: transparent;
  border: none;
}
div#k2Frontend table.k2FrontendToolbar td.button a.toolbar {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #fff;
  background-color: #444;
  margin-bottom: 15px;
  padding: 11px 21px 9px;
  text-transform: uppercase;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: none;
  text-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
div#k2Frontend table.k2FrontendToolbar td.button a.toolbar:hover,
div#k2Frontend table.k2FrontendToolbar td.button a.toolbar:focus {
  color: #fff;
  background-color: #222;
  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);
}
div#k2Frontend .icon-32-save,
div#k2Frontend .icon-32-cancel {
  background-image: none !important;
}
div#k2Frontend .k2ItemFormEditor textarea {
  width: 98.8%!important;
  margin-bottom: 0;
}
div#k2Frontend div.simpleTabs {
  padding: 0px;
}
div#k2Frontend .ui-tabs .ui-tabs-nav li,
div#k2Frontend .ui-widget-content,
div#k2Frontend .ui-widget-header {
  border: none;
}

/* user profile */
.k2AccountPage table.admintable {
  width: 100%;
}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  background: #fff;
  border-bottom: none;
  border-right: none;
  color: #333;
  text-align: left;
  width: 16em;
}
.k2AccountPage table.admintable td.key span.optional,
.k2AccountPage table.admintable td.paramlist_key span.optional {
  color: #777;
  font-weight: normal;
}
.k2AccountPage table.admintable td.key label,
.k2AccountPage table.admintable td.paramlist_key label {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 7px;
  line-height: 21px;
}
.k2AccountPage table.admintable td.key label#imagemsg {
  margin-top: 16px;
}
.k2AccountPage table.admintable td input#image {
  margin-top: 9px;
}
.k2AccountPage table.admintable td.key label#urlmsg {
  margin-top: 10px;
}
.k2AccountPage table.admintable td input#url {
  margin-top: 9px;
}
.k2AccountPage table.admintable td.key label#jform_params_editor-lbl {
  margin-top: 24px;
}
.k2AccountPage table.admintable td.key label#jform_params_timezone-lbl,
.k2AccountPage table.admintable td.key label#jform_params_language-lbl,
.k2AccountPage table.admintable td.key label#jform_params_admin_style-lbl,
.k2AccountPage table.admintable td.key label#jform_params_admin_language-lbl,
.k2AccountPage table.admintable td.key label#jform_params_helpsite-lbl {
  margin-top: 21px;
}
.k2AccountPage table.admintable td.key label#jform_params_editor-lbl,
.k2AccountPage table.admintable td.key label#jform_params_timezone-lbl,
.k2AccountPage table.admintable td.key label#jform_params_language-lbl,
.k2AccountPage table.admintable td.key label#jform_params_admin_style-lbl,
.k2AccountPage table.admintable td.key label#jform_params_admin_language-lbl,
.k2AccountPage table.admintable td.key label#jform_params_helpsite-lbl {
  margin-bottom: 0;
}
.k2AccountPage table.admintable td select#jform_params_editor {
  margin-top: 10px;
}
.k2AccountPage table.admintable td select#jform_params_timezone,
.k2AccountPage table.admintable td select#jform_params_language,
.k2AccountPage table.admintable td select#jform_params_admin_style,
.k2AccountPage table.admintable td select#jform_params_admin_language,
.k2AccountPage table.admintable td select#jform_params_helpsite {
  margin-top: 8px;
}
.k2AccountPage table.admintable input.inputbox {
  margin-top: 8px;
  margin-bottom: 4px;
}
.k2AccountPage th.k2ProfileHeading {
  background: #fff;
  padding: 28px 0px 7px;
  margin-bottom: 14px;
  display: inline-block;
  font-size: 21px;
  line-height: 1.5em;
  font-weight: 300;
  border-bottom: 1px solid #e7e7e7;
}
.k2AccountPage tr:first-child th.k2ProfileHeading {
  padding-top: 0;
}
.k2AccountPage table.mceLayout {
  margin-top: 36px;
}
.k2AccountPage table.admintable a.btn {
  margin: 0;
}
.k2AccountPage div.k2AccountPageUpdate {
  border-top: none;
  margin: 2em 0 0;
  padding: 0;
  text-align: left;
}

/* k2 joomla overrides */
.even,
.odd {
  background-color: transparent;
  padding: 0;
  border: none;
}

/*/
///
///  4.1.2. categories
///
/*/

/*
///  container
*/

#k2Container {
  padding: 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#k2Container a {
  -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;
}
div.itemView,
div.tagItemView,
div.userItemView,
div.latestItemView,
div.genericItemView {
  border: none;
  margin: 10px 0 20px 0;
  overflow: hidden;
  padding: 0;
}

/* k2 article columns for mobile */
@media (max-width: 768px) {

  div.itemContainer {
    width: 100%!important;
    float: none;
  }

}

/*
///  category title
*/

div.itemListCategory,
div.latestItemsCategory {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
div.itemListCategory h2,
div.latestItemsCategory h2,
div.itemListCategory h2:before,
div.latestItemsCategory h2:before {
  color: #444;
  font-size: 24px;
}
div.itemListCategory img,
div.latestItemsCategory img {
  display: none !important;
}
div.itemListCategory a,
div.latestItemsCategory a {
  color: #444;
}
div.itemListCategory h2:before,
div.latestItemsCategory h2:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-right: 0.5em;
  content: "\f07c";
}

/*
///  category items links
*/

div#itemListLinks {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
div#itemListLinks div.itemContainer {
  width:100%;
}
div#itemListLinks h3.catItemTitle,
h2.latestItemTitleList {
  margin: 0;
  line-height: 21px;
  border: none;
  padding: 0;
}
div#itemListLinks h3.catItemTitle a,
h2.latestItemTitleList a {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #e7e7e7;
  -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;
}
div#itemListLinks h3.catItemTitle a:hover,
h2.latestItemTitleList a:hover {
  background-color: #eee;
}

/*
///  images
*/

div.itemImageBlock,
div.catItemImageBlock {
  padding: 0;
}
span.tagItemImage img,
span.userItemImage img,
span.latestItemImage img {
  margin: 0px 20px 10px 0px;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  margin: 0px 0px 10px 20px;
}
span.itemImage a.modal {
  display: block;
}


/*
///  feed icon
*/

div.k2FeedIcon {
  padding: 0;
}

/*
///  back to top
*/

/* disable back to top  */
div.itemBackToTop {
  display: none;
}

/* edit button */
#k2Container span.catItemAddLink a.modal {
  background-color: #9e9e9e;
  color: #fff;
}

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

4.2. k2 modules

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

/*/
///
///  4.2.1. K2 content module
///
/*/

div.k2ItemsBlock ul {
  margin: 0;
  padding-left: 0;
}
div.k2ItemsBlock ul li {
  list-style-type: none;
  margin-bottom: 3em;
}
div.k2ItemsBlock ul li.lastItem {
  margin-bottom: 1em;
}

div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {
  padding: 0;
  margin: 0 20px 0 0;
}
div.k2ItemsBlock ul li div.moduleItemAuthor  {
  margin-top: 10px;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
  display: block;
  padding: 0;
  line-height: 150%;
  margin-top: 20px;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated {
  display: inline-block;
  font-size: 14px;
  margin-top: 0.5em;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 12px;
  content: "\f073";
}
div.k2ItemsBlock ul li a.moduleItemCategory,
div.k2ItemsBlock ul li div.moduleItemTags a {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}
div.k2ItemsBlock ul li div.moduleItemTags {
  display: block;
  padding: 0;
  border: none;
  font-size: 14px;
}
div.k2ItemsBlock ul li div.moduleItemTags:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 0.5em;
  content: "\f02b";
}
div.k2ItemsBlock ul li div.moduleItemTags b {
  font-weight: normal;
}
div.k2ItemsBlock ul li a.moduleItemComments {
  display: block;
  font-size: 14px;
  border-right: none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.k2ItemsBlock ul li a.moduleItemComments:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 16px;
  margin-right: 0.4em;
  content: "\f086";
  color: #444;
}
div.k2ItemsBlock ul li span.moduleItemHits {
  font-size: 14px;
  line-height: 21px;
  border: none;
}
div.k2ItemsBlock ul li span.moduleItemHits:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 16px;
  margin-right: 0.5em;
  content: "\f06e";
}

/*/
///
///  4.2.2. K2 comments module
///
/*/

div.k2LatestCommentsBlock ul {
  margin: 0;
  padding-left: 0;
}
div.k2LatestCommentsBlock ul li {
  list-style-type: none;
  margin-bottom: 2em;
}
div.k2LatestCommentsBlock ul li.lastItem {
  margin-bottom: 1em;
}
div.k2LatestCommentsBlock ul li a.lcAvatar img {
  padding: 0;
  margin: 0 20px 0 0;
}
div.k2LatestCommentsBlock ul li span.lcComment {
  display: block;
  line-height: 21px;
  margin-bottom: 8px;
}
div.k2LatestCommentsBlock ul li span.lcUsername {
  font-size: 14px;
  line-height: 21px;
}
div.k2LatestCommentsBlock ul li span.lcUsername:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 12px;
  content: "\f075";
}
div.k2LatestCommentsBlock ul li span.lcCommentDate,
div.k2LatestCommentsBlock ul li span.lcItemCategory {
  font-size: 14px;
}
div.k2LatestCommentsBlock ul li span.lcItemCategory a {
  text-transform: uppercase;
}
div.itemComments ul.itemCommentsList li.authorResponse {
  background: none;
  padding: 0;
  border: none;
}
div.itemComments ul.itemCommentsList li img {
  padding: 0;
  margin: 0 20px 0 0;
  background: #fff;
  border: 1px solid #ccc;
}
div.itemComments ul.itemCommentsList li span.commentDate,
div.itemComments ul.itemCommentsList li span.commentAuthorName {
  padding: 0;
  margin: 0 0 8px 0;
  border-right: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #444;
}
div.itemComments ul.itemCommentsList li span.commentDate:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-size: 14px;
  margin-right: 12px;
  content: "\f075";
}

/*/
///
///  4.2.3. K2 tools module
///
/*/

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

/*/
///
///  4.2.4. K2 user module
///
/*/

div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
div.k2UserBlock ul.k2UserBlockActions {
  margin-top: 1em;
}
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li {
  line-height: 2em;
}
div.k2UserBlock ul.k2UserBlockActions li a.modal {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  width: auto;
  margin-left: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
div.k2LoginBlock ul li a:before,
div.k2UserBlock ul.k2UserBlockActions li a:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}
div.k2LoginBlock fieldset.input {
  padding: 0 0 6px 0;
}
div.k2LoginBlock form {
  margin-bottom: 0;
}
div.k2UserBlock div.k2UserBlockDetails span.ubName {
  font-weight: normal;
  font-size: 24.5px;
  line-height: 50px;
}
div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {
  padding: 0;
  margin: 0 20px 0 0;
}
div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {
  display: inline-block;
  margin-top: 0.5em;
}
div.k2LoginBlock fieldset.input input#modlgn_username.inputbox,
div.k2LoginBlock fieldset.input input#modlgn_passwd {
  display: inline;
  width: inherit;
}

/*/
///
///  4.2.5. K2 users module
///
/*/

div.k2UsersBlock ul {
  margin: 21px 0 0px;
  padding-left: 0;
}
div.k2UsersBlock ul li {
  list-style-type: none;
  margin-bottom: 2em;
}
div.k2UsersBlock ul li.lastItem {
  margin-bottom: 0;
}
div.k2UsersBlock ul li a.ubUserAvatar img {
  padding: 0;
  margin: 0 20px 0 0;
}
div.k2UsersBlock ul li a.ubUserName {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2em;
}
div.k2UsersBlock ul li div.ubUserDescription {
  margin-top: 0.5em;
}
div.k2UsersBlock ul li h3 {
  font-size: 18px;
  background: none;
  border: none;
  box-shadow: none;
  color: #111;
}
div.k2UsersBlock ul li ul.ubUserItems li:before {
  font-family: FontAwesome;
  content: "\f105";
  padding-right: 10px;
  color: #999;
}

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

/// 5. favthemes extensions

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

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

5.1. favslider

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

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

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

5.2. favpromote

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

.favstyle div[id^="favpromote-box"] h4,
.favstyle div[id*=" favpromote-box"] h4 {
  font-weight: 300;
}

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

5.3. favimagehover

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

.favstyle h4[id^="favimagehover-title"],
.favstyle h4[id*=" favimagehover-title"] {
  font-weight: 300;
}

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

5.4. favglyph

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

.favstyle div.favglyph-description-center h2 {
  font-weight: 300;
}
.favstyle div.favglyph-description-center p {
  margin-bottom: 0;
}
.favstyle div[id^="favglyph-box"],
.favstyle div[id*=" favglyph-box"] {
  margin-bottom: 0px;
}

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

5.5. faveffects

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


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

5.6. favsocial

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

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

@media (max-width: 768px) {

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

}