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

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

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

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

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

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

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

/*  style CSS  */

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

/// 1. content blocks

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

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

1.1. header

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

/*
///  logo
*/

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

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

  #fav-logo {
    padding-bottom: 6px;
  }

}

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

1.2. module positions

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

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

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

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

}

/*
///  slide
*/

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

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

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

}

/*
///  topbar
*/

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

/*
///  backtop
*/

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

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

1.3. custom content

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

/*
///  download theme section
*/

#fav-download p {
  margin: 0px;
}
#fav-download #fav-download-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.3em;
  float: left;
  padding-top: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#fav-download #fav-download-btn {
  float: right;
  padding-top: 2px;
  padding-bottom: 2px;
}
#fav-download #fav-download-btn a.btn {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 16px 24px 13px;
  font-size: 18px;
}
#fav-download #fav-download-btn a.btn i {
  padding-right: 0.4em;
  vertical-align: middle;
  font-size: 18px;
}
#fav-download #fav-download-btn a.btn:hover,
#fav-download #fav-download-btn a.btn:focus {
  background-color: #0099ff;
  color: #FFF;
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.27);
  border: 1px solid rgba(17, 17, 17, 0.8);
}

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

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

}

/*
///  offline page
*/

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

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

/// 2. layout

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

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

2.1. titles

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

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

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

2.2. buttons

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

.btn,
.pager .next a,
.pager .previous a,
a.k2ReadMore,
div.itemNavigation a.itemNext,
div.itemNavigation a.itemPrevious,
div.itemCommentsForm form input#submitCommentButton,
div.k2LoginBlock fieldset.input input.button,
div.k2UserBlock form input.button.ubLogout,
.k2AccountPage button.button.validate {
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-group > .btn:first-child {
  margin-left: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
///  button sizes
*/

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

/*
///  pagination
*/

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li.active a:hover,
.k2Pagination ul li a:hover,
.k2Pagination ul li.active a,
.k2Pagination ul li.active a:hover,
.itemCommentsPagination ul li a:hover,
.itemCommentsPagination ul li.active a,
.itemCommentsPagination ul li.active a:hover {
  border: 1px solid #ddd;
}

/*
///  tags
*/

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

/*
///  article dropdown
*/

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

/*
/// badge
*/

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

/*
///  edit item button
*/

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

/*
///  highlight
*/

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

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

2.3. navigation

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

/*/
///
///  main navigation
///
/*/

.favnav .navigation .nav-pills a,
.favnav .navigation .menunav-pills a,
.favnav .navigation .nav-pills > li > a,
.favnav .navigation .menunav-pills > li > a,
.favnav .navigation ul.nav.menu li span.nav-header {
  margin-top: 21px;
  margin-bottom: 20px;
  padding: 15px 16px 13px;
}
.favnav .navigation .nav-pills .nav-child,
.favnav .navigation .menunav-pills .nav-child {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.favnav .navigation li a[class^="fa-"]::before,
.favnav .navigation li a[class*=" fa-"]::before,
.favnav .navigation li span.nav-header[class^="fa-"]::before,
.favnav .navigation li span.nav-header[class*=" fa-"]::before {
  padding-right: 8px;
}
.favnav .navigation li a[class^="fa-"]::before,
.favnav .navigation li a[class*=" fa-"]::before,
.favnav .navigation li span.nav-header[class^="fa-"]::before,
.favnav .navigation li span.nav-header[class*=" fa-"]::before {
  font-weight: normal;
}

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

  #fav-nav.span9 {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }
  #fav-nav .favnav .navigation .nav-pills a,
  #fav-nav .favnav .navigation .menunav-pills a,
  #fav-nav .favnav .navigation .nav-pills > li > a,
  #fav-nav .favnav .navigation .menunav-pills > li > a,
  #fav-nav .favnav .navigation ul.nav.menu li span.nav-header {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 13px 12px 11px;
  }
  .favnav .navigation .nav-pills .nav-child a,
  .favnav .navigation .menunav-pills .nav-child a,
  .favnav .navigation .nav-pills .nav-child span.nav-header,
  .favnav .navigation .menunav-pills .nav-child span.nav-header {
    padding: 8px 13px 6px !important;
  }

}

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

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

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

2.4. variations

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

/*
///  variation 1
*/

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


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

2.5. icons

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

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

2.6. images

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

/* image polaroid */
.img-polaroid,
.item-image img,
span.itemImage img,
span.catItemImage img,
span.tagItemImage img,
span.userItemImage img,
span.latestItemImage img,
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  padding: 7px;
}

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

