/*



Theme Name: Favourite

Theme URL: http://demo.favthemes.com/favourite/

Description: Responsive and Customizable Joomla! Framework

Author: FavThemes

Author URI: http://www.favthemes.com

Bootstrap Authors: @mdo and @fat

Theme Version: 3.2

License: GNU General Public License v3.0

License URI: http://www.gnu.org/copyleft/gpl.html



*/



/*  Table of Content

============================================================================



1. GENERAL CSS

2. HEADER

3. CONTENT BLOCKS

4. EXTENSIONS

5. CUSTOM STYLES



============================================================================ */





/* 1. GENERAL CSS

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



body {

  font-family: Open Sans, Helvetica, Arial, sans-serif;

  color: #333333;

  background-color: #ffffff;

  font-size: 14px;

  line-height: 21px;

  margin: 0;

}

h1 {

    font-size: 24.5px;

}

h2 {

    font-size: 17.5px;

}

h3 {

    font-size: 14px;

}

h4 {

    font-size: 14px;

}

h5 {

    font-size: 14px;

}

h6 {

    font-size: 11.9px;

}

h1 small {

    font-size: 24.5px;

}

h2 small {

    font-size: 17.5px;

}

h3 small {

    font-size: 14px;

}

h4 small {

    font-size: 14px;

}

/* Mobile */

@media (max-width: 767px) {



  body {

    padding-left: 0!important;

    padding-right: 0!important;

  }



}

a {

  color: #0099ff;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #444;

  text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

  font-family: Open Sans, Helvetica, Arial, sans-serif;

  font-weight: 300!important;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

  text-decoration: none;

}

p {

  margin: 0 0 10px;

}

hr {

  margin: 20px 0;

  border: 0;

  border-top: 1px solid #DDDDDD;

  border-bottom: 1px solid #fff;

  border: #DDDDDD -moz-use-text-color #FFFFFF !important;

}

img {

	-webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}





/* 2. HEADER

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#fav-containerwrap {

	background: url('../images/wood_pattern.png') repeat ;

}

#fav-container {

	background-color: #fff;

	margin-top: 9px;

	margin-bottom: 9px;

	-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);

	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.47);

	box-shadow: 0 0 6px 0 rgba(0,0,0,.47);

}

#fav-headerwrap {

	margin-bottom: 9px;

	padding-top: 7px;

  padding-bottom: 20px; /* @@@ was 30 */

  border-bottom: 3px solid #752c75/* 1px solid #ddd; */

}



/* Mobile */

@media handheld, only screen and (max-width: 768px) {



  #fav-header {

		padding-top: 20px;

  }



}



/* LOGO

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



#fav-logo {

  height: 100%;

  margin: 0;

  padding: 0px 0 0; /* @@@ was 22 */

  text-align: left ;

}

#fav-logo h1 {

  margin: 0;

}

.defaultLogo,

.mediaLogo {

  display: block;

  padding: 0;

  margin: 0;

}

.textLogo {

  color: #111;

  font-size: 40px;

  padding: 10px 0;

  margin: 10px 0;

  line-height: 30px;

}

.slogan {

  color: #777;

  font-size: 14px;

  line-height: 21px;

  padding: 0;

  margin: 0;

}

.showRetinaLogo {

  display: none;

}



/* Mobile */

@media (max-width: 1199px) {



  .row #fav-logo {

    width: 100%;

    padding-top: 0;

  }

  #fav-logo {

    text-align: center;

    float: none;

    width: 100%;

  }



}

@media handheld, only screen and (max-width: 768px) {



  #fav-logo {

    margin-top: 0;

    padding-top: 0;

  }

  #fav-logo.span3 {

    margin-bottom: 0;

  }



}



