@charset "UTF-8";
@font-face {
  font-family: 'scrambler-social';
  src:  url('../fonts/scrambler-social.eot?jmsg49');
  src:  url('../fonts/scrambler-social.eot?jmsg49#iefix') format('embedded-opentype'),
    url('../fonts/scrambler-social.ttf?jmsg49') format('truetype'),
    url('../fonts/scrambler-social.woff?jmsg49') format('woff'),
    url('../fonts/scrambler-social.svg?jmsg49#scrambler-social') 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: 'scrambler-social' !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-scrambler-fb:before {
  content: "\e900";
}
.icon-scrambler-insta:before {
  content: "\e901";
}
.icon-scrambler-twitter:before {
  content: "\e902";
}

/* 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 Condensed', 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 Condensed', 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;}
h1 {font-size:32px;}
h2 {font-size:18px;}
img {max-width:100%; height:auto;}
a:hover, a:focus {color:#ffd200; cursor:pointer;}
p {font-size:18px;}
p.large {}
header {}
header {position:relative; padding:20px; background:url('../img/roadtrip-2018-header-sm.jpg') no-repeat center bottom; background-size:cover; z-index:0;}
/*header:after {
  content:'';
  position: absolute;
  z-index:1;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0) 73%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 15%,rgba(0,0,0,0) 73%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.9) 15%,rgba(0,0,0,0) 73%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );
}*/
header img {margin:0 auto;}
.header-contents {position: relative; z-index:99; text-align:center;}
.top-logo {margin:0 auto 15px; display:block;}
.logo {display:inline-block; position:relative; overflow:visible;}
.top-logo img {margin:0 auto; height:32px; width:auto; position:relative; z-index:99;}
.top-logo img.shadow {position:absolute; top:1px; left:1px; z-index:10;}


.btn {text-transform:uppercase;}
.btn-primary {background-color:#000; color:#fff; border:none; font-family: inherit !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color:#000; color:#ffd200; border:none;}
.btn-lg {padding:14px 18px; font-size:14px; min-width:220px;}
h2 {position:relative; text-transform:uppercase;}
.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;}
footer {background-color:#000; padding:30px; color:#fff; text-align:center;}
footer .nav, footer p.large {text-align:center; margin-bottom:20px; line-height:1;}
footer .nav a {color:#fff; font-weight:700; background:transparent; text-transform: uppercase;}
footer .nav a:hover, footer .nav a:focus {color:#ffd200; background:transparent;}
.nav.social li {display:inline-block;}
.nav.social a {font-size:30px; line-height:1; padding-bottom:0;}
.colophon, .sponsor-p {font-size:11px; line-height:14px;}
.sponsor-p {color:#999;}
.sponsor-p + img, .sponsor-p + img + img {margin:0 20px 0;}
section {padding:30px 0;}
#intro {padding-bottom:0;}
#main {padding:0;}
.gray-bottom {padding:30px 0; position:relative;}
.gray-bottom::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:50px;
  background-color:#DBDBDB;
  z-index:1;
}
.gray-bottom > div {position: relative; z-index:80;}

.tab-content {padding:30px 0;}
.tab-content .tab-content {padding:30px 0 0;}
.tab-control-wrap {background-color:#DBDBDB;}
.scram-tabs {list-style:none; padding:0; text-align:center; margin:0 auto;}
.scram-tabs li {padding:0;}
.scram-tabs a {color:#000; font-family: "akzidenz-grotesk-extended","Arial",sans-serif; font-style:normal; font-size:12px; padding:8px 0; text-transform:uppercase; display:block; background-color:#efefef; border-top: solid 6px #bbb; }
.scram-tabs a:hover, .scram-tabs a:active, .scram-tabs a:focus {color:#ffd200; text-decoration:none; cursor:pointer; }
.scram-tabs a:hover {background-color:#000;}
.scram-tabs > .active a {background-color: #fff; border-top: 6px solid #ffd200; color:#000;}
.tour-tab-controls {text-align:center; margin:10px auto 0;}
.tour-tab-controls .btn {background-color:#fff; border-color:#000; background-image:none; color:#000;}
.tour-tab-controls .btn:hover {color:#ffd200; background-color:#000;}
.tour-tab-controls .btn:active, .tour-tab-controls .btn.active {color:#000; background-color:#ffd200; box-shadow:none;}
.tour-tab-controls .btn:focus, .tour-tab-controls .btn:active:focus, .tour-tab-controls .btn.active:focus, .tour-tab-controls .btn.focus, .tour-tab-controls .btn:active.focus, .tour-tab-controls .btn.active.focus {
	outline: none;
	outline-offset: -2px;
}

.tour-dates h2, .date-col, .date {text-align:center;}
.tour-dates table {width:100%; border-collapse:collapse; table-layout: auto; border:none;}
.tour-dates table td {vertical-align: middle; border:none; padding:5px; font-size:14px;}
.tour-dates table td.date {padding-left:0; text-transform:uppercase;}
.date > span {padding:8px 4px; display:block; font-family: "akzidenz-grotesk-extended","Arial",sans-serif; font-style:normal; font-size:11px;}
.date .num {display:block; padding:4px 0 0; font-size:14px; line-height: 1; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:400; font-style:normal;}
.date .num.one {margin-left:-4px;} 
.date-col, .date{width:88px;}
.day-col, .day {width:42px;}

.thumb {float: left; width:50%; padding: 0 15px; box-sizing:border-box;
}
.thumb a {display:block; height:90px; 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/events/thumb-hp-1.jpg);}
#gallery-2 {background-image:url(../img/events/thumb-hp-2.jpg);}
#gallery-3 {background-image:url(../img/events/thumb-hp-3.jpg);}
#gallery-4 {background-image:url(../img/events/thumb-hp-4.jpg);}
#gallery-5 {background-image:url(../img/events/thumb-hp-5.jpg);}
#gallery-6 {background-image:url(../img/events/thumb-hp-6.jpg);}
#gallery-7 {background-image:url(../img/events/thumb-hp-7.jpg);}
#gallery-8 {background-image:url(../img/events/thumb-hp-8.jpg);}
#gallery-9 {background-image:url(../img/events/thumb-hp-9.jpg);}
#gallery-10 {background-image:url(../img/events/thumb-hp-b-1.jpg);}
#gallery-11 {background-image:url(../img/events/thumb-hp-b-2.jpg);}
#gallery-12 {background-image:url(../img/events/thumb-hp-b-3.jpg);}
#gallery-13 {background-image:url(../img/events/thumb-hp-b-4.jpg);}
#gallery-14 {background-image:url(../img/events/thumb-hp-b-5.jpg);}
#gallery-15 {background-image:url(../img/events/thumb-hp-b-6.jpg);}
#gallery-16 {background-image:url(../img/events/thumb-hp-b-7.jpg);}

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);
}
.video-wrap {margin:20px auto; text-align:center;}
video {
  width: 100%    !important;
  height: auto   !important;
}
video::-webkit-media-controls-panel {background-color:#;}

/* Scrambler Style 3-line headings */
.scram-title, .title-border {display:inline-block; margin:0 auto; padding:0 2px; overflow:hidden; max-width:99%; font-family: "akzidenz-grotesk-extended","Arial",sans-serif; font-style:normal; text-transform: uppercase;}
.title-line-wrap {display:block; margin:0 auto; line-height:0;}
.title-small-line {
	font-size: 36%;
	display: inline-block;
	position: relative;
  line-height: 1;
  margin:4px auto;
}
.title-small-line:before, .title-small-line:after {
	content: '';
	display: block;
	width: 200%;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 3px;
	left: auto;
	right: calc(100% + 5px);
}

.title-small-line:after {
	right: auto;
	left: calc(100% + 5px);
}

.title-large-center {
	display: block;
	line-height: 1;
}
.title-border {padding:9px 0 7px; border-top:solid 1px; border-bottom:solid 1px;}
.title-border-wrap {text-align:center; margin:10px auto 30px;}
header .scram-title {color:#ffd200; margin-bottom:62vw; text-shadow: 1px 1px 0px rgba(0,0,0,0.8);}
header .title-small-line {font-size: 32%;}
header .title-small-line:before, header .title-small-line:after {background-color:#ffd200; top:5px;}

.img-heading h1, .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:5px auto;}


.arrow {display:none;}

#map {width:100%; height:60vh;}

.test-ride {text-align:center;}
.test-ride .box {background-color:#ffd200;}
.box .inner {padding:30px 15px;}
.test-ride-img {height:100vw; background:url('../img/scrambler-1100-special-rider.jpg') no-repeat center center; background-size:cover;}
.display-table {display: table; height:100%; width:100%; margin:0 auto;}
.test-ride .box .display-table {height:auto;}
.display-table-cell {display: table-cell; height:100%; width:100%; margin:0 auto; padding:0; vertical-align: middle;}
@media (max-width: 380px) {
  
}

@media (max-width: 549px) {
  #nomination {background-size:auto 300px;}
}
@media (min-width:550px) and (max-width:767px) {
  .heading-img.visible-xs-block {
	display: block !important;
  }
}
@media (min-width: 370px) {
  .scram-tabs a {font-size:16px;}
  h1 {font-size:36px;}
  h2 {font-size:21px;}
}
@media (min-width: 381px) {
}
@media (min-width: 404px) {
  h1 {font-size:38px;}
  h2 {font-size:22px;}
  .scram-tabs a {font-size:18px;}
}
@media (min-width: 450px) {
  h2 {font-size:25px;}
  .title-small-line:before, .title-small-line:after {top: 4px;}
}
.br-title-break {display:none;}

@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) {
  header .scram-title {font-size:44px;}
  header .title-small-line:before, header .title-small-line:after {height:2px; top:5px;}
  .gray-bottom::after {height:80px;}
  .scram-tabs a {font-size:20px;}
  h2 {font-size:27px;}

  
  .tour-dates table td {padding:8px 16px;}
  .thumb a {height:110px;}
	.top-logo {margin-bottom: 20px}
}
@media (min-width: 570px) {
  .sponsor-p + img {margin-left:0;}
}

@media (min-width: 680px) {
  .thumb {width:25%;}
  .thumb a {height:100px;}
}

@media (min-width:768px) {
  header {background-image:url('../img/roadtrip-2018-header-md.jpg');}
	.top-logo img {height:40px;}
  
  .text-wrap, .img-wrap {padding:30px 40px;}
  .thumb-wrap {padding:0 40px;}


  .tour-dates table td {padding:8px; font-size:18px; border-bottom:solid 1px #dbdbdb;}
  .tour-dates table tr:last-of-type td {border-bottom:none;}
  .tour-dates table td.date {padding-left:0;}
  .date > span {padding:12px 4px; display:block; font-size:14px;}
  .date .num {font-size:22px; letter-spacing: -1px;}
  .day-col, .day {width:56px;}

  p.large {font-size:22px; margin-bottom:30px;}
  
  footer {}
  footer .logo {}
  footer .nav li {display:inline-block;}
  .nav.text a {padding:2px 12px;}
  

  .title-small-line {
    margin:4px auto;
  }
  
  .title-small-line:before, .title-small-line:after {
    height: 2px;
    top: 3px;
    left: auto;
    right: calc(100% + 10px);
  }
  
  .title-small-line:after {
    right: auto;
    left: calc(100% + 10px);
  }
  header .scram-title {font-size:50px;  margin-bottom:50vw;}
  header .title-small-line:before, header .title-small-line:after {top:7px;}
  .title-border {border-width:2px;}

  .test-ride .box, .test-ride-img {height:50vw;}
  .box .inner {padding:30px 20px; height:100%;}
  .test-ride .box .display-table {height:100%;}
  
}

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

@media (min-width:991px) {
  h2 {font-size:32px;}
	.btn-lg {font-size: 16px; font-weight:700; padding:16px 22px; min-width:260px;}
  .tour-dates table td {padding:10px 20px;}
  .thumb a {opacity:1; background-size: 100% auto;transition: background-size 0.3s ease-in, opacity 0.3s ease-in; }
  .thumb a:hover {opacity: 0.7; background-size: 120% auto; transition: background-size 0.3s ease-in, opacity 0.3s ease-in;}
  .tour-dates table td {font-size:22px;}


  .arrow {display:block;}
  .arrow img {width:44px; height:auto;}

  #map {height:80vh;}
}

@media (min-width: 1024px) {
  .thumb a {height:120px;}
  h2 {font-size:36px;}
  .title-small-line:before, .title-small-line:after {top:5px;}
  .box .inner {padding:40px; max-width:580px; margin:0 auto;}
	
  header .scram-title {font-size:60px;}
  header .title-small-line:before, header .title-small-line:after {top:9px;}
	header {background-image:url('../img/roadtrip-2018-header-lg.jpg');}
}
@media (min-width:1200px) {
	.top-logo img {height:48px}
}
@media (min-width:1360px) {
  .thumb a {height:130px;}
  
}
@media (min-width:1440px) {
  header {background-image:url('../img/roadtrip-2018-header-xl.jpg');}
	
  .gray-bottom::after {height:100px;}
  .test-ride .box, .test-ride-img {height:44vw;}
	header .scram-title {margin-bottom:44vw;}
}

@media (min-width:1600px) {
	.top-logo img {height:60px}
  header {padding:50px;}
  .yellow-map {background-size:cover;}
  .container-fluid {max-width:1560px}
  
}

@-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;
}

/* AddEvent CSS */
/* The button */
.addeventatc 							{position:relative;z-index:999998; cursor:pointer;}
.addeventatc:hover 						{color:#ffd200;}
.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client {display:none!important;}

/* The drop down */
.addeventatc_dropdown 					{width:200px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:4px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addeventatc_dropdown span 				{display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:700; font-style:normal; text-transform:none;}
.addeventatc_dropdown span:hover 		{background-color:#ffd200;color:#000;text-decoration:none;font-size:14px;}
.addeventatc_dropdown em 				{color:#999!important;font-size:12px!important; font-style:normal; font-weight:400;}
.addeventatc_dropdown .frs 				{background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:normal!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;}
.addeventatc_dropdown .frs:hover 		{color:#999!important;}
.addeventatc_dropdown .ateappleical 	{background:url(../img/icon-apple-t1.svg) 13px 50% no-repeat;background-size:14px auto;}
.addeventatc_dropdown .ategoogle 		{background:url(../img/icon-google-t1.svg) 13px 50% no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ateoutlook 		{background:url(../img/icon-outlook-t1.svg) 12px 50% no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ateoutlookcom 	{background:url(../img/icon-outlook-t1.svg) 12px 50% no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ateyahoo 		{background:url(../img/icon-yahoo-t1.svg) 12px 50% no-repeat;background-size:16px auto;}
.addeventatc_dropdown .atefacebook 		{background:url(../img/icon-facebook-t1.svg) 13px 50% no-repeat;background-size:14px auto;}
.addeventatc_dropdown .copyx, .addeventatc_dropdown .brx  			{display:none;}

/* Juicer social media feed */
.juicer-feed.white li.feed-item.j-twitter .j-message, .juicer-feed.user li.feed-item.j-twitter .j-message, .juicer-feed.juicer-widget li.feed-item.j-twitter .j-message, .juicer-feed.colors li.feed-item.j-twitter .j-message, .juicer-feed.gray li.feed-item.j-twitter .j-message, .juicer-feed.modern li.feed-item.j-twitter .j-message, .juicer-feed.polaroid li.feed-item.j-twitter .j-message {font-weight:400;}
.juicer-feed a:hover, .j-poster a:hover {color:#ffd200;}


strong {font-weight:700;}