/*########################################## * 
General css for Joomla and Virtuemart * 
Design by WebDesign - sites-design.com 
* Copyright 2006 - 2018 WebDesign * Licensed for WebDesign
* Developer : http://www.sites-design.com  
###########################################*/    

@media (min-width: 1361px) {
  .false-header {height: 160px;}    
  .topo_fixed + .false-header {height: 160px;}     

  h1 {font-size: 42px; line-height: 46px; letter-spacing: -1px;} 
  h1 small {font-size: 40px; letter-spacing: -1px;}  
  h2 {font-size: 36px; line-height: 40px; letter-spacing: -1px;}  
  h2 small {font-size: 32px; letter-spacing: -0.5px;}  
  h3 {font-size: 26px; line-height: 28px; letter-spacing: -0.5px;}  
  h3 small {font-size: 22px;}  
  
  .moduletable.rs-social {margin: 32px 0 -15px 0;} 
  .rssocial-icons-bottom-spacing li {margin: 0 5px !important;} 
  
  .category.floatleft {width: 25%;}  
  .t3-content.span9.pull-right .category.floatleft {width: 33.333%; margin: 0;}  
  .product.span4 {width: 23%;}      
  .t3-content.span9.pull-right .product.span4 {width: 23%;}      
  .t3-content.span9.pull-right .product.span4.span6, .product.span4.span6 {width: 48%;}         
}  

@media (min-width: 1521px) and (max-width: 1720px) {
  .topo_absolute .span4.logo .logo-image {text-align: center;} 
}  

@media (min-width: 1421px) and (max-width: 1520px) {
  .topo_absolute .span4.logo .logo-image {text-align: center;} 
}  

@media (min-width: 1361px) and (max-width: 1420px) {
  .topo_absolute .span4.logo .logo-image {text-align: center; margin: 0 0 0 50px;} 
  .topo_absolute .span4.logo img {max-height: 80px; margin: 25px 0 30px 50px;} 
  .span8.logo {margin: 26px 0 0;} 
  .banner {min-height: 200px; margin: -65px 0 0;} 
  .banner-contentTop {margin: -15px auto 0;} 
  .moduletable.content-home {margin: 3px 0 -20px;} 
  .home.homepage #t3-footer {padding: 40px 0 0;} 
}  

@media (min-width: 1201px) and (max-width: 1360px) {
  .false-header {height: 160px;}    
  .topo_fixed + .false-header {height: 160px;}     
  .topo_absolute .span4.logo .logo-image {text-align: center; margin: 0 0 0 50px;} 
  .topo_absolute .span4.logo img {max-height: 80px; margin: 25px 0 30px 50px;} 
  .span8.logo {margin: 26px 0 0;} 
  .banner {min-height: 190px;} 

  h1 {font-size: 38px; line-height: 42px; letter-spacing: -1px;}  
  h1 small {font-size: 36px; letter-spacing: -1px;}  
  h2 {font-size: 34px; line-height: 36px; letter-spacing: -1px;}  
  h2 small {font-size: 30px; letter-spacing: -0.5px;}  
  h3 {font-size: 24px; line-height: 26px; letter-spacing: -0.5px;}  
  h3 small {font-size: 20px;}  
  
  .banner-contentTop {margin: -10px auto 0;} 
  .moduletable.content-home {margin: 3px 0 -20px;} 
  .home.homepage #t3-footer {padding: 40px 0 0;} 

  .moduletable.rs-social {margin: 33px 0 -15px 0;} 
  .rssocial-icons-bottom-spacing li {margin: 0 5px !important;} 
  
  .category.floatleft {width: 25%;}  
  .t3-content.span9.pull-right .category.floatleft {width: 31.333%;}  
  .product.span4 {width: 23%;}      
  .t3-content.span9.pull-right .product.span4 {width: 31.333%;}      
  .t3-content.span9.pull-right .product.span4.span6, .product.span4.span6 {width: 48%;}         
  .product.span4 .spacer + figcaption, .product.span4 .spacer:hover + figcaption {margin: -360px 0 0 -8px;} 
}  