/* NAVIGATION

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



#fav-nav {

  z-index: 100;

  position: relative;

  float: right;

}

#fav-nav .moduletable {

  background: none;

  overflow: visible;

  margin: 0;

}

#fav-nav .moduletable ul.nav.menu {

  float:right;

}

#fav-nav .moduletable ul.nav.menu li,

#fav-nav .moduletable ul.nav.menu li li,

#fav-nav .moduletable ul.nav.menu li li li,

#fav-nav .moduletable ul.nav.menu li li li li {

  line-height: 20px;

  padding-left: 0;

}

#fav-nav .navigation {

	margin-top: 26px;

}

#fav-nav .navigation li a {

  color: #777;

  padding: 14px 10px; /* Was 14 21 */

  margin: 0 0 0 4px;  /* Was 4 */

  font-size: 14px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-transition: all 200ms linear;

  -moz-transition: all 200ms linear;

  -o-transition: all 200ms linear;

  transition: all 200ms linear;

}

#fav-nav .navigation li a:before {

  content: none;

}

#fav-nav .navigation .nav-pills > .active > a,

#fav-nav .navigation .nav-pills > li > a:hover {

  background-color: #0099FF;

	color: #fff;

  text-decoration: none;

}

.navigation .nav-pills {

  margin-bottom: 0;

}



/* Subnav */



.navigation ul.nav-child {

  position: absolute;

  left: 10px;

  z-index: 1000;

  display: none;

  min-width: 200px;

  padding: 5px 0;

  margin: 0;

  list-style: none;

  background-color: #fff;

  border: 1px solid #ddd;

  *border-right-width: 2px;

  *border-bottom-width: 2px;

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

}

.navigation ul.nav > li {

  position: relative;

  float: left;

}

.navigation ul.nav > li:hover > .nav-child,

.navigation ul.nav > li > a:focus + .nav-child,

.navigation ul.nav-child li:hover > ul {

  display: block;

}

#fav-nav .nav-pills ul.nav-child li > ul {

  margin: -38px 0 0 190px;

  padding: 0;

}

.navigation ul.nav-child a {

  display: block;

  clear: both;

  color: #333;

  font-size: 14px;

  padding: 3px 20px;

  font-weight: normal;

  line-height: 2em!important;

  white-space: nowrap;

}

#fav-nav .navigation .nav-pills .nav-child {

  padding-bottom: 0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

#fav-nav .navigation .nav-pills .nav-child a {

  margin: 0;

  padding: 4px 20px;

  font-size: 14px;

  border-top: none!important;

  border-bottom: 1px solid #ddd;

}

#fav-nav .navigation .nav-pills .nav-child > .active > a,

#fav-nav .navigation .nav-pills .nav-child > li > a:hover  {

  text-decoration: none;

  color: #0099ff;

}

.navigation .nav-child.pull-right {

  right: 0;

  left: auto;

}

.navigation .nav-child .divider {

  *width: 100%;

  height: 1px;

  margin: 8px 1px;

  *margin: -5px 0 5px;

  overflow: hidden;

  background-color: #e5e5e5;

  border-bottom: 1px solid #fff;

}

.navigation .nav-child:before {

  position: absolute;

  top: -7px;

  left: 9px;

  display: inline-block;

  border-right: 7px solid transparent;

  border-bottom: 7px solid #ccc;

  border-left: 7px solid transparent;

  border-bottom-color: rgba(0,0,0,0.2);

  content: '';

}

.navigation .nav-child:after {

  position: absolute;

  top: -6px;

  left: 10px;

  display: inline-block;

  border-right: 6px solid transparent;

  border-bottom: 6px solid #ffffff;

  border-left: 6px solid transparent;

  content: '';

}

.navigation .nav-child li > ul:before {

  top: 10px;

  left: -7px;

  border-left: none;

  border-bottom: 7px solid transparent;

  border-right: 7px solid rgba(0, 0, 0, 0.2);

  border-top: 7px solid transparent;

}

.navigation .nav-child li > ul:after {

  top: 11px;

  left: -6px;

  margin-top: 0;

  border-left: none;

  border-top: 6px solid transparent;

  border-right: 6px solid #fff;

  border-bottom: 6px solid transparent;

}



