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

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

  1. reset
  2. header
  3. module positions
  4. navigation
    4.1. main navigation
    4.2. vertical menus
    4.3. horizontal menus
  5. fonts
  6. titles
  7. buttons
  8. variations
  9. custom pages
      9.1. custom classes
      9.2. error page
      9.3. offline page
  10. typography
      10.1. icons
      10.2. images
      10.3. bootstrap elements
      10.4. lists
  11. joomla!
      11.1. articles
      11.2. categories
      11.3. modules
      11.4. components
      11.5. tags
  12. extensions
      12.1. favslider
      12.2. favpromote
      12.3. favglyph
      12.4. faveffects
      12.5. favsocial
      12.6. custom-menu
      12.7. custom-card

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

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

1. reset

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

/* general */
body {
    line-height: 1.6em;
}

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif; /* default font */
    color: #333333;
    background-color: #ffffff;
    font-size: 14px;
    margin: 0;
}

/*/// mobile ///*/
@media (max-width: 767px) {
    body {
        padding: 0;
    }
}

@media (max-width: 767px) {

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

    /* 4 columns */
    #fav-container .row-fluid .span3 {
        margin-left: 2.127659574468085%;
        float: left;
    }

    #fav-container .row-fluid .span3:first-child {
        margin-left: 0;
    }

    #fav-container .row-fluid .span3:nth-child(4) {
        margin-left: 0;
        clear: both;
    }

    /* columns into 2 rows */
    #fav-container .row-fluid .span2,
    #fav-container .row-fluid .span3,
    #fav-container .row-fluid .span6 {
        width: 48.93617021276595%;
    }

    #fav-container .row-fluid .span2:nth-child(3),
    #fav-container .row-fluid .span2:nth-child(5),
    #fav-container .row-fluid .span3:nth-child(3) {
        margin-left: 0;
        clear: both;
    }

    #fav-container .row-fluid .span2:nth-child(4),
    #fav-container .row-fluid .span3:nth-child(4) {
        margin-left: 2.127659574468085%;
        clear: none;
    }

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


    #fav-container .row-fluid #fav-sidebar1.span3,
    #fav-container .row-fluid #fav-sidebar2.span3 {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-content: center;
        flex-wrap: wrap;
    }

}

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

}

/* links */
a {
    color: #9e9e9e;
}

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

a, a:hover, a:focus {
    text-decoration: none;
}

/* lists */
ul {
    list-style-type: none;
    padding-left: 0;
}

ul, ol {
    margin-left: inherit;
}

/* typography */
p {
    margin: 0 0 1em 0;
}

h1, h2, div h3, h4, h5, h6,
.componentheading {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 a:hover, h2 a:hover, div h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
}

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

table {
    border: 1px solid #5f7da0;
}

table th {
    background-color: #00579d;
    color: white;
}

table td {
    padding: 5px;
    border: 1px solid #5f7da0;
    line-height: normal;
}

/* dark version */

#fav-container .fav-dark a:hover,
#fav-container .fav-dark a:focus {
    color: #777;
    outline: none;
}

#fav-container .fav-dark hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #fff;
    border: #444;
    -moz-use-text-color: #FFFFFF !important;
}

#fav-container .fav-dark .nav-tabs,
#fav-container .fav-dark .accordion-inner,
#fav-container .fav-dark .well,
#fav-container .fav-dark .nav-tabs.nav-stacked > li > a {
    border-color: #444;
}

#fav-container .fav-dark .nav-tabs > .active > a,
#fav-container .fav-dark .nav-tabs > .active > a:hover,
#fav-container .fav-dark .nav-tabs > .active > a:focus,
#fav-container .fav-dark .nav-tabs > li > a:hover,
#fav-container .fav-dark .nav-tabs > li > a:focus {
    color: #eee;
    background-color: #222;
    border-color: #444;
}

#fav-container .fav-dark .well,
#fav-container .fav-dark .input-append .add-on,
#fav-container .fav-dark .input-prepend .add-on {
    background-color: #222;
    color: #eee;
}

#fav-container .fav-dark .input-append .add-on,
#fav-container .fav-dark .input-prepend .add-on {
    border-color: #444;
}

#fav-container .fav-dark .input-append .add-on span.icon-lock,
#fav-container .fav-dark .input-prepend .add-on span.icon-lock,
#fav-container .fav-dark .input-append .add-on span.icon-user,
#fav-container .fav-dark .input-prepend .add-on span.icon-user {
    color: #777;
    text-shadow: none;
}

#fav-container .fav-dark .chzn-container .chzn-results li.active-result {
    color: #333;
}

#fav-container .fav-dark .chzn-container .chzn-results li.active-result.result-selected.highlighted,
#fav-container .fav-dark .chzn-container .chzn-results li.active-result.highlighted:hover,
#fav-container .fav-dark .chzn-container .chzn-results li.active-result.highlighted:focus {
    color: #fff;
}

/* images */
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/*p img {
    padding: 7px;
    background-color: rgba(17, 17, 17, 0.1);
}*/

.moduletable.favth-clear p img {
    background-color: rgba(255, 255, 255, 0.1);
}

/* select */
select {
    line-height: 20px;
    min-height: 30px;
    width: 220px;
}

/* grid */
div[class^="favth-col-"], div[class*=" favth-col-"] {
    min-height: 0;
}

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

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

#fav-container .row-fluid .span2-4 {
    width: 17.790056%;
}

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

    #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%;
    }

}

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


/* font awesome
[class^="fa-"],
[class*=" fa-"],
[class^="far fa-"],
[class*=" far fa-"],
[class^="fab fa-"],
[class*=" fab fa-"] {
  font-family: inherit;
}
[class^="fa-"]::before,
[class*=" fa-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}
[class^="far fa-"]::before,
[class*=" far fa-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
[class^="fab fa-"]::before,
[class*=" fab fa-"]::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}*/

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

2. header

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

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

/* dark version */

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

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

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

}


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

3. logo

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

#fav-logo {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

#fav-logo h1 {
    margin: 0;
}

#fav-logo h1 a {
    display: block;
    text-align: left;
}

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

.default-logo,
.media-logo {
    display: block;
    float: left;
    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;
    display: block;
    font-size: 36px;
    padding: 25px 0 5px 0;
    margin: 0;
    line-height: 1.1em;
}

.slogan {
    color: #999;
    font-size: 22px;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.showRetinaLogo, .show_retina_logo {
    display: none;
}

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

    #fav-logo {
        /*text-align: center;*/
        float: none;
        width: 100%;
        padding-bottom: 6px;
    }

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

}

@media (max-width: 991px) {

    #fav-logo.favth-col-sm-12 img {
        margin: 0 auto;
    }

    #fav-logo.favth-col-sm-12 .default-logo {
        margin-bottom: 5px;
        text-align: center;
    }

}

/*/// mobile ///*/
@media (max-width: 767px) {
    #fav-logo {
        display: none;
    }

    #fav-logomobile {
        margin: 0;
        float: left;
    }

    #fav-logomobile h1 {
        padding: 0 0 0 20px;
        margin: 10px 0;
    }

    #fav-logomobile .text-logo {
        font-size: 28px !important;
        padding: 0 !important;
        line-height: 1em;
    }

    #fav-logomobile .default-logo {
        margin: 14px 0 0 0;
    }

    .default-logo img,
    .media-logo img {
        max-height: 80px;
    }

    #fav-logomobile .slogan {
        padding-left: 20px;
        margin-top: -4px;
        margin-bottom: 4px;
        font-size: 18px;
    }

}

@media (max-width: 320px) {

    #fav-logomobile {
        float: none;
        width: 100%;
    }

    #fav-logomobile {
        margin: 0;
        padding: 0;
    }

    #fav-logomobile h1 {
        padding: 0 20px;
    }

    #fav-logomobile .text-logo {
        font-size: 22px !important;
        padding: 0 !important;
        line-height: 1em;
    }

    .default-logo img,
    .media-logo img {
        max-height: 70px;
    }

    #fav-logomobile .slogan {
        padding-left: 20px;
        margin-top: -4px;
        margin-bottom: 4px;
        font-size: 16px;
    }


}

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

4. navigation

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  4.1. main navigation
///
//////////////////////////////////////////////////////////////////////////////*/

#fav-nav {
    z-index: 999;
    margin-left: 0 !important;
    background-color: #00579d;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.18), 0 2px 7px 0 rgba(0, 0, 0, 0.15);
}

#fav-nav .favnav {
    z-index: 100;
    position: relative;
    /*float: right;*/
    padding-left: 5px;
}

/* lists */
#fav-nav .moduletable ul.nav.menu,
#fav-nav .moduletable ul.nav.menunav-pills {
    /*float: right;*/
}

.favnav ul.nav li,
.favnav .moduletable ul.nav.menu li,
.favnav .moduletable ul.nav.menunav-pills li,
.favnav ul.nav li li,
.favnav .moduletable ul.nav.menu li li,
.favnav .moduletable ul.nav.menunav-pills li li,
.favnav ul.nav li li li,
.favnav .moduletable ul.nav.menu li li li,
.favnav .moduletable ul.nav.menunav-pills li li li,
.favnav ul.nav li li li li,
.favnav .moduletable ul.nav.menu li li li li,
.favnav .moduletable ul.nav.menunav-pills li li li li {
    line-height: 20px;
    padding-left: 0;
}

/* links */
.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 .nav-pills,
.favnav .menunav-pills {
    margin-bottom: 0;
}

.favnav .nav-pills > .active > a,
.favnav .nav-pills > .active > a:hover,
.favnav .nav-pills > .active > span.nav-header,
.favnav .nav-pills > .active > span.nav-header:hover {
    background: none;
    color: inherit;
}

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

/* active */
.favnav .nav-pills > .active > a,
.favnav .nav-pills > li > a:hover,
.favnav .nav-pills > li > a:focus,
.favnav .menunav-pills > .active > a,
.favnav .menunav-pills > li > a:hover,
.favnav .menunav-pills > li > a:focus,
.favnav li span.nav-header:hover,
.favnav li span.nav-header:focus,
.favnav .nav-pills > .active > span.nav-header,
.favnav .nav-pills > li > span.nav-header:hover,
.favnav .nav-pills > li > span.nav-header:focus,
.favnav .menunav-pills > .active > span.nav-header,
.favnav .menunav-pills > li > span.nav-header:hover,
.favnav .menunav-pills > li > span.nav-header:focus {
    background-color: #9e9e9e !important;
    color: #fff !important;
    text-decoration: none;
    outline: none;
}

.favnav li:first-child > a,
.favnav li:first-child a,
.favnav li:first-child > .nav-header,
.favnav li:first-child span.nav-header {
    margin-left: 0;
}

.favnav li:last-child > a,
.favnav li:last-child a,
.favnav li:last-child > .nav-header,
.favnav li:last-child span.nav-header {
    margin-right: 0;
}

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

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

/* arrow icons for child menu items */
.favnav .navigation li.deeper.parent a:after,
.favnav .navigation li.divider.deeper.parent span:after,
.favnav .navigation li.deeper.parent span.nav-header:after {
    font-family: FontAwesome, serif;
    content: "\f107";
    margin-left: 4px;
    line-height: 0;
}

.favnav .navigation li.deeper.parent ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child a:after,
.favnav .navigation li.deeper.parent ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after,
.favnav .navigation li.deeper.parent ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child span.nav-header:after {
    content: none;
}

.favnav .navigation ul.nav-child li.deeper.parent {
    position: relative;
}

.favnav .navigation ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent a:after,
.favnav .navigation ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after,
.favnav .navigation ul.nav-child ul.nav-child ul.nav-child ul.nav-child ul.nav-child li.deeper.parent span.nav-header:after {
    font-family: FontAwesome, serif;
    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, serif;
    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;
}

/* dark version */

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

/* submenu */
.favnav ul.nav ul.nav-child {
    position: absolute;
    left: 0px;
    z-index: 1000;
    min-width: 220px;
    display: none;
    padding: 5px 0 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.favnav .nav-pills ul.nav-child li > ul,
.favnav .menunav-pills ul.nav-child li > ul {
    margin: -44px 0 0 220px;
}

.favnav ul.nav ul.nav-child a,
.favnav ul.nav ul.nav-child .nav-header {
    color: #333;
    font-size: 14px;
    padding: 8px 20px 6px;
    font-weight: normal;
    line-height: 2em !important;
}

.favnav .navigation .nav-pills .nav-child a,
.favnav .navigation .menunav-pills .nav-child a,
.favnav .navigation .nav-pills .nav-child span.nav-header,
.favnav .navigation .menunav-pills .nav-child span.nav-header {
    margin: 0px !important;
    padding: 8px 14px 6px !important;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
}

.favnav ul.nav > li {
    position: relative;
    float: left;
}

.favnav ul.nav > li:hover > .nav-child,
.favnav ul.nav > li > a:focus + .nav-child,
.favnav ul.nav-child li:hover > ul {
    display: block;
}

.favnav .nav-pills ul.nav-child li > ul,
.favnav .menunav-pills ul.nav-child li > ul {
    padding: 0;
}

.favnav .navigation ul.nav-child a,
.favnav .navigation ul.nav-child span.nav-header {
    display: block;
    clear: both;
    white-space: nowrap;
}

.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
    padding-top: 0;
    padding-bottom: 0;
}

.favnav .navigation .nav-pills .nav-child span.nav-header,
.favnav .navigation .menunav-pills .nav-child span.nav-header {
    margin: 0;
    border-top: none !important;
}

.favnav .navigation .nav-pills .nav-child > .active > a,
.favnav .navigation .nav-pills .nav-child > li > a:hover,
.favnav .navigation .menunav-pills .nav-child > .active > a,
.favnav .navigation .menunav-pills .nav-child > li > a:hover,
.favnav .navigation .nav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .nav-pills .nav-child > li > span.nav-header:hover,
.favnav .navigation .menunav-pills .nav-child > .active > span.nav-header,
.favnav .navigation .menunav-pills .nav-child > li > span.nav-header:hover {
    color: #9e9e9e !important;
    background-color: transparent !important;
    text-decoration: none;
}

.favnav ul.nav-child.pull-right,
.favnav ul.nav ul.nav-child.favth-pull-right {
    right: 0;
    left: auto;
}

/* navigation arrows */
.favnav ul.nav .nav-child::before {
    position: absolute;
    top: -8px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e7e7e7;;
    border-left: 7px solid transparent;
    border-bottom-color: #e7e7e7;;
    content: '';
}

.favnav ul.nav .nav-child::after {
    position: absolute;
    top: -7px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e7e7e7;;
    border-left: 6px solid transparent;
    content: '';
}

.favnav ul.nav .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 ul.nav .nav-child li > ul::after {
    top: 16px;
    left: -6px;
    margin-top: 0;
    border-left: none;
    border-top: 6px solid transparent;
    border-right: 6px solid #e7e7e7;
    border-bottom: 6px solid transparent;
}

.favnav .navigation li a[class^="fa-"]::before,
.favnav .navigation li a[class*=" fa-"]::before,
.favnav .navigation li span.nav-header[class^="fa-"]::before,
.favnav .navigation li span.nav-header[class*=" fa-"]::before {
    font-weight: normal;
    padding-right: 8px;
}

/* dark version */

#fav-container .fav-dark .favnav .navigation ul.nav-child {
    background-color: #222;
    border: 1px solid #444;
}

#fav-container .fav-dark .favnav .navigation .nav-pills .nav-child a,
#fav-container .fav-dark .favnav .navigation .menunav-pills .nav-child a,
#fav-container .fav-dark .favnav .navigation .nav-pills .nav-child span.nav-header,
#fav-container .fav-dark .favnav .navigation .menunav-pills .nav-child span.nav-header {
    border-bottom: 1px solid #444;
}

#fav-container .fav-dark .favnav .navigation .nav-child:before {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #444;
    border-left: 7px solid transparent;
    border-bottom-color: #444;;
    content: '';
}

#fav-container .fav-dark .favnav .navigation .nav-child:after {
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
    border-left: 6px solid transparent;
    content: '';
}

#fav-container .fav-dark .favnav .navigation .nav-child li > ul:before {
    border-left: none;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #444;
    border-top: 7px solid transparent;
}

#fav-container .fav-dark .favnav .navigation .nav-child li > ul:after {
    margin-top: 0;
    border-left: none;
    border-top: 6px solid transparent;
    border-right: 6px solid #444;
    border-bottom: 6px solid transparent;
}


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

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

    .favnav {
        /*display: table;*/
        margin: 0px auto;
        padding-bottom: 0px;
        float: none !important;
    }

    #fav-nav.span9 {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    #fav-nav .moduletable ul.nav.menu,
    #fav-nav .moduletable ul.nav.menunav-pills {
        float: none;
    }

    .favnav .navigation li a,
    .favnav .navigation span.nav-header {
        margin-top: 0;
    }

    .favnav .navigation .nav-pills a,
    .favnav .navigation .menunav-pills a,
    .favnav .navigation .nav-pills > li > a,
    .favnav .navigation .nav-pills > div > div > li > a:hover,
    .favnav .navigation .menunav-pills > li > a,
    .favnav .navigation .nav-pills span.nav-header,
    .favnav .navigation .menunav-pills span.nav-header,
    .favnav .navigation .nav-pills > li > span.nav-header,
    .favnav .navigation .menunav-pills > li > span.nav-header,
    .favnav .navigation ul.nav.menu li span.nav-header {
        margin-top: 14px;
        margin-bottom: 14px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    /* dark version */
    #fav-container .fav-dark #fav-nav.span9 {
        border-top: 1px solid #444;
        border-bottom: 1px solid #444;
    }

}

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

    #fav-navbar {
        display: none;
    }

}