2.7. bootstrap elements

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

/*
///  box icons
*/

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

/*
///  inline labels
*/

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

/*
///  alert
*/

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

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

2.8. lists

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

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

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

2.9. joomla

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

/*
///  language
*/

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

/*
///  search
*/

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

/*
///  categories list
*/

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

/*
///  components
*/

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

/*
///  login form
*/

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

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

2.10. k2

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

/*
///  k2 featured
*/

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

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

/// 3. colors

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

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

#0099ff - main color

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

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

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

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

3.1. reset

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

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


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

3.2. module positions

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

/*
///  topbar
*/

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

/*
///  back to top
*/

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

/*
///  color module positions
*/

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

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

3.3. titles

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

/*
///  joomla titles
*/

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

/*
///  k2 titles
*/

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

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

3.4. buttons

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

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

/*
///  pagination
*/

.pagination ul li a,
.pagination ul > .disabled > a,
.pagination ul > .active > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus,
.k2Pagination ul li a,
.k2Pagination ul > .disabled > a,
.k2Pagination ul > .active > a,
.itemCommentsPagination ul li a,
.itemCommentsPagination ul > .disabled > a,
.itemCommentsPagination ul > .active > a,
.k2Pagination ul > .disabled > a:hover,
.k2Pagination ul > .disabled > a:focus,
.k2Pagination ul > .active > a:hover,
.k2Pagination ul > .active > a:focus,
.itemCommentsPagination ul > .disabled > a:hover,
.itemCommentsPagination ul > .disabled > a:focus,
.itemCommentsPagination ul > .active > a:hover,
.itemCommentsPagination ul > .active > a:focus{
  color: #fff;
  background-color: #0099ff;
}
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li.active a:hover {
  color: #0099ff;
  background-color: #fff;
}
.k2Pagination ul li a:hover,
.k2Pagination ul li.active a,
.k2Pagination ul li.active a:hover,
.itemCommentsPagination ul li a:hover,
.itemCommentsPagination ul li.active a,
.itemCommentsPagination ul li.active a:hover {
  color: #333;
  background-color: #fff;
}

/*
///  article dropdown
*/

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

/*
///  tags
*/

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

/*
///  badge
*/

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

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

3.5. navigation

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

/*
///  navigation style
*/

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

/*
///  vertical menus
*/