/* Mobile */

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



	#fav-headerwrap {

		padding-bottom: 0;

		border-bottom: none;

	}

	#fav-nav {

		float: none;

		width: 100%;

		margin-left: 0;

		padding: 14px 0px;

		margin-top: 20px; /* 32 */

		border-top: 1px solid #752c75;/* 1px solid #ddd; */

		border-bottom: 1px solid #752c75;/* 1px solid #ddd; */



  }

  #fav-nav .moduletable ul.nav.menu {

    float: none;

  }

  #fav-nav .navigation {

    display: table;

    margin: 0 auto;

  }

  #fav-nav .navigation .nav-pills {

    margin-top: 0;

  }



}



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



   #fav-nav .navigation li a {

    padding: 10px;

   }



}

@media (min-width: 768px) {



  #fav-navbar {

    display: none;

  }



}



/* IE */

.lt-ie9 #fav-navbar,

.lt-ie9 #fav-nav {

  display: none;

}

.lt-ie9 #fav-header {

  position: relative;

  z-index: 9999;

}

.lt-ie9 .navigation ul.nav-child {

  padding-top: 0;

}

.lt-ie9 .navigation ul.nav-child a:hover {

  background-color: #fff;

}





/* Navbar for mobile view

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



@media handheld, only screen and (max-width: 767px) {



  #fav-nav {

    display: none;

  }



  /* Navbar */



  #fav-navbar .moduletable {

    margin: 0;

    padding: 7px 0 0;

  }

  #fav-navbar .navbar {

    margin-bottom: 0;

  }

  #fav-navbar .navbar-inner {

    padding: 0;

  }

  #fav-navbar a.btn.btn-navbar {

    margin-bottom: 0;

    border-width: 1px;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)

  }



  /* Navbar collapse */



  #fav-navbar-collapse .moduletable ul li,

  #fav-navbar-collapse ul {

    background: none;

    float: none;

    padding: 0;

    margin: 0;

  }

  #fav-navbar-collapse li a {

    padding-left: 14px;

  }

  #fav-navbar-collapse li li a {

    padding-left: 28px;

  }

  #fav-navbar-collapse li li li a {

    padding-left: 42px;

  }

  #fav-navbar-collapse li li li li a {

    padding-left: 56px;

  }

  #fav-navbar-collapse li li li li li a {

    padding-left: 70px;

  }

  #fav-navbar-collapse a {

    display: block;

    padding: 4px 14px 2px;

    font-size: 14px;

    line-height: 2em;

    font-weight: normal;

    text-decoration: none;

    margin: 0;

  }

  #fav-navbar-collapse a:before {

    font-family: FontAwesome;

    content: "\f105";

    padding-left: 10px;

    padding-top: 0;

    float: right;

    font-size: 15px;

    line-height: 2em;

    font-weight: normal;

  }

  .navbar-inverse .nav .active > a,

  .navbar .nav .active > a,

  .navbar-inverse .nav .active > a:hover,

  .navbar .nav .active > a:hover,

  .navbar-inverse .nav .active > a:focus,

  .navbar .nav .active > a:focus {

    background: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

  }



  /* Navbar Light */



  div.navbar #fav-navbar-collapse li a:hover,

  div.navbar #fav-navbar-collapse li li a:hover,

  div.navbar #fav-navbar-collapse li li li a:hover,

  div.navbar #fav-navbar-collapse li li li li a:hover,

  div.navbar #fav-navbar-collapse li a:focus,

  div.navbar #fav-navbar-collapse li li a:focus,

  div.navbar #fav-navbar-collapse li li li a:focus,

  div.navbar #fav-navbar-collapse li li li li a:focus,

  div.navbar #fav-navbar-collapse li[class^="item-"].current.active,

  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active,

  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active,

  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active,

  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active,

  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active,

  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active,

  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active {

    background-color: #eee!important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

  }

  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 #ddd;

  }

  div.navbar #fav-navbar-collapse a {

    color: #444;

  }

  div.navbar #fav-navbar-collapse a:before {

    color: #aaa;

  }

  div.navbar #fav-navbar-collapse li a:hover:before,

  div.navbar #fav-navbar-collapse li[class^="item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li[class^="item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,

  div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before {

    color: #777;

  }

  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,

  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {

      color: #333;

      background-color: #fff;

  }

  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,

  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {

      color: #aaa;

  }

  div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,

  div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {

      color: #444;

  }

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

  }



  /* Navbar Inverse */



  div.navbar.navbar-inverse #fav-navbar-collapse li a:hover,

  div.navbar.navbar-inverse #fav-navbar-collapse li li a:hover,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li a:hover,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li a:hover,

  div.navbar.navbar-inverse #fav-navbar-collapse li a:focus,

  div.navbar.navbar-inverse #fav-navbar-collapse li li:focus,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li:focus,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li:focus,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active {

    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 {

    color: #fff;

  }

  div.navbar.navbar-inverse #fav-navbar-collapse a:before {

    color: #777;

  }

  div.navbar.navbar-inverse #fav-navbar-collapse li a:hover:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before {

    color: #fff;

  }

  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {

    color: #fff;

    background-color: #111;

  }

  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {

    color: #777;

  }

  div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,

  div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {

    color: #fff;

  }

  div.navbar.navbar-inverse .btn-navbar .icon-bar {

    background-color: #f5f5f5;

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  }

  #fav-navbar.navbar.navbar-inverse a.btn.btn-navbar {

    border-color: #040404 #040404 #000;

  }



}