@media (min-width: 981px) and (max-width: 1200px) {
  .false-header {height: 140px;}    
  .topo_fixed + .false-header {height: 140px;}     
  .topo_absolute .span4.logo .logo-image {text-align: right;} 
  .topo_absolute .span4.logo img {max-height: 70px;} 
  .topo_fixed .span4.logo img {max-height: 60px;}    
  .span8.logo {margin: 30px 0 0;} 
  .topo-header .t3-mainnav {padding: 22px 0;} 
  .span8.logo {height: 90px; margin: 26px 0 0;} 
  .span8.logo, .topo-header .t3-mainnav {background-size: auto 90px;} 
  .banner {min-height: 180px; margin: -51px 0 0;} 

  h1 {font-size: 36px; line-height: 40px; letter-spacing: -1px;}  
  h1 small {font-size: 32px; letter-spacing: -1px;}  
  h2 {font-size: 30px; line-height: 34px; letter-spacing: -1px;}  
  h2 small {font-size: 28px; letter-spacing: -0.5px;}  
  h3 {font-size: 28px; line-height: 26px; letter-spacing: -0.5px;}  
  h3 small {font-size: 20px;}  
  
  .topo_absolute .topo-header .t3-mainnav {margin: 0;} 
  .t3-mainnav .navbar .nav > li > a {font-size: 18px;} 
  
  .banner-contentTop {margin: -5px auto 0;} 
  .moduletable.content-home {margin: 3px 0 -20px;} 
  .home.homepage #t3-footer {padding: 40px 0 0;} 
  
  .moduletable_menu.footer li {width: 98%;} 

  .moduletable.rs-social {margin: 34px 0 -20px 0;} 
  .rssocial-icons-bottom-spacing li {margin: 0 5px !important;} 
  
  .category.floatleft {width: 23%;}  
  .t3-content.span9.pull-right .category.floatleft {width: 31.333%;}  
  .product.span4 {width: 23%;}      
  .t3-content.span9.pull-right .product.span4 {width: 31.333%;}      
  .categoria .nome h2 {font-size: 14.5px;}  
  .product.span4.span6 {width: 48%;}         
  .t3-content.span9.pull-right .product.span4.span6 {width: 98%;}         
  .product.span4 .spacer + figcaption, .product.span4 .spacer:hover + figcaption {margin: -360px 0 0 -57px;} 
} 		

@media (min-width: 769px) and (max-width: 980px) {
  .false-header {height: 140px;}    
  .topo_fixed + .false-header {height: 140px;}     
  #t3-header.container {padding: 0;} 
  .topo_absolute .span4.logo .logo-image {text-align: right;} 
  .topo_absolute .span4.logo img {max-height: 60px;} 
  .topo_fixed .span4.logo img {max-height: 50px;}    
  .topo-header .t3-mainnav {padding: 10px 0;} 
  .topo_absolute .topo-header .t3-mainnav {width: 100%; margin: 0;} 
  .t3-mainnav .navbar-inner {min-height: 50px;} 
  .span8.logo {height: 70px; margin: 31px 0 0;} 
  .banner {min-height: 140px; margin: -59px 0 0;} 
  .span8.logo, .topo-header .t3-mainnav {background-size: auto 70px;} 

  h1 {font-size: 32px; line-height: 36px; letter-spacing: -1px;}  
  h1 small {font-size: 30px; letter-spacing: -1px;}  
  h2 {font-size: 26px; line-height: 30px; letter-spacing: -1px;}  
  h2 small {font-size: 22px; letter-spacing: -0.5px;}  
  h3 {font-size: 20px; line-height: 24px; letter-spacing: -0.5px;}  
  h3 small {font-size: 18px;}  
  
  .t3-mainbody {margin-top: 0;} 

  .banner-contentTop {margin: -25px auto 0;} 
  .moduletable.content-home {margin: 3px 0 -20px;} 
  .home.homepage #t3-footer {background: #B2B2B2; padding: 50px 0 0;} 

  .t3-mainnav .navbar .nav > li > a {font-size: 18px; padding: 16px 8px 14px;} 
  
  .moduletable_menu.footer li {width: 98%;} 

  .moduletable.rs-social {margin: 33px 0 -20px 0;} 
  .rssocial-icons-bottom-spacing li {margin: 0 5px !important;} 
  
  .category.floatleft {width: 31.333%;}  
  .t3-content.span8.pull-right .category.floatleft {width: 48%;}  
  .product.span4 {width: 31.333%;}      
  .t3-content.span8.pull-right .product.span4 {width: 48%;}      
  .categoria .nome h2 {font-size: 14.5px;}  
  .product.span4.span6 {width: 48%;}         
  .t3-content.span8.pull-right .product.span4.span6 {width: 98%;}         
  .product.span4 .spacer + figcaption, .product.span4 .spacer:hover + figcaption {margin: -360px 0 0 -62px;} 
  
  .module.login-registo .selectBtn .loginBtn:first-child {padding-left: 6px; padding-right: 6px; font-size: 13px; line-height: 28px;} 
} 

