@charset "UTF-8";
@font-face {
  font-family: 'social-icons';
  src:  url('../fonts/social-icons.eot?mbqoji');
  src:  url('../fonts/social-icons.eot?mbqoji#iefix') format('embedded-opentype'),
    url('../fonts/social-icons.ttf?mbqoji') format('truetype'),
    url('../fonts/social-icons.woff?mbqoji') format('woff'),
    url('../fonts/social-icons.svg?mbqoji#social-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'social-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-fb:before {
  content: "\ea90";
}
.icon-insta:before {
  content: "\ea92";
}
.icon-tw:before {
  content: "\ea96";
}

/* Normalize / Reset */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/* Ducati Styles and Structure */
html, body {margin:0; padding:0; background-color:#fff; color:#000; font-family: Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; -webkit-font-smoothing:antialiased;}
h1, h2, h3, h4, h4, p, a, ul, ol, li, form, input, button {font-family: Arial, Helvetica, sans-serif; font-weight:400; font-style:normal;}

sup {line-height: 0.5; font-size:60%;}
a {color:#000; text-decoration:none; font-weight:700 !important;}
h1, h2, h3 {font-weight:700;}
h2 {font-size:26px;}
img {max-width:100%; height:auto;}
a:hover {color:#ffd200; cursor:pointer;}
p {font-size:16px;}
header {background-color:#000; position:relative; padding:0 10px; text-align:center; height:100vh; color:#fff;}
.table {display:table; height:100%; width:100%; margin:0 auto;}
.table-cell {display:table-cell; height:100%; width:100%; vertical-align:middle; padding:0;}
header img {margin:40px auto;}
.top-logo {margin:0 auto; display:block; padding-top:20px;}
.top-logo img {margin:0 auto;}
.big-title {display:none; visibility:hidden;}
.scroll-down {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 20px;}
.scroll-down p {font-size:10px; margin-bottom:0px;}
.scroll-down p + span {font-size:20px;}
@media (max-height: 400px) {
  .scroll-down {position: relative; margin-top:50px;}
}
.btn {min-width:200px; text-transform:uppercase; font-weight:700;}
.btn-primary {background-color:#ffd200; color:#000; border:none; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color:#000; color:#ffd200; border:none;}
.btn-lg {padding:12px 18px; font-size:16px;}
footer {background-color:#000; padding:30px; color:#fff; text-align:center;}
footer .nav a {color:#fff; font-weight:700; background:transparent;}
footer .nav a:hover, footer .nav a:focus {color:#ffd200; background:transparent;}
section {}
.heading-img {margin-top:20px; margin-bottom:0;}
section h2, .heading-img {position:relative; padding:10px 0; text-transform:uppercase;}
section h2:after {content:''; position:absolute; left:0; bottom:0; height:2px; width:100px; display:block; background-color:#ffd200;}
.yellow-dash {height:2px; width:100px; margin-bottom:10px; background-color:#ffd200;}
.text-wrap, .img-wrap {padding:20px;}
.img-wrap, .img-side {text-align:center;}
section.intro {background-color: #000; color:#fff;}
.intro p {font-size:16px; padding:10px 20px;}
.intro .img-wrap {padding:30px 20px 40px;}
.angle-left {background: #ffd200; color:#000; margin:0 -15px; padding:10px 15px;}
.angle-left.black {background-color:#000; color:#fff;}
.angle-left.black a {color:#fff;}
.angle-left.black a:hover {color:#ffd200;}
.angle-left.white {background-color:#fff;}


section.video {margin:0 auto; text-align:center;}
.video-out-wrap {margin:30px auto;}
video {
  width: 100%    !important;
  height: auto   !important;
}
video::-webkit-media-controls-panel {background-color:#000;}
.video-wrap {
  position: relative;
  padding-bottom: 51%;
  padding-top: 25px;
  height: 0;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thumb {float: left; /*width: 16.6666666%;*/ width:25%; padding: 0 15px; box-sizing:border-box;
}
.thumb a {display:block; height:80px; background-size:cover; background-position:center center; background-repeat:no-repeat; border:solid 1px #dbdbdb; margin:20px 0 0;}

#gallery-1 {background-image:url(../img/grime/thumb-bunker-1.jpg);}
#gallery-2 {background-image:url(../img/grime/thumb-bunker-2.jpg);}
#gallery-3 {background-image:url(../img/grime/thumb-bunker-4.jpg);}
#gallery-4 {background-image:url(../img/grime/thumb-bunker-5.jpg);}
#gallery-5 {background-image:url(../img/grime/thumb-bunker-6.jpg);}
#gallery-6 {background-image:url(../img/grime/thumb-bunker-7.jpg);}
#gallery-7 {background-image:url(../img/grime/thumb-bunker-8.jpg);}
#gallery-8 {background-image:url(../img/grime/thumb-bunker-10.jpg);}
#gallery-9 {background-image:url(../img/grime/thumb-bunker-11.jpg);}
#gallery-10 {background-image:url(../img/grime/thumb-grime-bike.jpg);}
#gallery-11 {background-image:url(../img/grime/thumb-speedshop-1.jpg);}
#gallery-12 {background-image:url(../img/grime/thumb-speedshop-266.jpg);}
#gallery-14 {background-image:url(../img/grime/thumb-bunker-9.jpg);}
#gallery-15 {background-image:url(../img/grime/thumb-grime-jim.jpg);}

.fancybox-caption {border-top:none;}

.who-next {background-color:#000; color:#fff;}

.who-next a {color:#fff;}
.who-next a:hover {color:#ffd200;}

.project-reqs {border-top:solid 2px #f0f0f0; background:url('../img/topo-map.png') center top no-repeat; background-size:cover;}
.project-reqs .img-wrap {padding-bottom:0; display:block;}
.project-reqs ul {font-size:18px; padding-left:20px;}
.project-reqs ul li {margin:0 0 10px;}

#nomination {border-bottom:solid 2px #f0f0f0; background:url('../img/topo-map.png') center top no-repeat; background-size:100% auto;}
#nomination h2, #nomination .heading-img {margin-top:0;}
#nomination .btn {margin-bottom:10px;}
.nom-form {background:#f0f0f0;}
.nom-form .text-wrap {padding-bottom:10px;}


strong.error {color:#cc0000; display:block !important; margin: -10px 0 5px;}
.visible-xxs-block {display:none;}
.text-warp.failure, .text-wrap.success {padding-top:30px; padding-bottom:20px; display:block; font-weight:700;}

.form-control:focus {
	border-color: #ffd200;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 210, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 210, 0, 0.6);
}

@media (max-width: 549px) {
  .heading-img.visible-xs-block {display:none !important;}
  .heading-img.visible-xxs-block {display: block !important;}
  #nomination {background-size:auto 300px;}
}
@media (min-width:550px) and (max-width:767px) {
  .heading-img.visible-xs-block {
	display: block !important;
  }
}

@media (min-width:420px) {
  .video-wrap {padding-bottom: 52.25%;}
}

@media (min-width:550px) {
  .text-wrap, .img-wrap {padding:20px 30px;}
  .thumb-wrap {padding:0 20px;}
  .video-out-wrap {padding:0 20px;}
  
}

@media (min-width:620px) {
  .project-reqs .img-wrap {margin:55px 1px 40px 0; float:left;}
  .project-reqs .text-wrap {float:left;}
}
@media (min-width:768px) {
  header img {margin:60px auto 30px;}
  .small-title {display:none; visibility:hidden;}
  .big-title {display:inline; visibility:visible;}
  .top-logo {position:absolute; top:20px; right:20px; margin:0; padding:0;}
  .angle-left {
    background: #ffd200;
    color: #000;
    position: relative;
    z-index: 1;
    padding:60px 40px;
    margin-right:-15px;
  }
  .angle-left:after {
    background: inherit;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    left: 0;
    position: absolute;
    transform: skewX(-16deg);
    transform-origin: top left;
    z-index: -1;
  }
  .text-wrap, .img-wrap {padding:30px 40px;}
  .thumb-wrap {padding:0 40px;}
  .video-out-wrap {padding:0 10px;}
  section.video {padding:0 30px;}
  .video-wrap {padding-bottom: 54%;}
  
  footer {padding:40px 20px; color:#fff; text-align:left;}
  footer .logo {float:left;}
  footer .nav {margin-top:36px; float:right;}
  footer .nav li {display:inline-block;}
  
  .intro p {font-size:18px; margin-top:10px;}

  .who-next .angle-left {min-height:494px;}
  .who-next .angle-left .img-wrap {padding-left:0; padding-right:0; margin-top:100px;}

  .test-ride .img-wrap {padding:70px 20px 30px;}

  
}

@media (max-width:767px) {
  .text-wrap h2, .text-wrap .heading-img {padding-top:0;}
  
}

@media (min-width:991px) {
  h2 {font-size:30px;}
  header img {margin:60px auto;}
  .intro .img-wrap {padding-top:60px;}
  .two-columns {column-count: 2; column-gap: 40px;}
  .thumb-wrap{padding:90px 30px 10px 0;}
  .video-out-wrap {padding:0;}
  .nom-form {background:#f0f0f0 url('../img/mav-logo-gray.png') right 20% center no-repeat; background-size:300px;}
  .who-next p {padding-right:60px;}
  .scroll-down {bottom:40px;}
}
@media (min-width:991px) and (max-width:1080px) {
  .who-next .angle-left {min-height: 530px;}
}
@media (min-width:1140px) {
  .who-next .angle-left .img-wrap {margin-top:50px;}
  .test-ride .img-wrap {padding:40px;}
}
@media (min-width:1220px) {
  .who-next .angle-left {padding: 40px 40px 40px 0px;}
  .intro .img-wrap {padding-top:45px;}
  
}
@media (min-width:1360px) {
  .who-next .angle-left .img-wrap {margin-top:30px;}
  .big-title {width:800px; height:auto;}
  .scroll-down p {font-size:13px;}
  .scroll-down p + span {font-size:28px;}
  .mav-logo {width:360px; height:auto;}
  .intro p {padding:0; font-size:21px;}
  .text-wrap, .img-wrap {padding:60px 100px;}
  .text-wrap.info {padding-right:40px;}
  .thumb-wrap{padding:70px 40px 0 0;}
  .project-reqs .text-wrap {padding-left:20px;}
  .project-reqs ul {font-size:21px;}
  .test-ride .img-wrap {padding:40px 0 20px 80px;}
  .angle-left {padding:90px 100px;}
  .angle-left:after {transform: skewX(-20deg);}
  .video-out-wrap {margin:10px auto 60px;}

}
@media (min-width:1400px) {
  .test-ride .img-wrap {padding:40px 0 20px 100px;
}
@media (min-width:1490px) {
  .who-next .angle-left {min-height:0; padding:48px 40px;}
  .intro .img-wrap {padding-top:20px;}
  .thumb-wrap{padding-right:100px;}
}
@media (min-width:1520px) {
  .video-wrap {padding-bottom: 55%;}
  .who-next .angle-left .img-wrap {margin-top:0;}
}