/* 3. CONTENT BLOCKS

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#fav-slide,

#fav-intro,

#fav-showcase,

#fav-promo,

#fav-top,

#fav-maintop,

#fav-bottom,

#fav-user,

#fav-footer {

  padding-top: 11px;

  padding-bottom: 10px;

}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {



  #fav-slide,

  #fav-intro,

  #fav-showcase,

  #fav-promo,

  #fav-top,

  #fav-maintop,

  #fav-bottom,

  #fav-user,

  #fav-footer {

    padding-top: 0;

    padding-bottom: 0;

  }



}



/* SLIDE

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



#fav-slide .moduletable li,

#fav-slide div[class^="moduletable-"] li,

#fav-slide div[class*=" moduletable-"] li {

  background: none;

}

#fav-slide .moduletable li ul,

#fav-slide div[class^="moduletable-"] li ul,

#fav-slide div[class*=" moduletable-"] li ul {

  margin-bottom: 14px;

}



/* Mobile */

@media (max-width: 767px) {



  #fav-slide .moduletable li ul,

  #fav-slide div[class^="moduletable-"] li ul,

  #fav-slide div[class*=" moduletable-"] li ul {

    margin-bottom: 0;

  }



}



/* BREADCRUMBS

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



#fav-breadcrumbs .moduletable,

#fav-breadcrumbs div[class^="moduletable-"],

#fav-breadcrumbs div[class*=" moduletable-"] {

  font-size: 0.9em;

  margin: 5px 0px 2px;

}

#fav-breadcrumbs .moduletable img,

#fav-breadcrumbs div[class^="moduletable-"] img,

#fav-breadcrumbs div[class*=" moduletable-"] img {

  display: none;

}



/* Mobile */

@media handheld, only screen and (max-width: 767px) {



  #fav-breadcrumbs .moduletable,

  #fav-breadcrumbs div[class^="moduletable-"],

  #fav-breadcrumbs div[class*=" moduletable-"] {

    margin-top: 10px;

    margin-bottom: 0;

  }



}



/* TOP

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



#fav-topwrap {

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	margin-top: 14px;

	margin-bottom: 18px;

}





/* MAIN

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



#fav-messagewrap .row-fluid [class*="span"] {

  min-height:0;

}

#system-message {

  margin-top: 10px;

}

#fav-mainwrap .row-fluid [class*="span"] {

  min-height: 10px;

}



/* COPYRIGHT

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



#fav-copyrightwrap {

  	border-top: 3px solid #752c75;/* 1px solid #ddd; */

	margin-top: 2px;

}

#fav-copyright ul.nav.menu {

  float: right;

  margin: 10px 0;

}

