/* general styles */
.fade-opacity {opacity:.85;}
details {line-height:27px;  font-weight:400;  }
summary {background:none; font-weight:100; }
.sumbox {background:#fff; border-radius:10px; padding:2% 5%; opacity:0.7; margin-top:10px; margin-bottom:10px; color:#000; border:1px solid #E71939; box-shadow: 2px 2px 5px #BABABA;
}
.sumbox h4 { line-height:1.3; }
h4.agenda {color:#000;}
.boxes {background: #666; font-size:20px; padding:2px 14%;  margin:2%; text-align:center;}
.boxes:hover {background: #105D79;}
.sched .row{}
.sched .row .col-sm-2 {border-bottom:3px solid #D0CECE;}
.home-bullet {  font-size: 143%; line-height: 40px; color: #eee;}
.clean-section h1, .clean-section h2,.clean-section h3, .clean-section h4, .clean-section h5, .clean-section h6, .clean-section p, .clean-section li, .clean-section a {color:#000;}
.tag-ad {text-shadow: 2px 2px #000000; text-transform:uppercase; font-family:Avenir, Helvetica, sans-serif; line-height: 29px;}
.event {padding-bottom:3px; margin-bottom:2px; border-bottom:1px solid #fff;}
.sponsor-brand {opacity:0.9; margin-top:40px; }
h1 {font-family:Arial Black, Arial, sans-serif;}
h2{font-family:Orbitron, Arial, sans-serif;}
h4 {font-family:Metrophobic, Arial, sans-serif;}
html, body {height: 100%; width: 100%;}
footer .container {padding-bottom:51px;}
.phone-number{ padding: 2px; padding-bottom:20px; margin: 0; text-align: center;}
.navbar-fixed-bottom{background:#000;}
/* padded section */
.pad-section img {width: 95%;}
h1.forsale{text-align:right; padding-top:50px;}
h2.forsale{text-align:left; border-bottom:1px solid #333; padding-bottom:10px; }
ul.forsale li, h4.forsale {text-align:left;}
img.forsale {padding-top:20px;}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {

  margin: 0;
  padding: 0;
}

/* additional sections */
#home {
  background: url(../images/blue_carbon.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





#clean {
  background:#eee;
  color:#333;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#grid {
  background: url(../images/exec_bk.png) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#cayman {
  background: url(../images/porsche_spec.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#porsche911 {
  background: url(../images/porsche911.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lambo {
  background: url(../images/lamborghini_huracan.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#gt3 {
  background: url(../images/gt3_spec.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#gt3_2 {
  background: url(../images/gt3_engine.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#gt3_3 {
  background: url(../images/gt3_wing.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#gt4 {
  background: url(../images/gt4_spec.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#gt4_profile {
  background: url(../images/gt4_profile.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}



#divide {
  background: url(../images/wheel.jpg) no-repeat center center fixed;
  display: table;
    height: 249px;
    padding-top: 23px;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#news-article {
  background: #fff;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#news-article .post-title-page h2 {color: #333;
    font-weight: bolder;
    font-style: oblique;
    font-size: 2em;
    font-family: Arial Black;
    text-align: center;}

#news-article .container .post {max-width:1200px; margin:0 auto; color:#333; padding:3%;}

#news-article .container .post .nav-previous a, #news-article .container .post .nav-next a
 {color:#333;}

#news-header {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#cars{
  background: url(../images/steelback.jpg) ;
  background-repeat: repeat-y;
    background-repeat: repeat-x;

  height: 100%;
  width: 100%;
  display: table;
  position: relative;
}

#clubrace{
  background: url(../images/clubrace_pic.jpg) ;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#parts{
  background: url(../images/parts.jpg) ;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#block {
  background: url(../images/block.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#register {
  background: url(../images/register.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about {
}

#high-performance {
  background: url(https://www.theracersgroup.com/wp-content/uploads/2017/04/background_service.jpg) no-repeat center center fixed;;
  color: #000;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
  padding-bottom:100px;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#full-background-survey {
  background: url(../images/survey_background.jpg) no-repeat center center fixed;;
  color: #000;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#services {
  background: url(../images/services.jpg) no-repeat center center fixed;;
  color: #000;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#service_page {
  background: url(../images/service_pic.jpg) no-repeat center center fixed;;
  color: #000;
  display: table;
  position: relative;
  height:75%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#vinyl_page {
  background: url(../images/vinyl.jpg) no-repeat center center fixed;;
  color: #000;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#bluepage {
  background:#151942;
  color: #fff;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#tune-up {
  background: url(../images/tuneup2.jpg) no-repeat center center fixed;;
  color: #fff;
  display: table;
  position: relative;
  height:50%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#vinyl2 {
  background: url(../images/vinyl_full2.jpg) no-repeat center center fixed;;
  color: #fff;
  display: table;
  position: relative;
  height:800px;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#consult {
  background:#333;
  color: #fff;
  display: table;
  position: relative;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#services .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#maps{
  background: url(../images/shop_background.jpg) no-repeat center center fixed;;
  color: #ffffff;
    display: table;
  position: relative;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#pros{
 border-top:8px solid #3c0b0f;
  background: url(../images/nuts.jpg) no-repeat center center fixed;;
  color: #ffffff;
    display: table;
  position: relative;
  height:45%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#callus{
 border-top:8px solid #E71939;
  background: url(../images/contactpic.jpg) no-repeat center center fixed;;
  color: #ffffff;
    display: table;
  position: relative;
  height:800px;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#contact .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#agenda{
border-top:8px solid #E71939;
  background: #eee;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#legacy {
  background: url(../images/legacy.jpg) no-repeat center center fixed;
  display: table;
  height: 438px;
  vertical-align:middle;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#information .panel {
  opacity: 0.95;
}

#bornfrom {
  background: url(../images/team_porsche.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:80%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#astons {
  background: url(../images/texture_a.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#tier1 {
  background: url(../images/tier1_a.jpg) no-repeat center center fixed;;
  color: #ffffff;
  display: table;
  position: relative;
  height:750px;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #tier2 {
  background: url(../images/tier2_a.jpg) no-repeat center center fixed;;
  color: #ffffff;
  display: table;
  position: relative;
   top:190px;
   height:250px;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  #tier3 {
  background: url(../images/tier3_a.jpg) no-repeat center center fixed;;
  color: #ffffff;
  display: table;
  position: relative;
  top:-50px;
     height:100%;

  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
footer {
  padding: 20px 0;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}

#clubrace1 {
  background: url(../images/clubrace1.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#clubrace2 {
  background: url(../images/100.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace1 {
  background: url(../images/prorace1.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace2 {
  background: url(../images/prorace2.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace3 {
  background: url(../images/prorace3.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace4 {
  background: url(../images/prorace4.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace5 {
  background: url(../images/prorace5.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#prorace6 {
  background: url(../images/prorace4.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#lamborace1 {
  background: url(../images/lamborace1.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lamborace2 {
  background: url(../images/lamborace2.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lamborace3 {
  background: url(../images/lamborace3.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lamborace4 {
  background: url(../images/lamborace4.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#lamborace5 {
  background: url(../images/lamborace5.jpg) no-repeat center center fixed;;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#jason-alexandridis {
  background: url(../images/jason-alexandridis-cover.jpg) no-repeat center center fixed;
  display: table;
  position: relative;
  width: 100%;
  height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#shop {
  background: url(../images/shop.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#brands{
  background: url(../images/brandmix.jpg) no-repeat center center fixed;
  display: table;
  height: 700px;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#winning{
  background: url(../images/winning.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  padding:5% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}