ul.nav.menu li span.nav-header {
  color: #0099ff;
}
ul.menubasic li a:hover,
ul.menubasic li a:focus,
ul.menubasic li.current a,
ul.menubasic li.current ul a:hover,
ul.menubasic li.current ul a:focus,
ul.menubasic li span.nav-header:hover,
ul.menubasic li span.nav-header:focus {
  color: #fff;
  background-color: #0099ff;
}
ul.menuarrow li a:hover,
ul.menuarrow li a:focus,
ul.menuarrow li.current a,
ul.menuarrow li.current ul a:hover,
ul.menuarrow li.current ul a:focus,
ul.menuarrow li span.nav-header:hover,
ul.menuarrow li span.nav-header:focus {
  color: #0099ff;
  background-color: transparent;
}
ul.menuarrow li a:hover:before,
ul.menuarrow li a:focus:before,
ul.menuarrow li.current a:before,
ul.menuarrow li.current ul a:hover:before,
ul.menuarrow li.current ul a:focus:before,
ul.menuarrow li span.nav-header:hover:before,
ul.menuarrow li span.nav-header:focus:before {
  color: #0099ff;
}
ul.menuside li a:hover,
ul.menuside li a:focus,
ul.menuside li.current a,
ul.menuside li.current ul a:hover,
ul.menuside li.current ul a:focus,
ul.menuside li span.nav-header:hover,
ul.menuside li span.nav-header:focus {
  color: #0099ff;
  border-left: 5px solid #0099ff;
  background-color: transparent;
}
ul.menuline li a:hover,
ul.menuline li a:focus,
ul.menuline li.current a,
ul.menuline li.current ul a:hover,
ul.menuline li.current ul a:focus,
ul.menuline li span.nav-header:hover,
ul.menuline li span.nav-header:focus {
  color: #444;
  border-bottom: 1px solid #0099ff;
  background-color: transparent;
}
ul.menuline li a:hover:before,
ul.menuline li a:focus:before,
ul.menuline li.current a:before,
ul.menuline li.current ul a:hover:before,
ul.menuline li.current ul a:focus:before,
ul.menuline li span.nav-header:hover:before,
ul.menuline li span.nav-header:focus:before {
  color: #0099ff;
}
ul.menuline.menu-clear li a:hover,
ul.menuline.menu-clear li a:focus,
ul.menuline.menu-clear li span.nav-header:hover,
ul.menuline.menu-clear li span.nav-header:focus {
  color: #fff;
  border-bottom: 1px solid #0099ff;
}
ul.menuline.menu-dark li a:hover,
ul.menuline.menu-dark li a:focus,
ul.menuline.menu-dark li span.nav-header:hover,
ul.menuline.menu-dark li span.nav-header:focus {
  color: #fff!important;
  border-bottom: 1px solid #0099ff;
}

/*
///  horizontal menus
*/

