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

[class^="scrambler-icon-"], [class*=" scrambler-icon-"], .flex-direction-nav a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'scrambler-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;
}

.scrambler-icon-arrow-dx:before {
  content: "\e903";
}
.scrambler-icon-corner-down:before {
  content: "\e904";
}
.scrambler-icon-corner-dx:before, .flex-direction-nav a.flex-next:before {
  content: "\e905";
}
.scrambler-icon-corner-sx:before, .flex-direction-nav a.flex-prev:before {
  content: "\e906";
}
.scrambler-icon-corner-up:before {
  content: "\e907";
}
.scrambler-icon-list-point:before {
  content: "\e909";
}
.scrambler-icon-play-big:before {
  content: "\e90a";
}
.scrambler-icon-play:before {
  content: "\e90b";
}
.scrambler-icon-plus-big:before {
  content: "\e90c";
}
.scrambler-icon-plus:before {
  content: "\e90d";
}
.scrambler-icon-social-facebook:before {
  content: "\e90f";
}
.scrambler-icon-social-instagram:before {
  content: "\e910";
}
.scrambler-icon-social-tumblr:before {
  content: "\e911";
}
.scrambler-icon-social-twitter:before {
  content: "\e912";
}
.scrambler-icon-social-vimeo:before {
  content: "\e913";
}
.scrambler-icon-social-youtube:before {
  content: "\e914";
}
.scrambler-icon-store-locator:before {
  content: "\e915";
}
.scrambler-icon-pause:before {
  content: "\e916";
}
.scrambler-icon-download:before {
  content: "\e917";
}