@media (max-width: 769px) {
    /* REMOVE HEADER ON MOBILE */
    #fav-header {
        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,
    #fav-navbar-collapse li .nav-header {
        padding-left: 21px;
    }

    #fav-navbar-collapse li li a,
    #fav-navbar-collapse li li .nav-header {
        padding-left: 42px;
    }

    #fav-navbar-collapse li li li a,
    #fav-navbar-collapse li li li .nav-header {
        padding-left: 63px;
    }

    #fav-navbar-collapse li li li li a,
    #fav-navbar-collapse li li li li .nav-header {
        padding-left: 84px;
    }

    #fav-navbar-collapse li li li li li a,
    #fav-navbar-collapse li li li li li .nav-header {
        padding-left: 105px;
    }

    #fav-navbar-collapse a,
    #fav-navbar-collapse .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 .nav-header::before {
        font-family: FontAwesome, serif;
        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,
    .navbar-inverse .nav .active > span.nav-header,
    .navbar .nav .active > span.nav-header,
    .navbar-inverse .nav .active > span.nav-header:hover,
    .navbar .nav .active > span.nav-header:hover,
    .navbar-inverse .nav .active > span.nav-header:focus,
    .navbar .nav .active > span.nav-header:focus {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    /*
  ///  light
  */
    div.navbar .moduletable div h3,
    div.navbar .moduletable div.custom {
        color: #444;
        margin: 0 21px 21px 21px;
    }

    div.navbar #fav-navbar-collapse li a:hover,
    div.navbar #fav-navbar-collapse li a:focus,
    div.navbar #fav-navbar-collapse li li a:hover,
    div.navbar #fav-navbar-collapse li li a:focus,
    div.navbar #fav-navbar-collapse li li li a:hover,
    div.navbar #fav-navbar-collapse li li li a:focus,
    div.navbar #fav-navbar-collapse li li li li a:hover,
    div.navbar #fav-navbar-collapse li li li li a:focus,
    div.navbar #fav-navbar-collapse li span.nav-header:hover,
    div.navbar #fav-navbar-collapse li span.nav-header:focus,
    div.navbar #fav-navbar-collapse li li span.nav-header:hover,
    div.navbar #fav-navbar-collapse li li span.nav-header:focus,
    div.navbar #fav-navbar-collapse li li li span.nav-header:hover,
    div.navbar #fav-navbar-collapse li li li span.nav-header:focus,
    div.navbar #fav-navbar-collapse li li li li span.nav-header:hover,
    div.navbar #fav-navbar-collapse li li li li span.nav-header:focus,
    div.navbar #fav-navbar-collapse li[class^="item-"].current.active,
    div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,
    div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,
    div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active,
    div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,
    div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,
    div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,
    div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active {
        background-color: #eee !important;
        -webkit-border-radius: 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 a:focus: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,
    div.navbar #fav-navbar-collapse li span.nav-header:focus:before,
    div.navbar #fav-navbar-collapse li[class^="item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li[class*=" item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li[class^="item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active span.nav-header:before,
    div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active span.nav-header: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,
    div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul span.nav-header:before,
    div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul span.nav-header: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,
    div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul span.nav-header:hover:before,
    div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul span.nav-header: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;
    }

    /*
  ///  dark
  */
    div.navbar.navbar-inverse .moduletable div h3,
    div.navbar.navbar-inverse .moduletable div.custom {
        color: #fff;
        margin: 0 21px 21px 21px;
    }

    div.navbar.navbar-inverse #fav-navbar-collapse li a:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li a:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li a:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li a:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li a:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li span.nav-header:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li span.nav-header:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li span.nav-header:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li span.nav-header:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li span.nav-header:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li span.nav-header:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li span.nav-header:hover,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li span.nav-header:focus,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active {
        background-color: #333 !important;
    }

    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 !important;
    }

    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 a:focus: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,
    div.navbar.navbar-inverse #fav-navbar-collapse li span.nav-header:focus:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active span.nav-header: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,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul span.nav-header:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul span.nav-header: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,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul span.nav-header:hover:before,
    div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul span.nav-header: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;
    }

}

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

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

ul.nav.menu li span.nav-header,
ul.nav.menuhorizontal li span.nav-header {
    font-size: 14px;
    font-weight: normal;
    padding: 0 16px;
}

ul.nav.menu li span.nav-header {
    color: #9e9e9e;
}

ul.nav.menu > li > a:hover,
ul.nav.menu > li > a:focus,
ul.nav.menuhorizontal > li > a:hover,
ul.nav.menuhorizontal > li > a:focus,
ul.nav.menu > li > span.nav-header:hover,
ul.nav.menu > li > span.nav-header:focus,
ul.nav.menuhorizontal li span.nav-header:hover,
ul.nav.menuhorizontal li span.nav-header:focus,
ul.nav.menuhorizontal > li > span.nav-header:hover,
ul.nav.menuhorizontal > li > span.nav-header:focus {
    background-color: transparent;
}

ul.nav.menu > li.active > a,
ul.nav.menu > li.active > span.nav-header,
ul.nav.menu li span.nav-header:hover,
ul.nav.menu li span.nav-header:focus {
    color: #444 !important;
}

ul.nav.menu li a:before,
ul.nav.menuhorizontal li a:before,
ul.nav.menu li span.nav-header:before,
ul.nav.menuhorizontal li span.nav-header:before {
    font-family: FontAwesome, serif;
    padding-right: 8px;
}

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

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

/*//////////////////////////////////////////////////////////////////////////////
///
///  4.2. vertical menus
///
//////////////////////////////////////////////////////////////////////////////*/

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

ul.menubasic,
ul.menufavth-basic {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    list-style-type: none;
    padding-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
}

ul.menubasic li,
ul.menufavth-basic li {
    line-height: 1.4em;
}

ul.menubasic li a,
ul.menufavth-basic li a,
ul.menubasic li span.nav-header,
ul.menufavth-basic li .nav-header {
    font-family: inherit;
    color: #444;
    padding: 12px 14px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-shadow: none;
    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.menufavth-basic li a:hover,
ul.menubasic li a:focus,
ul.menufavth-basic li a:focus,
ul.menubasic li.current a,
ul.menufavth-basic li.current a,
ul.menubasic li.current ul a:hover,
ul.menufavth-basic li.current ul a:hover,
ul.menubasic li.current ul a:focus,
ul.menufavth-basic li.current ul a:focus,
ul.menubasic li span.nav-header:hover,
ul.menufavth-basic li .nav-header:hover,
ul.menubasic li span.nav-header:focus,
ul.menufavth-basic li .nav-header:focus,
ul.menubasic li.current span.nav-header,
ul.menufavth-basic li.current .nav-header,
ul.menubasic li.current ul span.nav-header:hover,
ul.menufavth-basic li.current ul .nav-header:hover,
ul.menubasic li.current ul span.nav-header:focus
ul.menufavth-basic li.current ul .nav-header:focus {
    color: #fff;
    background-color: #9e9e9e;
}

ul.menubasic li.current ul a,
ul.menufavth-basic li.current ul a,
ul.menubasic li.current ul span.nav-header,
ul.menufavth-basic li.current ul .nav-header {
    color: #444;
    background-color: #FFFFFF;
}

ul.menubasic li a:before,
ul.menufavth-basic li a::before,
ul.menubasic li span.nav-header:before,
ul.menufavth-basic li .nav-header::before {
    font-family: FontAwesome, serif;
    content: "\f105";
    padding-left: 10px;
    padding-right: 0;
    color: #aaa;
    float: right;
    font-size: 15px;
    line-height: 1.4;
}

ul.menubasic li a:hover:before,
ul.menufavth-basic li a:hover::before,
ul.menubasic li a:focus:before,
ul.menufavth-basic li a:focus::before,
ul.menubasic li.current a:before,
ul.menufavth-basic li.current a::before,
ul.menubasic li.current ul a:hover:before,
ul.menufavth-basic li.current ul a:hover::before,
ul.menubasic li.current ul a:focus:before,
ul.menufavth-basic li.current ul a:focus::before,
ul.menubasic li span.nav-header:hover:before,
ul.menufavth-basic li .nav-header:hover::before,
ul.menubasic li span.nav-header:focus:before,
ul.menufavth-basic li .nav-header:focus::before,
ul.menubasic li.current span.nav-header:before,
ul.menufavth-basic li.current .nav-header::before,
ul.menubasic li.current ul span.nav-header:hover:before,
ul.menufavth-basic li.current ul .nav-header:hover::before,
ul.menubasic li.current ul span.nav-header:focus:before,
ul.menufavth-basic li.current ul .nav-header:focus::before {
    color: #fff;
}

ul.menubasic li.current ul a:before,
ul.menufavth-basic li.current ul a::before,
ul.menubasic li.current ul span.nav-header:before,
ul.menufavth-basic li.current ul .nav-header::before {
    color: #aaa;
}

/* dark version */

#fav-container .fav-dark ul.menubasic,
#fav-container .fav-dark ul.menubasic li a,
#fav-container .fav-dark ul.menubasic li span.nav-header {
    color: #eee;
    border-color: #444;
}

#fav-container .fav-dark ul.menubasic li a:hover,
#fav-container .fav-dark ul.menubasic li a:focus,
#fav-container .fav-dark ul.menubasic li.current a,
#fav-container .fav-dark ul.menubasic li.current ul a:hover,
#fav-container .fav-dark ul.menubasic li.current ul a:focus,
#fav-container .fav-dark ul.menubasic li.current ul a,
#fav-container .fav-dark ul.menubasic li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic li.current span.nav-header,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:focus {
    color: #9e9e9e;
    background-color: #1a1a1a;
}

#fav-container .fav-dark ul.menubasic li a:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:before {
    color: #777;
    float: right;
}

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

#fav-container .fav-dark ul.menubasic li a:hover:before,
#fav-container .fav-dark ul.menubasic li a:focus:before,
#fav-container .fav-dark ul.menubasic li.current a:before,
#fav-container .fav-dark ul.menubasic li.current ul a:hover:before,
#fav-container .fav-dark ul.menubasic li.current ul a:focus:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic li span.nav-header:focus:before,
#fav-container .fav-dark ul.menubasic li.current span.nav-header:before,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menubasic li.current ul span.nav-header:focus:before {
    color: #fff !important;
}

/*
///  clear
*/

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

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

/* dark version */

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

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

/*
///  dark
*/

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

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

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

/* dark version */

#fav-container .fav-dark ul.menubasic.menu-dark,
#fav-container .fav-dark ul.menubasic.menu-dark li a,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header {
    color: #eee;
    border-color: #444;
}

#fav-container .fav-dark ul.menubasic.menu-dark li a:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li a:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current a,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic.menu-dark li.current span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:focus {
    color: #9e9e9e !important;
    background-color: #1a1a1a;
}

#fav-container .fav-dark ul.menubasic.menu-dark li a:before,
#fav-container .fav-dark ul.menubasic.menu-dark li span.nav-header:before {
    color: #777;
    float: right;
}

#fav-container .fav-dark ul.menubasic.menu-dark li.current ul a:before,
#fav-container .fav-dark ul.menubasic.menu-dark li.current ul span.nav-header:before {
    color: #777;
}

/*
///  light
*/

ul.menubasic.menu-light {
    border: 1px solid #e7e7e7;
}

ul.menubasic.menu-light li a,
ul.menubasic.menu-light li span.nav-header {
    color: #444;
    border-bottom: 1px solid #e7e7e7;
}

ul.menubasic.menu-light li a:hover,
ul.menubasic.menu-light li a:focus,
ul.menubasic.menu-light li.current a,
ul.menubasic.menu-light li.current ul a:hover,
ul.menubasic.menu-light li.current ul a:focus,
ul.menubasic.menu-light li.current ul a,
ul.menubasic.menu-light li span.nav-header:hover,
ul.menubasic.menu-light li span.nav-header:focus,
ul.menubasic.menu-light li.current span.nav-header,
ul.menubasic.menu-light li.current ul span.nav-header,
ul.menubasic.menu-light li.current ul span.nav-header:hover,
ul.menubasic.menu-light li.current ul span.nav-header:focus {
    color: #fff !important;
    background-color: #9e9e9e;
}

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

ul.menubasic.menu-light li a:before,
ul.menubasic.menu-light li span.nav-header:before {
    color: #aaa;
}


/* dark version */

#fav-container .fav-dark ul.menubasic.menu-light {
    border: 1px solid #e7e7e7;
}

#fav-container .fav-dark ul.menubasic.menu-light li a,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header {
    color: #444;
    border-bottom: 1px solid #e7e7e7;
}

#fav-container .fav-dark ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current a,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menubasic.menu-light li.current ul span.nav-header:focus {
    color: #fff !important;
    background-color: #9e9e9e;
}

#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current a,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark #fav-featurewrap ul.menubasic.menu-light li.current ul span.nav-header:focus {
    color: #fff !important;
}

#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li a:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li a:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current a,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul a,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li span.nav-header:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li span.nav-header:focus,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current span.nav-header,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark #fav-blockwrap ul.menubasic.menu-light li.current ul span.nav-header:focus {
    color: #fff !important;
}

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

#fav-container .fav-dark ul.menubasic.menu-light li a:before,
#fav-container .fav-dark ul.menubasic.menu-light li span.nav-header:before {
    color: #aaa;
}

/*
///  color
*/

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

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

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

/* dark version */

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

#fav-container .fav-dark ul.menubasic.menu-color li a:before,
#fav-container .fav-dark ul.menubasic.menu-color li span.nav-header:before {
    color: #fff;
}

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

ul.menufavth-arrow {
    list-style-type: none;
    padding-left: 0;
}

ul.menuarrow li a,
ul.menufavth-arrow li a,
ul.menuarrow li span.nav-header,
ul.menufavth-arrow li .nav-header {
    color: #444;
    padding: 9px 14px 8px 0;
    display: block;
    font-size: 14px;
    font-weight: normal;
    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;
}

ul.menuarrow li a:hover,
ul.menufavth-arrow li a:hover,
ul.menuarrow li a:focus,
ul.menufavth-arrow li a:focus,
ul.menuarrow li.current a,
ul.menufavth-arrow li.current a,
ul.menuarrow li.current ul a:hover,
ul.menufavth-arrow li.current ul a:hover,
ul.menuarrow li.current ul a:focus,
ul.menufavth-arrow li.current ul a:focus,
ul.menuarrow li span.nav-header:hover,
ul.menufavth-arrow li .nav-header:hover,
ul.menuarrow li span.nav-header:focus,
ul.menufavth-arrow li .nav-header:focus,
ul.menuarrow li.current span.nav-header,
ul.menufavth-arrow li.current .nav-header,
ul.menuarrow li.current ul span.nav-header:hover,
ul.menufavth-arrow li.current ul .nav-header:hover,
ul.menuarrow li.current ul span.nav-header:focus,
ul.menufavth-arrow li.current ul .nav-header:focus {
    color: #9e9e9e;
    background-color: transparent;
}

ul.menuarrow li.current ul a,
ul.menufavth-arrow li.current ul a,
ul.menuarrow li.current ul span.nav-header,
ul.menufavth-arrow li.current ul .nav-header {
    color: #444;
}

ul.menuarrow li a:before,
ul.menufavth-arrow li a::before,
ul.menuarrow li span.nav-header:before,
ul.menufavth-arrow li .nav-header::before {
    font-family: FontAwesome, "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    content: "\f061";
    padding-left: 0px;
    padding-right: 10px;
    color: #bbb;
    font-size: 14px;
    line-height: 2em;
}

ul.menuarrow li a:hover:before,
ul.menufavth-arrow li a:hover::before,
ul.menuarrow li a:focus:before,
ul.menufavth-arrow li a:focus::before,
ul.menuarrow li.current a:before,
ul.menufavth-arrow li.current a::before,
ul.menuarrow li.current ul a:hover:before,
ul.menufavth-arrow li.current ul a:hover::before,
ul.menuarrow li.current ul a:focus:before,
ul.menufavth-arrow li.current ul a:focus::before,
ul.menuarrow li span.nav-header:hover:before,
ul.menufavth-arrow li .nav-header:hover::before,
ul.menuarrow li span.nav-header:focus:before,
ul.menufavth-arrow li .nav-header:focus::before,
ul.menufavth-arrow li.current .nav-header::before,
ul.menufavth-arrow li.current ul .nav-header:hover::before,
ul.menufavth-arrow li.current ul .nav-header:focus::before {
    color: #9e9e9e;
}

ul.menuarrow li.current ul a:before,
ul.menufavth-arrow li.current ul a::before,
ul.menuarrow li.current ul span.nav-header:before,
ul.menufavth-arrow li.current ul .nav-header::before {
    color: #bbb;
}

/* //dark version du menu arrow// */

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

#fav-container .fav-dark ul.menuarrow li a:hover,
#fav-container .fav-dark ul.menuarrow li a:focus,
#fav-container .fav-dark ul.menuarrow li.current a,
#fav-container .fav-dark ul.menuarrow li.current ul a:hover,
#fav-container .fav-dark ul.menuarrow li.current ul a:focus,
#fav-container .fav-dark ul.menuarrow li span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow li span.nav-header:focus,
#fav-container .fav-dark ul.menuarrow li.current span.nav-header,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:focus {
    color: #9e9e9e !important;
    background-color: transparent;
}

#fav-container .fav-dark ul.menuarrow li.current ul a,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header {
    color: #eee;
}

#fav-container .fav-dark ul.menuarrow li a:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:before {
    color: #555;
}

#fav-container .fav-dark ul.menuarrow li a:hover:before,
#fav-container .fav-dark ul.menuarrow li a:focus:before,
#fav-container .fav-dark ul.menuarrow li.current a:before,
#fav-container .fav-dark ul.menuarrow li.current ul a:hover:before,
#fav-container .fav-dark ul.menuarrow li.current ul a:focus:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuarrow li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuarrow li.current span.nav-header:before,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuarrow li.current ul span.nav-header:focus:before {
    color: #9e9e9e;
}

/*
///  clear
*/

ul.menuarrow.menu-clear li a,
.fav-module-block-clear ul.menufavth-arrow li a,
.moduletable.favth-clear ul.menufavth-arrow li a,
ul.menuarrow.menu-clear li span.nav-header,
.fav-module-block-clear ul.menufavth-arrow li .nav-header,
.moduletable.favth-clear ul.menufavth-arrow li .nav-header {
    color: #999;
}

ul.menuarrow.menu-clear li a:hover,
.fav-module-block-clear ul.menufavth-arrow li a:hover,
.moduletable.favth-clear ul.menufavth-arrow li a:hover,
ul.menuarrow.menu-clear li a:focus,
.fav-module-block-clear ul.menufavth-arrow li a:focus,
.moduletable.favth-clear ul.menufavth-arrow li a:focus,
ul.menuarrow.menu-clear li span.nav-header:hover,
.fav-module-block-clear ul.menufavth-arrow li .nav-header:hover,
.moduletable.favth-clear ul.menufavth-arrow li .nav-header:hover,
ul.menuarrow.menu-clear li span.nav-header:focus,
.fav-module-block-clear ul.menufavth-arrow li .nav-header:focus,
.moduletable.favth-clear ul.menufavth-arrow li .nav-header:focus {
    color: #fff;
}

/* //dark version du menu arrow clear// */

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

/*
///  dark
*/

ul.menuarrow.menu-dark li a,
.fav-module-block-dark ul.menufavth-arrow li a,
.moduletable.favth-dark ul.menufavth-arrow li a,
ul.menuarrow.menu-dark li span.nav-header,
.fav-module-block-dark ul.menufavth-arrow li .nav-header,
.moduletable.favth-dark ul.menufavth-arrow li .nav-header {
    color: #777;
}

ul.menuarrow.menu-dark li a:hover,
.fav-module-block-dark ul.menufavth-arrow li a:hover,
.moduletable.favth-dark ul.menufavth-arrow li a:hover,
ul.menuarrow.menu-dark li a:focus,
.fav-module-block-dark ul.menufavth-arrow li a:focus,
.moduletable.favth-dark ul.menufavth-arrow li a:focus,
ul.menuarrow.menu-dark li span.nav-header:hover,
.fav-module-block-dark ul.menufavth-arrow li .nav-header:hover,
.moduletable.favth-dark ul.menufavth-arrow li .nav-header:hover,
ul.menuarrow.menu-dark li span.nav-header:focus,
.fav-module-block-dark ul.menufavth-arrow li .nav-header:focus,
.moduletable.favth-dark ul.menufavth-arrow li .nav-header:focus {
    color: #fff !important;
}