ul.menuhorizontal li.active a,
ul.menuhorizontal li a:hover,
ul.menuhorizontal li a:focus,
ul.menuhorizontal li:hover a,
ul.menuhorizontal li:focus a,
ul.menuhorizontal li.active span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus,
ul.menuhorizontal li:hover span.nav-header,
ul.menuhorizontal li:focus span.nav-header,
ul.menuhorizontal li span.nav-header:hover,
ul.menuhorizontal li span.nav-header:focus {
  color: #0099ff;
  background-color: transparent;
}
ul.menuhorizontal.menu-clear li a,
ul.menuhorizontal.menu-clear li span.nav-header {
  color: #fff!important;
}
ul.menuhorizontal.menu-clear li.active a,
ul.menuhorizontal.menu-clear li a:hover,
ul.menuhorizontal.menu-clear li a:focus,
ul.menuhorizontal.menu-clear li:hover a,
ul.menuhorizontal.menu-clear li:focus a,
ul.menuhorizontal.menu-clear li.active span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus,
ul.menuhorizontal.menu-clear li:hover span.nav-header,
ul.menuhorizontal.menu-clear li:focus span.nav-header,
ul.menuhorizontal.menu-clear li span.nav-header:hover,
ul.menuhorizontal.menu-clear li span.nav-header:focus {
  color: #0099ff !important;
}
ul.menuhorizontal.menu-clear li a:before,
ul.menuhorizontal.menu-clear li span.nav-header:before {
  color: #fff;
}
ul.menuhorizontal.menu-clear li.active a:before,
ul.menuhorizontal.menu-clear li a:hover:before,
ul.menuhorizontal.menu-clear li a:focus:before,
ul.menuhorizontal.menu-clear li:hover a:before,
ul.menuhorizontal.menu-clear li:focus a:before,
ul.menuhorizontal.menu-clear li.active span.nav-header:before,
ul.menuhorizontal.menu-clear li span.nav-header:hover:before,
ul.menuhorizontal.menu-clear li span.nav-header:focus:before,
ul.menuhorizontal.menu-clear li:hover span.nav-header:before,
ul.menuhorizontal.menu-clear li:focus span.nav-header:before,
ul.menuhorizontal.menu-clear li span.nav-header:hover:before,
ul.menuhorizontal.menu-clear li span.nav-header:focus:before {
  color: #0099ff !important;
}
ul.menuhorizontal.menu-dark li a,
ul.menuhorizontal.menu-dark li span.nav-header {
  color: #eee !important;
}
ul.menuhorizontal.menu-dark li.active a,
ul.menuhorizontal.menu-dark li a:hover,
ul.menuhorizontal.menu-dark li a:focus,
ul.menuhorizontal.menu-dark li:hover a,
ul.menuhorizontal.menu-dark li:focus a,
ul.menuhorizontal.menu-dark li.active span.nav-header,
ul.menuhorizontal.menu-dark li span.nav-header:hover,
ul.menuhorizontal.menu-dark li span.nav-header:focus,
ul.menuhorizontal.menu-dark li:hover span.nav-header,
ul.menuhorizontal.menu-dark li:focus span.nav-header,
ul.menuhorizontal.menu-dark li span.nav-header:hover,
ul.menuhorizontal.menu-dark li span.nav-header:focus {
  color: #0099ff !important;
}
ul.menuhorizontal.menu-dark li a:before,
ul.menuhorizontal.menu-dark li span.nav-header:before {
  color: #eee;
}
ul.menuhorizontal.menu-dark li.active a:before,
ul.menuhorizontal.menu-dark li a:hover:before,
ul.menuhorizontal.menu-dark li a:focus:before,
ul.menuhorizontal.menu-dark li:hover a:before,
ul.menuhorizontal.menu-dark li:focus a:before,
ul.menuhorizontal.menu-dark li.active span.nav-header:before,
ul.menuhorizontal.menu-dark li span.nav-header:hover:before,
ul.menuhorizontal.menu-dark li span.nav-header:focus:before,
ul.menuhorizontal.menu-dark li:hover span.nav-header:before,
ul.menuhorizontal.menu-dark li:focus span.nav-header:before,
ul.menuhorizontal.menu-dark li span.nav-header:hover:before,
ul.menuhorizontal.menu-dark li span.nav-header:focus:before {
  color: #0099ff!important;
}
ul.menuhorizontal.pull-right li.active a,
ul.menuhorizontal.pull-right li a:hover,
ul.menuhorizontal.pull-right li a:focus,
ul.menuhorizontal.pull-right li:hover a,
ul.menuhorizontal.pull-right li:focus a,
ul.menuhorizontal.pull-right li.active span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus,
ul.menuhorizontal.pull-right li:hover span.nav-header,
ul.menuhorizontal.pull-right li:focus span.nav-header,
ul.menuhorizontal.pull-right li span.nav-header:hover,
ul.menuhorizontal.pull-right li span.nav-header:focus {
  color: #0099ff;
  background-color: transparent;
}

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

3.6. variations

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

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

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

3.7. icons

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

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

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

3.8. images

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

/* image polaroid */
.img-polaroid,
.item-image img,
span.itemImage img,
span.catItemImage img,
span.tagItemImage img,
span.userItemImage img,
span.latestItemImage img,
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  background-color: #ddd;
  border: 1px solid #ddd;
}

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

3.9. bootstrap elements

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

/*
///  blockquote
*/

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

/*
///  pre, code
*/

pre, code {
  border: 1px solid #E2E2E2;
  background-color: #F2F2F2;
}

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

3.10. lists

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

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

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

3.11. joomla

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

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

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

/*
///  language
*/

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

/* /// mobile */

@media (max-width: 768px) {

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

}

/*
///  search
*/

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

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

3.14. k2

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

/*
///  k2 featured
*/

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

/*
///  edit button
*/

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

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

/// 4. fonts

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

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

/// primary font

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

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

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

/*
///  default
*/

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

/*
///  joomla
*/

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

/*
///  k2
*/

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

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

/// 5. extensions

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

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

5.1. favslider

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

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

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

5.2. favpromote

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

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

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

5.3. favimagehover

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

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

5.4. favglyph

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

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

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

5.5. faveffects

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

.favstyle p[id^="faveffects-title"],
.favstyle p[id*=" faveffects-title"] {
  font-weight: 300;
}
.favstyle div[id^="faveffects-icon"] i,
.favstyle div[id*=" faveffects-icon"] i {
  color: #0099ff !important;
}

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

5.6. favsocial

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

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