/*







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

f

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: 12px;



  line-height: 18px;



  margin: 0;



}







/* 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: 10px 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/greenbg.jpg) top center no-repeat;  */



}



#fav-container {



	



	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: 5px;



	padding-bottom:5px;



	background:url(../images/skybg.jpg) no-repeat;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #ddd;



}







/* Mobile */



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







  #fav-header {



		padding-top: 20px;



  }







}







#fav-intro {



background:url(../images/waveLines_green.jpg);



padding:5px;



border-radius: 5px;



border: 1px solid #66FF00;







}











#fav-intro  h3 {



font-size: 26px;



 text-shadow: 1px 1px 1px #000;







}



#fav-showcasewrap  h3 {



color:#0B7844;



font-size: 18px;



font-weight:500;



border-bottom: 1px solid #0B7844;







}







#fav-showcase {





	border-bottom: 5px solid #0B7844;



}



#fav-promo{







	border-bottom: 5px solid #D5AD6F;



}







#fav-promo h3 {



	border-bottom: 1px solid #D5AD6F;



}











#fav-showcasewrap img {





}



#fav-showcasewrap  p {



color:#666;



font-size: 12px;











}







#fav-promo h3 {



color: #CF9A4B;



font-size: 24px;



font-weight:500;











}











#fav-main {



border-bottom: 5px solid #0B7844;





}





#fav-user h3



{



color:#333;



border-bottom: 1px solid #999;



}



#fav-user {



border-bottom: 5px solid #333;















}











/* LOGO



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







#fav-logo {



  height: 100%;



  margin: 0;



  padding: 5px 0 0;



  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;



}



.atom_twitter_feeds {

	



padding: 10px;

border-radius: 10px;

height: 170px;

overflow-y: scroll;

}



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



  margin-top: 5px;



  color: #666;



}



#fav-nav .moduletable {



  background: none;



  overflow: visible;



  margin: 0;



}



#fav-nav p, #fav-footer p {



font-size:12px;



text-align: right;



}



#fav-nav h3 {



font-size:26px;



text-align: right;



color: #CF9A4B;



font-weight: normal;



clear: both;



margin-top: 30px;



}



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



  float:left;



  margin-bottom: 40px;



  width: 100%;



}



#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 {



   background-color: #0B7844;



	color: #fff;



  padding: 15px 10px;



  margin: 0 4px 0 0px;



  font-size: 13px;



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



   text-shadow: 1px 1px 1px #000;



}



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

  background:#0B7844;

  border-radius:5px;



}







/* 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: 12px;



  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: 32px;



		border-top: 1px solid #ddd;



		border-bottom: 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: 5px;



  padding-bottom: 5px;



}



/* Mobile */



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







  #fav-slide,



  #fav-intro,



  #fav-showcase,



  #fav-promo,



  #

  

  

  

  ,



  #fav-maintop,



  #fav-bottom,



  #fav-user,



  #fav-footer {



    padding-top: 0;



    padding-bottom: 0;



  }







}



#fav-top h3 {

background: transparent url("../images/vistagreen.gif") center repeat-x;

padding: 8px;

border-radius: 5px;

color:#fff;



}





/* SLIDE



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







#fav-slide .moduletable li, ul.latestnews li ,



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



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



 background: transparent url("../images/bullet.png") no-repeat 0px 8px;

 padding-left: 10px;

 list-style-type: none;



}



#fav-slide .moduletable li ul,



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



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



  margin-bottom: 14px;



}



#fav-slide .moduletable li a  {



color:#91713D







}



ul.latestnews li {

	border-bottom: 1px dashed #ccc;

	

}





#fav-advertwrap {



background: #222;











}







#fav-advert{



float: right;











}











#fav-advertwrap .moduletable,div.search {



padding: 0px;



margin: 0px;







}



div.search {



width:  100%;



float: right;







}







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





}











/* 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: 1px solid #94753F;



	margin-top: 2px;



	background:#94753F;



}



#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: 10px 0 7px;



  line-height: 21px;



  font-size: 14px;



}



/* 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: 5px!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 {



}



.favdemo ul#favsocial-list {



	display: table;



	margin: 0 auto;



	text-align: center;



}



.favdemo #favsocial {



	margin-top: 0px;



}











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



  }







}



label.ordering {

width: 100%;



}