/*
///  light
*/

ul.menuarrow.menu-light li a,
ul.menuarrow.menu-light li span.nav-header {
    color: #444 !important;
}

ul.menuarrow.menu-light li a:hover,
ul.menuarrow.menu-light li a:focus,
ul.menuarrow.menu-light li.current a,
ul.menuarrow.menu-light li.current ul a:hover,
ul.menuarrow.menu-light li.current ul a:focus,
ul.menuarrow.menu-light li span.nav-header:hover,
ul.menuarrow.menu-light li span.nav-header:focus,
ul.menuarrow.menu-light li.current span.nav-header,
ul.menuarrow.menu-light li.current ul span.nav-header:hover,
ul.menuarrow.menu-light li.current ul span.nav-header:focus {
    color: #9e9e9e !important;
}

ul.menuarrow.menu-light li a:before,
ul.menuarrow.menu-light li span.nav-header:before {
    color: #ccc;
}

/* //dark version du menu arrow light// */

#fav-container .fav-dark ul.menuarrow.menu-light li a,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header {
    color: #444 !important;
}

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

#fav-container .fav-dark ul.menuarrow.menu-light li a:before,
#fav-container .fav-dark ul.menuarrow.menu-light li span.nav-header:before {
    color: #ccc;
}

/*
///  color
*/

ul.menuarrow.menu-color li a,
.fav-module-block-color ul.menufavth-arrow li a,
.moduletable.favth-color ul.menufavth-arrow li a,
ul.menuarrow.menu-color li span.nav-header,
.fav-module-block-color ul.menufavth-arrow li .nav-header,
.moduletable.favth-color ul.menufavth-arrow li .nav-header {
    color: rgba(17, 17, 17, 0.87) !important;
}

ul.menuarrow.menu-color li a:hover,
.fav-module-block-color ul.menufavth-arrow li a:hover,
.moduletable.favth-color ul.menufavth-arrow li a:hover,
ul.menuarrow.menu-color li a:focus,
.fav-module-block-color ul.menufavth-arrow li a:focus,
.moduletable.favth-color ul.menufavth-arrow li a:focus,
ul.menuarrow.menu-color li span.nav-header:hover,
.fav-module-block-color ul.menufavth-arrow li .nav-header:hover,
.moduletable.favth-color ul.menufavth-arrow li .nav-header:hover,
ul.menuarrow.menu-color li span.nav-header:focus,
.fav-module-block-color ul.menufavth-arrow li .nav-header:focus,
.moduletable.favth-color ul.menufavth-arrow li .nav-header:focus {
    color: #fff !important;
    border-bottom: 0 none;
}

ul.menuarrow.menu-color li a:before,
.fav-module-block-color ul.menufavth-arrow li a::before,
.moduletable.favth-color ul.menufavth-arrow li a::before,
ul.menuarrow.menu-color li span.nav-header:before,
.fav-module-block-color ul.menufavth-arrow li .nav-header::before,
.moduletable.favth-color ul.menufavth-arrow li .nav-header::before {
    color: #fff;
}

ul.menuarrow.menu-color li a:hover:before,
.fav-module-block-color ul.menufavth-arrow li a:hover::before,
.moduletable.favth-color ul.menufavth-arrow li a:hover::before,
ul.menuarrow.menu-color li a:focus:before,
.fav-module-block-color ul.menufavth-arrow li a:focus::before,
.moduletable.favth-color ul.menufavth-arrow li a:focus::before,
ul.menuarrow.menu-color li span.nav-header:hover:before,
.fav-module-block-color ul.menufavth-arrow li .nav-header:hover::before,
.moduletable.favth-color ul.menufavth-arrow li .nav-header:hover::before,
ul.menuarrow.menu-color li span.nav-header:focus:before,
.fav-module-block-color ul.menufavth-arrow li .nav-header:focus::before,
.moduletable.favth-color ul.menufavth-arrow li .nav-header:focus::before {
    color: rgba(17, 17, 17, 0.47);
}

/* //dark version du menu arrow color// */

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

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

#fav-container .fav-dark ul.menuarrow.menu-color li a:before,
#fav-container .fav-dark ul.menuarrow.menu-color li span.nav-header:before {
    color: #fff;
}

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

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

/* default */
ul.menufavth-side {
    list-style-type: none;
}

ul.menuside li,
ul.menufavth-side li {
    margin-bottom: 4px;
}

ul.menuside li a,
ul.menufavth-side li a,
ul.menuside li span.nav-header,
ul.menufavth-side li .nav-header {
    color: #444;
    padding: 10px 14px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    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.menufavth-side li a:hover,
ul.menuside li a:focus,
ul.menufavth-side li a:focus,
ul.menuside li.current a,
ul.menufavth-side li.current a,
ul.menuside li.current ul a:hover,
ul.menufavth-side li.current ul a:hover,
ul.menuside li.current ul a:focus,
ul.menufavth-side li.current ul a:focus,
ul.menuside li span.nav-header:hover,
ul.menufavth-side li .nav-header:hover,
ul.menuside li span.nav-header:focus,
ul.menufavth-side li .nav-header:focus,
ul.menuside li.current span.nav-header,
ul.menufavth-side li.current .nav-header,
ul.menuside li.current ul span.nav-header:hover,
ul.menufavth-side li.current ul .nav-header:hover,
ul.menuside li.current ul span.nav-header:focus,
ul.menufavth-side li.current ul .nav-header:focus {
    color: #9e9e9e;
    border-left: 5px solid #9e9e9e;
    background-color: transparent;
}

ul.menuside li.current ul a,
ul.menufavth-side li.current ul a {
    color: #444;
}

ul.menuside li a:before,
ul.menufavth-side li a::before,
ul.menuside li span.nav-header:before,
ul.menufavth-side li .nav-header::before {
    content: none;
}

/* //dark version du menu side// */

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

#fav-container .fav-dark ul.menuside li.current ul a,
#fav-container .fav-dark ul.menuside li.current ul span.nav-header {
    color: #eee;
}

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

/*
///  clear
*/

ul.menuside.menu-clear li a,
.fav-module-block-clear ul.menufavth-side li a,
.moduletable.favth-clear ul.menufavth-side li a,
ul.menuside.menu-clear li span.nav-header,
.fav-module-block-clear ul.menufavth-side li .nav-header,
.moduletable.favth-clear ul.menufavth-side li .nav-header {
    color: #999;
}

ul.menuside.menu-clear li a:hover,
.fav-module-block-clear ul.menufavth-side li a:hover,
.moduletable.favth-clear ul.menufavth-side li a:hover,
ul.menuside.menu-clear li a:focus,
.fav-module-block-clear ul.menufavth-side li a:focus,
.moduletable.favth-clear ul.menufavth-side li a:focus,
ul.menuside.menu-clear li span.nav-header:hover,
.fav-module-block-clear ul.menufavth-side li .nav-header:hover,
.moduletable.favth-clear ul.menufavth-side li .nav-header:hover,
ul.menuside.menu-clear li span.nav-header:focus
.fav-module-block-clear ul.menufavth-side li .nav-header:focus,
.moduletable.favth-clear ul.menufavth-side li .nav-header:focus {
    color: #fff;
}

/*
///  dark
*/

ul.menuside.menu-dark li a,
.fav-module-block-dark ul.menufavth-side li a,
.moduletable.favth-dark ul.menufavth-side li a,
ul.menuside.menu-dark li span.nav-header,
.fav-module-block-dark ul.menufavth-side li .nav-header,
.moduletable.favth-dark ul.menufavth-side li .nav-header {
    color: #777;
}

ul.menuside.menu-dark li a:hover,
.fav-module-block-dark ul.menufavth-side li a:hover,
.moduletable.favth-dark ul.menufavth-side li a:hover,
ul.menuside.menu-dark li a:focus,
.fav-module-block-dark ul.menufavth-side li a:focus,
.moduletable.favth-dark ul.menufavth-side li a:focus,
ul.menuside.menu-dark li span.nav-header:hover,
.fav-module-block-dark ul.menufavth-side li .nav-header:hover,
.moduletable.favth-dark ul.menufavth-side li .nav-header:hover,
ul.menuside.menu-dark li span.nav-header:focus,
.fav-module-block-dark ul.menufavth-side li .nav-header:focus,
.moduletable.favth-dark ul.menufavth-side li .nav-header:focus {
    color: #fff !important;
}

/*
///  light
*/

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

ul.menuside.menu-light li a:hover,
ul.menuside.menu-light li a:focus,
ul.menuside.menu-light li.current a,
ul.menuside.menu-light li.current ul a:hover,
ul.menuside.menu-light li.current ul a:focus,
ul.menuside.menu-light li span.nav-header:hover,
ul.menuside.menu-light li span.nav-header:focus,
ul.menuside.menu-light li.current span.nav-header,
ul.menuside.menu-light li.current ul span.nav-header:hover,
ul.menuside.menu-light li.current ul span.nav-header:focus {
    color: #9e9e9e !important;
}

/* //dark version du menu side light// */

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

#fav-container .fav-dark ul.menuside.menu-light li a:hover,
#fav-container .fav-dark ul.menuside.menu-light li a:focus,
#fav-container .fav-dark ul.menuside.menu-light li.current a,
#fav-container .fav-dark ul.menuside.menu-light li.current ul a:hover,
#fav-container .fav-dark ul.menuside.menu-light li.current ul a:focus,
#fav-container .fav-dark ul.menuside.menu-light li span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-light li span.nav-header:focus,
#fav-container .fav-dark ul.menuside.menu-light li.current span.nav-header,
#fav-container .fav-dark ul.menuside.menu-light li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuside.menu-light li.current ul span.nav-header:focus {
    color: #9e9e9e !important;
}

/*
///  color
*/

ul.menuside.menu-color li a,
.fav-module-block-color ul.menufavth-side li a,
.moduletable.favth-color ul.menufavth-side li a,
ul.menuside.menu-color li span.nav-header,
.fav-module-block-color ul.menufavth-side li .nav-header,
.moduletable.favth-color ul.menufavth-side li .nav-header {
    color: rgba(17, 17, 17, 0.87) !important;
}

ul.menuside.menu-color li a:hover,
.fav-module-block-color ul.menufavth-side li a:hover,
.moduletable.favth-color ul.menufavth-side li a:hover,
ul.menuside.menu-color li a:focus,
.fav-module-block-color ul.menufavth-side li a:focus,
.moduletable.favth-color ul.menufavth-side li a:focus,
ul.menuside.menu-color li span.nav-header:hover,
.fav-module-block-color ul.menufavth-side li .nav-header:hover,
.moduletable.favth-color ul.menufavth-side li .nav-header:hover,
ul.menuside.menu-color li span.nav-header:focus,
.fav-module-block-color ul.menufavth-side li .nav-header:focus,
.moduletable.favth-color ul.menufavth-side li .nav-header:focus {
    color: #fff !important;
    border-left: 5px solid rgba(17, 17, 17, 0.47);
}

ul.menuside.menu-color li a:before,
.fav-module-block-color ul.menufavth-side li a::before,
.moduletable.favth-color ul.menufavth-side li a::before,
ul.menuside.menu-color li span.nav-header:before,
.fav-module-block-color ul.menufavth-side li .nav-header::before,
.moduletable.favth-color ul.menufavth-side li .nav-header::before {
    color: #fff;
}

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

.fav-module-block-color ul.menufavth-side li a:hover::before,
.fav-module-block-color ul.menufavth-side li a:focus::before,
.fav-module-block-color ul.menufavth-side li .nav-header:hover::before,
.fav-module-block-color ul.menufavth-side li .nav-header:focus::before,
.moduletable.favth-color ul.menufavth-side li a:hover::before,
.moduletable.favth-color ul.menufavth-side li a:focus::before,
.moduletable.favth-color ul.menufavth-side li .nav-header:hover::before,
.moduletable.favth-color ul.menufavth-side li .nav-header:focus::before {
    color: rgba(17, 17, 17, 0.47);
}

/* //dark version du menu side color// */

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

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

#fav-container .fav-dark ul.menuside.menu-color li a:before,
#fav-container .fav-dark ul.menuside.menu-color li span.nav-header:before {
    color: #fff;
}

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

/* default */
ul.menufavth-line {
    list-style-type: none;
    padding-left: 0;
}

ul.menuline li,
ul.menufavth-line li {
    margin-bottom: 1px;
}

ul.menuline li a,
ul.menufavth-line li a,
ul.menuline li span.nav-header,
ul.menufavth-line li .nav-header {
    color: #444;
    padding: 10px 14px 10px 0;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

ul.menuline li a:hover,
ul.menuline li a:focus,
ul.menuline li.current a,
ul.menuline li.current ul a:hover,
ul.menuline li.current ul a:focus,
ul.menuline li span.nav-header:hover,
ul.menuline li span.nav-header:focus,
ul.menuline li.current span.nav-header,
ul.menuline li.current ul span.nav-header:hover,
ul.menuline li.current ul span.nav-header:focus {
    color: #444;
    border-bottom: 1px solid #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, serif;
    content: "\f10c";
    padding-left: 0;
    padding-right: 10px;
    color: #ccc;
    font-size: 14px;
    margin-top: 2px;
}

ul.menuline li a:hover:before,
ul.menuline li a:focus:before,
ul.menuline li.current a:before,
ul.menuline li.current ul a:hover:before,
ul.menuline li.current ul a:focus:before,
ul.menuline li span.nav-header:hover:before,
ul.menuline li span.nav-header:focus:before,
ul.menuline li.current span.nav-header:before,
ul.menuline li.current ul span.nav-header:hover:before,
ul.menuline li.current ul span.nav-header:focus:before {
    color: #9e9e9e;
}

/* //dark version du menu line// */

#fav-container .fav-dark ul.menuline li a,
#fav-container .fav-dark ul.menuline li span.nav-header {
    color: #eee;
    border-bottom: 1px solid #444;
}

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

#fav-container .fav-dark ul.menuline li.current ul a,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header {
    color: #eee;
}

#fav-container .fav-dark ul.menuline li a:before,
#fav-container .fav-dark ul.menuline li span.nav-header:before {
    color: #444;
}

#fav-container .fav-dark ul.menuline li a:hover:before,
#fav-container .fav-dark ul.menuline li a:focus:before,
#fav-container .fav-dark ul.menuline li.current a:before,
#fav-container .fav-dark ul.menuline li.current ul a:hover:before,
#fav-container .fav-dark ul.menuline li.current ul a:focus:before,
#fav-container .fav-dark ul.menuline li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuline li.current span.nav-header:before,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline li.current ul span.nav-header:focus:before {
    color: #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 version du menu line clear// */

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

#fav-container .fav-dark ul.menuline.menu-clear li a:before,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:before {
    color: #555;
}

#fav-container .fav-dark ul.menuline.menu-clear li a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current a,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul a:focus,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li span.nav-header:focus,
#fav-container .fav-dark ul.menuline.menu-clear li.current span.nav-header,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:hover,
#fav-container .fav-dark ul.menuline.menu-clear li.current ul span.nav-header:focus {
    border-bottom: 1px solid #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;
}

/*
///  light
*/

ul.menuline.menu-light li a,
ul.menuline.menu-light li span.nav-header {
    color: #444;
    border-bottom: 1px solid #ddd;
}

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

ul.menuline.menu-light li a:before,
ul.menuline.menu-light li span.nav-header:before {
    color: #ccc;
}

/* //dark version du menu line light// */

#fav-container .fav-dark ul.menuline.menu-light li a,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header {
    color: #444;
    border-bottom: 1px solid #ddd;
}

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

#fav-container .fav-dark ul.menuline.menu-light li a:before,
#fav-container .fav-dark ul.menuline.menu-light li span.nav-header:before {
    color: #ccc;
}

/*
/// color
*/

ul.menuline.menu-color li a,
ul.menuline.menu-color li span.nav-header {
    color: rgba(17, 17, 17, 0.67) !important;
}

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

ul.menuline.menu-color li a:before,
ul.menuline.menu-color li span.nav-header:before {
    color: #fff;
}

ul.menuline.menu-color li a:hover:before,
ul.menuline.menu-color li a:focus:before,
ul.menuline.menu-color li span.nav-header:hover:before,
ul.menuline.menu-color li span.nav-header:focus:before {
    color: rgba(17, 17, 17, 0.47);
}

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

/* //dark version du menu line color// */

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

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

#fav-container .fav-dark ul.menuline.menu-color li a:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:before {
    color: #fff;
}

#fav-container .fav-dark ul.menuline.menu-color li a:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li a:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li.current a:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul a:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li span.nav-header:focus:before,
#fav-container .fav-dark ul.menuline.menu-color li.current span.nav-header:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:hover:before,
#fav-container .fav-dark ul.menuline.menu-color li.current ul span.nav-header:focus:before {
    color: rgba(17, 17, 17, 0.57);
}

/*/
///
/// menu basic, arrow, side and line child elements spacing
///
/*/
ul.menubasic ul.nav-child a,
ul.menuarrow ul.nav-child a,
ul.menuside ul.nav-child a,
ul.menuline ul.nav-child a,
ul.menubasic ul.nav-child span.nav-header,
ul.menuarrow ul.nav-child span.nav-header,
ul.menuside ul.nav-child span.nav-header,
ul.menuline ul.nav-child span.nav-header {
    padding-left: 28px;
    left: 1em;
    position: relative;
}

ul.menufavth-basic ul.nav-child a,
ul.menufavth-arrow ul.nav-child a,
ul.menufavth-side ul.nav-child a,
ul.menufavth-line ul.nav-child a,
ul.menufavth-basic ul.nav-child span.nav-header,
ul.menufavth-arrow ul.nav-child span.nav-header,
ul.menufavth-side ul.nav-child span.nav-header,
ul.menufavth-line ul.nav-child span.nav-header {
    padding-left: 28px;
    left: 1em;
    position: relative;
}

ul.menubasic ul ul.nav-child a,
ul.menuarrow ul ul.nav-child a,
ul.menuside ul ul.nav-child a,
ul.menuline ul ul.nav-child a,
ul.menubasic ul ul.nav-child span.nav-header,
ul.menuarrow ul ul.nav-child span.nav-header,
ul.menuside ul ul.nav-child span.nav-header,
ul.menuline ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 2em;
    left: 2em;
    position: relative;
}

ul.menufavth-basic ul ul.nav-child a,
ul.menufavth-arrow ul ul.nav-child a,
ul.menufavth-side ul ul.nav-child a,
ul.menufavth-line ul ul.nav-child a,
ul.menufavth-basic ul ul.nav-child span.nav-header,
ul.menufavth-arrow ul ul.nav-child span.nav-header,
ul.menufavth-side ul ul.nav-child span.nav-header,
ul.menufavth-line ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 2em;
    left: 2em;
    position: relative;
}

ul.menubasic ul ul ul.nav-child a,
ul.menuarrow ul ul ul.nav-child a,
ul.menuside ul ul ul.nav-child a,
ul.menuline ul ul ul.nav-child a,
ul.menubasic ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 3em;
    left: 3em;
    position: relative;
}