@media (max-width: 768px) {
  body {background-size: 22% auto; background-position: left 44px; padding-top: 40px;} 
  .bg-body {z-index: auto;} 
  h1 {font-size: 30px; line-height: 34px; letter-spacing: 0;}  
  h1 small {font-size: 28px; letter-spacing: 0;}  
  h2 {font-size: 24px; line-height: 28px; letter-spacing: 0;}  
  h2 small {font-size: 22px; letter-spacing: 0;}  
  h3 {font-size: 18px; line-height: 22px; letter-spacing: 0;}  
  h3 small {font-size: 16px;}  

  .topo_fixed {animation-duration: 0.5s; animation-fill-mode: both;} 
  @keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-100px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
  .topo_fixed {animation-name: fadeInDown;} 
  .topo-header .t3-mainnav {background: transparent url("../images/bg-menu.png") repeat-y left bottom; padding: 0; z-index: 1;} 
  .t3-mainnav .navbar .btn-navbar {background: none; color: #fff !important; border: 0; border-radius: 0; margin: 5px 0 0;} 
  .t3-mainnav .navbar .btn-navbar [class^="icon-"], .t3-mainnav .navbar .btn-navbar [class^=" icon-"] [class^=" icon-"] {color: #777; font-size: 20px;} 
  .t3-mainnav .navbar .nav > li > a {color: #555;} 
  .t3-mainnav .nav-collapse .nav > li > a:hover {background-color: #ccc;} 
  .span4.logo {min-height: 0; margin: 10px 0 0;}  
  
  #topo.topo_fixed .topo-header .t3-header {padding: 0;} 
  #topo.topo_fixed {background: none;}  
  #topo.topo_fixed .span4.logo {display: none;} 
  .topo_fixed .span8.logo {background: none; height: auto; min-height: 0;} 
  .topo_fixed .topo-header .t3-mainnav {background-size: 100% auto; display: inline-block; padding: 0;} 
  
  #topo.topo_absolute, #t3-header.container {background: none;} 
  
  #t3-header.container {padding: 0;} 
  .topo_absolute .span4.logo img {margin: 5px 0; max-height: 60px;} 
  .topo_fixed .span4.logo img {max-height: 50px;}    
  .false-header {width: 100%; height: 80px;}    
  .topo_fixed + .false-header {height: 80px;}     
  .container.navbar {padding-left: 0;} 
  .t3-mainnav.navbar-collapse-fixed-top, .t3-mainnav.navbar-collapse-fixed-bottom {margin: 0 !important; border-top: 0;} 
  .topo_fixed .t3-mainnav.navbar-collapse-fixed-top, .t3-mainnav.navbar-collapse-fixed-bottom {margin: 0 !important;} 
  .t3-mainbody {padding-bottom: 20px; padding-top: 10px;} 
  #t3-content {width: 98%; float: none; margin: 30px 1%;} 
  .t3-sidebar.t3-sidebar-1.span3, .t3-sidebar.t3-sidebar-1.span12 {width: 98%; display: table; float: none; margin: 0 1%;} 
  
  .span8.logo {background: none; height: auto; margin: 0;} 
  .banner {background-size: 100% 100%; min-height: 70px; margin: -10px 0 0;} 
  
  .banner-contentTop {margin: 10px auto 0;} 
  .moduletable.content-home {margin: 3px 0 -20px;} 
  .home-img_inner {width: 100%; margin: -33% 0 0;} 
  .home.homepage #t3-footer {padding: 40px 0 0;} 

  .footer-top .span4 {width: 98%; margin: 0 1%;} 
  .footer-top .span4 + .span4 {width: 98%; margin: 0 1%;} 
  .footer-top .span4 + .span4 + .span4 {width: 98%; margin: 0 1%;} 

  .moduletable_menu.footer {margin: 35px auto;} 
  .moduletable.contactos.footer {margin: 35px auto 0;} 
  .module.contactos.footer {margin: 0;} 
  
  .moduletable.rs-social {margin: 0 0 -10px 0;} 
  .rssocial-icons-bottom-spacing li {margin: 0 5px !important;} 
  
  .span6.moduletable_menu.footer, .span6.moduletable_menu.footer + .span6.moduletable_menu.footer {margin: 10px 0 0;} 
  .footer-bottom .bottom {width: 100%; margin: 0; padding: 0;} 
  .moduletable.footer .span4 {text-align: center;} 
  td.bottom {padding: 0 1.5%;} 
  .t3-copyright .span4 {text-align: center !important;} 
  .bg-absolute {width: 20%;}   
  
  .t3-content.span9.pull-right .product.span4.span6, .product.span4.span6 {width: 97.5%; max-width: 97.5%;}               
  .product.span4 .spacer + figcaption, .product.span4 .spacer:hover + figcaption {margin: -360px auto 0; width: 240px;} 
} 
	
@media (min-width: 601px) and (max-width: 768px) {	
  .banner-top {margin: 80px 0 0;} 

  .home-footer .span4 {width: 96%;} 
  .footer .span3 + .span3, .footer .span3 + .span3 + .span3, .footer .span3 + .span3 + .span3 + .span3 {float: left; width: 31.333%; margin: 20px 1%;} 
  
  .category.floatleft {width: 31.333%;}  
  .t3-content.span9.pull-right .product.span4, .product.span4 {width: 48% !important;}      
  
  .moduletable_menu.footer li {width: 46%; margin: 0 2%;} 
} 
	
@media (min-width: 481px) and (max-width: 600px) {	
  .topo_absolute .logo-image {margin: 0;} 
  .topo_fixed .logo-image {margin: 8px 0 4px 10px;} 
  
  .category.floatleft {width: 48%;}  
  .t3-content.span9.pull-right .product.span4, .product.span4 {width: 48%;}      
  .categoria .nome h2 {font-size: 14.5px;}  
  
  .moduletable_menu.footer li {width: 46%; margin: 0 2%;} 
} 

@media (max-width: 480px) {
  h1 {font-size: 25px; line-height: 26px; letter-spacing: 0;}  
  h1 small {font-size: 22px; letter-spacing: 0;}  
  h2 {font-size: 20px; line-height: 24px; letter-spacing: 0;}  
  h2 small {font-size: 18px; letter-spacing: 0;}  
  h3 {font-size: 17px; line-height: 22px; letter-spacing: 0;}  
  h3 small {font-size: 15px;}  
  
  .topo_absolute .span4.logo img {max-height: 50px; margin: 5px 0 0;} 
  .topo_fixed .span4.logo img {max-height: 50px;}    
  .false-header {width: 100%; height: 65px;}    
  .topo_fixed + .false-header {height: 55px;}     
  
  .banner-top {margin: 70px 0 0;} 
  
  .home-footer .span4 {width: 96%;} 
  .footer .span3 + .span3, .footer .span3 + .span3 + .span3, .footer .span3 + .span3 + .span3 + .span3 {width: 98%; text-align: center; margin: 20px 1%;} 
  .moduletable_menu.footer li {width: 46%; margin: 0 2%;} 
  
  .category.floatleft {width: 98% !important;}  
  .pull-left.gridlist.btn-group.span2 {display: none;} 
  .t3-content.span9.pull-right .product.span4, .product.span4 {margin: 15px auto; width: 97%; max-width: 320px; float: none;}  
  .categoria .nome h2 {font-size: 13px;} 
  .categoria.product.span4.span6 .spacer .sup-dir {width: 40px; height: 41px; margin: -9px -10px 0 0;} 
  .categoria.product.span4.span6 .spacer .sup-esq {width: 50px; height: 42px; margin: -10px 0 0 -12px;} 
  .product.span4.span6 figcaption .vm-customfields-wrap {margin: -10px 0 5px 0;}  
  .categoria a.product-details {font-size: 11px;}  
}  
	
@media (max-width: 400px) {
  .moduletable_menu.footer li {width: 96%; margin: 0 2%;} 
  
  .category-view .row .category .spacer {display: inline-block; width: 97.5%; float: none; margin: 10px 1%; padding: 0;} 
} 

/* ------- :::::: Default :::::: --- */  
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 769px) and (max-width: 980px) {
  #t3-content {
    margin-left: 2%;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

@media (min-width: 1201px) {
  .row {
    margin-left: -2%;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 2%;
  }
  #t3-content {
    margin-left: 2%;
}
  .container, .navbar-static-top .container, .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
	width: 98%;
	max-width: 1360px;
  }
  .span12 {
    width: 98%;
  }
  .span11 {
    width: 89.6%;
  }
  .span10 {
    width: 81.3%;
  }
  .span9 {
    width: 73%;
  }
  .span8 {
    width: 64.6%;
  }
  .span7 {
    width: 56.3%;
  }
  .span6 {
    width: 48%;
  }
  .span5 {
    width: 39.6%;
  }
  .span4 {
    width: 31.3%;
  }
  .span3 {
    width: 23%;
  }
  .span2 {
    width: 14.5%;
  }
  .span1 {
    width: 6.3%;
  }	  

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94635193133%;
  }
  .row-fluid .span11 {
    width: 91.387959866221%;
    *width: 91.334311797551%;
  }
  .row-fluid .span10 {
    width: 82.775919732441%;
    *width: 82.722271663772%;
  }
  .row-fluid .span9 {
    width: 74.163879598662%;
    *width: 74.110231529993%;
  }
  .row-fluid .span8 {
    width: 65.551839464883%;
    *width: 65.498191396213%;
  }
  .row-fluid .span7 {
    width: 56.939799331104%;
    *width: 56.886151262434%;
  }
  .row-fluid .span6 {
    width: 48.327759197324%;
    *width: 48.274111128655%;
  }
  .row-fluid .span5 {
    width: 39.715719063545%;
    *width: 39.662070994876%;
  }
  .row-fluid .span4 {
    width: 31.103678929766%;
    *width: 31.050030861096%;
  }
  .row-fluid .span3 {
    width: 22.491638795987%;
    *width: 22.437990727317%;
  }
  .row-fluid .span2 {
    width: 13.879598662207%;
    *width: 13.825950593538%;
  }
  .row-fluid .span1 {
    width: 5.2675585284281%;
    *width: 5.2139104597586%;
  }
  .row-fluid .offset12 {
    margin-left: 106.6889632107%;
    *margin-left: 106.58166707336%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 103.34448160535%;
    *margin-left: 103.23718546801%;
  }
  .row-fluid .offset11 {
    margin-left: 98.076923076923%;
    *margin-left: 97.969626939584%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.732441471572%;
    *margin-left: 94.625145334233%;
  }
  .row-fluid .offset10 {
    margin-left: 89.464882943144%;
    *margin-left: 89.357586805805%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 86.120401337793%;
    *margin-left: 86.013105200454%;
  }
  .row-fluid .offset9 {
    margin-left: 80.852842809365%;
    *margin-left: 80.745546672025%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.508361204013%;
    *margin-left: 77.401065066674%;
  }
  .row-fluid .offset8 {
    margin-left: 72.240802675585%;
    *margin-left: 72.133506538246%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.896321070234%;
    *margin-left: 68.789024932895%;
  }
  .row-fluid .offset7 {
    margin-left: 63.628762541806%;
    *margin-left: 63.521466404467%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 60.284280936455%;
    *margin-left: 60.176984799116%;
  }
  .row-fluid .offset6 {
    margin-left: 55.016722408027%;
    *margin-left: 54.909426270688%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.672240802676%;
    *margin-left: 51.564944665337%;
  }
  .row-fluid .offset5 {
    margin-left: 46.404682274247%;
    *margin-left: 46.297386136908%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 43.060200668896%;
    *margin-left: 42.952904531557%;
  }
  .row-fluid .offset4 {
    margin-left: 37.792642140468%;
    *margin-left: 37.685346003129%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.448160535117%;
    *margin-left: 34.340864397778%;
  }
  .row-fluid .offset3 {
    margin-left: 29.180602006689%;
    *margin-left: 29.07330586935%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.836120401338%;
    *margin-left: 25.728824263999%;
  }
  .row-fluid .offset2 {
    margin-left: 20.56856187291%;
    *margin-left: 20.461265735571%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.224080267559%;
    *margin-left: 17.116784130219%;
  }
  .row-fluid .offset1 {
    margin-left: 11.95652173913%;
    *margin-left: 11.849225601791%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.6120401337793%;
    *margin-left: 8.5047439964402%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2%;
  }

}

@media (min-width: 769px) and (max-width: 980px) {
  .row {
    margin-left: -2%;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 2%;
  }
  .container, .navbar-static-top .container, .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
	width: 98%;
	max-width: 1360px;
  }
  .span12 {
    width: 98%;
  }
  .span11 {
    width: 89.6%;
  }
  .span10 {
    width: 81.3%;
  }
  .span9 {
    width: 73%;
  }
  .span8 {
    width: 64.6%;
  }
  .span7 {
    width: 56.3%;
  }
  .span6 {
    width: 48%;
  }
  .span5 {
    width: 39.6%;
  }
  .span4 {
    width: 31.3%;
  }
  .span3 {
    width: 23%;
  }
  .span2 {
    width: 14.5%;
  }
  .span1 {
    width: 6.3%;
  }	  

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7173913043478%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94635193133%;
  }
  .row-fluid .span11 {
    width: 91.387959866221%;
    *width: 91.334311797551%;
  }
  .row-fluid .span10 {
    width: 82.775919732441%;
    *width: 82.722271663772%;
  }
  .row-fluid .span9 {
    width: 74.163879598662%;
    *width: 74.110231529993%;
  }
  .row-fluid .span8 {
    width: 65.551839464883%;
    *width: 65.498191396213%;
  }
  .row-fluid .span7 {
    width: 56.939799331104%;
    *width: 56.886151262434%;
  }
  .row-fluid .span6 {
    width: 48.327759197324%;
    *width: 48.274111128655%;
  }
  .row-fluid .span5 {
    width: 39.715719063545%;
    *width: 39.662070994876%;
  }
  .row-fluid .span4 {
    width: 31.103678929766%;
    *width: 31.050030861096%;
  }
  .row-fluid .span3 {
    width: 22.491638795987%;
    *width: 22.437990727317%;
  }
  .row-fluid .span2 {
    width: 13.879598662207%;
    *width: 13.825950593538%;
  }
  .row-fluid .span1 {
    width: 5.2675585284281%;
    *width: 5.2139104597586%;
  }
  .row-fluid .offset12 {
    margin-left: 105.4347826087%;
    *margin-left: 105.32748647136%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.71739130435%;
    *margin-left: 102.61009516701%;
  }
  .row-fluid .offset11 {
    margin-left: 98.076923076923%;
    *margin-left: 97.969626939584%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.732441471572%;
    *margin-left: 94.625145334233%;
  }
  .row-fluid .offset10 {
    margin-left: 89.464882943144%;
    *margin-left: 89.357586805805%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 86.120401337793%;
    *margin-left: 86.013105200454%;
  }
  .row-fluid .offset9 {
    margin-left: 80.852842809365%;
    *margin-left: 80.745546672025%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.508361204013%;
    *margin-left: 77.401065066674%;
  }
  .row-fluid .offset8 {
    margin-left: 72.240802675585%;
    *margin-left: 72.133506538246%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.896321070234%;
    *margin-left: 68.789024932895%;
  }
  .row-fluid .offset7 {
    margin-left: 63.628762541806%;
    *margin-left: 63.521466404467%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 60.284280936455%;
    *margin-left: 60.176984799116%;
  }
  .row-fluid .offset6 {
    margin-left: 55.016722408027%;
    *margin-left: 54.909426270688%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.672240802676%;
    *margin-left: 51.564944665337%;
  }
  .row-fluid .offset5 {
    margin-left: 46.404682274247%;
    *margin-left: 46.297386136908%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 43.060200668896%;
    *margin-left: 42.952904531557%;
  }
  .row-fluid .offset4 {
    margin-left: 37.792642140468%;
    *margin-left: 37.685346003129%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.448160535117%;
    *margin-left: 34.340864397778%;
  }
  .row-fluid .offset3 {
    margin-left: 29.180602006689%;
    *margin-left: 29.07330586935%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.836120401338%;
    *margin-left: 25.728824263999%;
  }
  .row-fluid .offset2 {
    margin-left: 20.56856187291%;
    *margin-left: 20.461265735571%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.224080267559%;
    *margin-left: 17.116784130219%;
  }
  .row-fluid .offset1 {
    margin-left: 11.95652173913%;
    *margin-left: 11.849225601791%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.6120401337793%;
    *margin-left: 8.5047439964402%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2%;
  }

}

@media (max-width: 768px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {width: 98%; padding: 0 1%;}
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0,0,0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .carousel-caption {
    position: static;
  }
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -moz-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}
.collapse.in {
  height: auto;
}

@media (max-width: 768px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #666;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #e6e6e6;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: auto;
  }
}
@media (min-width: 769px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}