#fav-copyright ul.nav.menu li {

  float: left;

  list-style:none;

  background: none;

  line-height: 21px;

}

#fav-copyright ul.nav.menu li a {

  display: block;

  color: #333333;

  margin-left: 21px;

}

#fav-copyright ul.nav.menu li.active a,

#fav-copyright ul.nav.menu li a:hover,

#fav-copyright ul.nav.menu li:hover a {

  color: #0099FF;

  text-decoration:none;

}

#fav-showcopyright p {

  padding: 21px 0 7px;

  line-height: 21px;

  font-size: 14px;

}
#fav-copyright1 p {

  padding: 11px 0 7px;

  line-height: 21px;

  font-size: 10px;

}



/* Mobile */

@media (max-width: 768px) {



  #fav-copyright .moduletable ul.nav.menu {

    margin: 0 auto;

    display: table;

  }

  #fav-copyright ul.nav.menu {

    float: none;

  }

  #fav-copyright ul.nav.menu li a {

    margin: 0 21px 0 0;

  }

  #fav-showcopyright {

    text-align: center;

  }



}

@media (max-width: 480px) {



  #fav-copyright ul.nav.menu li {

    float: none;

    text-align: center;

    padding: 4px;

  }

  #fav-copyright ul.nav.menu li a {

    margin: 0;

  }



}



/* BACKTOP

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



a.backtop i {

  background-color: #777;

  color: #FFFFFF;

  font-size: 2em;

  padding-right: 0;

  padding: 0.3em 0.5em;

  display: block;

	border-radius: 4px;

  -webkit-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  transition: all 300ms linear;

}

.backtop i:hover {

  opacity: 0.8;

}

#fav-backtotop {

  position: fixed;

  bottom: 3em;

  right: 3em;

  width: 55px;

}

#fav-backtotop .backtop {

  float: right;

}



@media (max-width: 1199px) {



  #fav-backtotop {

    position: relative;

    bottom: 0;

    right: 0;

    margin-bottom: 36px;

    float: right;

  }



}



/* Mobile */

@media (min-width: 768px) {



  #fav-backtotop-mobile {

    display: none;

  }



}

@media handheld, only screen and (max-width: 767px) {



  #fav-backtotop {

    display: none;

  }

  #fav-backtotop-mobile {

    text-align: center;

    margin-bottom: 10px;

  }



}



/* IE */

.lt-ie9 #fav-backtotop {

  padding-bottom: 1em;

}

.lt-ie9 #fav-backtotop-mobile {

  display: none;

}