ul.menufavth-basic ul ul ul.nav-child a,
ul.menufavth-arrow ul ul ul.nav-child a,
ul.menufavth-side ul ul ul.nav-child a,
ul.menufavth-line ul ul ul.nav-child a,
ul.menufavth-basic ul ul ul.nav-child span.nav-header,
ul.menufavth-arrow ul ul ul.nav-child span.nav-header,
ul.menufavth-side ul ul ul.nav-child span.nav-header,
ul.menufavth-line ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 3em;
    left: 3em;
    position: relative;
}

ul.menubasic ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul.nav-child a,
ul.menubasic ul ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 4em;
    left: 4em;
    position: relative;
}

ul.menufavth-basic ul ul ul ul.nav-child a,
ul.menufavth-arrow ul ul ul ul.nav-child a,
ul.menufavth-side ul ul ul ul.nav-child a,
ul.menufavth-line ul ul ul ul.nav-child a,
ul.menufavth-basic ul ul ul ul.nav-child span.nav-header,
ul.menufavth-arrow ul ul ul ul.nav-child span.nav-header,
ul.menufavth-side ul ul ul ul.nav-child span.nav-header,
ul.menufavth-line ul ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 4em;
    left: 4em;
    position: relative;
}

ul.menubasic ul ul ul ul ul.nav-child a,
ul.menuarrow ul ul ul ul ul.nav-child a,
ul.menuside ul ul ul ul ul.nav-child a,
ul.menuline ul ul ul ul ul.nav-child a,
ul.menubasic ul ul ul ul ul.nav-child span.nav-header,
ul.menuarrow ul ul ul ul ul.nav-child span.nav-header,
ul.menuside ul ul ul ul ul.nav-child span.nav-header,
ul.menuline ul ul ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 5em;
    left: 5em;
    position: relative;
}

ul.menufavth-basic ul ul ul ul ul.nav-child a,
ul.menufavth-arrow ul ul ul ul ul.nav-child a,
ul.menufavth-side ul ul ul ul ul.nav-child a,
ul.menufavth-line ul ul ul ul ul.nav-child a,
ul.menufavth-basic ul ul ul ul ul.nav-child span.nav-header,
ul.menufavth-arrow ul ul ul ul ul.nav-child span.nav-header,
ul.menufavth-side ul ul ul ul ul.nav-child span.nav-header,
ul.menufavth-line ul ul ul ul ul.nav-child span.nav-header {
    padding-left: 28px;
    padding-right: 5em;
    left: 5em;
    position: relative;
}

/*//////////////////////////////////////////////////////////////////////////////
///
///  4.3. horizontal menus
///
//////////////////////////////////////////////////////////////////////////////*/

ul.menuhorizontal,
ul.menufavth-horizontal {
    margin: 0;
    float: left;
    overflow: hidden;
    list-style-type: none;
    padding-left: 0;
}

ul.menuhorizontal li,
ul.menufavth-horizontal li {
    float: left;
    list-style: none;
    background: none;
    line-height: 21px;
}

ul.menuhorizontal li a,
ul.menuhorizontal li span.nav-header {
    display: block;
    color: #333333;
    margin-right: 14px;
    transition: all 0.3s ease-out 0s;
}

ul.menuhorizontal li.active a,
ul.menuhorizontal li a:hover,
ul.menuhorizontal li a:focus,
ul.menuhorizontal li:hover a,
ul.menuhorizontal li:focus a,
ul.menuhorizontal li.active span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus,
ul.menuhorizontal li:hover span.nav-header,
ul.menuhorizontal li:focus span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus {
    color: #9e9e9e;
    background-color: transparent;
    text-decoration: none;
}

ul.menuhorizontal ul {
    display: none;
}

ul.nav.menuhorizontal li span.nav-header {
    padding: 0;
    margin-right: 28px;
    line-height: 21px;
}

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

    ul.menuhorizontal {
        margin: 0 auto;
        display: table;
    }

    ul.menuhorizontal li {
        float: none;
        padding: 4px;
    }

    ul.menuhorizontal li a {
        margin: 0;
    }

}

/* dark version */

#fav-container .fav-dark ul.menuhorizontal li a,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header {
    display: block;
    color: inherit;
}

#fav-container .fav-dark ul.menuhorizontal li.active a,
#fav-container .fav-dark ul.menuhorizontal li a:hover,
#fav-container .fav-dark ul.menuhorizontal li a:focus,
#fav-container .fav-dark ul.menuhorizontal li:hover a,
#fav-container .fav-dark ul.menuhorizontal li:focus a,
#fav-container .fav-dark ul.menuhorizontal li.active span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:hover,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:focus,
#fav-container .fav-dark ul.menuhorizontal li:hover span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li:focus span.nav-header,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:hover,
#fav-container .fav-dark ul.menuhorizontal li span.nav-header:focus {
    color: #9e9e9e;
    background-color: transparent;
}

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

ul.menuhorizontal.menu-clear li a,
ul.menuhorizontal.menu-clear li span.nav-header {
    color: #fff !important;
}

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

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

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

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

ul.menuhorizontal.menu-color li a,
ul.menuhorizontal.menu-color li span.nav-header {
    color: rgba(17, 17, 17, 0.87) !important;
}

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

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

/*
///  right
*/

ul.menuhorizontal.pull-right {
    margin: 0;
    float: right;
    overflow: hidden;
}

ul.menuhorizontal.pull-right li {
    float: left;
    list-style: none;
    background: none;
    line-height: 21px;
}

ul.menuhorizontal.pull-right li a,
ul.menuhorizontal.pull-right li span.nav-header {
    display: block;
    color: #333333;
    margin-left: 28px;
    margin-right: 0;
    transition: all 0.3s ease-out 0s;
}

ul.menuhorizontal.pull-right li.active a,
ul.menuhorizontal.pull-right li a:hover,
ul.menuhorizontal.pull-right li a:focus,
ul.menuhorizontal.pull-right li:hover a,
ul.menuhorizontal.pull-right li:focus a,
ul.menuhorizontal.pull-right li.active span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus,
ul.menuhorizontal.pull-right li:hover span.nav-header,
ul.menuhorizontal.pull-right li:focus span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus {
    color: #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;
    }

}

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

5. module positions

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

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

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

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

}

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

#fav-containerwrap {
    /*background: transparent url("../images/wood_pattern.png") repeat scroll 0% 0%;*/
}

#fav-container {
    /*background-color: #FFF;
  margin-top: 9px;
  margin-bottom: 9px;*/
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.27);
}

/* dark version */

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

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

    #fav-containerwrap {
        background: none;
    }

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

}

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

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

#fav-notice {
    padding-left: 10px;
}

#fav-notice .moduletable {
    margin: 0;
    padding: 11px 0px 0px 0px;
}

#fav-noticewrap div h3 {
    margin: 0;
}

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

    #fav-notice {
        margin-top: 0;
        padding-right: 28px;
    }

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

}

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

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

#fav-topbar6 .moduletable {
    text-align: right;
}

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

#fav-slidewrap.container-fluid {
    padding: 0;
}

#fav-slide {
    padding: 0;
}

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

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

@media (max-width: 1200px) {

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

}

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

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

}

/*/
///
///  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: 767px) {

    #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 {
    background-color: #242424;
    padding-top: 6px;
    padding-bottom: 7px;
    color: #fff;
}

#fav-showcopyright p {
    margin: 0px !important;
    line-height: 21px;
    font-size: 12px;
}

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

    #fav-copyrightwrap {
        background-color: #252525;
        color: #fff;
        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: 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;
    position: fixed;
    z-index: 99999;
    width: auto;
    /*width: 55px;*/
}

#fav-backtop .backtop {
    float: right;
}

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

    a.backtop i {
        box-shadow: none;
    }

    #fav-backtop {
        position: relative;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 20px;
    }

    #fav-backtop .backtop {
        float: none;
    }

}

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

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

#fav-container.fav-overlay {
    margin-right: 0;
    margin-left: 0;
}

.fav-overlay {
    background-color: rgba(17, 17, 17, 0.77);
    /*background-color: rgba(0, 87, 157, 0.75);*/
    margin-right: -20px;
    margin-left: -20px;
}

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

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

}

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

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

#fav-featurewrap,
#fav-blockwrap {
    background-color: #fff;
    color: #444;
}

#fav-featurewrap div h3,
#fav-blockwrap div h3 {
    color: #444 !important;
}

#fav-featurewrap a:hover,
#fav-featurewrap a:focus,
#fav-blockwrap a:hover,
#fav-blockwrap a:focus {
    color: #777;
}

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

#fav-introwrap {
    background: url(../images/demo/demo-bg-1.jpg) center top no-repeat fixed #111;
}

#fav-primewrap {
    background: url(../images/demo/demo-bg-2.jpg) center top no-repeat fixed #111;
}

#fav-screenwrap {
    background: url(../images/demo/demo-bg-3.jpg) center top no-repeat fixed #111;
}

#fav-basewrap {
    background: url(../images/demo/demo-bg-4.jpg) center top no-repeat fixed #111;
}

#fav-introwrap,
#fav-primewrap,
#fav-screenwrap,
#fav-basewrap {
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#fav-introwrap div h3,
#fav-primewrap div h3,
#fav-screenwrap div h3,
#fav-basewrap div h3 {
    color: #fff;
}

#fav-introwrap a:hover,
#fav-introwrap a:focus,
#fav-primewrap a:hover,
#fav-primewrap a:focus,
#fav-screenwrap a:hover,
#fav-screenwrap a:focus,
#fav-basewrap a:hover,
#fav-basewrap a:focus {
    color: #fff;
}

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

#fav-portfoliowrap,
#fav-notewrap {
    background-color: #222;
    color: #eee;
}

#fav-showcasewrap {
    background-color: #171717;
    color: #eee;
}

#fav-showcasewrap div h3,
#fav-portfoliowrap div h3,
#fav-notewrap div 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 {
    color: #999;
}

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

#fav-noticewrap,
#fav-focuswrap {
    background-color: #9e9e9e;
    color: #fff;
}

#fav-noticewrap div h3,
#fav-focuswrap div h3,
#fav-footerwrap div h3 {
    color: #fff;
}

#fav-userwrap,
#fav-footerwrap {
    background-color: #00579D;
    color: #fff;
}

#fav-noticewrap a,
#fav-focuswrap a {
    color: #222;
}

#fav-noticewrap a:hover,
#fav-noticewrap a:focus,
#fav-focuswrap a:hover,
#fav-focuswrap a:focus,
#fav-footerwrap a:hover,
#fav-footerwrap a:focus {
    color: #fff;
}

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

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


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

/// 5. fonts

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

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

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-download #fav-download-btn a.btn {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.favnav.navstyle-icon-horizontal .navigation li a[class^="fa-"]::before,
.favnav.navstyle-icon-horizontal .navigation li a[class*=" fa-"]::before,
.favnav.navstyle-icon-horizontal .navigation li span.nav-header[class^="fa-"]::before,
.favnav.navstyle-icon-horizontal .navigation li span.nav-header[class*=" fa-"]::before {
    font-weight: normal;
}

/*
///  joomla
*/

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

#fav-language a.btn.dropdown-toggle,
#fav-language-demo a.btn.dropdown-toggle {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

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

secondary font

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

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

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

/*
///  default
*/

.favintro,
p.fav404,
#fav-download #fav-download-message {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

/* titles */
h1, h2, div h3, h4, h5, h6,
.moduletable div h3,
div[class^="moduletable-"] div h3,
div[class*=" moduletable-"] div h3,
.page-header h2,
h2.item-title,
.componentheading,
#member-profile legend,
div.tag-category ul div h3,
div.contact-category h2,
div.newsfeed h2,
div.newsfeed-category h2 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

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

.wf_caption {
    font-size: 12px;
    margin-bottom: 15px;
}

/*
///  joomla
*/

.accordion-heading a.accordion-toggle {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

/*
///  extensions
*/

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


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

6. titles

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

.moduletable div h3,
.page-header h2,
h2.item-title,
.componentheading,
#member-profile legend,
div.tag-category ul div h3,
div.contact-category h2,
div.newsfeed h2,
div.newsfeed-category h2 {
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
    font-size: 24px;
    font-weight: 300;
    color: #444;
    border: 0 none;
}

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

div.newsfeed h2,
div.newsfeed h2 a,
div.newsfeed-category div h3,
div.newsfeed-category h2,
div.newsfeed-category h2 a,
div.contact-category h2 {
    color: #444;
}

/* dark version */

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

#fav-container .fav-dark .page-header h2 a,
#fav-container .fav-dark h2.item-title a,
#fav-container .fav-dark div.categories-list div h3 a,
#fav-container .fav-dark div.newsfeed h2 a {
    color: #eee;
}

#fav-container .fav-dark .page-header h2 a:hover,
#fav-container .fav-dark h2.item-title a:hover,
#fav-container .fav-dark div.categories-list div h3 a:hover,
#fav-container .fav-dark div.newsfeed h2 a:hover {
    color: #9e9e9e;
}

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

7. buttons

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

.btn,
.pager .next a,
.pager .previous a {
    color: #fff;
    background-color: #9e9e9e;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px 20px 10px;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
}

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

.btn:focus {
    outline: none;
}

.btn:active {
    box-shadow: none;
}

