/*! Place your custom styles here */

.clear-supp{

clear:both !important;
margin-top:400px !important;
margin-bottom:500px !important;
 }
 
 .clear-suppp{
position:absolute !important;
clear:both !important;
margin-top:800px !important;
 }

img.team{margin-top:65px; }

.bar .logo{max-height:7.85714286em !important; }/* LOGO */

.section--ken-burns{margin-top:75px !important; }/* BANNER */

.bar .menu-horizontal{top:36px !important; }/* NAV ADJUSTMENT */

/*! CUSTOM CSS HERE */

h3{font-weight:600; font-size:18px !important; }

#menu2{
margin-bottom:75px !important;
 }
 
 ul.social-supp{float:right !important; margin-top:30px; margin-right:-100px; }
 
 .bg--primary{background:#454545 url('http://bestbbqinamerica.com/images/bg-regions.jpg')50% 40% no-repeat !important; position:static; z-index:-3000;}


 .bg--primary2{background:#E1DCD6 !important; }
 
 h2.heading-supp{color:#fff; text-align:center; }
 h2.heading-suppp{color:#fff; text-align:center; }
 
 
 .alt-bg{background:rgba(51,51,51,0.82); padding:15px; }
 
 .light-supp{color:#fff; }
 .light-supp-secondary{color:#ddd; }
 
 
 
 section, footer{
 padding-bottom:19em
 
  }
  
  h2.dk-supp{color:#fff !important; text-align:center;}
  h2.dk-supp2{color:#fff !important; text-align:center; font-weight:bold;}
  
  footer{border-top:1px solid #fff !important; }
  
  
  .box-suppp{
  margin-left:-70px;
   background:#8497B0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 923px;
  height: auto;
  border: 3px solid #8497B0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 14px/1 "Times New Roman", Times, serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
   -webkit-box-shadow: 3px 3px 18px 3px rgba(0,0,0,1) ;
  box-shadow: 3px 3px 18px 3px rgba(0,0,0,1) ;
}
   outline: #000000 solid thick;

  
   }
   
  
   
   #bbq2_25381{width:923px !important; }
   
   article .article__body p, article .article__body ul{
   font-size:1.1em !important;
   
    }
  
 
 #container-supp .container{margin-top:500px !important; }
 
 .border-supp{
 border:4px solid #eeeeee;
 outline-color:#444;
 outline-style:solid;
 
  }
  
 
  
  svg.bgwhite{
  background:#454545 !important;
  
   }
   
   
   .tiles p{
   padding:15px !important;
   text-align:left;
   
    }
 
 .ss-style-roundedges{
 padding-bottom:5em !important;
 
  }
  
  .bg-supp{background:#000 url('http://bestbbqinamerica.com/images/grill.jpg')no-repeat center center; }
  
  .bbq-content{
  background:#fff;
  padding:25px;
  border: 5px solid #ccc;
  -webkit-border-radius: 5px;
border-radius: 5px;
margin-top:100px;
 outline: #aaa solid thin;
 outline-offset: -10px;
  
   }
   
   .bbq-content p{text-align:left !important; }
   
   .menu-vertical li{width:auto !important; }
   
   
   p.font-supp{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight:300;
   
   
    }
  
 
 /*! SCATTER */
 
 
 .bg-split {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f4cac9), color-stop(50%, #e7247f));
  background: linear-gradient(90deg, #f4cac9 50%, #e7247f 50%);
}
.headcount {
  padding-left: 60px;
  color: #ffffff;
 
}
.coverage {
  padding-right: 60px;
}
.padding-y {
  padding-top: 60px;
  padding-bottom: 60px;
}
/***/
.year-wrapper--2016 .headcount {
  position: static;
  padding-bottom: 370px;
}
.year-wrapper--2016 .bg-split {
  position: relative;
}
.headcount__gallery {
  position: absolute;
  top:20%;
  left: 10%;
  bottom: 0;
  right: 0;
  height: 270px;
 
}

.headcount__gallery span.one {
  display: block;
  width: 200px;
  height: 150px;
  background-color: #aaa;
  position: absolute;
  bottom: 30px;
  left: 20px;
  border: 3px solid #aaa;
    background-image: url('http://bestbbqinamerica.com/images/1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: -2px 1px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -2px 1px 5px 0px rgba(0,0,0,0.25);
box-shadow: -2px 1px 5px 0px rgba(0,0,0,0.25);
  }
  
  
   
  .headcount__gallery span.two {
  display: block;
  width: 200px;
  height: 150px;
  background-color: #333;
  position: absolute;
  bottom: 30px;
  left: 20px;
  border: 1px solid #333;
    background-image: url('http://bestbbqinamerica.com/images/2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  
   -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 150px;
  border: 3px solid #cccccc;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: -6px 9px 14px -6px rgba(0,0,0,0.54) ;
  box-shadow: -6px 9px 14px -6px rgba(0,0,0,0.54) ;




  }
  
   
   
  .headcount__gallery span.three {
  display: block;
  width: 195px;
  height: 135px;
  background-color: #333;
  position: absolute;
  bottom: 30px;
  left: 20px;
  border: 1px solid #333;
    background-image: url('http://bestbbqinamerica.com/images/3.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  
  
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 150px;
  border: 3px solid #cccccc;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: 8px 9px 14px -6px rgba(0,0,0,0.54) ;
  box-shadow: 8px 9px 14px -6px rgba(0,0,0,0.54) ;




  }
     
   
   .headcount__gallery span.four {
  display: block;
  width: 200px;
  height: 150px;
  background-color: #333;
  position: absolute;
  bottom: 30px;
  left: 20px;
  border: 1px solid #333;
    background-image: url('http://bestbbqinamerica.com/images/4.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 
 
     -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 150px;
  border: 3px solid #cccccc;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: -10px 0 14px -6px rgba(0,0,0,0.2) , 3px -4px 14px -6px rgba(0,0,0,0.54) ;
  box-shadow: -10px 0 14px -6px rgba(0,0,0,0.2) , 3px -4px 14px -6px rgba(0,0,0,0.54) ;


  }
  
   .headcount__gallery span.five {
  display: block;
  width: 200px;
  height: 150px;
  background-color: #333;
  position: absolute;
  bottom: 30px;
  left: 20px;
  border: 1px solid #333;
    background-image: url('http://bestbbqinamerica.com/images/5.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
    -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px;
  height: 150px;
  border: 3px solid #cccccc;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-shadow: -6px -4px 21px -6px rgba(0,0,0,0.54) ;
  box-shadow: -6px -4px 21px -6px rgba(0,0,0,0.54) ;
  
  }
   
   
   
   .headcount__gallery span.one {
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  bottom: 30px;
  left: -15px;
}
   
   
  .headcount__gallery span.two {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  bottom: -15px;
  left: 100px;
}
     
 .headcount__gallery span.three {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  bottom: -30px;
  left: 250px;
  z-index: 1;
}
.headcount__gallery span.four {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  bottom: 100px;
  left: 350px;
}

.headcount__gallery span.five {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  bottom: 100px;
  left: 150px;
}

 
 

 /*! SPLIT NAVIGATION */



#header {
 
  height: 40px;
  position: relative;
  margin: 0 auto 0;
  margin-top:80px !important;
    margin-bottom:115px !important;
}


#header ul {
  margin: 0 auto;
  width: 800px;
  padding: 0;
  list-style: none;
}

#header ul li {
  float: left;
  width: 97px;
}

#header ul li:nth-of-type(4) {
  margin-left: 217px;
}

#header ul li a {
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 12px 0 35px 0;
  height: 28px;
}

#header ul li span {
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 12px 0 35px 0;
  height: 28px;
  color:#c75146;
}

#header ul li a:hover {
  background: #8497B0;
    color:#fff;
}

#header ul li span:hover {
  background: #8497B0;
    color:#fff;
    cursor:pointer;
    
}

.logo {
  position: absolute;
  left: 50%;
  margin: -48px 0 0 -108px;
}


@media screen and (max-width: 800px) {
  .bar .logo {
  margin-left:150px;
    bottom: 100%;
  }

  #header ul li:nth-of-type(4) {
    margin-left: 0;
  }
  
  #header ul {
    width: 600px;
    position: relative;
  }
  a.suppp {display:none !important; }
}


ul.pos-fixed{

border:1px solid #333;
border-left:0ps solid #333;
-webkit-box-shadow: 7px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 1px 5px 0px rgba(0,0,0,0.75);

}

 #header ul.pos-fixed li:nth-of-type(4){
 margin-left:15px !important;
 
  }
  
 

span.dropdown__trigger:after{
content: '\e80a' !important;



 }
 
 .holder-supp {
   
  margin-left:-200px !important;
  width:400px !important;
  height:520px !important;
    
   
    }
    
    .border-supp{border-top:2px solid #000 !important; border-left:0px solid #fff; border-bottom:0px solid #fff;}