/* MOBILE PARAMETERS

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



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

  }



  #fav-advertwrap,

  #fav-intro1, #fav-intro2, #fav-intro3, #fav-intro4,

  #fav-slide1, #fav-slide2,

  #fav-showcase1, #fav-showcase2, #fav-showcase3, #fav-showcase4,

  #fav-promo1, #fav-promo2, #fav-promo3,

  #fav-top1, #fav-top2, #fav-top3, #fav-top4,

  #fav-maintop1, #fav-maintop2, #fav-maintop3,

  #fav-sidebar1, #fav-sidebar2,

  #fav-mainbottom1, #fav-mainbottom2, #fav-mainbottom3,

  #fav-bottom1, #fav-bottom2, #fav-bottom3, #fav-bottom4,

  #fav-user1, #fav-user2, #fav-user3,

  #fav-footer1, #fav-footer2, #fav-footer3, #fav-footer4,

  #fav-copyright1, #fav-copyright2,

  #fav-debug {

    display: block ;

  }

  

}





/* 4. EXTENSIONS

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* FAVSLIDER

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



.favdemo .fav-control-nav {

	bottom: 14px!important;

}

.favdemo div[id^="slider-"].favslider,

.favdemo div[id*=" slider-"].favslider {

	margin-bottom: 10px!important;

}

div[id^="slider-"].favslider,

div[id*=" slider-"].favslider {

  position: relative;

}

.favslider .fav-next,

.favslider .fav-prev {

  opacity: 1;

}

.favslider:hover .fav-next:hover,

.favslider:hover .fav-prev:hover {

  opacity: 0.8;

}

.favslider .fav-prev,

.favslider:hover .fav-prev {

	left: 5px!important;

}

.favslider .fav-next,

.favslider:hover .fav-next {

	right: 5px!important;

}

#fav-caption {

  left: 0;

  right: 0;

	margin: 0 auto;

  top: 36%;

  bottom: auto;

  width: 60%;

	padding: 21px;

	text-shadow: none;

  background-color: rgba(255, 255, 255, 0.7);

	cursor: pointer;

}

#fav-caption h3 {

  font-size: 36px;

	color: #333;

	margin: 6px 0 4px;

	padding: 0;

	line-height: 1.2em;

  text-transform: uppercase;

	text-align:center;

	font-weight: 300;

	border: none;

}

#fav-caption p {

	color: #333;

	text-align:center;

}



@media handheld, only screen and (max-width: 990px) {



	#fav-caption h3 {

  	font-size: 30px;

	}



}



@media handheld, only screen and (max-width: 767px) {



	#fav-caption {

  	top: 30%;

	}

	#fav-caption h3 {

  	font-size: 26px;

		margin-bottom: 0;

	}

	.fav-direction-nav li .fav-next,

	.favslider:hover .fav-direction-nav li .fav-next,

	.fav-direction-nav li .fav-prev,

	.favslider:hover .fav-direction-nav li .fav-prev {

		top: 50%;

	}



}



@media handheld, only screen and (max-width: 600px) {



	#fav-caption {

  	top: 30%;

	}

	#fav-caption h3 {

  	font-size: 24px;

	}

	#fav-caption p {

  	font-size: 16px;

		margin-bottom: 0;

	}



}



@media handheld, only screen and (max-width: 480px) {



	#fav-caption {

  	top: 20%;

		padding: 7px;

	}

	#fav-caption h3 {

  	font-size: 21px;

	}

	#fav-caption p {

  	font-size: 12px;

	}



}



@media handheld, only screen and (max-width: 320px) {



	#fav-caption {

  	top: 10%;

		padding: 7px;

	}

	#fav-caption h3 {

  	font-size: 18px;

	}



}



 /* IE */

.lt-ie9 #fav-caption {

  background-color: #FFFFFF;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";

  filter: alpha(opacity=67);

  padding: 1% 3% 2%;

}





/* FAVGLYPH

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



.favdemo .favglyph-icon-center h2 {

	font-weight: 400!important;

}

.favdemo #favglyph .favglyph-icon-center i {

	color: #0099ff;

}

.favdemo .favglyph-icon-left #favglyph,

.favdemo .favglyph-icon-right #favglyph {

	margin-top: 0;

	margin-bottom: 21px;

}

.favdemo .favglyph-icon-left #favglyph-icon,

.favdemo .favglyph-icon-right #favglyph-icon {

	border-color: #0099ff;

}

.favdemo #favglyph .favglyph-icon-left i,

.favdemo #favglyph .favglyph-icon-right i {

	background-color: #0099ff;

}





/* FAVSOCIAL

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



.favdemo div[id^="favsocial"] a,

.favdemo div[id*=" favsocial"] a {

	border: 1px solid #ddd;

}

.favdemo ul#favsocial-list {

	display: table;

	margin: 0 auto;

	text-align: center;

}

.favdemo #favsocial {

	margin-top: 3px;

}





/* FAVEFFECTS

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



.favdemo #faveffects {

	margin-top: 40px;

}

.favdemo #faveffects i {

	color: #0099ff;

}

.favdemo #faveffects i:hover {

	color: #444!important;

}

.favdemo #faveffects p[id^="faveffects-title"] a,

.favdemo #faveffects p[id*=" faveffects-title"] a {

	font-weight: 300;

}

@media handheld, only screen and (max-width: 990px) {



	.favdemo #faveffects p[id^="faveffects-title"],

	.favdemo #faveffects p[id*=" faveffects-title"] {

		font-size: 16px!important;

	}



}

@media handheld, only screen and (max-width: 767px) {



	.favdemo #faveffects p[id^="faveffects-title"],

	.favdemo #faveffects p[id*=" faveffects-title"] {

		font-size: 14px!important;

	}



}

@media handheld, only screen and (max-width: 480px) {



	.favdemo #faveffects p[id^="faveffects-title"],

	.favdemo #faveffects p[id*=" faveffects-title"] {

		font-size: 21px!important;

	}



}





/* 5. CUSTOM STYLES

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#fav-download p {

  margin: 0;

}

#fav-download #fav-download-message {

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 21px;

  line-height: 1.3em;

  float: left;

  padding-top: 15px;

  padding-bottom: 10px;

}

#fav-download #fav-download-btn {

  float: right;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	text-transform: uppercase;

	margin-top: 4px;

}

#fav-download a.btn.btn-primary.btn-large {

	margin-bottom: 9px;

}



/* Mobile */