.btn-group > .btn:first-child {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

ul.pager.pagenav li:before {
    content: none;
}

/* dark version */

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

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

.btn-primary {
    color: #fff;
    background-color: #9e9e9e;
    border: 1px solid transparent;
    background-image: none;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: #9e9e9e;
    opacity: 0.9;
    border: 1px solid transparent;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group > .btn:first-child {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.btn i {
    vertical-align: baseline;
}

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

.btn-large,
.fav-container .favth-btn-large,
.btn-small,
.fav-container .favth-btn-small,
.btn-mini,
.fav-container .favth-btn-mini {
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-large,
.fav-container .favth-btn-large {
    padding: 18px 24px 16px;
    font-size: 18px;
}

.btn-small,
.fav-container .favth-btn-small {
    padding: 8px 14px;
    font-size: 14px;
}

.btn-mini,
.fav-container .favth-btn-mini {
    padding: 6px 10px 4px;
    font-size: 12px;
}

/*
///  disabled
*/

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

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

/* default */
#fav-notice .btn,
#fav-focus .btn,
.moduletable-sfx9 .btn,
.moduletable-sfx10 .btn,
.moduletable-sfx11 .btn,
.moduletable-sfx12 .btn {
    color: #FFF !important;
    background-color: #333 !important;
}

#fav-notice .btn:hover,
#fav-notice .btn:focus,
#fav-focus .btn:hover,
#fav-focus .btn:focus,
.moduletable-sfx9 .btn:hover,
.moduletable-sfx9 .btn:focus,
.moduletable-sfx10 .btn:hover,
.moduletable-sfx10 .btn:focus,
.moduletable-sfx11 .btn:hover,
.moduletable-sfx11 .btn:focus,
.moduletable-sfx12 .btn:hover,
.moduletable-sfx12 .btn:focus {
    color: #333 !important;
    background-color: #fff !important;
}

#fav-intro .btn:hover,
#fav-intro .btn:focus,
#fav-prime .btn:hover,
#fav-prime .btn:focus,
#fav-showcase .btn:hover,
#fav-showcase .btn:focus,
#fav-portfolio .btn:hover,
#fav-portfolio .btn:focus,
#fav-screen .btn:hover,
#fav-screen .btn:focus,
#fav-note .btn:hover,
#fav-note .btn:focus,
#fav-base .btn:hover,
#fav-base .btn:focus,
#fav-footer .btn:hover,
#fav-footer .btn:focus {
    color: #FFF !important;
    background-color: #333 !important;
}

.moduletable-sfx17 .btn:hover,
.moduletable-sfx17 .btn:focus,
.moduletable-sfx18 .btn:hover,
.moduletable-sfx18 .btn:focus,
.moduletable-sfx19 .btn:hover,
.moduletable-sfx19 .btn:focus,
.moduletable-sfx20 .btn:hover,
.moduletable-sfx20 .btn:focus,
.moduletable-sfx21 .btn:hover,
.moduletable-sfx21 .btn:focus,
.moduletable-sfx22 .btn:hover,
.moduletable-sfx22 .btn:focus,
.moduletable-sfx23 .btn:hover,
.moduletable-sfx23 .btn:focus,
.moduletable-sfx24 .btn:hover,
.moduletable-sfx24 .btn:focus,
.moduletable-sfx33 .btn:hover,
.moduletable-sfx33 .btn:focus,
.moduletable-sfx34 .btn:hover,
.moduletable-sfx34 .btn:focus,
.moduletable-sfx35 .btn:hover,
.moduletable-sfx35 .btn:focus,
.moduletable-sfx36 .btn:hover,
.moduletable-sfx36 .btn:focus {
    color: #FFF !important;
    background-color: #333 !important;
}

/* primary */
#fav-notice .btn-primary,
#fav-focus .btn-primary,
.moduletable-sfx9 .btn-primary,
.moduletable-sfx10 .btn-primary,
.moduletable-sfx11 .btn-primary,
.moduletable-sfx12 .btn-primary {
    color: #333 !important;
    background-color: #FFF !important;
}

#fav-notice .btn-primary:hover,
#fav-notice .btn-primary:focus,
#fav-focus .btn-primary:hover,
#fav-focus .btn-primary:focus,
.moduletable-sfx9 .btn-primary:hover,
.moduletable-sfx9 .btn-primary:focus,
.moduletable-sfx10 .btn-primary:hover,
.moduletable-sfx10 .btn-primary:focus,
.moduletable-sfx11 .btn-primary:hover,
.moduletable-sfx11 .btn-primary:focus,
.moduletable-sfx12 .btn-primary:hover,
.moduletable-sfx12 .btn-primary:focus {
    color: #FFF !important;
    background-color: #333 !important;
}

#fav-intro .btn-primary:hover,
#fav-intro .btn-primary:focus,
#fav-prime .btn-primary:hover,
#fav-prime .btn-primary:focus,
#fav-showcase .btn-primary:hover,
#fav-showcase .btn-primary:focus,
#fav-portfolio .btn-primary:hover,
#fav-portfolio .btn-primary:focus,
#fav-screen .btn-primary:hover,
#fav-screen .btn-primary:focus,
#fav-note .btn-primary:hover,
#fav-note .btn-primary:focus,
#fav-base .btn-primary:hover,
#fav-base .btn-primary:focus,
#fav-footer .btn-primary:hover,
#fav-footer .btn-primary:focus {
    color: #333 !important;
    background-color: #FFF !important;
}

.moduletable-sfx17 .btn-primary:hover,
.moduletable-sfx17 .btn-primary:focus,
.moduletable-sfx18 .btn-primary:hover,
.moduletable-sfx18 .btn-primary:focus,
.moduletable-sfx19 .btn-primary:hover,
.moduletable-sfx19 .btn-primary:focus,
.moduletable-sfx20 .btn-primary:hover,
.moduletable-sfx20 .btn-primary:focus,
.moduletable-sfx21 .btn-primary:hover,
.moduletable-sfx21 .btn-primary:focus,
.moduletable-sfx22 .btn-primary:hover,
.moduletable-sfx22 .btn-primary:focus,
.moduletable-sfx23 .btn-primary:hover,
.moduletable-sfx23 .btn-primary:focus,
.moduletable-sfx24 .btn-primary:hover,
.moduletable-sfx24 .btn-primary:focus,
.moduletable-sfx33 .btn-primary:hover,
.moduletable-sfx33 .btn-primary:focus,
.moduletable-sfx34 .btn-primary:hover,
.moduletable-sfx34 .btn-primary:focus,
.moduletable-sfx35 .btn-primary:hover,
.moduletable-sfx35 .btn-primary:focus,
.moduletable-sfx36 .btn-primary:hover,
.moduletable-sfx36 .btn-primary:focus {
    color: #333 !important;
    background-color: #FFF !important;
}

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

.pagination {
    display: block;
    margin: 11px 0px 10px;
    clear: both;
}

.pagination ul {
    list-style-type: none;
    line-height: 2.4em;
    padding-left: 0;
    display: table;
    margin: 0 auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination ul li {
    float: left;
}

.pagination ul li a,
.pagination ul > .disabled > a,
.pagination ul > .active > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus {
    color: #fff;
    background-color: #9e9e9e;
    margin: 0 4px 21px 4px;
    padding: 11px 18px 9px;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    text-shadow: none;
    border: 1px solid transparent;
    background-image: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li.active a,
.pagination ul li.active a:hover {
    color: #9e9e9e;
    background-color: #fff;
    border: 1px solid #ddd;
    background-image: none;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus {
    color: #fff;
    background-color: #333;
    border: 1px solid transparent;
    box-shadow: none;
}

.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #fff !important;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination [class^="icon-"],
.pagination [class*=" icon-"] {
    font-size: 14px;
    margin-right: 0;
    vertical-align: top;
}

.pagination ul li a:before {
    content: none !important;
}

.pagination p.counter.pull-right {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
}

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

    .pagination ul li a,
    .pagination ul > .disabled > a,
    .pagination ul > .active > a,
    .pagination ul > .disabled > a:hover,
    .pagination ul > .disabled > a:focus,
    .pagination ul > .active > a:hover,
    .pagination ul > .active > a:focus {
        padding: 7px 12px 5px;
    }

}

@media (max-width: 480px) {

    .pagination ul li a,
    .pagination ul > .disabled > a,
    .pagination ul > .active > a,
    .pagination ul > .disabled > a:hover,
    .pagination ul > .disabled > a:focus,
    .pagination ul > .active > a:hover,
    .pagination ul > .active > a:focus {
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 0;
        padding: 4px 10px 2px;
        font-size: 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .pagination [class^="icon-"],
    .pagination [class*=" icon-"] {
        font-size: 12px;
        margin-top: 0.2em;
    }

}

/* dark version */

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

#fav-container .fav-dark .pagination ul li a:hover,
#fav-container .fav-dark .pagination ul li a:focus,
#fav-container .fav-dark .pagination ul li.active a,
#fav-container .fav-dark .pagination ul li.active a:hover {
    color: #9e9e9e;
    background-color: #fff;
}

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

/* info */
.btn-info,
.fav-container .favth-btn-info {
    color: #ffffff !important;
    background-color: #5bc0de !important;
    border-color: transparent !important;
    background-image: none;
}

.btn-info:hover,
.fav-container .favth-btn-info:hover,
.btn-info:focus,
.fav-container .favth-btn-info:focus,
.btn-info:active,
.fav-container .favth-btn-info:active,
.btn-info.active,
.fav-container .favth-btn-info.favth-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,
.fav-container .favth-btn-success {
    color: #ffffff !important;
    background-color: #5cb85c !important;
    border-color: transparent !important;
    background-image: none;
}

.btn-success:hover,
.fav-container .favth-btn-success:hover,
.btn-success:focus,
.fav-container .favth-btn-success:focus,
.btn-success:active,
.fav-container .favth-btn-success:active,
.btn-success.active,
.fav-container .favth-btn-success.favth-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,
.fav-container .favth-btn-warning {
    color: #ffffff !important;
    background-color: #f0ad4e !important;
    border-color: transparent !important;
    background-image: none;
}

.btn-warning:hover,
.fav-container .favth-btn-warning:hover,
.btn-warning:focus,
.fav-container .favth-btn-warning:focus,
.btn-warning:active,
.fav-container .favth-btn-warning:active,
.btn-warning.active,
.fav-container .favth-btn-warning.favth-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,
.fav-container .favth-btn-danger {
    color: #ffffff !important;
    background-color: #d9534f !important;
    border-color: transparent !important;
    background-image: none;
}

.btn-danger:hover,
.fav-container .favth-btn-danger:hover,
.btn-danger:focus,
.fav-container .favth-btn-danger:focus,
.btn-danger:active,
.fav-container .favth-btn-danger:active,
.btn-danger.active,
.fav-container .favth-btn-danger.favth-active {
    color: #ffffff !important;
    background-color: #d43f3a !important;
    border-color: transparent !important;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d9534f;
}

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

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

/*
///  edit button
*/

span.icon-edit {
    padding-right: 0;
}

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

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

8. variations

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

/*/
///
///  background
///
/*/

.moduletable.favth-light,
.moduletable.favth-dark,
.moduletable.favth-clear,
.moduletable.favth-color {
    padding: 22px 21px 17px;
    border: 1px solid transparent;
}

.moduletable.favth-light > div h3:first-of-type,
.moduletable.favth-dark > div h3:first-of-type,
.moduletable.favth-clear > div h3:first-of-type,
.moduletable.favth-color > div h3:first-of-type {
    margin-top: 0px;
    margin-bottom: 22px;
    line-height: 1.3em;
}

/* light */
.moduletable.favth-light {
    background-color: #fff;
    color: #333;
    border: 1px solid #e7e7e7;
}

.moduletable.favth-light > div h3:first-of-type,
.moduletable.favth-light p {
    color: #333;
}

.moduletable.favth-light a {
    color: #9e9e9e;
}

.moduletable.favth-light a:hover,
.moduletable.favth-light a:focus {
    color: #333;
}

/* dark */
.moduletable.favth-dark {
    background-color: #191919;
    color: #fff;
}

.moduletable.favth-dark > div h3:first-of-type,
.moduletable.favth-dark p {
    color: #fff;
}

.moduletable.favth-dark a {
    color: #9e9e9e;
}

.moduletable.favth-dark a:hover,
.moduletable.favth-dark a:focus {
    color: #fff;
}

.moduletable.favth-dark hr {
    border-top: 1px solid #444;
}

/* clear */
.moduletable.favth-clear {
    background-color: rgba(17, 17, 17, 0.77);
    color: #fff;
}

.moduletable.favth-clear > div h3:first-of-type,
.moduletable.favth-clear p {
    color: #fff;
}

.moduletable.favth-clear a {
    color: #9e9e9e;
}

.moduletable.favth-clear a:hover,
.moduletable.favth-clear a:focus {
    color: #fff;
}

.moduletable.favth-clear hr {
    border-top: 1px solid #444;
}

/* color */
.moduletable.favth-color {
    background-color: #9e9e9e;
    color: #fff;
}

.moduletable.favth-color > div h3:first-of-type,
.moduletable.favth-color p {
    color: #fff;
}

.moduletable.favth-color a {
    color: #fff;
}

.moduletable.favth-color a:hover,
.moduletable.favth-color a:focus {
    color: #fff;
}

.moduletable.favth-color hr {
    border-top: 1px solid #fff;
}

.moduletable.favth-color [class^="fa-"],
.moduletable.favth-color [class*=" fa-"] {
    background-color: #fff;
    color: #9e9e9e;
}

/*/
///
///  style
///
/*/

.moduletable.favth-shadow,
.moduletable.favth-line,
.moduletable.favth-border,
.moduletable.favth-stack {
    margin-top: 11px;
    margin-bottom: 11px;
}

.moduletable.favth-shadow,
.moduletable.favth-line,
.moduletable.favth-border {
    padding: 22px 21px 17px;
}

.moduletable.favth-shadow > div h3:first-of-type,
.moduletable.favth-line > div h3:first-of-type,
.moduletable.favth-border > div h3:first-of-type {
    margin-top: 0px;
    margin-bottom: 22px;
    line-height: 1.3em;
}

/* shadow */
.moduletable.favth-shadow {
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

/* line */
.moduletable.favth-line {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    background-color: #fff;
}

.moduletable.favth-color.favth-line,
.moduletable.favth-dark.favth-line,
.moduletable.favth-clear.favth-line {
    border: 0 none;
}

.moduletable.favth-line > div h3:first-of-type {
    margin-right: -21px;
    margin-left: -21px;
    margin-bottom: 21px;
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e7e7e7;
}

.moduletable.favth-color.favth-line > div h3:first-of-type {
    border-bottom: 1px solid #fff;
}

.moduletable.favth-dark.favth-line > div h3:first-of-type,
.moduletable.favth-clear.favth-line > div h3:first-of-type {
    border-bottom: 1px solid #444;
}

.moduletable.favth-light.favth-line > div h3:first-of-type {
    border-bottom: 1px solid #e7e7e7;
}

/* border */
.moduletable.favth-border {
    border: 1px solid #e7e7e7;
}

/* stack */
.moduletable.favth-stack > div h3:first-of-type,
.moduletable.favth-stack h4.fav-subtitle {
    text-align: center;
}

.moduletable.favth-stack > div h3:first-of-type [class^="fa-"],
.moduletable.favth-stack > div h3:first-of-type [class*=" fa-"] {
    font-size: 21px;
    display: block;
    max-width: 3.2rem;
    margin: 0 auto 14px;
}

.moduletable.favth-stack.favth-large > div h3:first-of-type [class^="fa-"],
.moduletable.favth-stack.favth-large > div h3:first-of-type [class*=" fa-"] {
    max-width: 60px;
}

.moduletable.favth-stack.favth-medium > div h3:first-of-type [class^="fa-"],
.moduletable.favth-stack.favth-medium > div h3:first-of-type [class*=" fa-"] {
    max-width: 52px;
}

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

/* title border */
.moduletable.favth-title-border > div h3:first-of-type {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #9e9e9e;
}

.moduletable.favth-title-border h4.fav-subtitle {
    margin-top: -6px;
}

/* title symbol */
.moduletable.favth-title-symbol > div h3:first-of-type {
    margin-bottom: 36px;
}

.moduletable.favth-title-symbol h4.fav-subtitle {
    margin-top: -6px;
}

.moduletable.favth-title-symbol > div h3:first-of-type::after {
    content: "~";
    display: block;
    color: #9e9e9e;
    font-size: 60px;
    position: absolute;
    margin-top: -4px;
}

.moduletable.favth-title-symbol.favth-center > div h3:first-of-type::after {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.moduletable.favth-title-symbol.favth-right > div h3:first-of-type::after {
    right: 14px;
}

.moduletable.favth-title-symbol.favth-large > div h3:first-of-type::after {
    margin-top: -8px;
}

/* title line */
.moduletable.favth-title-line > div h3:first-of-type {
    margin-bottom: 36px;
}

.moduletable.favth-title-line h4.fav-subtitle {
    margin-top: -6px;
}

.moduletable.favth-title-line > div h3:first-of-type::after {
    content: "";
    display: block;
    border-bottom: 3px solid #9e9e9e;
    width: 70px;
    margin-top: 13px;
    position: absolute;
}

.moduletable.favth-title-line.favth-center > div h3:first-of-type::after {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.moduletable.favth-title-line.favth-right > div h3:first-of-type::after {
    right: 14px;
}

/* title plus */
.moduletable.favth-title-plus > div h3:first-of-type {
    margin-bottom: 36px;
}

.moduletable.favth-title-plus h4.fav-subtitle {
    margin-top: -6px;
}

.moduletable.favth-title-plus > div h3:first-of-type::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    content: "\f067";
    display: block;
    color: #9e9e9e;
    font-size: 18px;
    position: absolute;
    margin-top: 0px;
}

.moduletable.favth-title-plus.favth-center > div h3:first-of-type::after {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.moduletable.favth-title-plus.favth-right > div h3:first-of-type::after {
    right: 14px;
}

.moduletable.favth-title-plus.favth-large > div h3:first-of-type::after {
    margin-top: -8px;
}

/*/
///
///  icons
///
/*/

/* light */
.moduletable.favth-icon-light > div h3:first-of-type [class^="fa-"],
.moduletable.favth-icon-light > div h3:first-of-type [class*=" fa-"] {
    background-color: #fff;
    color: #9e9e9e;
    border: 1px solid #e7e7e7;
}

/* dark */
.moduletable.favth-icon-dark > div h3:first-of-type [class^="fa-"],
.moduletable.favth-icon-dark > div h3:first-of-type [class*=" fa-"] {
    background-color: #111;
    color: #fff;
}

/* clear */
.moduletable.favth-icon-clear > div h3:first-of-type [class^="fa-"],
.moduletable.favth-icon-clear > div h3:first-of-type [class*=" fa-"] {
    background-color: rgba(17, 17, 17, 0.77);
    color: #fff;
}

/* color */
.moduletable.favth-icon-color > div h3:first-of-type [class^="fa-"],
.moduletable.favth-icon-color > div h3:first-of-type [class*=" fa-"] {
    background-color: #9e9e9e;
    color: #fff;
}

/*/
///
///  size
///
/*/

/* large */
.moduletable.favth-large {
    margin-top: 1em;
}

.moduletable.favth-large > div h3:first-of-type {
    font-size: 250%;
}

.moduletable.favth-large h4.fav-subtitle {
    font-size: 120%;
}

.moduletable.favth-large > div h3:first-of-type [class^="fa-"],
.moduletable.favth-large > div h3:first-of-type [class*=" fa-"] {
    font-size: 80%;
}

/* medium */
.moduletable.favth-medium > div h3:first-of-type {
    font-size: 200%;
}

.moduletable.favth-medium h4.fav-subtitle {
    font-size: 120%;
}

.moduletable.favth-medium > div h3:first-of-type [class^="fa-"],
.moduletable.favth-medium > div h3:first-of-type [class*=" fa-"] {
    font-size: 100%;
}

/* small */
.moduletable.favth-small > div h3:first-of-type {
    font-size: 160%;
}

.moduletable.favth-small h4.fav-subtitle {
    font-size: 100%;
}

.moduletable.favth-small p {
    font-size: 14px;
}

.moduletable.favth-small > div h3:first-of-type [class^="fa-"],
.moduletable.favth-small > div h3:first-of-type [class*=" fa-"] {
    font-size: 90%;
}

/* favdemo */
.moduletable.favth-large.favdemo > div h3:first-of-type {
    margin-top: -2px;
}

.moduletable.favth-medium.favdemo > div h3:first-of-type {
    margin-top: 12px;
}

.moduletable.favth-small.favdemo > div h3:first-of-type {
    margin-top: 23px;
}

/*/
///
///  align
///
/*/

/* left */
.moduletable.favth-left > div h3:first-of-type,
.moduletable.favth-left h4.fav-subtitle,
.moduletable.favth-left i {
    text-align: left;
}

/* right */
.moduletable.favth-right > div h3:first-of-type,
.moduletable.favth-right h4.fav-subtitle,
.moduletable.favth-right i {
    text-align: right;
}

/* center */
.moduletable.favth-center > div h3:first-of-type,
.moduletable.favth-center h4.fav-subtitle,
.moduletable.favth-center i {
    text-align: center;
}

/*
///  variation 1
*/

.moduletable-sfx1 div h3 {
    font-size: 24px;
    color: #444;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx1 div h3 i {
    color: #9e9e9e;
    padding: 10px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx1,
#fav-container .fav-dark .moduletable-sfx1 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx1 div h3 i {
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx1 a:hover,
#fav-container .fav-dark .moduletable-sfx1 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 div h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 div h3 i {
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx1 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx1 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 2
*/

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

/* dark version */

#fav-container .fav-dark .moduletable-sfx2 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx2 div h3 {
    color: #eee !important;
    border-bottom: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx2 div h3 i {
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx2 a:hover,
#fav-container .fav-dark .moduletable-sfx2 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 div h3 {
    color: #444 !important;
    border-bottom: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 div h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 div h3 i {
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx2 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx2 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 3
*/

.moduletable-sfx3 div h3 {
    font-size: 24px;
    color: #444;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx3 div h3 i {
    background-color: #9e9e9e;
    color: #FFF;
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx3,
#fav-container .fav-dark .moduletable-sfx3 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx3 div h3 i {
    color: #FFF !important;
}

#fav-container .fav-dark .moduletable-sfx3 a:hover,
#fav-container .fav-dark .moduletable-sfx3 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx3 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx3 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 4
*/

.moduletable-sfx4 div 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 div h3 i {
    background-color: #9e9e9e;
    color: #FFF;
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx4,
#fav-container .fav-dark .moduletable-sfx4 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx4 div h3 i {
    color: #FFF !important;
}

#fav-container .fav-dark .moduletable-sfx4 a:hover,
#fav-container .fav-dark .moduletable-sfx4 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx4 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx4 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 5
*/

.moduletable-sfx5 {
    padding: 13px 21px 7px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletable-sfx5 div h3 {
    font-size: 24px;
    color: #444;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx5 div h3 i {
    color: #9e9e9e;
    margin-right: 14px;
    padding: 10px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx5 {
    color: #eee !important;
    border: 1px solid #444;
}

#fav-container .fav-dark .moduletable-sfx5 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx5 div h3 i {
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx5 a:hover,
#fav-container .fav-dark .moduletable-sfx5 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 {
    color: #444 !important;
    border: 1px solid #ddd;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 div h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 div h3 i {
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx5 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx5 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 6
*/

.moduletable-sfx6 {
    padding: 13px 21px 7px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

/* dark version */

#fav-container .fav-dark .moduletable-sfx6 {
    color: #eee !important;
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx6 div h3 {
    color: #eee !important;
    border-bottom: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx6 div h3 i {
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx6 a:hover,
#fav-container .fav-dark .moduletable-sfx6 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 {
    color: #444 !important;
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 div h3 {
    color: #444 !important;
    border-bottom: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 div h3 i,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 div h3 i {
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx6 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx6 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 7
*/

.moduletable-sfx7 {
    padding: 13px 21px 7px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletable-sfx7 div h3 {
    font-size: 24px;
    color: #444;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx7 div h3 i {
    background-color: #9e9e9e;
    color: #FFF;
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx7 {
    color: #eee !important;
    border: 1px solid #444 !important;
}

#fav-container .fav-dark .moduletable-sfx7 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx7 div h3 i {
    color: #FFF !important;
}

#fav-container .fav-dark .moduletable-sfx7 a:hover,
#fav-container .fav-dark .moduletable-sfx7 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 {
    color: #444 !important;
    border: 1px solid #ddd !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx7 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx7 a:focus {
    color: #9e9e9e !important;
}

/*
///  variation 8
*/

.moduletable-sfx8 {
    padding: 13px 21px 7px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletable-sfx8 div 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 div h3 i {
    background-color: #9e9e9e;
    color: #FFF;
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* dark version */

#fav-container .fav-dark .moduletable-sfx8 {
    color: #eee !important;
    border: 1px solid #444;
}

#fav-container .fav-dark .moduletable-sfx8 div h3 {
    color: #eee !important;
}

#fav-container .fav-dark .moduletable-sfx8 div h3 i {
    color: #FFF !important;
}

#fav-container .fav-dark .moduletable-sfx8 a:hover,
#fav-container .fav-dark .moduletable-sfx8 a:focus {
    color: #999;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 {
    color: #444 !important;
    border: 1px solid #ddd;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 div h3,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 div h3 {
    color: #444 !important;
}

#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 a:hover,
#fav-container .fav-dark #fav-featurewrap .moduletable-sfx8 a:focus,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 a:hover,
#fav-container .fav-dark #fav-blockwrap .moduletable-sfx8 a:focus {
    color: #9e9e9e !important;
}

/*
///  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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 27px;
    margin-top: 0;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx9 div 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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 18px;
    margin-top: 0;
    line-height: 1.3em;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.37);
}

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

.moduletable-sfx11 div 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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 18px;
    margin-top: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.37);
    line-height: 1.3em;
    text-align: left;
    padding-bottom: 8px;
}

.moduletable-sfx12 div 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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx13 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

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

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

.moduletable-sfx19 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx21 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx23 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx25 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx27 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

.moduletable-sfx29 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #eee;
    margin-bottom: 27px;
    margin-top: 0px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

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

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

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

.moduletable-sfx37 div 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 div 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 div 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 div h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 27px;
    margin-top: 14px;
    padding-bottom: 0;
    line-height: 1.3em;
    text-align: left;
}

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

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

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

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

.moduletable-sfx47 div 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 div 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 div h3 i {
    color: #fff;
    background-color: rgba(17, 17, 17, 0.37);
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletable-sfx48 a {
    color: rgba(17, 17, 17, 0.47);
}

.moduletable-sfx48 a:hover,
.moduletable-sfx48 a:focus {
    color: #fff;
}

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

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

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

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

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

}

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

9. custom pages

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

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

9.1. custom classes

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

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

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

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

#fav-download p {
    margin: 0px;
}

#fav-download #fav-download-message {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.3em;
    float: left;
    padding-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#fav-download #fav-download-btn {
    float: right;
    padding-top: 2px;
    padding-bottom: 2px;
}

#fav-download #fav-download-btn a.btn {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 16px 24px 13px;
    font-size: 18px;
}

#fav-download #fav-download-btn a.btn i {
    padding-right: 0.4em;
    vertical-align: middle;
    font-size: 18px;
}

#fav-download #fav-download-btn a.btn:hover,
#fav-download #fav-download-btn a.btn:focus {
    background-color: #fff !important;
    color: #9e9e9e !important;
    border: 1px solid #fff;
}

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

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

    #fav-download #fav-download-message {
        float: none;
        text-align: center;
        padding: 4px 0px;
        margin-bottom: 14px;
    }

}

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

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

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

9.2. error page

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

.fav404 {
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2.2%;
}

div h3.fav404 {
    font-size: 24em;
    line-height: 1em;
}

p.fav404 {
    font-size: 2em;
    margin-top: 3.4%;
    margin-bottom: 2%;
    line-height: 1.2em;
}

.fav404 a.btn {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
}

#fav-errorpage a.btn,
#fav-errorpage a.btn:hover,
#fav-errorpage a.btn:focus {
    background-color: #222 !important;
}

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

    .fav404 {
        margin-top: 1%;
    }

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

    div h3.fav404 {
        font-size: 10em;
    }

}

@media (max-width: 480px) {

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

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

}

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

9.3. offline page

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

#fav-offlinewrap {
    background: url(../images/demo/demo-bg-offline.jpg) center top no-repeat fixed #111;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#fav-offline #frame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -200px;
    margin-left: -210px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

#fav-offline #frame .default-logo,
#fav-offline #frame .media-logo,
#fav-offline #frame .text-logo {
    margin: 14px 0 21px !important;
}

#fav-offline #frame form {
    margin-bottom: 0;
}

#fav-offline #frame form label {
    margin-left: 14px;
    min-width: 40%;
    display: inline-block;
}

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

#fav-offline #frame p.fav-offline-msg {
    margin-bottom: 14px;
}

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

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

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

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

#fav-offline.offline-dark #frame form label {
    color: #fff;
}

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

    #fav-offline #frame {
        top: 21px;
        left: 21px;
        right: 20px;
        margin: 0 auto;
    }

    #fav-offline #frame form label {
        text-align: center;
        margin-left: 0;
    }

    #fav-offline #frame form label,
    #fav-offline #frame form input.btn {
        width: 100%;
    }

    #fav-offline #frame form input.inputbox {
        width: 96%;
    }

    #fav-offline #frame form input.btn {
        margin-top: -14px;
    }

}

@media (max-width: 480px) {

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

}

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

/// 10. typography

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

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

10.1. icons

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

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

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

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

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

.icon-plus:before,
.icon-minus:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-list:before,
.icon-cog:before,
.icon-envelope:before,
.icon-print:before,
.icon-edit:before,
.icon-search:before,
.icon-ok:before,
.icon-arrow-down:before,
.icon-copy:before,
.icon-picture:before,
.icon-pictures:before,
.icon-file-add:before,
.icon-home:before,
.icon-cancel:before,
.icon-file-add:before,
.icon-eye:before,
.icon-folder-2:before,
.icon-first:before,
.icon-previous:before,
.icon-next:before,
.icon-last:before,
.icon-arrow-left:before,
.icon-user:before,
.icon-lock:before,
.icon-save:before,
.icon-calendar:before,
.icon-eye-open:before,
.icon-archive:before,
.icon-remove:before,
.icon-apply:before,
.icon-question-sign:before {
    font-family: FontAwesome, serif;
}

.icon-white, .nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: none;
}

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

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

.icon-chevron-right:before {
    content: "\f105";
}

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

.icon-chevron-left:before {
    content: "\f104";
}

/* dropdown */
.icon-cog {
    font-size: 16px;
}

.icon-cog:before {
    content: "\f013";
}

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

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

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

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

/* add */
.icon-file-add {
    vertical-align: middle;
}

.icon-file-add:before {
    content: "\f08e";
}

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

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

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

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

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

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

/* smart search advanced button */
.icon-list {
    padding-top: 3px;
}

.icon-list:before {
    content: "\f03a";
}

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

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

.icon-minus:before {
    content: "\f068";
}

/* error */
.icon-home {
    margin-right: 7px;
    font-size: 16px;
}

.icon-home:before {
    content: "\f015";
}

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

.icon-file-add:before {
    content: "\f08e";
}

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

.icon-picture:before, .icon-pictures:before {
    content: "\f03e";
}

/* editor page break button */
.icon-copy {
    vertical-align: middle;
}

.icon-copy:before {
    content: "\f0c5";
}

/* editor read more button */
.icon-arrow-down {
    vertical-align: middle;
}

.icon-arrow-down:before {
    content: "\f063";
}

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

.icon-arrow-left:before {
    content: "\f104";
}

/* edit profile */
.icon-user {
    font-size: 16px;
}

.icon-user:before {
    content: "\f007";
}

/* login form lock */
.icon-lock {
    margin-right: 0;
    font-size: 16px;
}

.icon-lock:before {
    content: "\f023";
}

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

/* calendar */
.icon-calendar {
    vertical-align: baseline;
}

.icon-calendar:before {
    content: "\f133";
}

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

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

/* remove */
.icon-remove {
    margin-top: 3px;
    margin-right: 0;
}

.icon-remove:before {
    content: "\f00d";
}

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

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

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

10.2. images

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

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

.img_caption {
    color: #999;
    font-size: 13px;
    margin-top: 7px;
}

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

.img-polaroid,
.item-image img,
.fav-tags-img {
    padding: 7px;
    background-color: #ddd;
    border: 1px solid #ddd;
}

.img-polaroid-clear {
    padding: 7px;
    background-color: rgba(17, 17, 17, 0.67);
    border: 1px solid transparent;
}

.img-polaroid-dark {
    padding: 7px;
    border: 1px solid #444;
}

.img-polaroid-color {
    padding: 7px;
    background-color: rgba(17, 17, 17, 0.47);
    border: 1px solid transparent;
}

/* dark version */

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

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

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

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

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

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

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

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

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

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

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

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

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

.img-shadow.img-right {
    margin-right: 7px;
}

.img-shadow.img-left {
    margin-left: 7px;
}

/*
///  image sizing
*/

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

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

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

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

    .item-image {
        float: none;
        margin: 0px 0px 14px 0px;
    }

    .item-image img {
        margin: 0px !important;
    }

}

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

10.3. bootstrap elements

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

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

blockquote {
    border-color: #9e9e9e;
}

blockquote p {
    line-height: 1.4em;
    font-weight: normal;
}

blockquote small {
    line-height: 3em;
    margin-top: 7px;
}

blockquote cite {
    font-style: italic;
}

/*
///  dark
*/

blockquote.blockquote-dark {
    border-color: #9e9e9e;
}

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

/*
///  color
*/

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

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

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

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

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

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

}

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

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

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

pre, code {
    border: 1px solid #E2E2E2;
    background-color: #F2F2F2;
}

pre {
    margin: 12px 0 21px;
}

code {
    padding: 4px 8px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
}

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

    pre {
        display: inline-block;
    }

}

/* dark version */

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

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

.text-warning {
    color: #c09853;
}

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

.text-error {
    color: #b94a48;
}

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

.text-info {
    color: #3a87ad;
}

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

.text-success {
    color: #468847;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.simple-box,
.info-box,
.success-box,
.warning-box,
.error-box {
    margin: 10px 0 11px;
    padding: 9px 35px 9px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.simple-box {
    border: 1px solid #E2E2E2;
    background-color: #F2F2F2;
    color: #777;
}

.info-box {
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #3A87AD;
}

.success-box {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.warning-box {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #c09853;
}

.error-box {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

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

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

.badge-info {
    background-color: #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
///
/*/

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

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

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

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

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

}

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

    body {
        padding-left: 0 !important;
        padding-right: 0 !important;

        width: fit-content !important;
    }

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

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

    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

}

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

10.4. lists

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

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

/* unordered */
ul.list-square {
    list-style-type: none;
    margin-left: 0;
}

ul.list-square li {
    font-size: 14px;
    line-height: 21px;
    padding: 5px 0px;
}

ul.list-square li:before {
    font-size: 12px;
    content: "\f00c";
    font-family: FontAwesome, serif;
    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";
    /*content: "\f054";*/
    font-family: FontAwesome, serif;
    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, serif;
    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, serif;
    padding-right: 10px;
    background-color: rgba(255, 255, 255, 0.17);
    color: #fff;
    padding: 6px;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* ordered */
ol.list-dark {
    counter-reset: li;
    margin-left: 0px;
    padding-left: 0px;
}

ol.list-dark > li {
    font-size: 14px;
    line-height: 21px;
    padding: 5px 0px;
    list-style: outside none none;
}

ol.list-dark li:before {
    font-size: 12px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.17);
    padding: 4px 8px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    content: counter(li, decimal);
    counter-increment: li;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

/// 11. joomla!

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

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

11.1. articles

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

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

.blog,
.blog-featured,
.item,
.item-page {
    text-align: justify;
    display: block;
    overflow: hidden;
}

.item,
.item-page,
div[class^="leading-"],
div[class*=" leading-"] {
    margin-bottom: 14px;
    padding-bottom: 0;
    overflow: hidden;
}

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

.page-header {
    border: none;
    margin: 24px 0 21px;
    padding-bottom: 0;
}

.page-header h1 {
    padding-bottom: 5px;
}

.page-header h2 a,
h2.item-title a,
div.categories-list div h3 a {
    color: #444;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.blog-featured h2.item-title {
    margin-top: 24px;
}

.componentheading {
    margin-top: 14px;
    margin-bottom: 4px;
}

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

.pull-left.item-image {
    margin: 0 30px 7px 0;
}

.pull-right.item-image {
    margin: 0 0 7px 30px;
}

.pull-none.item-image {
    margin: 0 auto 21px;
    width: 100%;
}

.pull-none.item-image img,
.pull-none.item-image .img_caption {
    width: 100% !important;
}

.item[class^="column-"] .pull-left.item-image,
.item[class*=" column-"] .pull-left.item-image,
.item[class^="column-"] .pull-right.item-image,
.item[class*=" column-"] .pull-right.item-image {
    float: none;
}

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

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

.fav-article-details {
    margin-bottom: 21px;
    margin-right: 46px;
}

.fav-article-details-below {
    margin-top: 3%;
    margin-bottom: 2%;
}

dl.article-info {
    margin-bottom: 0px;
}

dl.article-info dd {
    margin-right: 10px;
    margin-left: 0;
    line-height: 1.5em;
    color: #333;
    font-size: 13px;
    display: inline;
}

dt.article-info-term {
    display: none;
}

div.content_rating {
    margin-bottom: 14px;
}

span.content_vote {
    margin-bottom: 21px;
    display: block;
}

dl.article-info dd.category-name:before,
dl.article-info dd.parent-category-name:before,
dl.article-info dd.createdby:before {
    font-family: FontAwesome, serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-right: 1px;
}

dl.article-info dd.category-name:before {
    content: "\f114";
}

dl.article-info dd.parent-category-name:before {
    content: "\f115";
}

dl.article-info dd.createdby:before {
    content: "\f007";
    margin-right: 0.1em;
    font-size: 14px;
}

dl.article-info span.icon-calendar {
    margin-right: 0;
}

dl.article-info span.icon-eye-open {
    margin-right: 0.2em;
}

.items-row .span6 dl.article-info dd,
.items-row .span4 dl.article-info dd,
.items-row .span3 dl.article-info dd,
.items-row .span2 dl.article-info dd {
    display: block;
    margin-right: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}

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

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

}

/* dark version */

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

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

#jform_language_chzn {
    margin-bottom: 100%;
}

#jform_articletext {
    width: 98% !important;
}

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

button#jform_publish_up_img,
button#jform_publish_down_img {
    padding: 3px 4px 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

form#adminForm .tab-content,
.edit.item-page {
    overflow: visible;
}

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

p.readmore {
    margin-bottom: 0;
}

p.readmore [class^="fa fa-"],
p.readmore [class*=" fa fa-"] {
    vertical-align: middle;
    margin-right: 7px;
}

p.readmore a.btn {
    text-align: left;
    margin: 21px 0;
}

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

ul.dropdown-menu a:hover {
    color: #9e9e9e;
}

ul.dropdown-menu [class^="icon-"],
ul.dropdown-menu [class*=" icon-"] {
    margin-right: 7px;
    font-size: 14px;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #9e9e9e;
}

.dropdown-toggle span.caret {
    border-top: 4px solid #fff;
}

.btn-group .btn.dropdown-toggle {
    padding: 5px 8px 3px;
    margin-left: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pull-right > .dropdown-menu {
    margin-top: -10px;
    padding-bottom: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.dropdown-menu {
    min-width: 100%;
    border: 1px solid #e7e7e7;
}

ul.dropdown-menu li > a {
    padding: 2px 12px;
    font-size: 13px;
}

ul.dropdown-menu a:hover,
ul.dropdown-menu a:focus {
    background-color: transparent;
    background-image: none;
}

/* dark version */

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

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

div.tag-category {
    margin-bottom: 21px;
}

div.tag-category,
div.tag-category p {
    text-align: justify;
}

div.tag-category .btn-toolbar {
    margin-top: 3.2%;
}

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

div.tag-category p.readmore a.btn {
    margin-top: 10px;
}

div.tags .label-info[href],
div.tags .badge-info[href] {
    background-color: #444;
    padding: 4px 8px;
    margin-top: 14px;
    margin-bottom: 14px;
}

span.fav-article-tags {
    font-size: 13px;
}

span.fav-article-tags i.fa-tags {
    font-size: 14px;
    padding-right: 1px;
    color: #444;
}

ul.tags {
    display: inline;
    font-size: 13px;
}

ul.tags li {
    padding: 0;
}

ul.tags li:after {
    content: ",";
    margin-left: -1px;
}

ul.tags li:last-child:after {
    content: none;
}

ul.tags li a {
    background-color: transparent !important;
    color: #9e9e9e;
    border-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    font-weight: normal;
    font-size: 13px;
}

ul.tags li a:hover,
ul.tags li a:focus {
    color: #444 !important;
}

.fav-tags-img {
    margin: 0 auto 21px;
    width: 100%;
}

/* dark version */

#fav-container .fav-dark span.fav-article-tags i.fa-tags {
    color: #eee;
}

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

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

11.2. categories

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

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

div.categories-list a.btn:hover,
div.categories-list a.btn:focus {
    box-shadow: none;
    border: none;
}

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

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

div.categories-list ul {
    list-style-type: none;
    margin-left: 0;
}

div.categories-list .fade.in.collapse {
    padding-left: 21px;
}

div.categories-list div h3.page-header.item-title,
div.categories-list div h3.page-header.item-title a,
div.cat-children div h3.page-header.item-title,
div.cat-children div h3.page-header.item-title a {
    font-size: 18px;
    margin: 0;
    border: medium none;
}

div.categories-list div h3.page-header.item-title a.btn {
    padding: 4px 8px 6px;
}

div.categories-list div h3.page-header.item-title a span {
    vertical-align: middle;
    padding-top: 0;
}

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

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

/* dark version */

#fav-container .fav-dark .table th,
#fav-container .fav-dark .table td,
#fav-container .fav-dark table.table-bordered {
    border-color: #444;
}

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

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

11.3. modules

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

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

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

.moduletable-mentions {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 12px;
}


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

/* custom module title */
.moduletable .custom div h3,
div[class^="moduletable-"] div[class^="custom-"] div h3,
div[class^="moduletable-"] div[class*=" custom-"] div h3,
div[class*=" moduletable-"] div[class^="custom-"] div h3,
div[class*=" moduletable-"] div[class*=" custom-"] div 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: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* icons */
.moduletable div h3 [class^="fa fa-"],
.moduletable div h3 [class*=" fa fa-"] {
    background-color: #9e9e9e;
    color: #fff;
    padding: 10px;
    margin-right: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.moduletable div h3 [class^="fa fa-"],
.moduletable div h3 [class*=" fa fa-"],
[class^="moduletable-"] div h3 [class^="fa fa-"],
[class^="moduletable-"] div h3 [class*=" fa fa-"],
[class*=" moduletable-"] div h3 [class^="fa fa-"],
[class*=" moduletable-"] div h3 [class*=" fa fa-"] {
    font-size: 21px;
    margin-right: 14px;
}

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

.breadcrumb {
    background-color: transparent;
    margin: 0;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb .moduletable {
    margin: 0;
}

.moduletable ul.breadcrumb {
    padding: 8px 0px 0px;
}

.breadcrumb > li > .divider {
    margin-right: 0;
    padding: 0 7px;
    color: #999;
}

.breadcrumb > li > .divider.icon-location {
    display: none;
}

.breadcrumb > li + li:before {
    content: none;
}

.breadcrumb > .active {
    color: #333;
}

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

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

}

/* dark version */

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

#fav-container .fav-dark .breadcrumb > .active {
    color: #eee;
}

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

#login-form [class^="icon-"],
#login-form [class*=" icon-"] {
    padding-top: 2px;
    margin: 0;
}

#login-form span.icon-lock {
    font-size: 16px;
}

#login-form span.icon-user {
    font-size: 14px;
}

#form-login-submit .btn-primary {
    margin-top: 10px;
}

#login-form li a {
    line-height: 21px;
    padding: 2px 0;
    display: block;
}

#login-form li a:before {
    font-family: FontAwesome, serif;
    content: "\f105";
    padding-right: 10px;
    color: #999;
}

#form-login-remember {
    margin: 21px 0 10px;
}

#form-login-remember label.control-label {
    margin-bottom: 0;
    margin-left: 7px;
}

#form-login-remember #modlgn-remember {
    margin-top: 0;
}

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

ul.archive-module,
ul[class^="archive-module-"],
ul[class*=" archive-module-"] {
    list-style-type: none;
    margin-left: 0;
}

ul.archive-module li a,
ul[class^="archive-module-"] li a,
ul[class*=" archive-module-"] li a {
    line-height: 21px;
    padding: 2px 0;
    display: block;
}

ul.archive-module li a:before,
ul[class^="archive-module-"] li a:before,
ul[class*=" archive-module-"] li a:before {
    font-family: FontAwesome, serif;
    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, serif;
    content: "\f105";
    padding-right: 10px;
    color: #999;
}

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

ul.categories-module,
ul[class^="categories-module-"],
ul[class*=" categories-module-"] {
    list-style-type: none;
    margin-left: 0;
}

ul.categories-module ul,
ul[class^="categories-module-"] ul,
ul[class*=" categories-module-"] ul,
ul.categories-module ul ul,
ul[class^="categories-module-"] ul ul,
ul[class*=" categories-module-"] ul ul {
    list-style-type: none;
}

ul.categories-module h4,
ul[class^="categories-module-"] h4,
ul[class*=" categories-module-"] h4 {
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    font-weight: normal;
}

ul.categories-module li a,
ul[class^="categories-module-"] li a,
ul[class*=" categories-module-"] li a {
    line-height: 21px;
    padding: 2px 0;
    display: block;
}

ul.categories-module li a:before,
ul[class^="categories-module-"] li a:before,
ul[class*=" categories-module-"] li a:before {
    font-family: FontAwesome, serif;
    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, serif;
    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, serif;
    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, serif;
    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, serif;
    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, serif;
    content: "\f105";
    padding-right: 10px;
    color: #999;
}

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

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

div.archive div.filter-search {
    margin-top: 8px;
}

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

/*
///  favstyle
*/

.moduletablefavstyle .fav-search ul.nav,
.moduletable.favstyle .fav-search ul.nav {
    padding-top: 0;
    margin-bottom: 0;
}

.moduletablefavstyle .fav-search a.dropdown-toggle,
.moduletable.favstyle .fav-search a.dropdown-toggle {
    margin: 0;
    padding: 10px 12px 9px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

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

.moduletablefavstyle .fav-search a.dropdown-toggle i,
.moduletable.favstyle .fav-search a.dropdown-toggle i {
    padding: 0;
    font-size: 16px;
}

.moduletablefavstyle .fav-search ul.dropdown-menu,
.moduletable.favstyle .fav-search ul.dropdown-menu {
    min-width: 160px;
    margin: 0;
    padding: 0;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword,
.moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword {
    border: 1px solid transparent;
    min-width: 160px;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 160px;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus,
.moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 3px #999;
}

.moduletablefavstyle.pull-right .fav-search ul.dropdown-menu,
.moduletable.favstyle.pull-right .fav-search ul.dropdown-menu {
    right: 0;
    left: auto;
}

.moduletablefavstyle.pull-left .fav-search ul.dropdown-menu,
.moduletable.favstyle.pull-left .fav-search ul.dropdown-menu {
    left: 0;
    right: auto;
}

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

    .moduletablefavstyle .fav-search a.btn.dropdown-toggle,
    .moduletablefavstyle .fav-search a.btn.dropdown-toggle:hover,
    .moduletablefavstyle .fav-search a.btn.dropdown-toggle:focus {
        text-align: left;
        background-color: transparent !important;
        color: #444 !important;
        box-shadow: none;
        border: 1px solid #e7e7e7;
        border-top: none;
    }

    .moduletablefavstyle.pull-left .fav-search a.btn.dropdown-toggle i {
        color: #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, serif;
    content: "\f105";
    padding-right: 10px;
    color: #333;
}

div.newsflash a.readmore,
div[class^="newsflash-"] a.readmore,
div[class*=" newsflash-"] a.readmore {
    display: block;
    padding: 14px 0;
    margin: 14px 0;
}

/* dark version */

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

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

11.4. components

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

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

div.tag-category,
div.categories-list,
div.category-list,
div.login,
div.logout,
div.profile,
div.remind,
div.reset,
div.archive {
    margin-top: 20px;
}

form.form-validate .componentheading {
    padding-top: 10px;
}

form.well,
.nav-tabs.nav-stacked > li:first-child > a,
.nav-tabs.nav-stacked > li:last-child > a,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

div.login form.well {
    padding: 30px 0 0;
}

div.login form.well .btn {
    margin-bottom: 0;
}

div.logout form.well {
    padding-bottom: 0;
}

div.logout button.btn.btn-primary {
    margin-bottom: 0;
}

div.logout button.btn.btn-primary [class^="icon-"],
div.logout button.btn.btn-primary [class*=" icon-"] {
    font-size: 16px;
    line-height: 16px;
    padding-top: 0;
    margin-top: 0;
    vertical-align: baseline;
}

div.logout .form-horizontal .controls {
    margin-left: 0px;
}

div.login .nav-tabs > li > a,
div.logout .nav-tabs > li > a {
    padding-top: 12px;
}

div.logout-button {
    margin-top: 21px;
}

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

div.registration button.btn.btn-primary.validate {
    text-transform: none;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 16px;
}

div.registration div.form-actions {
    border: none;
    background: transparent;
    padding-left: 0;
    padding-top: 2em;
}

div.registration fieldset legend {
    padding-top: 0.5em;
}

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

div.profile legend {
    padding-top: 14px;
    line-height: 1.5em;
    border: none;
}

div.profile #users-profile-custom legend {
    padding-top: 16px;
}

div.profile dl.dl-horizontal {
    margin-top: 10px;
}

div.profile dl.dl-horizontal dt,
div.profile dl.dl-horizontal dd {
    font-weight: normal;
    line-height: 24px;
    text-align: left;
}

div.profile dl.dl-horizontal dt {
    color: #777;
    width: 16em;
}

div.profile .btn {
    font-size: 16px;
}

div.profile .btn span.icon-user {
    vertical-align: baseline;
}

div.profile ul.btn-toolbar {
    margin-top: 4px;
}

/*
///  edit user profile
*/

div.profile-edit div.form-actions {
    border: none;
    background: transparent;
    padding-left: 0;
    padding-top: 2em;
}

div.profile-edit fieldset legend {
    padding-top: 0.5em;
}

div.profile-edit #member-profile {
    margin-top: 20px !important;
}

div.profile-edit #member-profile fieldset {
    margin-bottom: 21px;
    border: none;
    border-radius: 0px;
    padding: 0px;
}

div.profile-edit #member-profile .control-group {
    margin-top: 0;
}

div.profile-edit #member-profile legend {
    color: #444;
    font-size: 24px;
    margin-top: 0;
}

div.profile-edit #member-profile a.chzn-single,
div.profile-edit #member-profile .chzn-container.chzn-with-drop .chzn-drop {
    border: 1px solid #ddd;
}

#member-profile button.btn.btn-primary.validate,
#member-profile a.btn {
    color: #fff;
    background-color: #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;
}

