/*****************************************/
/********** MAIN ELEMENTS ****************/
/*****************************************/
body{background-color: #333333;color: #333333;font-family: 'Oswald', sans-serif;font-size: 16px;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
hr {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 50%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000;}
@media (min-width: 1200px){.navbar-brand {position: absolute;top: 0px; z-index:100;}}
/*****************************************/
/********** SPACING ELEMENTS *************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 70px;}}
@media (min-width: 1200px) {.topspacing{padding-top: 100px;}}
@media (min-width: 320px) {.sectionspacing{padding-top: 130px;}}
@media (min-width: 1200px) {.sectionspacing{padding-top: 170px;}}
.no-padding {padding: 0;}
.no-padding img{width: 100%;}
.iconnav{padding-top:0px; font-size:32px;}
.herospacing{padding-top:74px;}
#services{padding-top: 50px;margin-top: -50px;}
.section35{padding-left:35px;}
/*****************************************/
/********** BACKGROUND COLORS ************/
/*****************************************/
.white{background-color: #FFFFFF; color: #000000;}	
.grayLight{background-color: #dddddd; color: #333333;}
.grayDark{background-color: #333333; color: #dddddd;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #333333; font-family:'Special Elite', cursive;}
h2{color: #333333; font-family:'Special Elite', cursive;}
h3{color: #333333;}
h4{color: #333333;}
h5{color: #333333;}
.black{color:#fff; background-color:#000;}
.whiteText{color: #FFFFFF;}
.redText{color: #cc0000;}
.grayLightText{color: #dddddd;}
.grayDarkText{color: #333333;}
.shadowDark{text-shadow: 2px 2px #000000;}
.shadowLight{text-shadow: 2px 2px #dddddd;}
/*****************************************/
/****** DEFINE HERO IMAGE TEXT OVERLAY  **/
/*****************************************/
.header-text {position: relative;top: 40%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
@media (min-width: 320px){.header-text h1 {font-size: 40px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 576px){.header-text h1 {font-size: 60px;}.header-text h3 {font-size: 30px;}}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #000000; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #000000; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #cc0000; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 18px; text-decoration: none;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: none;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: none;}
a.a3:link{   color: #dddddd; font-size: 16px; text-decoration: underline;}  /*LINKS IN FOOTER -> Privacy Policy*/
a.a3:visited{color: #dddddd; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #999999; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #cc0000; font-size: 18px; text-decoration: none;}       /*LINKS IN FOOTER -> Menu Items*/
a.a4:visited{color: #cc0000; font-size: 18px; text-decoration: none;}
a.a4:hover{  color: #ffffff; font-size: 18px; text-decoration: none;}
/*****************************************/
/********** BACKGROUND PICS***************/
/*****************************************/
@media (min-width: 0px) {.heropicture{background-image: url("pictures/driver-navigator-on-the-track-queen-city-off-road-mobile.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 321px) {.heropicture{background-image: url("pictures/driver-navigator-on-the-track-queen-city-off-road-tablet.jpg");width: 100%;min-height: 768px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 769px) {.heropicture{background-image: url("pictures/driver-navigator-on-the-track-queen-city-off-road.jpg");width: 100%;min-height: 800px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
.aboutpicture{background-image: url("pictures/driver-navigator-on-the-track-queen-city-off-road.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.contactpicture{background-image: url("pictures/driver-navigator-on-the-track-queen-city-off-road.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-success{color:#000;background-color:#cc0000;border-color:#cc0000}
.btn-success:hover{color:#fff;background-color:#800000;border-color:#800000}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:teal;border-color:#005a5a}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#00b3b3;border-color:#000}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
.navbar-custom {background-color: #000;}
.navbar-custom .navbar-nav .nav-link {font-size: 18px;font-family: Tahoma, Geneva, sans-serif;color: rgba(0, 0, 0, 1);}
.navbar-custom .navbar .navbar-nav>li>a:hover,
.navbar-custom .navbar .navbar-nav>li>a:focus {color: rgba(0, 153, 204, 1);}
#navbar{background-color: #000;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #cc0000;text-align: center;text-decoration: none;padding: 12px;font-size: 20px; font-family: neue-aachen-pro,sans-serif;font-weight: 700;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 40px;}
#navbar a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: Tahoma, sans-serif;}
#navbar a:hover {color: #800000;}
#navbar .navbar-brand{padding: 0px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {#navbar {padding: 10px 10px !important;}#navbar a {float: none;display: block;text-align: left;}#navbar-right {float: none;}}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(204, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler{border-color: rgb(204, 0, 0);} 
/*****************************************/
/********** IFRAME RESIZING **************/
/*****************************************/
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*****************************************/
/**********HOVER OPTIONS *****************/
/*****************************************/
.image {opacity: 1;display: block;transition: .5s ease;backface-visibility: hidden;}
.container-img:hover .image {opacity: 0.3;}
.container-hover{position: relative;width: 100%;}
.image-hover {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.middle {transition: .5s ease;opacity: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.container-hover:hover .image-hover{opacity: 0.3;}
.container-hover:hover .middle{opacity: 1;}
.padding-0{padding-right:0;padding-left:0;}