@media handheld, only screen and (max-width: 1199px) {



 #fav-download #fav-download-message {

    float: none;

    text-align: center;

    padding: 4px 0 21px;

  }

  #fav-download #fav-download-btn {

    float: none;

    font-size: 16px;

    text-align: center;

		bottom: 4px;

		margin-top: 4px;

		position: relative;

  }



}



#roksearch_search_str {

    float: right;

}



#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {

    display: none;

}



/* ADVERT

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



@media (max-width: 767px) {

  #fav-advert {

  	display:none;

  }

}



#fav-maincontent {

	margin-top: 10px;

}



#fav-sidebar1 {    

	margin-bottom: 8px;

 	margin-top: 5px;

}



#fav-sidebar2 {    

	margin-top: 8px;

	margin-bottom: 8px;

}
	
.moduletable-sfx9 {
    min-height: 200px;
}

.moduletable-sfx6 h3 {

  text-transform: none;



}

.moduletable-sfx3 h3 {

	padding-bottom: 8px;

    margin-bottom: 12px;

    text-transform: none;

}

	

div#b2jcontainer_c111 .required, div#b2jcontainer_c111 .asterisk {

    color: #752c75;

}

div#b2jcontainer_c111.b2jcontainer.b2j_contact {

 margin-top: 6px;

}

.b2jcontainer h2 {

    background: none repeat scroll 0 0 #752c75;

}



div#b2jcontainer_c111 .alert-error {

	background-color: #ffffff;

	border-color: #752c75;

	color: #444444;

}





.item ul, .item-page ul, .items-leading ul {

	list-style-type: disc;

}

ul, ol {

    margin: 0 0 10px 20px;

    padding: 0;

}

.item ul li::before, 

.item-page ul li::before, 

.items-leading ul li::before {

   content:none;}

   

#fav-sidebar1 ul li:before {display:none;}

.moduleclass ul li:before {display:none;}



#fav-headerwrap {

    margin-bottom: 0px;

    padding-top: 0px;

	}

	

.moduletable, div[class^="moduletable-"], div[class*=" moduletable-"] {

    text-align: left;

}





.moduletable .custom .nav li a:hover, 

div[class^="moduletable-"] .nav li a:hover,

div[class*=" moduletable-"] .nav li a:hover,

div[class^="moduletable-"] li a:hover,

div[class*=" moduletable-"] li a:hover {

    color: #752c75;

	text-decoration:underline;

}



#fav-sidebar2 a:hover {

    color: #752c75;

    font-weight: bold;

	text-decoration:underline;

}

#fav-slide {

    padding-bottom: 10px;

    padding-top: 0px;

}

.item {

    border-top: 1px solid #752c75;}



.moduletable, div[class^="moduletable-"], div[class*=" moduletable-"]  {

	margin-bottom:0px;

}



#favglyph.row-fluid {

	margin-top: 0px;

}

#fav-caption {

    top: 70%;

    width: 100%;

}

.carouselck_wrap {

    z-index: 1;

}

#carouselck_wrap_123 .carouselck_caption > div {

    border-radius: 0px;

    padding: 10px 10px;

}

.carouselck_caption > div {

    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;

}