/*
The styles in this stylesheet only apply to resolutions 768px and up

CALCULATING DIMENSIONS:
----------------------
The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width.
All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result
Credit - http://www.alistapart.com/articles/fluidgrids/

-----
INDEX
-----

1. Global dropdown styles
2. Top Navigation
3. Main navigation dropdown menus
4. General layout related tweaks

*/
/* Tablet Portrait size and sizes above 768 (devices and browsers) */
@media only screen and (min-width: 800px) {
   .labomba-menu .labomba-image-menu a img { 
opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   background: #fff;
 }
 .labomba-menu .labomba-image-menu a img:hover {
  opacity: .8;
 }
  .labomba-menu ul.sub-menu li .sub-menu li a{
padding: 7px 0px 7px 0px!important;
  font: 300 12px/14px 'Open Sans', sans-serif;
}
.ie #top .labomba-menu > ul.sub-menu,
.ie9 #top .labomba-menu > ul.sub-menu {
_position:absolute;
 
left: 0px
}
.ie .labomba-menu ul.sub-menu,
.ie9 .labomba-menu ul.sub-menu {
_position:absolute;
 
left: 0px;
}
  .labomba-menu ul.sub-menu {
left: 0px!important;
position: fixed;
padding-top:28px;
padding-bottom:28px;
}
#top .labomba-menu ul.sub-menu {
left: 0px!important;
position: fixed;
height: auto;
margin-left: 0px!important;
 
background: #fff;
border: 1px solid #dbdbdb;
box-shadow: .202em .202em 0 0 rgba(232, 228, 227, 0.15);
-webkit-box-shadow: .202em .202em 0 0 rgba(232, 228, 227, 0.15);
padding-top:28px;
padding-bottom:28px;
}
#top #main-nav{
text-align: center;
}
#top ul.nav > li {
  float: none;
  display: inline-block;
}
#top ul.nav li .sub-menu {
  text-align: left;
}
 #top .labomba-menu ul.sub-menu li .sub-menu {
  padding-top:14px;
padding-bottom:0px;
position: relative;
}
  .labomba-menu > ul.sub-menu {
padding-top:28px;
padding-bottom:28px;
}

 .labomba-menu ul.sub-menu li .sub-menu {
  padding-top:14px;
padding-bottom:0px;
}
  .labomba-menu ul.sub-menu li {
  display:  block;
  float: left;
}
  .labomba-menu ul.sub-menu li > a {
padding: 7px 0px 7px 0px!important;
  font: 300 13px/14px 'Open Sans', sans-serif;
}
  .labomba-menu ul.sub-menu li .sub-menu {
left: 0px;
position: relative;
background: transparent!important;
border: none!important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
}
  .labomba-menu:hover ul.sub-menu li{
visibility: visible;
}
 .labomba-menu ul.sub-menu li .sub-menu li{
display: block;
float: none;
}
  .labomba-menu ul.sub-menu .parent a:after{
 content: ' ';
 border: none!important;
}
  .labomba-menu .labomba-image-menu a {
  line-height: 0!important;
 font-size: 0!important;
}
 
 .labomba-menu-1col, 
 .labomba-menu-2col, 
 .labomba-menu-3col, 
 .labomba-menu-4col, 
 .labomba-menu-5col, 
 .labomba-menu-6col {

  float: left;
  display: block;
  margin-right:2.85715%;
 }
.labomba-menu-last{
  margin-right: 0!important;
}
 .labomba-menu-1col{
  width: 14.28571%;
 }
 .labomba-menu-2col {
  width: 31.42857%;
}
 .labomba-menu-3col{
  width: 48.57142%;
}
 .labomba-menu-4col {
  width: 65.71428%;
}
 .labomba-menu-5col{
  width: 82.85714%;
}
 .labomba-menu-6col {
  width: 100%;
  margin-right: 0;
}
.labomba-menu-51col {
  width: 17.24137%;
  margin-right: 3.44827%;
}
.labomba-menu-52col{
  width: 37.93103%;
  margin-right: 3.44827%;
}
.labomba-menu-53col{
  width: 58.62068%;
  margin-right: 3.44827%;
}
.labomba-menu-53col {
  width: 79.31034%;
  margin-right: 3.44827%;
}
.labomba-menu-55col{
  width: 100%;
  margin-right: 0;
}
 .labomba-menu-41col {
  width: 21.73913%;
  margin-right: 4.34782%;
}
.labomba-menu-42col{
  width: 47.82608%;
  margin-right: 4.34782%;
}
.labomba-menu-43col {
  width: 73.91304%;
  margin-right: 4.34782%;
}
.labomba-menu-44col {
  width: 100%;
  margin-right: 0;
}


 .labomba-menu-1col > a, 
 .labomba-menu-2col > a, 
 .labomba-menu-3col > a, 
 .labomba-menu-4col > a, 
 .labomba-menu-5col > a, 
 .labomba-menu-6col > a,
 .labomba-menu-51col > a,
 .labomba-menu-52col > a,
 .labomba-menu-53col > a,
 .labomba-menu-54col > a,
 .labomba-menu-55col > a,
 .labomba-menu-41col > a,
 .labomba-menu-42col > a,
 .labomba-menu-43col > a,
 .labomba-menu-44col > a {
border-bottom: 1px solid #000;
 }
 .labomba-image-menu > a {
border-bottom: none!important;

 }

/*for ie*/
.ie .labomba-menu-1col, 
.ie .labomba-menu-2col, 
.ie .labomba-menu-3col, 
.ie .labomba-menu-4col, 
.ie .labomba-menu-5col, 
.ie .labomba-menu-6col,
.ie9 .labomba-menu-1col, 
.ie9 .labomba-menu-2col, 
.ie9 .labomba-menu-3col, 
.ie9 .labomba-menu-4col, 
.ie9 .labomba-menu-5col, 
.ie9 .labomba-menu-6col {

  float: left;
  display: block;
  margin-right:28px;
 }
.ie .labomba-menu-last,
.ie9 .labomba-menu-last{
  margin-right: 0!important;
}
.ie .labomba-menu-1col,
.ie9  .labomba-menu-1col{
  width: 140px;
 }
 .ie  .labomba-menu-2col,
.ie9  .labomba-menu-2col {
  width: 308px;
}
.ie  .labomba-menu-3col,
.ie9  .labomba-menu-3col{
  width: 476px;
}
.ie  .labomba-menu-4col,
.ie9  .labomba-menu-4col {
  width: 644px;
}
.ie  .labomba-menu-5col,
.ie9  .labomba-menu-5col{
  width: 812px;
}
.ie  .labomba-menu-6col,
.ie9  .labomba-menu-6col {
  width: 980px;
  margin-right: 0;
}
.ie  .labomba-menu-51col,
.ie9 .labomba-menu-51col {
  width: 176px;
  margin-right: 25px;
}
.ie  .labomba-menu-52col,
.ie9 .labomba-menu-52col{
  width: 377px;
  margin-