#member-profile a.btn {
    color: #fff;
    background-color: #222;
}

#member-profile button.btn.btn-primary.validate:hover,
#member-profile button.btn.btn-primary.validate:focus,
#member-profile a.btn:hover,
#member-profile a.btn:focus {
    color: #fff;
    background-color: #222;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

button#helpsite-refresh {
    padding: 5px 10px;
    margin: 2px 0 0 0;
}

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

div.remind form.well {
    padding-bottom: 0;
}

div.remind label {
    text-align: left;
}

div.remind fieldset div.control-group {
    margin-top: 26px;
    margin-bottom: 0;
}

div.remind div.form-actions {
    border: none;
    background: transparent;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
}

div.remind form.well .btn {
    margin-bottom: 0;
}

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

div.reset form.well {
    padding-bottom: 0;
}

div.reset label {
    text-align: left;
}

div.reset fieldset div.control-group {
    margin-top: 26px;
    margin-bottom: 0;
}

div.reset div.form-actions {
    border: none;
    background: transparent;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
}

div.reset form.well .btn {
    margin-bottom: 0;
}

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

#blockrandom {
    margin-bottom: 21px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.contentpane .wrapper {
    margin-top: 10px;
}

/* dark version */

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

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

body.contentpane {
    padding: 1em;
    background-color: #fff;
}

