@font-face {
            font-family: 'proxima_nova_rgregular';
     src: url('../fonts/proximanova-regular-webfont.woff') format('woff'),
     url('../fonts/proximanova-regular-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'proxima_nova_rgbold';
       src: url('../fonts/proximanova-bold-webfont.woff') format('woff'),
       url('../fonts/proximanova-bold-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
html {
	font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; background:#fff; }

body {/*font-family: 'Oxygen', sans-serif;*/ color: #161616;}

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2.01rem;
  font-size: 1.16rem;
  	font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; font-weight: 400;

}

h1, h2, h3, h4, h5, h6 {font-weight:700; 	font-family: Proxima Nova, 'proxima_nova_rgbold', Helvetica, Arial, sans-serif;
}

 h1 {font-size: 5rem; text-transform:uppercase; margin-bottom:0; }
 h3 {font-size: 3rem; margin-top:7rem; text-transform:uppercase;}

h4, h5 {font-weight:700; font-size: 1.92rem;}

.button-collapse {
  color: #26a69a;
}
nav.top {min-height: 120px; background-color: #ffffff; background-image:url(../img/top.jpg); background-size:cover; border-bottom: 10px solid #ffdd00;}
.brand-logo img {max-height:100px; padding: 25px 0 20px 0;}
.nav-wrapper .booking i {line-height:15px;}
li.share {font-size: 9px; color:#000; font-weight:700; text-transform:uppercase; line-height: 0px !important; margin-top: 4px !important;padding: 0;padding-right: 9px !important;}
.share i {height:30px;}

footer.page-footer .footer-copyright {height:80px;}

footer.page-footer .footer-copyright  li.share, #vt li.share {font-size: 16px; color:#000; font-weight:700; text-transform:uppercase; line-height: 0px !important; margin-top: 39px !important;padding: 0;padding-right: 0px !important;width: 90px !important;}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }


 #vt section, #tyres section, #drivers section {padding: 0.5rem 0 2.7rem 0;}


  .btn {border-radius:2px; text-transform: uppercase;   margin-top:17px; font-weight:700; }
.btn, .btn-floating { background-color:#e21804; color:#fff;}
.btn:hover, .btn-floating:hover { background-color:#ed200b; color:#000;}
.btn i.left {margin-left:-10px;}
.btn i.right {margin-right:-10px;}


footer.page-footer {
  margin: 0;
}


#index-banner.parallax-container {
  min-height: 720px;
}

#index-banner hr {border-bottom: 1px solid #fff; width: 80%; margin-top:2.8%; margin-bottom:2.8%; color:#fff;}
#index-banner h5 {margin-top:0; font-weight:700; text-transform:uppercase;}
#index-banner .btn-floating {margin-top:5%;}

.fullscreen-bg {
  position: absolute ;
  top: -20px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#vt {color: #161616;}
#vt .parallax {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcde34+0,fcde32+25,d4c25a+63,d4c556+67,d5c853+68,ccc15e+71,ecc844+71,fcde38+74,fce434+75,fcdd40+75,f8e642+78,fcdf3c+79,fce23a+82,fce044+82,f8e344+85,f5e943+87,f8e644+89,f8e644+96,fce040+97,fcdb4a+98,f4da5a+99,fce356+100 */
background: #fcde34; /* Old browsers */
background: -moz-linear-gradient(top,  #fcde34 0%, #fcde32 25%, #d4c25a 63%, #d4c556 67%, #d5c853 68%, #ccc15e 71%, #ecc844 71%, #fcde38 74%, #fce434 75%, #fcdd40 75%, #f8e642 78%, #fcdf3c 79%, #fce23a 82%, #fce044 82%, #f8e344 85%, #f5e943 87%, #f8e644 89%, #f8e644 96%, #fce040 97%, #fcdb4a 98%, #f4da5a 99%, #fce356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcde34), color-stop(25%,#fcde32), color-stop(63%,#d4c25a), color-stop(67%,#d4c556), color-stop(68%,#d5c853), color-stop(71%,#ccc15e), color-stop(71%,#ecc844), color-stop(74%,#fcde38), color-stop(75%,#fce434), color-stop(75%,#fcdd40), color-stop(78%,#f8e642), color-stop(79%,#fcdf3c), color-stop(82%,#fce23a), color-stop(82%,#fce044), color-stop(85%,#f8e344), color-stop(87%,#f5e943), color-stop(89%,#f8e644), color-stop(96%,#f8e644), color-stop(97%,#fce040), color-stop(98%,#fcdb4a), color-stop(99%,#f4da5a), color-stop(100%,#fce356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcde34 0%,#fcde32 25%,#d4c25a 63%,#d4c556 67%,#d5c853 68%,#ccc15e 71%,#ecc844 71%,#fcde38 74%,#fce434 75%,#fcdd40 75%,#f8e642 78%,#fcdf3c 79%,#fce23a 82%,#fce044 82%,#f8e344 85%,#f5e943 87%,#f8e644 89%,#f8e644 96%,#fce040 97%,#fcdb4a 98%,#f4da5a 99%,#fce356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcde34 0%,#fcde32 25%,#d4c25a 63%,#d4c556 67%,#d5c853 68%,#ccc15e 71%,#ecc844 71%,#fcde38 74%,#fce434 75%,#fcdd40 75%,#f8e642 78%,#fcdf3c 79%,#fce23a 82%,#fce044 82%,#f8e344 85%,#f5e943 87%,#f8e644 89%,#f8e644 96%,#fce040 97%,#fcdb4a 98%,#f4da5a 99%,#fce356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcde34 0%,#fcde32 25%,#d4c25a 63%,#d4c556 67%,#d5c853 68%,#ccc15e 71%,#ecc844 71%,#fcde38 74%,#fce434 75%,#fcdd40 75%,#f8e642 78%,#fcdf3c 79%,#fce23a 82%,#fce044 82%,#f8e344 85%,#f5e943 87%,#f8e644 89%,#f8e644 96%,#fce040 97%,#fcdb4a 98%,#f4da5a 99%,#fce356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcde34 0%,#fcde32 25%,#d4c25a 63%,#d4c556 67%,#d5c853 68%,#ccc15e 71%,#ecc844 71%,#fcde38 74%,#fce434 75%,#fcdd40 75%,#f8e642 78%,#fcdf3c 79%,#fce23a 82%,#fce044 82%,#f8e344 85%,#f5e943 87%,#f8e644 89%,#f8e644 96%,#fce040 97%,#fcdb4a 98%,#f4da5a 99%,#fce356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde34', endColorstr='#fce356',GradientType=0 ); /* IE6-9 */}

.tours {display:none;}
.tours h4 {margin-bottom:25px;}

#drivers .card-title {color: #e21804; font-weight:700; font-size: 1.92rem;}
#drivers .card.medium {height: 360px;}

.collapsible-header {height:75px;}
.collapsible-header h5, .collapsible-header i {line-height:75px;}
.collapsible-header, .collapsible {color: #161616; background: #fff; }
.collapsible-body {background: #fcde34; color: #161616;padding-bottom: 2rem !important;}
.collapsible-body img {padding: 2rem 2rem 0.7rem 0;}

.collapsible-body p {text-align:left; padding-bottom:0;}


.lead {font-size:130%; font-weight:700;}
footer.page-footer {background:none; }
footer.page-footer p  {font-size: 0.9rem; line-height:1.7rem;}

footer.page-footer .footer-copyright{background: #fcde34; color: #161616; }

@media only screen and (max-width : 992px) {

}


@media only screen and (max-width : 600px) {
	 h1 {font-size: 3.2rem;}
 h3 {font-size: 2.3rem; margin-top:3.5rem;}

h4, #drivers .card-title {font-size: 1.12rem;}
h5	{font-size: 1.02rem;}


  #index-banner .section {
    top: 0;
  }
  #index-banner.parallax-container {
  min-height: 340px;
}

p {
  line-height: 1.61rem;
  font-size: 1em;
  	font-family: Proxima Nova, 'proxima_nova_rgregular', Helvetica, Arial, sans-serif; font-weight: 400;
}

  .btn, .btn-large { font-size:0.7rem !important; }

  .collapsible-body img {
    padding: 2rem 2rem 0.7rem 2rem;
}

#drivers .card.medium {
    height: 210px;
}
.card.medium .card-image {
    height: 140px;
}
.card .card-content .card-title {line-height:1;}

.lead {text-align:left;}
footer.page-footer .footer-copyright {height:120px;}

}

video#bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('../img/hero-bg.jpg') no-repeat;
    background-size: cover;
}

video { display: block;
width: 110vw;
margin: -100px;
 }

@media screen and (max-device-width: 800px) {
     video#bgvid {
        display: none;
    }
	#bgvid {    background: url('../img/hero-bg.jpg') center center / cover no-repeat;
	}
}

.footer-icons {color: #000;  background: rgba(255,255,255,0.7); padding:10px 15px; text-align: center;}
.footer-icons a, .footer-icons span { color: #000; text-align: center; margin: 0 auto;}

.side-nav {width: 170px; font-size:10px;}