/* 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: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
h1, h2, h3, h4, h4, p, a, ul, ol, li, form, input, button, div {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-style:normal;}
h1, h2, h3, h4, h4 > a {font-weight:700; text-transform: uppercase; line-height:1.2;}
h1 {font-size:24px; line-height:0.9;}
h2 {font-size:23px;}
h3 {font-size:15px;}
h4 {font-size:13px;}
h5, p, a, ul, ol, li {font-size:15px;}
h1, h2, h3, h4, h5, ul, ol, p, .flexslider {margin-top:0; margin-bottom:20px;}
ul, ol {padding-left:15px; list-style-position: outside;}
sup {line-height: 0.5; font-size:60%;}
a {color:#000; text-decoration:none; font-weight:700;}
h1, h2, h3, h4 {font-weight:700;}
img {max-width:100%; height:auto;}
a:hover, a:focus {color:#ffd200; cursor:pointer;}

.btn {text-transform:uppercase; background-color:#ffd200; color:#000; border:none; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:700; padding:14px 18px; font-size:14px; min-width:220px;}
.btn:hover, .btn:focus, .btn:active {background-color:#000; color:#FFd200; border:none;}
a, a:hover, a:focus, .btn, .btn:hover, .btn:focus, .btn:active {transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;}
section {padding:40px 20px;}


/* --- Header / Above-the-fold Content --- */
header {position:relative; z-index:0; text-align:center; color:#fff; margin:0; padding:20px 0 0; background-color:#000; background-position:center top; background-size:cover; background-repeat:no-repeat; background-image:url('../img/header-bg-dark-sm.jpg');}
.top-logo {margin:0 auto 15px; display:block;}
.logo {display:inline-block; position:relative; overflow:visible;}
.top-logo img {margin:0 auto; height:48px; width:auto; position:relative; z-index:99;}
.top-logo img.shadow {position:absolute; top:1px; left:1px; z-index:10;}
#venom-title {margin:10px auto 14px; max-width:140px;}
header h1 {display:none;}
header h3, header h4 {margin-bottom:0;}
#header-bike {position:relative; max-width:240px; height:auto; margin:0 auto -35px; z-index:99;}
.header-yellow-bg {position:relative; background-color: #FFD200;}
#header-blocks {background-color:#000; position:relative; z-index:999; margin:40px auto -85px; text-align:center;}
#header-blocks h4 {margin:0 auto 4px;}
#header-blocks img {display:block; margin:0 auto 3px; padding:0;}
#header-blocks.btn-group > .btn {width:50%; color:#fff; background-color:#000; padding:15px 10px; min-width: auto;}
#header-blocks.btn-group > .btn:last-of-type {border-left:solid 1px #fff;}
#header-blocks.btn-group > .btn:hover, #header-blocks.btn-group > .btn:focus, #header-blocks.btn-group > .btn:active  {color:#ffd200; background-color:#000; z-index:auto;}
.btn.btn-outline {background-color:#000; border:solid 1px #ffd200; color:#fff; padding:6px 12px; min-width:120px; font-size:10px;}
#header-blocks.btn-group > .btn:hover .btn.btn-outline, #header-blocks.btn-group > .btn:focus .btn.btn-outline, #header-blocks.btn-group > .btn:active .btn.btn-outline {color:#ffd200;} 

.yellow-text {color:#ffd200;}
.yellow-map {background:url('../img/topo-map-yellow.svg') center center no-repeat; background-size:1600px auto; border-top:solid 4px #000; border-bottom:solid 4px #000;}

/* Image Headings for Scrambler Font */
.img-heading h2 {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
.img-heading {
	margin-bottom:20px;
}
.img-heading img {margin:0 0 6px -4px;}

/* --- Section BGs --- */
#bike-icon {padding-top:100px;}
#bike-icon-header {padding-top:30px;}
#test-ride {background:#ffd200;}
.btn.btn-black {background-color:#000; color:#fff;}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active {background-color:#000; color:#FFd200;}

@media (min-width:768px) {
  header {background-image:url('../img/header-bg-dark-md.jpg'); background-attachment:fixed;}
  #bike-icon {background:url('../img/section-bg-icon-bw.jpg') no-repeat right -170px top; background-size: auto 100%;}
  #new-rider {background:url('../img/section-bg-new-rider-lg.jpg') no-repeat left -160px top; background-size:auto 100%;}
  #test-ride {background:#ffd200 url('../img/section-bg-testride-md.jpg') no-repeat left 100% center; background-size:50% auto;}
}
@media (min-width:992px) {
  #bike-icon {background-position:right -60px top;}
}
@media (min-width:1200px) {
  header {background-image:url('../img/header-bg-dark-lg.jpg');}
  #bike-icon {background-position:right -20px top;}
  #test-ride {background:#ffd200 url('../img/section-bg-testride-lg.jpg') no-repeat left 100% center; background-size:50% auto;}
  #new-rider {background-position:left top;}
}

/* --- Bike Sections --- */
.bike-headon-wrap {display:block; margin:0 -15px; text-align:center; position:relative;}
#headon-icon {position:absolute; bottom:-100px; left:0; right:0; z-index:50;}
#headon-icon-false {opacity:0; margin-bottom:-40px;}
#headon-1100 {margin-top:-20px;}
.sm-headon {
	float: left;
  margin: 0 20px 0 -20px;
}

/* Flexslider / Fancybox */
.fancybox-thumbs__list a:before{border:4px solid #ffd200;}
.flexslider {background:transparent; border:none;}
.flex-direction-nav a {background-color:#ffd200; color:#000; opacity:1; text-align:center;}
.flex-direction-nav a:before {text-align:center; font-size:16px; margin:12px auto;}
.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {left:0; opacity:1; text-align:center;}
.flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {right:0; opacity:1; text-align:center;}

.flex-control-paging li a {
  background:#999; 
  -webkit-box-shadow: none;
	-moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow:none;
}
.flex-control-paging li a:hover {background:#fff;}
.flex-control-paging li a.flex-active {background:#ffd200;}

/* --- Venom Video Section --- */
#venom-movie {background-color:#000; color:#fff;}
/* youtube video embeds */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* hosted video ? */
.video-wrap {margin:20px auto; text-align:center;}
video {
  width: 100%    !important;
  height: auto   !important;
}

p.video-playlist, #video-playlist-nav {
	font-size: 14px;
  margin-bottom:10px;
  padding:0;
}

#video-playlist-nav li {
  list-style: none;
  font-size: 14px;
  text-transform:uppercase;
  border-top:solid 1px #666;
  border-bottom:solid 1px #666;
  padding:6px 1px;
  margin: -1px auto 0;
  position:relative;
}
#video-playlist-nav li:hover {cursor:pointer;}
#video-playlist-nav li:hover, #video-playlist-nav li.flex-active {
  color:#ffd200;
}

/* --- Footer --- */
footer {background-color:#fff; padding:30px 0; color:#000; text-align:center;}
footer .nav {margin:0 auto 15px; padding:0;}
.nav.social-links {margin-bottom:8px;}
footer .nav a {color:#000; font-weight:400; background:transparent;}
footer .nav a:hover, footer .nav a:focus {color:#ffd200; background:transparent;}
.nav.text-links a {padding:5px 10px;}
.nav.social-links li {display:inline-block; margin:0 3px;}
.nav.social-links li a {font-size:30px; padding:3px; line-height: 1;}
footer h4>a {text-transform: none;}

footer a:hover {text-decoration: none;}
footer .tiny {font-size:8px; margin-bottom:0;}


.visible-xxs-block {display:none;}

/* --- Sub Nav --- */
#subnav {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:#000;
	z-index:-1;
	opacity:0;
	border-bottom: solid 1px #ffd200;
	transition: opacity 0.5s ease-in, z-index 0.5s ease-in;
}

#subnav.showing {
	z-index:99;
	opacity:1;
	transition: opacity 0.5s ease-in, z-index 0.5s ease-in;
}
#subnav ul {list-style:none; margin:0 auto; text-align:center;}
#subnav li {display:inline-block; margin:0 auto; padding:5px 0;}
#subnav a {color:#fff; text-transform:uppercase; padding:10px 15px; display:block; text-decoration:none; font-size:14px; border-right:solid 1px #444;}
#subnav li:last-of-type a {border-right:none;}
#subnav a:hover {color:#ffd200;}

.inner-contents {
	opacity:0;
	transform:translate3d(-100px, 0, 0);
	transition: all 0.6s ease-in-out;
}
.inner-contents.right {
	opacity:0;
	transform:translate3d(100px, 0, 0);
	transition: all 0.6s ease-in-out;
}
.inner-contents.showing, .inner-contents.right.showing {
	opacity:1;
	transform:translate3d(0, 0, 0);
	transition: all 0.6s ease-in-out;
}
@media (min-width:550px) and (max-width:767px) {
  .heading-img.visible-xs-block {
	display: block !important;
  }
}
@media (min-width: 350px) {
  .scram-tabs a {font-size:16px;}
  h1 {font-size:26px;}
  h2 {font-size:25px;}
  /*h3 {font-size:17px;}*/
}
@media (min-width: 370px) {
  h1 {font-size:28px;}
  h2 {font-size:26px;}
	#subnav a {color:#fff; text-transform:uppercase; padding:10px 20px;}
}
@media (min-width: 404px) {
  h1 {font-size:30px;}
  h2 {font-size:28px;}
  h3 {font-size:16px;}
  /*h4 {font-size:15px;}*/
  h5, p, a, ul, ol, li {font-size:16px;}

  

  #header-bike {position:relative; max-width:320px; margin:0 auto -45px;}
  #header-blocks {margin:50px auto -85px;}
}
@media (min-width: 450px) {
  #header-bike {max-width:400px; margin-bottom:-55px;}
  #header-blocks {margin-top:55px}
  
}

@media (min-width: 450px) and (max-width:880px) {
  .br-title-space {display:none;}
  .br-title-break {display:block;}
  header .scram-title {padding:0 40px;}
}

@media (min-width: 540px) {
  ul, ol {padding-left:2px; list-style-position: inside;}
  ul.columns {column-count: 2;}

  .nav.text-links li {display:inline-block; border-right:solid 1px #ccc;}
  .nav.text-links li:last-of-type {border-right:none;}

  .top-logo {margin-bottom: 20px}
  h4 {font-size:18px;}
  .btn.btn-outline {padding: 7px 15px;
    min-width: 170px;
    font-size: 14px;
  }
  #header-blocks {margin-bottom: -90px;}
}
@media (min-width: 570px) {
  .sponsor-p + img {margin-left:0;}
}

@media (min-width: 680px) {
  .thumb {width:25%;}
  .thumb a {height:100px;}
  h1 {font-size:40px;}
  h2 {font-size:30px;}
  h3 {font-size:20px;}
  h4 {font-size:17px;}

  section {padding:50px 20px;}
	#subnav a {color:#fff; text-transform:uppercase; padding:10px 30px;}
}

@media (min-width:768px) {
  section {padding:64px 10px;}
  h2 {font-size:32px;}
  .top-logo img {height:64px;}
  #venom-title {margin:10px auto 14px; max-width:210px;}
  #header-bike {max-width:480px; margin-bottom:-70px}
  #header-blocks.btn-group > .btn {padding:20px;}
  #header-blocks {margin:75px auto -95px;}

  #headon-icon {bottom:-140px;}
  #headon-icon-false {margin-bottom:-120px;}
	
	footer {padding:80px 0;}
	footer .nav {margin-bottom:25px;}
	.nav.social-links {margin-bottom:20px;}
}
@media (min-width:768px) and (max-width:840px) {
  #test-ride {padding:48px 0;}
}

@media (min-width:992px) {
  h1 {font-size:48px;}
  h2 {font-size:35px;}
  h5, p, a, ul, ol, li {font-size:18px;}
  .btn {font-size: 16px; font-weight:700; padding:16px 22px; min-width:260px;}

  section {padding:80px 20px;}
  #bike-icon-header {padding-top:40px;}

}

@media (min-width: 1024px) {
  #header-bike {max-width:600px; margin:0 auto -90px;}
  #header-blocks {margin:90px auto -95px;}

}
@media (min-width:1200px) {
  /*h3 {font-size:22px;}
  h4 {font-size:19px;}*/
  section {padding:100px 20px;}
  #bike-icon-header {padding-top:50px;}
  .top-logo img {height:80px}
  #venom-title {max-width:245px;}
}
@media (min-width:1360px) {
  
}
@media (min-width:1440px) {
  header {background-image:url('../img/header-bg-dark-xl.jpg');}
}

@media (min-width:1600px) {
  .container-fluid {max-width:1560px}
  .container {max-width:1320px;}
}


@media (max-width:1025px) {
	.img-heading img {max-height:26px; width: auto; margin-left:-3px;}
}

@media (max-width:991px) {
	.img-heading img {max-height:24px; width: auto;}
}

@media (max-width:450px) {
	.img-heading img {max-height:20px;}
}

@media (max-width:355px) {
	.img-heading img {max-height:16px; margin-left:-2px;}
}

@-moz-keyframes bounce {
  0%, 20%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity:0;
  }
  50%, 80%{
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);

  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity:1;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity:0;
  }
  50%, 80%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);

  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity:1;
  }
}
@keyframes bounce {
  0%, 20%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity:0;
  }
  50%, 80%{
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);

  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity:1;
  }
}
.arrow {}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

strong {font-weight:700;}