body.contentpane a, body.component-body a {
    font-weight: normal;
}

body.contentpane #adminForm .table th,
body.contentpane #adminForm .table td {
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
}

body.contentpane fieldset.filter.clearfix .btn {
    padding: 2px 10px;
}

body.contentpane fieldset.filter.clearfix .btn [class^="fa fa-"],
body.contentpane fieldset.filter.clearfix .btn [class*=" fa fa-"] {
    font-size: 16px;
    padding: 0;
}

body.contentpane #imageForm button.btn {
    padding: 8px 12px 6px;
    text-transform: none;
    font-weight: normal;
    font-family: sans-serif;
    font-size: 14px;
}

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

body.contentpane #imageForm button.btn.btn-primary:hover {
    border: none;
}

body.contentpane #imageForm #upbutton.btn {
    padding: 2px 10px;
    margin-top: 7px;
}

body.contentpane #imageForm .control-group {
    margin: 0;
}

/* make the component page colorblind */
body.contentpane .btn {
    background-color: #222;
    color: #fff;
}

body.contentpane a {
    color: #999;
}

body.contentpane a:hover,
body.contentpane a:focus {
    color: #444;
}

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

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

/*
///  contact component
*/

/* single contact */
div.contact span.jicons-icons {
    display: none;
}

div.contact span.contact-street:before,
div.contact span.contact-emailto:before,
div.contact span.contact-telephone:before,
div.contact span.contact-fax:before,
div.contact span.contact-mobile:before,
div.contact span.contact-webpage:before {
    font-family: FontAwesome, serif;
    font-size: 14px;
    padding-right: 4px;
    color: #444;
}

div.contact span.contact-street:before {
    content: "\f015";
}

div.contact span.contact-emailto:before {
    content: "\f0e0";
}

div.contact span.contact-telephone:before {
    content: "\f095";
}

div.contact span.contact-fax:before {
    content: "\f02f";
}

div.contact span.contact-mobile:before {
    content: "\f10a";
    padding-left: 2px;
}

div.contact span.contact-webpage:before {
    content: "\f0ac";
}

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

/* form */
div.contact div.accordion {
    margin-bottom: 0;
}

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

div.contact .accordion-heading {
    padding: 10px 21px;
}

div.contact div.accordion-inner {
    padding: 0;
}

div.contact .accordion-heading a.accordion-toggle {
    padding: 0;
    background-image: none;
    font-weight: normal;
}

div.contact address {
    margin-bottom: 0;
}

div.contact .nav-list > li > a {
    padding: 14px 21px;
}

div.contact #contact-form {
    padding: 21px;
    margin-bottom: 0;
}

div.contact #contact-form .form-actions {
    margin: 0;
    padding: 0;
}

div.contact #contact-form .form-actions button {
    margin: 0;
}

div.contact .dl-horizontal dd {
    margin: 3px 0px 3px 18px;
}

dl.contact-address.dl-horizontal {
    margin-top: 21px;
    margin-bottom: 21px;
}

div.contact div.form-actions {
    border: none;
    background: transparent;
    padding-bottom: 3px;
}

div.contact .form-horizontal .control-group {
    margin-bottom: 12px;
}

div.contact .form-horizontal .form-actions {
    padding-left: 0;
}

/* dark version */

#fav-container .fav-dark div.contact #contact-form.well {
    border: 0 none;
}

#fav-container .fav-dark div.contact .accordion-group {
    border-color: #444;
}

#fav-container .fav-dark div.contact span.contact-street::before,
#fav-container .fav-dark div.contact span.contact-emailto::before,
#fav-container .fav-dark div.contact span.contact-telephone::before,
#fav-container .fav-dark div.contact span.contact-fax::before,
#fav-container .fav-dark div.contact span.contact-mobile::before,
#fav-container .fav-dark div.contact span.contact-webpage::before {
    color: #eee;
}

/* list contacts */
div.contact-category ul.category.list-striped {
    list-style-type: none;
    margin-left: 0;
    margin-top: 14px;
}

div.contact-category ul.category.list-striped strong.list-title:before {
    font-family: FontAwesome, serif;
    content: "\f105";
    font-weight: normal;
    padding-right: 10px;
    color: #333;
}

div.contact-category select#limit.inputbox.input-mini {
    vertical-align: baseline;
}

div.contact-category table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: transparent;
    font-size: 1em;
}

div.contact-category table tr {
    border-bottom: 1px solid #e7e7e7;
    color: #444;
}

div.contact-category table th a {
    color: #444;
}

div.contact-category act-category table th a {
    color: #444;
}

div.contact-category table th,
div.contact-category table td {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.5em;
    text-align: left;
}

/* featured contacts */
div.blog-featured fieldset legend {
    font-size: 18px;
    margin-bottom: 0;
    border: none;
}

div.blog-featured table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: transparent;
    font-size: 1em;
}

div.blog-featured table tr {
    border-bottom: 1px solid #e7e7e7;
    color: #444;
}

div.blog-featured thead a {
    color: #444;
}

div.blog-featured thead th,
div.blog-featured tbody td {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.5em;
    text-align: left;
}

div.blog-featured div.display-limit select.inputbox.input-mini {
    margin-top: 0.5em;
}

/*
///  news feed component
*/

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

/* list news feeds */
div.newsfeed-category ul.category.list-striped.list-condensed {
    margin-left: 0;
}

div.newsfeed-category ul.category.list-striped.list-condensed .list-title {
    font-size: 18px;
}

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

/*
///  search component
*/

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

/* advanced search accordeon */
#fav-search-advanced-fields .accordion-group {
    background-color: transparent;
    margin: 0;
    border: 1px solid transparent !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#fav-search-advanced-fields .accordion-heading {
    background-color: transparent;
    background-image: none !important;
    padding: 10px 0px;
}

#fav-search-advanced-fields .accordion-heading a.accordion-toggle {
    display: inline-block;
    color: #FFF;
    background-color: #9e9e9e;
    background-image: none !important;
    border: 1px solid transparent;
    font-weight: normal;
    padding: 10px 18px 10px;
    margin-top: 1px;
}

#fav-search-advanced-fields .accordion-heading a.accordion-toggle:hover,
#fav-search-advanced-fields .accordion-heading a.accordion-toggle:focus {
    color: #FFF;
    background-color: #333;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
}

#fav-search-advanced-fields .accordion-heading a.accordion-toggle:before {
    font-family: FontAwesome, serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 14px;
    margin-right: 0.6em;
    content: "\f03a";
}

#fav-search-advanced-fields .accordion-group .accordion-inner {
    margin-top: 21px;
    padding: 7px 0px 21px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

/* search field */
div.search #searchForm .btn-toolbar {
    margin-top: 12px;
    float: left;
    margin-right: 21px;
    margin-bottom: 0;
}

div.search #searchForm .btn-toolbar .btn,
div.search #searchForm .btn-toolbar input {
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.search #searchForm .icon-search {
    margin: 0;
    vertical-align: baseline;
}

div.search #searchForm .btn-group.pull-left {
    margin: 0;
}

div.search #searchForm button.btn.hasTooltip {
    padding: 10px 14px;
    margin-left: -3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.search #searchForm input#search-searchword.inputbox {
    width: 162px;
    padding: 10px 14px;
    font-size: 13px;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.search #searchForm input#search-searchword.inputbox:focus {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.047) inset, 0px 0px 3px #999;
}

/* results badge */
div.search #searchForm .searchintro {
    padding-bottom: 2px;
}

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

div.search #searchForm .searchintro p {
    font-size: 16px;
}

/* search for */
div.search #searchForm fieldset legend {
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: 6px;
    font-weight: normal;
}

div.search #searchForm div.phrases-box label {
    margin-top: 3px;
    display: inline-block;
    margin-right: 1em;
}

div.search #searchForm div.phrases-box label:first-child {
    padding-top: 0;
}

div.search #searchForm fieldset.phrases div.phrases-box {
    overflow: hidden;
}

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

div.search #searchForm #ordering_chzn {
    margin-top: 4px;
    margin-bottom: 11px;
}

/* search only */
div.search #searchForm fieldset.only {
    margin-top: 10px;
}

div.search #searchForm fieldset.only legend {
    font-size: 16px;
    margin-bottom: 9px;
    font-weight: normal;
}

div.search #searchForm fieldset.only label {
    display: inline-block;
    margin: 2px 1em 0 0;
}

/* limit */
div.search #searchForm .form-limit {
    padding-top: 8px;
}

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


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

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

.favsearch-store-img,
.favsearch-store-img img {
    float: none !important;
}

/* category */
div.search .result-category {
    margin-left: 0;
}

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

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

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

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

/* search buttons */
input#mod-search-searchword {
    width: 50%;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

div.search .icon-search,
div[class^="search"] .icon-search,
div[class*=" search"] .icon-search {
    margin: 0;
    vertical-align: baseline;
}

div.search button.btn.hasTooltip,
div[class^="search"] button.btn.hasTooltip,
div[class*=" search"] button.btn.hasTooltip {
    padding: 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.search fieldset legend,
div[class^="search"] fieldset legend,
div[class*=" search"] fieldset legend {
    font-size: 18px;
    padding-top: 14px;
    margin-bottom: 6px;
    border: none;
}

div.search select#ordering.inputbox,
div[class^="search"] select#ordering.inputbox,
div[class*=" search"] select#ordering.inputbox {
    margin-bottom: 14px;
}

div.search button.btn.btn-primary,
div[class^="search"] button.btn.btn-primary,
div[class*=" search"] button.btn.btn-primary,
div.search input.button,
div[class^="search"] input.button,
div[class*=" search"] input.button {
    font-size: 14px;
    margin-bottom: 0;
    padding: 4px 6px;
    margin-left: -6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*
///  finder component
*/

/* buttons */
#finder-search button.btn,
div[id^="finder-search"] button.btn,
div[id*=" finder-search"] button.btn {
    margin: 14px;
    font-size: 16px;
    padding: 10px 18px;
}

#finder-search a.btn,
div[id^="finder-search"] a.btn,
div[id*=" finder-search"] a.btn {
    margin-top: 11px;
    font-size: 16px;
    padding: 10px 18px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#finder-search span.icon-search,
div[id^="finder-search"] span.icon-search,
div[id*=" finder-search"] span.icon-search {
    padding-top: 2px;
}

#finder-search button.btn.btn-primary.disabled,
div[id^="finder-search"] button.btn.btn-primary.disabled,
div[id*=" finder-search"] button.btn.btn-primary.disabled,
#finder-search button.btn.btn-primary.disabled:hover,
div[id^="finder-search"] button.btn.btn-primary.disabled:hover,
div[id*=" finder-search"] button.btn.btn-priton.btn.btn-primary.disabled:hover,
#finder-search button.btn.btn-primary.disabled:focus,
div[id^="finder-search"] button.btn.btn-primary.disabled:focus,
div[id*=" finder-search"] button.btn.btn-primary.disabled:focus {
    background-color: #888;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

/* advanced search */
div.finder #advancedSearch span.term {
    color: #777;
}

div.finder .filter-branch.control-group label.control-label {
    text-align: left;
    margin-top: 10px;
}

div.finder #finder-filter-w1,
div.finder #finder-filter-w2 {
    margin-bottom: 10px;
}

div.finder #filter_date1_img.btn,
div.finder #filter_date2_img.btn {
    margin: 0;
    padding: 4px 4px 4px 8px;
}

div.finder #filter_date1_img.btn i,
div.finder #filter_date2_img.btn i {
    margin-right: 0;
}

div.finder #filter_date1_img.btn:hover,
div.finder #filter_date1_img.btn:focus,
div.finder #filter_date2_img.btn:hover,
div.finder #filter_date2_img.btn:focus {
    box-shadow: none;
}

div.finder #finder-filter-select-list {
    padding-bottom: 14px;
    border-bottom: 1px solid #e7e7e7;
}

div.finder .form-inline .input-append {
    margin-top: 10px;
}

div#finder-filter-window .filter-branch .finder-selects,
ul#finder-filter-select-dates li.filter-date {
    float: none;
}

/* results list */
div.finder #search-results h4.result-title {
    font-size: 18px;
    margin-bottomt-size: 18px;
    margin-bottom: 12px;
}

div.finder #search-results h4.result-title span.highlight {
    background-color: transparent;
    padding: 0;
    color: inherit;
}

/* url */
div.finder #search-results div.result-url {
    color: #888;
    padding-top: 4px;
}

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

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

div.finder #search-results ul.search-results li {
    margin-bottom: 21px;
}

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

/*/  tiptool  /*/

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

/*/  element invisible  /*/

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

/*/  highlight  /*/

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

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

@media print {
    a[href]:after {
        content: none;
    }

    #fav-navbar {
        display: none;
    }
}

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

11.5. tags

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

div.tag-category ul {
    margin: 0;
}

div.tag-category ul.thumbnails li {
    margin-left: 4px;
    margin-right: 4px;
}

div.tag-category ul.thumbnails li:first-child {
    margin-left: 0px;
}

div.tag-category ul.thumbnails div h3 a {
    padding: 3px 6px 4px;
    text-shadow: none;
    transition: all 0.3s ease-out 0s;
    background-color: #9e9e9e;
    color: #fff;
    border: 1px solid transparent;
    text-shadow: none;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.tag-category ul div h3 {
    line-height: 1.3em;
}

ul.category.list-striped {
    list-style: none;
}

ul.category.list-striped li div h3 a:before {
    font-family: FontAwesome, serif;
    content: "\f105";
    padding-right: 10px;
    color: #333;
    font-style: normal;
}

ul.tags li:first-child {
    padding-left: 0;
}

div.tag-category ul.thumbnails div h3 a:hover,
div.tag-category ul.thumbnails div h3 a:focus,
.label-info[href]:hover,
.label-info[href]:focus,
.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #fff;
    background-color: #222;
}

.label-info[href],
.badge-info[href] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.tag-category .btn {
    padding: 4px 7px;
    margin-right: 2px;
    margin-left: -2px;
}

div.tag-category .btn span.icon-search,
div.tag-category .btn span.icon-remove {
    margin: 0;
    vertical-align: baseline;
}

/* dark version */

#fav-container .fav-dark ul.category.list-striped li div h3 a:before {
    color: #777;
}

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

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

/// 12. extensions

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

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

12.1. favslider

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

.favstyle .favslider {
    margin: 0px;
}

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

.favstyle .fav-control-paging {
    position: absolute;
    bottom: 8px;
    right: 16px;
    width: auto;
    text-align: right;
    left: auto;
}

.favstyle .fav-control-paging li a {
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    width: 10px;
    height: 10px;
    text-indent: 9999px;
}

.favstyle .fav-control-paging li a:hover,
.favstyle .fav-control-paging li a:focus,
.favstyle .fav-control-paging li a.fav-active {
    background-color: #fff;
}

.favstyle #fav-caption p {
    margin-bottom: 0;
}

.favstyle .fav-direction-nav a {
    top: 46%;
}

.favstyle div[id^="carousel-"] .favs img,
.favstyle div[id*=" carousel-"] .favs img {
    opacity: 0.7;
}

.favstyle div[id^="carousel-"] .favs .fav-active-slide img,
.favstyle div[id*=" carousel-"] .favs .fav-active-slide img {
    opacity: 1;
}

.favstyle div[id^="carousel-"] .favs > li:first-child,
.favstyle div[id*=" carousel-"] .favs > li:first-child {
    margin-left: 0 !important;
}

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

12.2. favpromote

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

.favstyle div[id^="favpromote-"],
.favstyle div[id*=" favpromote-"] {
    margin-top: 20px;
    margin-bottom: 21px;
}

.favstyle div[id^="favpromote-box"],
.favstyle div[id^="favpromote-box"] {
    border: none !important;
}

.favstyle div[class^="favpromote"],
.favstyle div[class*=" favpromote"] {
    margin-top: 10px;
    margin-bottom: 11px;
    border-radius: 0;
    background-color: #fff;
    border: none !important;
}

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

.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"] i,
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] i {
    padding: 0;
}

.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
    padding: 12px 20px;
}

.favstyle div[id^="favpromote-image"],
.favstyle div[id*=" favpromote-image"] {
    margin: 0 !important;
}

.favstyle div[id^="favpromote-image"] img,
.favstyle div[id*=" favpromote-image"] img {
    border: none !important;
}

.favstyle p[id^="favpromote-text"],
.favstyle p[id*=" favpromote-text"] {
    padding-top: 7px;
    padding-bottom: 14px;
}

.favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"],
.favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] {
    background-color: #9e9e9e !important;
}

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

.favstyle div[class^="favpromote"]:hover,
.favstyle div[class*=" favpromote"]:hover {
    border: none !important;
    background-color: rgba(17, 17, 17, 0.4) !important;
}

.favstyle p[id^="favpromote-text"]:hover,
.favstyle p[id*=" favpromote-text"]:hover {
    color: #fff;
}

/* dark version */

#fav-container .fav-dark .favstyle div[class^="favpromote"],
#fav-container .fav-dark .favstyle div[class*=" favpromote"] {
    background-color: rgba(17, 17, 17, 0.8);
}

#fav-container .fav-dark .favstyle p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle p[id*=" favpromote-text"] {
    color: #777 !important;
}

#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle div[id*=" favpromote-box"]:hover p[id^="favpromote-text"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover p[id*=" favpromote-text"],
#fav-container .fav-dark .favstyle div[id*=" favpromote-box"]:hover p[id*=" favpromote-text"] {
    color: #fff !important;
}

#fav-container .fav-dark .favstyle div[class^="favpromote"]:hover,
#fav-container .fav-dark .favstyle div[class*=" favpromote"]:hover {
    background-color: rgba(17, 17, 17, 0.4) !important;
}

#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"],
#fav-container .fav-dark .favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover,
#fav-container .fav-dark .favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover {
    background-color: #111 !important;
}

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

12.3. favglyph

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

.favstyle div.favglyph-description-center p {
    margin-bottom: 0;
}

.favstyle div[id^="favglyph-box"],
.favstyle div[id*=" favglyph-box"] {
    margin-top: 28px;
    margin-bottom: 28px;
}

.favstyle div[id^="favglyph-icon"],
.favstyle div[id*=" favglyph-icon"] {
    background-color: #9e9e9e !important;
    border: 1px solid #9e9e9e !important;
}

/* dark version */

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

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

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

12.4. faveffects

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

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

.favstyle div[class^="faveffects-effect"]:hover,
.favstyle div[class*=" faveffects-effect"]:hover {
    background-color: transparent !important;
    border-color: #ddd !important;
}

.favstyle div[id^="faveffects-icon"] i,
.favstyle div[id*=" faveffects-icon"] i {
    color: #9e9e9e !important;
}

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

/* dark version */

#fav-container .fav-dark .favstyle div[id^="faveffects-icon"],
#fav-container .fav-dark .favstyle div[id*=" faveffects-icon"] {
    background-color: #222 !important;
    border-color: #444 !important;
}

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

#fav-container .fav-dark .faveffects-effect1:hover,
#fav-container .fav-dark .faveffects-effect2:hover,
#fav-container .fav-dark .faveffects-effect3:hover,
#fav-container .fav-dark .faveffects-effect4:hover,
#fav-container .fav-dark .faveffects-effect5:hover,
#fav-container .fav-dark .faveffects-effect6:hover {
    background-color: #222 !important;
}

#fav-container .fav-dark .favstyle p[id^="faveffects-title"],
#fav-container .fav-dark .favstyle p[id*=" faveffects-title"] {
    color: #777 !important;
}

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

12.5. favsocial

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

.favstyle ul#favsocial-list {
    margin-top: 7px;
}

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

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

    #fav-copyright .span9 {
        float: none;
        width: 100%;
        margin: 0;
    }

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

}

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

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

12.6. custom-menu

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

#scrolling-menu-custom-outer {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

@media screen and (min-width: 1200px) {
    #scrolling-menu-custom-outer {
        display: flex;
        justify-content: center;
    }
}


#scrolling-menu-custom-left-button {
    float: left;
    width: 30px;
    text-align: center;
}


#scrolling-menu-custom-right-button {
    float: left;
    width: 30px;
    text-align: center;
}

#scrolling-menu-custom-inner:first-child {
    margin-left: 0;
}

.hide {
    display: none;
}

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

12.7. custom-card

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

.card-container .buttons {
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: center;
}

.card-container h3 {
    font-size: x-large;
    /* font-weight: 600; */
    color: #028eff;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-container {
    background-color: #231E39;
    border-radius: 5px;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.75);
    color: #B3B8CD;
    padding-top: 3px;
    position: relative;
    max-width: 100%;
    text-align: center;
    width: 16em;
    padding-right: 3px;
    padding-left: 3px;
    height: 500px;
}

.card-container img {
    width: 200px;
    height: 200px;
}

.card-container .stars {
    display: flex;
    color: #231E39;
    top: 0.2em;
    left: 0.5em;
    background-color: #3590d5;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 7px;
    position: absolute;
}

.card-container .round {
    border: 1px solid #03BFCB;
    border-radius: 50%;
    padding: 7px;
    width: 15em;
}

.card-container button.primary {
    background-color: #03BFCB;
    border: 1px solid #03BFCB;
    border-radius: 3px;
    color: #231E39;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0 10px;
}

.card-container p {
    margin: 0 10px 10px;
    height: 100px;
    overflow-y: scroll;
}

.card-container button.primary.ghost {
    background-color: transparent;
    color: #02899C;
}

.card-container .skills {
    background-color: #1F1A36;
    text-align: left;
    padding: 15px;
    height: 200px;
    overflow-y: scroll;


}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .card-container .skills, .card-container p {
        overflow-y: overlay;
    }
}


/* width */
.card-container ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.card-container ::-webkit-scrollbar-track {
    background: #b3a8a8;
}

/* Handle */
.card-container ::-webkit-scrollbar-thumb {
    background: #67717f;
}

/* Handle on hover */
.card-container ::-webkit-scrollbar-thumb:hover {
    background: #4e4a4a;
}

.card-container .skills ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.card-container .skills ul li {
    border: 1px solid #2D2747;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    margin: 0 7px 7px 0;
    padding: 7px;
}

.card-container .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .9em;
    margin-right: .9em;
    margin-bottom: 1.2em;
    border-right: .3em solid transparent;
    border-bottom: .7em solid #FC0;
    border-left: .3em solid transparent;
    /* Controls the size of the stars. */
    font-size: 8px;
}

.card-container .star:before, .star:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: .6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: .7em solid #FC0;
    border-left: 1em solid transparent;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

.card-container .star:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.card-whole-container {
    flex: 0 0 calc(33.33% - 20px);
    margin: 10px;
}

.cards-deck {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*
    display: grid;
    grid-template-columns:
    repeat(3, 1fr);
    grid-gap: 10px;
     */
}


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

12.8. custom-button

//////////////////////////////////////////////////*/
/*
outer is 250px
inner is 180px
 */
.buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .buttons-wrapper {
        justify-content: space-around;
    }
}


.wrap {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-button {
    width: 180px;
    height: 180px;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #dae5e5;
    background: #0859e5;
    background: linear-gradient(90deg, rgb(46, 66, 84) 0%, rgb(18, 191, 245) 100%);
    border: none;
    border-radius: 50%;
    box-shadow: 12px 12px 12px rgba(26, 124, 213, 0.64);
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 11;
    text-wrap: normal;
}

.custom-button::before {
    content: '';
    border-radius: 50%;
    min-width: calc(180px + 6px);
    min-height: calc(180px + 6px);
    border: 3px solid rgba(13, 82, 120, 0.82);
    box-shadow: 0 0 30px rgba(19, 95, 245, 0.64);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-in-out 0s;
    z-index: 11;
}

.custom-button:hover, .custom-button:focus, .custom-button:active {
    color: #313133;
    transform: translateY(-6px);
}

.custom-button:hover::before, .custom-button:focus::before {
    opacity: 1;
}

.custom-button::after {
    content: '';
    width: 180px;
    height: 180px;
    border-radius: 100%;
    border: 1px solid #40aeec;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 2s infinite;
}


.custom-button:hover::after, .custom-button:focus::after {
    animation: none;
    display: none;
}

@keyframes ring {
    0% {
        width: 180px;
        height: 180px;
        opacity: 1;
    }
    100% {
        width: 250px;
        height: 250px;
        opacity: 0;
    }
}

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

12.9. custom-tiles

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

#tile-container {
    display: flex;
    justify-content: center;
    align-content: center;
}

#tiles {
    display: grid;
    grid-template-columns: 200px 200px;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}

.tile {
    z-index: 1;
    width: 200px;
    height: 200px;
    cursor: pointer;
    background: #75A2A2;
}

.tile:before {
    z-index: 1;
    position: absolute;
    width: 200px;
    height: 200px;
    content: '';

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;

}

.tile > p {
    z-index: 10;
}

.tile:hover:before {
    z-index: 1;
    /* background-color: blue;*/
    -webkit-transform: translate3d(0, 0, 20px);
    transform: translate3d(0, 0, 20px);
    box-shadow: 30px 30px 10px rgba(0, 0, 0, 0.5);
}

/*<div id="tile-container">
<div id="tiles">
<div class="tile">
<p>Revues<br />Presse</p>
</div>
<div class="tile">
<p>Événement</p>
</div>
<div class="tile">
<p>Livres</p>
</div>
<div class="tile">
<p>Vidéo</p>
</div>
</div>*/

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

12.10. custom-tile-path

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


/* the important bits */
.tile-path-container li {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.info {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    pointer-events: none;
    background-color: rgba(26, 188, 156, 0.9);
    text-align: center;
    justify-content: center;
    display: flex;
}

.in-top .info {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: in-top 300ms ease 0ms 1 forwards;
    animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info {
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: in-right 300ms ease 0ms 1 forwards;
    animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .info {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
    animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .info {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: out-top 300ms ease 0ms 1 forwards;
    animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right 300ms ease 0ms 1 forwards;
    animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: out-left 300ms ease 0ms 1 forwards;
    animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 104deg);
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 104deg);
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 104deg);
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 104deg);
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 104deg);
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 104deg);
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 104deg);
        transform: rotate3d(0, 1, 0, 104deg);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 104deg);
        transform: rotate3d(0, 1, 0, 104deg);
    }
}

/* you can ignore this ones */
.tile-path-container ul {
    padding: 0;
    margin: 0 0 50px;
}

.tile-path-container ul:after {
    content: "";
    display: table;
    clear: both;
}

.tile-path-container li {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin: 5px;
    padding: 0;
    list-style: none;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    border-radius: 5%;
}

.tile-path-container li a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border-radius: 5%;
}

.tile-path-container li h3 {
    margin: 0;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}

.tile-path-container li p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    justify-content: center;
    margin: 10px;
    height: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tile-path-container li .normal {
    width: 100%;
    height: 100%;
    background-color: #ECF0F1;
    color: rgba(52, 73, 94, 0.6);
    box-shadow: inset 0 2px 20px #e6ebed;
    text-align: center;
    font-size: 50px;
    line-height: 270px;
}

.tile-path-container li .normal svg {
    pointer-events: none;
    width: 100px;
}

.tile-path-container h3 {
    text-align: center;
}

.tile-path-container {
    margin: 0 auto;
    width: 440px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 440px) {
    .tile-path-container {
        width: auto;
    }

    .tile-path-container > ul {
        display: flex;
        flex-direction: column;
    }
}


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

12.11. custom-download-buttons

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

.download{
    clear: both;
    display: flex;
    align-items: center;
    align-content: center;
    align-self: center;
}
.download a {
    background: #ffffff;
    border-radius: 5px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

.download a span {
    background: #f2594b;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.download a span:last-child {
    margin-left: -20px;
}

.download a:before,
.download a:after {
    background: #ffffff;
    border: solid 3px #9fb4cc;
    border-radius: 4px;
    content: '';
    display: block;
    height: 35px;
    left: 50%;
    margin: -17px 0 0 -12px;
    position: absolute;
    top: 50%;
    /*transform:translate(-50%,-50%);*/

    width: 25px;
}

.download a:hover:before,
.download a:hover:after {
    background: #e2e8f0;
}

/*a:before{transform:translate(-30%,-60%);}*/

.download a:before {
    margin: -23px 0 0 -5px;
}

.download a:hover {
    background: #e2e8f0;
    border-color: #9fb4cc;
}

.download a:active {
    background: #dae0e8;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25);
}

.download a span:first-child {
    display: none;
}

.download a:hover span:first-child {
    display: inline-block;
}

.download a:hover span:last-child {
    display: none;
}

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

12.11. custom-arrows

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


.arrow {
    border: solid #2674d7;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.right {

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 5px;
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 5px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 5px;
}

/* fix */

.custom-row {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .custom-row {
        flex-direction: column;
    }

}

.bottom-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bottom-logos > div {
    flex: 0 0 calc(33.33% - 5px);
}

@media screen and (max-width: 800px) {
    #fav-user1 {
        order: 2;
        flex: 0 0 calc(50% - 20px);
        margin: 10px;
    }

    #fav-user2 {
        flex: 0 0 calc(100% - 5px);
    }

    #fav-user3 {
        order: 3;
        flex: 0 0 calc(50% - 20px);
        margin: 10px;
    }
}