/*
 * Site Build  
 * Work By Simon
 * www.workbysimon.com
 */
 
@font-face {
font-family: 'countach-italic';
    src: url('../fonts/countachweb-italic.eot');
    src: url('../fonts/countachweb-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/countachweb-italic.woff') format('woff'),
         url('../fonts/countachweb-italic.woff2') format('woff2');
}

/*@font-face {
font-family: 'countach';
    src: url('../fonts/Countach-Bold.otf');
}*/


@font-face {
  font-family: 'countach';
  src: url('../fonts/Countach-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Countach-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Countach-Bold.otf');
}



@font-face {
font-family: 'countach-bold-italic';
    src: url('../fonts/Countach-BoldItalic.otf');
}


 html {overflow-x:hidden;}
 body {background: #321c00; color:#fff; overflow-x:hidden;}

h4 {font-family: 'futura-pt'; font-weight: 700; font-style: normal;}
h3 {font-family: 'futura-pt'; font-weight: 400; font-style: normal;}
h1 {font-family: 'futura-pt'; font-weight: 800; font-style: normal;}
h2 {font-family: 'countach', Arial; font-style: normal;}

.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  display: block;
}

/* navigation styles */

.navbar-brand img {width:119px; height:auto;}
.navbar-brand.newl img {width:163px; height:auto;}

.navbar-brand {padding: 27px 15px 0;}
.navbar-brand.newl {padding: 0 0 0 15px;}

.navbar-default {
  background-color: transparent;
  border-color: #e7e7e7;
  border:none;
}
.navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em;
 font-family: 'futura-pt'; font-weight: 700; font-style: italic;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 22px;
}
.navbar-default .navbar-nav>li>a {
  color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #ff3300;
}

#mainNav .container-fluid {max-width: 1200px; width: 100%;}
#mainNav .container {width:98%;}

.navbar-nav>li {padding: 40px 0 0 0;}
.navbar-nav>li.register {  margin-top: 23px;  padding: 12px 0px;  border: 5px solid #ff3300;}

.navbar-nav>li.register a:hover {color:#321c00;}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  border: none;
  border-radius: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 40px;
  height: 6px;
  border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}


.navbar-toggle.collapsed .closenav {display:none;}
.navbar-toggle.collapsed .icon-bar {display: block;}

.navbar-toggle .closenav {display:block;}
.navbar-toggle .closenav img {width: 34px; height: auto; margin-right: 3px;}

.navbar-toggle .icon-bar {display: none;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}


/* Homepage intro headline */

h1.hi {font-family: 'countach', arial; position:relative; text-transform:uppercase; font-weight: normal; font-style: normal; font-size:220px; padding:220px 0 60px 0; margin:0 auto; line-height:100%; display:table;}



img.da-dash { max-width: 820px;
width: 90%;
height: auto;
margin: 17% auto 0;
  display: block;}




/* double line link styles */

a.learn, div.learn {
margin:0 auto; line-height:100%; display:block; border:4px solid #ff3300;
width:100%; 
max-width:270px;
text-align:center;
color:#fff;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .1em;
  position:relative;
 font-family: 'futura-pt'; font-weight: 700; font-style: italic;
	transition: .2s ease;}
	
	
	
	
div.learn.mapl {
margin:0 auto; line-height:100%; display:block;
width:100%; 
max-width:350px;
text-align:center;
color:#fff;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  letter-spacing:.1em;
  position:relative;
 font-family: 'Knockout 71 A', 'Knockout 71 B'; font-weight: 400; font-style: normal;
	transition: .2s ease;
}

 .pattern-bg.org a.learn {max-width:275px; letter-spacing: .12em; margin-top:30px;}


 .pattern-bg.org a.learn.cemail {max-width:565px; letter-spacing: .12em; margin-top:30px; font-size: 21px; word-wrap: break-word;}

 a.learn.brown {border:4px solid #ff3300;}
 a.learn.brown:hover {background-color:#ff3300;color:#fff; text-decoration:none; }


 a.learn.orange {border:4px solid #321c00;}
 a.learn.orange:hover {background-color:#321c00;color:#fff; text-decoration:none; }
 a.learn:hover {background-color:#ff3300;color:#fff; text-decoration:none; }






div.learn.mapl:after {  
  content: '';
  display: none;
  background:transparent;
  height: 0px;
  width: 0;
  margin-left:0;
  margin-right:0;
  margin-top:0x;
}

.container p > a {  border-bottom: 1px solid #ff3300;  padding-bottom: 2px;}


.container p.bottom > a {
  border-bottom: none;
  padding-bottom: 0px;
}


.container h4 > a {  border-bottom: 1px solid #ff3300;  padding-bottom: 2px; color:#ff3300;}
.container a:hover {text-decoration: none;}

.igwidget {/*min-height: 600px;*/  min-height: 320px; position: relative;}

.igwidget img:after {  
  content: '';
  display: block;
  background: #ff3300;
  height: 7px;
  width: 98%;
  margin-left:10px;
  margin-right:0;
  margin-top:17px;
}


.b1 {position: relative; margin-top: 0; left:0; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b2 {position: relative; margin-top: 0; left:1.4%; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b3 {position: relative; margin-top: 0; left:2.8%; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b4 {position: relative; margin-top: 0; left:4.2%; width:23.5%; margin-right:0; height:auto; z-index: 80; float:left; pointer-events:none;}
.b5 {position: relative;   margin-top: 2%; left:0%; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b6 {position: relative;   margin-top: 2%; left:1.4%; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b7 {position: relative;   margin-top: 2%; left:2.8%; width:23.5%; margin-right:.66%; height:auto; z-index: 80; float:left; pointer-events:none;}
.b8 {position: relative;   margin-top: 2%; left:4.2%; width:23.5%; margin-right:0; height:auto; z-index: 80; float:left; pointer-events:none;}






/* Interior Page Hero Graphics */

.hero1 {background:url(../images/DitkaDashSwag1.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover; height:650px; overflow: hidden;}

.hero1.swag {background:url(../images/swag-hero1.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.contact {background:url(../images/hero-contact.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.raceinfo {background:url(../images/raceinfo-hero1.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.challenge {background:url(../images/hero-teams.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.charity {background:url(../images/hero-charity.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.media {background:url(../images/hero-downloads2.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.sponsors1 {background:url(../images/hero-sponsors2.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.register {background:url(../images/register-michelob1.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}


a.runmfg {color: #fff; text-decoration: none;}
a.runmfg:hover {opacity:1; text-decoration: none;}


/* Homepage Let's Dash */

.numberonebaby {padding: 75px 0 65px; background: #321c00 url(../images/home-second.jpg) top center no-repeat;
  background-size: cover;}

.numberonebaby a.learn {  margin: 20px 0 0 0;}

.numberonebaby h2 {  font-family: 'countach', arial; color:#ff3300;
  font-weight: normal;
  line-height:80%;
  font-style: normal;
  font-size: 80px;
  margin: 0 0 25px;
  text-transform: uppercase;}

.numberonebaby p {  font-family: 'futura-pt';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  margin:0 0 25px;
  line-height:28px;}

/* Homepage Course Map */

.coursemap {background:#ff3300;height:670px; padding:70px 0;}
.coursemap h2 {font-family: 'Leviathan A', 'Leviathan B'; text-transform:uppercase;
  font-weight: 800;
  font-style: normal;
  font-size: 50px;
  margin-top: 0;}
.coursemap h2 span {display:block; color:#321c00;
  letter-spacing: .1em;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;}




#slides h1 {position:absolute; top:40%; left:4%; right:4%; font-family: 'countach', arial;
  text-transform: uppercase;
  font-weight: normal;
  text-align:center;
  width:92%;
  font-style: normal;
  font-size: 200px;
  margin: 0 auto;
  line-height: 100%;display: table;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;}

/* illlustrated callouts on homepage */


.callouts a {position:relative; display:block; float:left; width:100%;}
.callouts a img {width:100%; height:auto;}
.callouts a img.on {opacity:0; position:absolute; top:0; left:0; width:100%; height:auto;}
.callouts a img.off {opacity:1; position:relative; float:left;}
.callouts a:hover img.on {opacity:1;}
.callouts a:hover img.off {opacity:0;}
.callouts a span {position:absolute; top:73%; height:29%; width:95%; line-height:114%; text-align:center; 
  text-transform: uppercase;
  display: block;
  font-size: 25px;
  font-weight: 700;
  letter-spacing:.08em;
 font-family: 'countach', arial; font-weight: normal; font-style: normal; color:#321c00;}

.callouts a:hover span {color:#ff3300;}



/* large blocks with photo or color BGs.. 460px tall and 50% wide */

.block460 {width:50%; height:460px; float:left;   
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.block460.blue, .registrationlevels {background:url(../images/brown-diagonal-bg1.png) repeat;}
.block460.first {width:50%; height:460px; background:url(../images/home-crushit1.jpg) top center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.block460.first1 {width:50%; height:460px; background:url(../images/home-rally1.jpg) top center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.block460.red {background:url(../images/orange-diagonal-bg.png) repeat;}
.block460.last {width:50%; height:460px; background:url(../images/home-race1.jpg) top center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.block460.party {width:50%; height:460px; background:url(../images/register-party.jpg) bottom center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.block460.reditka {width:50%; height:460px; background:url(../images/ditka-bg.png) bottom center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .block460.victory {width:50%; height:460px; background:url(../images/victory.jpg) bottom center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .block460.rally {width:50%; height:460px; background:url(../images/home-rally1.jpg) top center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
    .block460.rally1 {width:50%; height:460px; background:url(../images/home-hero4.jpg) top center no-repeat; float:left;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

  .block460.grey {background:url(../images/grey-diagonal-bg.png) repeat;}


.block460 h2 {text-transform:uppercase; margin-bottom:0; line-height:80%; display:block; text-align: center; font-family: 'countach', arial; font-weight: normal; font-style: normal; font-size: 80px; letter-spacing: .05em; margin-top: 0;}
.block460 h3 {text-transform:uppercase; margin:6px 0 30px 0; display:block; text-align: center; font-family: 'futura-pt'; letter-spacing: .1em; font-weight: 700; font-style: normal; font-size: 25px;}
.block460.blue h3 {color:#ff3300;}
.block460.red h3 {color:#321c00;}
.block460.red a.learn.white {color:#321c00; border:5px solid #fff;}
.block460.red a.learn.white:hover {background-color:#fff;} 
.block460.grey h2, .block460.grey p  {color:#321c00;}
.block460.grey h3 {color:#ff3300;}
.block460.grey a.learn.orange {color:#ff3300;}
.block460.grey a.learn.orange:hover {background-color:#321c00;} 
.block460 p {margin-bottom:30px; display:block; text-align: center; font-family: 'futura-pt'; font-weight: 400; font-style: normal; font-size: 20px;}
.vert {position: relative; padding:90px 0 80px 0;
/*  top: 50%;
  transform: translateY(-50%);*/}

.homemap a {transition:.2s ease;}

.homemap div.learn:after,
.homemap a.learn:after,
.prepared a.learn:after,
.list-o-swag a.learn:after,
.pattern-bg.org a.learn:after,
.block460.red a.learn:after, 
.block460.reditka a.learn:after { background: #321c00;}

.homemap div.learn:before,
.homemap a.learn:before,
.prepared a.learn:before,
.list-o-swag a.learn:before,
.pattern-bg.org a.learn:before,
.block460.red a.learn:before,
.block460.reditka a.learn:before { background: #321c00;}

.block460.red.crush { overflow:hidden;}
.block460.red.crush img {  margin-bottom: -5px;}




/* pattern area at bottom of homepage */

.pattern-bg {background:#321c00 url(../images/DawgDashPattern1.png) repeat top center;
        background-size: 406px 406px; width:100%; padding:80px 0 80px;}
.pattern-bg h2 {text-align: center; font-family: 'countach', arial; font-weight: normal; font-style: normal;   font-size: 80px;
  color: #fff; letter-spacing: .05em;
  margin: 0 0 10px 0;}
.pattern-bg p.ig, .pattern-bg p.bottom {text-align: center; font-family: 'futura-pt'; font-weight: 400; font-style: normal; font-size: 20px; color: #fff;}
span.break {display:none;}
p.ig a {color:#fff;}
.pattern-bg .bottom a .fa {margin-left:20px; color:#fff; opacity:.4; font-size:25px;}
.pattern-bg .bottom a .fa:hover { opacity:1;}
.section.igfeed {padding: 30px 0 50px; font-family: 'futura-pt'; font-weight: 400; font-style: normal;}
.section.igfeed p {line-height: 120%;}
.section.igfeed a {color:#fff;}
.section.igfeed span {font-size:12px; text-transform: uppercase; margin: 8px 0;  display: block; font-weight:700;}
.section.igfeed .col img {width:100%; height:auto;}

.pattern-bg.org {background:#321c00 url(../images/DawgDashPattern1.png) repeat top center;
        background-size: 433px 466px; width:100%; padding:100px 0 80px;}


.pattern-bg.diag{background: #321c00 url(../images/ltbrown-diagonal-bg.png) repeat top center;
        /*background-size: 433px 466px;*/ width:100%; padding:70px 0 70px;}


.crush-bg {
        background: #ff3300 url(../images/DitkaDashPattern_Orange.png) repeat top center;
        background-size: 406px 406px;
 width:100%; padding:10px 0 10px; height: 494px;}

.crush-bg .block460.red {background:transparent;}

img.outsider {position:absolute; top:-86px; left:-5%;}



/* homepage map */

.homemap {width:100%; height:auto; position:relative; background:url(../images/map-bg.png) top center no-repeat;}

.homemap.map2016 {background:url(../images/map-bg2016.png) top center no-repeat;}

.homemap.rinfo {margin-left:-20px; width:105%;}
.mapholder {max-width:1400px; width:100%; margin:0px auto; display:block;  position: relative;}
a.learn.orange.dlmap {  position: absolute;
  top: 31%;
  right: 4%;
  width: 240px;
  border:none;
  padding: 0;
}


a.learn.orange.dlmap:hover {background: transparent !important; color:#321c00;}



a.learn.orange.dlmap:before, a.learn.orange.dlmap:after {margin-left: 0;}
img.daMap {width:100%; height:auto;}

.homemap a {display: block;  position: absolute;  z-index: 1;}

.homemap a.threemi {  width: 13%;
  height: 21%;
  top: 46%;
  left: 16%; }

.homemap a.twoandahalfmi {   width: 13%;
  height: 24%;
  top: 71%;
  left: 2%;
 }


.homemap a.twomi {   width: 14%;
  height: 24%;
  top: 66%;
  left: 27%;}


.homemap a.oneandahalfmi {  width: 13%;
  height: 24%;
  top: 68%;
  left: 53%;}


.homemap a.onemi {  width: 13%;
  height: 24%;
  top: 51%;
  left: 85%;}

.homemap a.halfmi {  width: 12%;
  height: 24%;
  top: 37%;
  left: 59%;}

.homemap a.stop1 {  width: 10%;
  height: 20%;
  top: 18%;
  left: 40%;}
.homemap a.stop2 {   height: 10%;
  top: 62%;
  left: 36%;
  width: 6%;}
.homemap a.stop4 {   height: 10%;
  top: 50%;
  left: 62%;
  width: 6%;}
  .homemap a.stop7 {   height: 10%;
  top: 31%;
  left: 78%;
  width: 6%;}
  .homemap a.stop9 {   height: 10%;
  top: 28%;
  left: 57%;
  width: 6%;}
  .homemap a.stop11 {   height: 7%;
  top: 36%;
  left: 40%;
  width: 5%;}
  .homemap a.stop13 { height: 20%;
  top: 26%;
  left: 10%;
  width: 10%;}

    .homemap a.endrace { height: 20%;
  top: 7%;
  left: 20.9%;
  width: 9%;}
  
    .homemap a.stop14 {   height: 12%;
top: 5%;
left: 49%;
width: 5%;}
    .homemap a.stop15 {  height: 12%;
top: 13%;
left: 54%;
width: 5%;}
    .homemap a.stop16 {height: 12%;
top: 0.5%;
left: 57%;
width: 5%;}

.homemap div.learn {font-family: 'Leviathan A', 'Leviathan B';}
.homemap span {color:#321c00;}
/*
.ttip{
    display: inline;
    transition:.2s ease;
    position: absolute;
    cursor: pointer;
    float:right;
    top:50px;
    text-transform: uppercase;
}

.ttip:hover:after{
    font-family: 'Knockout 71 A', 'Knockout 71 B';
    background: #fff;
    bottom: 110%;
    color:#ff3300;
    content: attr(title);
    left: -10%;
    top:-78%;
    padding: 5%;
    position: absolute;
    text-align:center;
    border:5px solid #321c00;
    z-index: 98;
    width: 140%;
    line-height: 110%;
    font-size:20px;
    height: 90px;
}

.ttip:hover:before{
    border: solid;
    border-color: #321c00 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 106%;
    left:50%;
    content: "";
    
    position: absolute;
    z-index: 99;
}

*/



.tool:hover .thetip {
    opacity:1;
    display: block;
}


.thetip {
    opacity:0;
    background: #C8C8C8;
    margin-left: 0px;
    padding: 20px 5px;
    position: absolute;
    z-index: 1000;
    width:240px;
    height:auto; 
    display:block;
    pointer-events: none;
    top:-102px;
    left:-30px;
transition:.2s ease;
    text-transform: uppercase;
      font-family: 'countach', arial;
  font-weight: normal;
  font-style: normal;
    background: #fff;
    color:#ff3300;
    text-align:center;
    border:5px solid #321c00;
    z-index: 98;
    line-height: 110%;
    font-size:22px;
/*  -webkit-box-shadow: 3px 3px 0px 0px rgba(193,44,0,0.7);
  -moz-box-shadow: 3px 3px 0px 0px rgba(193,44,0,0.7);
  box-shadow: 3px 3px 0px 0px rgba(193,44,0,0.7);*/
  }
.thetip:before{
    border: solid;
    border-color: #321c00 transparent;
    border-width: 6px 6px 0 6px;
    bottom: -10px;
    left:45%;
    content: "";
    
    position: absolute;
    z-index: 99;

}
.tool {
    margin:0px;
    position: relative;
}


/*.stop11 .thetip {left: -60px;}

.stop1 .thetip {top:-116px; left:-35px;}

.halfmi .thetip {top:-91px;}

.stop2 .thetip {top:-74px;left: -50px;}

.stop4 .thetip {top:-67px;left: -50px;}

.stop7 .thetip {left: -60px; top:-79px;}

.stop9 .thetip {left: -42px;}

.stop13 .thetip {left: -29px;}*/



.onemi .thetip {left: -70px;}



/*
.stop14 .thetip {left: -60px; top:-59px;}

.stop15 .thetip {left: -60px; top:-59px;}

.stop16 .thetip {left: -60px; top:-59px;}*/



.navbar-toggle {
  margin-top: 28px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border:none;
}


/* callout button styles */

a.callout-button {display:table; margin:0 auto;}
a.callout-button span {font-size: 25px; letter-spacing: .1em; font-family: 'futura-pt'; border:4px solid #ff3300; text-transform:uppercase; font-style:italic; font-weight:700; padding:20px 40px; color:#fff; display:table;}
a.callout-button:hover {background: transparent;}


a.hero-button {display:table; margin:0 auto; }
a.hero-button span {  font-size: 25px;
  letter-spacing: .05em;
  font-family: 'futura-pt';
  font-weight: 700;
  font-style: italic;
  border: 5px solid #ff3300;
  margin: 0 auto;
  padding: 16px 36px;
  color: #fff;
  display: table;}

a.hero-button:hover span {border:4px solid #fff;}

a.team-button {  padding: 0 7px 7px 0;  display: table;  margin: 0 auto;  margin-top: -20px;  margin-bottom: 50px;  text-transform: uppercase;}
a.team-button span {font-size: 20px; letter-spacing: .1em; font-family: 'futura-pt'; border:4px solid #ff3300; padding:20px 40px; font-style:italic; font-weight:700; color:#fff; display:table;}
a.team-button span:hover {color:#ff3300;}
a.team-button i {
  font-size: 20px;
  vertical-align: text-bottom;
  margin-right: 10px;
}

/* registration page */

h1.herotitle {font-family: 'countach', arial; position:relative; font-weight: normal; font-style: normal; font-size:180px;   padding: 145px 0 0 0;  margin: 0 auto; line-height:78%; display:table; text-align: center;}
h1.herotitle.racetitle {margin-bottom:30px; font-size:220px;  }

h1.herotitle.twolines {padding-top: 100px;}
h2.herosubtitle { font-family: 'futura-pt'; margin: 0 auto;  padding-bottom:40px; display: table;  text-transform: uppercase;  font-size: 33px;    letter-spacing: .1em;
  margin-top: -10px;
  padding-bottom: 28px;
  font-weight: 700;}
.registrationlevels {width:100%;}
.numbers {padding: 30px 0; border-bottom:6px solid #ff3300; margin-top: 10px; text-align: center; min-height: 300px;}
.numbers.vip {background: url(../images/vip-bg.png) top center no-repeat;   background-size: 545px;  background-position: 50% 30px; width:100%;}
.numbers.n1 {background: url(../images/1-bg.png) top center no-repeat;   background-size: 104px;  background-position: 50% 30px; width:100%;}
.numbers.n2 {background: url(../images/2-bg.png) top center no-repeat;   background-size: 187px;  background-position: 50% 30px; width:100%; border-bottom: none;}
.numbers h2, .numbers h4 {text-transform: uppercase; color: #ff3300;}
.numbers h4 {  font-family: 'futura-pt';
  margin-top: -8px;
  letter-spacing: .1em;
  font-size: 25px;
  font-weight: 700;}
.numbers h2 {  
  font-family: 'countach', arial;
  margin: 30px 0 0 0;
  color: #fff;
  font-size: 80px;
  font-weight: normal;
letter-spacing: .05em;}
  .numbers a.callout-button {margin-bottom:65px;}
.numbers p {font-size:26px;font-family: 'futura-pt';  margin: 20px 0 40px 0;}
.numbers span.norefund {font-size: 18px; display:block; margin: 40px 0; letter-spacing: .06em; .font-style: italic;font-family: 'futura-pt';}


/* race info page */

.info-pattern-bg {background:#321c00 url(../images/info-brown-pattern-bg.png) repeat top center; width:100%;}

#demo-accordion h3 .z-title {font-size: 50px;  text-transform: uppercase;  line-height: 80%;  font-family: 'countach', arial;  letter-spacing: .05em;}


#where > h3, 
#raceday > h3, 
#miller > h3, 
#costume > h3, 
#ironmike > h3, 
#dawgpede > h3
 {background:#ff3300;}

#packet > h3, 
#course > h3,
#daoffice > h3, 
#teams > h3, 
#military > h3, 
#polishsausage > h3
 {background:#321c00;}


.z-section .container {margin-bottom:50px;}

.infocol{margin-top:30px !important; padding-top: 10px !important; border-top: solid 7px #ff3300;}
.infocol p {font-size:20px; line-height: 140%;   font-family: 'futura-pt';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;}
.infocol a {color:#fff;}
.infocol h3 {margin:0; background:transparent !important; color:#fff; font-family: 'countach', arial;  letter-spacing: .05em; text-transform: uppercase; font-size: 30px;
  line-height: 138%;}
.infocol span {color:#ff3300;}

.infocol li {font-size: 20px;  line-height: 100%;  padding-bottom: 10px;   font-family: 'futura-pt';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;}
.infocol ul li:before{  content: "-";  margin-right: 10px;}
.infocol ol {counter-reset:list; margin-left:30px;}
.infocol ol > li {
    list-style: none;
    position: relative;
    padding-bottom:30px;
      letter-spacing: .02em;
  line-height: 140%;
  padding-left: 10px;
}
.infocol ol > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
    color: #ff3300;
}
h4.infoleader {text-transform:uppercase;color:#ff3300;font-family: 'countach', arial; letter-spacing: .05em;
  margin-bottom:50px; text-align: center; font-size: 30px;
  line-height: 138%; font-weight: normal !important;}

.beercelebrate {background:url(../images/millermustache.jpg) top center no-repeat; background-size:cover; width:100%; height:550px !important;}
/* sponsors page */
.thankyou {text-align: center; padding:0;}
.thankyou h2 {  font-family: 'countach', arial;    letter-spacing: .06em; font-weight: normal;  font-style: normal;  font-size: 78px;  margin: 0 0 25px;  text-transform: uppercase;}
.thankyou h2 span {font-family: 'futura-pt';  letter-spacing: .1em;  font-weight: 700; display:block;   color: #ff3300; font-style: normal;  font-size: 23px;   margin-top: -8px;}

.thankyou.org h2 span {color:#ff3300;}
.thankyou p {font-family: 'futura-pt';  font-weight: 400;  font-style: normal;  font-size: 20px;}
.thankyou p > a {color:#fff;}

.red.officechallenge h2 {  margin-bottom:20px; font-size: 36px;   letter-spacing: .06em; }

.section.group.sponsors img {width:100%; height:auto;}

.section.group.sponsors {margin-bottom:1%;}

/* media page */

.pattern-bg.org {  padding: 100px 0 60px 0;}
.featured-view.learn {margin-top:20px;}

.downloads {font-size:18px; color:#fff; width:100%; padding:40px 0 80px; background: #321c00 url(../images/brown-diagonal-bg1.png) repeat; text-align: center;}
.downloads2 {font-size:18px; width:100%; padding:40px 0 80px; background:#fff; text-align: center;}


.downloads h2 {color:#fff;   font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal; font-size:80px; font-style: normal;text-transform: uppercase; letter-spacing: .06em; margin-bottom: 30px}
.downloads2 h2 {color:#321c00; font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal; font-size: 80px; text-transform:uppercase;}
.downloads2 h3 {color:#321c00; text-transform:uppercase; font-family: 'countach', arial;
  letter-spacing: .1em;
  font-weight: normal;  font-size: 32px; margin-bottom:-5px;}
.downloads h3 {color:#fff; text-transform: uppercase;  font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal; font-style: normal;  font-size: 50px; margin-bottom:-5px;}
.downloads .col img, .downloads2 .col img {width:100%; height:auto;}
.downloads a, .downloads2 a {padding:0 5px; font-size:25px; font-family: 'futura-pt'; vertical-align: middle; font-weight:700; letter-spacing: .14em;  text-transform: uppercase; color:#ff3300;}

/*swag page - also some charity*/

.list-o-swag {text-align:center; width:100%; padding:80px 0 80px; background:#fff;}
.list-o-swag h2 {   font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal;
  font-style: normal;
  font-size: 80px; 
  color:#321c00; font-weight: 800;  font-style: normal;  margin: 0 0 25px;  text-transform: uppercase;}
.list-o-swag h2 span {display:block; font-family: 'futura-pt';
  letter-spacing: .06em;
  font-weight: 700; color: #ff3300;  font-style: normal;  font-size: 22px;   margin-top: -10px;}
.list-o-swag h3 { text-transform:uppercase; color:#321c00;   font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal;
  font-style: normal; font-size: 40px; font-weight: 800;  letter-spacing: .12em; font-style: normal;}
.list-o-swag h4 { text-transform:uppercase; color:#ff3300;   font-family: 'futura-pt';
  letter-spacing: .06em;
  font-weight: 700; font-size: 26px; letter-spacing: .1em; font-style: normal;}
.list-o-swag h3:before, .list-o-swag h3:after {content:"-"; padding:0 7px; color:#ff3300;}
.list-o-swag img {width:100%;height:auto;}
.list-o-swag p {font-family: 'futura-pt';  font-weight: 400;  font-style: normal;  font-size: 20px; color:#321c00;}
.list-o-swag .fineprint {padding:40px 20px 0 20px;}
.list-o-swag .fineprint p {  color: #321c00;  font-size: 20px;  font-family: 'futura-pt';   text-align: left;}
.list-o-swag .fineprint p.minpizza {color:#ff3300;}
.list-o-swag a {color:#321c00;}

/*charity page */

.list-o-swag a.learn {color:#ff3300;}
.list-o-swag a.learn.joinupward{padding-top:0; margin-top:-22px;}



.rewards {background:#ff3300 url(../images/orange-diagonal-bg.png) repeat; padding:70px 0 100px 0; text-align: center;}
.rewards h2 {  font-family: 'countach', arial;
  letter-spacing: .06em;
  font-weight: normal;
  font-style: normal; text-transform:uppercase;
  font-style: normal;
  font-size: 80px;
  margin-top: 0;}
.rewards h2 span {display:block; color:#321c00;  font-family: 'futura-pt';
  letter-spacing: .06em;
  font-weight: 700;
  margin-bottom: 30px;
  font-style: normal;
    font-size: 22px;
  margin-top: -10px;}

.rewards p > a {color:#fff; border-bottom: 1px solid #321c00 !important;}
.rewards p {font-family: 'futura-pt';  font-weight: 400;  font-style: normal;  font-size: 20px;}

.rewards img {margin-top:50px; width:100%; height:auto;}

.charitybottom {/*padding:55px 0; background:url(../images/charity.jpg) top right no-repeat; height:448px; background-size:cover;*/}

/*challenge page*/

.bigborder {min-height:580px; /* border:8px solid #321c00; background-color: #ff3300;*/ padding:30px 30px 50px; }
.rewards .bigborder img {  width: initial; margin-bottom:50px;}
.rewards .bigborder h2 {  font-size: 40px;}
.rewards .bigborder p {margin-bottom: 30px; color:#321c00;}
.prepared .col.span_2_of_4 {background:url(../images/tall-border.png) no-repeat;  background-repeat: no-repeat;
    background-size: 100% 100%;      }


.wider {    width: 105%;    margin: -40px 0 0 -20px;    display: block;}
.wider1 {    width: 105%;    margin: 0 0 0 -20px;    display: block;}


.height1 {height:280px; width:100%;}

.height2 {height:254px; width:100%;}



/* site footer */

.footer {background:#ff3300; border-bottom: 25px solid #321c00; !important;}
.footer ul {margin: 0; padding: 0; display:table; margin: 0 auto;} 
.footer li {list-style-type: none; display:inline-block; zoom:1; padding: 10px 20px; font-size: 18px;}
.footer ul li a {color:#848b95;}

.footer ul.fnav li {font-weight: 700; font-size: 30px;}
.footer ul.fnav li a {color:#fff; font-family: 'countach', arial; text-transform: uppercase; letter-spacing:.05em; font-weight: normal; font-style: normal;}
.footer ul.fnav li a:hover {color: #321c00; text-decoration:  none;}
.footer ul.otherfnav li a {font-family: 'futura-pt'; font-weight:700; text-transform: uppercase; color:#fff; opacity:.4;}
.footer ul.otherfnav li a:hover {text-decoration: none; opacity:1;}


a.flogo {text-align:center; margin: 0 auto; padding:20px 0; display: table;} 


a.flogo img {width:91px; height:auto; margin-top:37px;}


p.copyright {text-align: center; padding:15px 0 50px 0; color:#fff; opacity:.4; text-transform: uppercase; font-size: 12px; margin:0; font-family: 'futura-pt';font-weight: 400; font-style: normal;}
p.copyright span {/*font-size:14px;*/}

.socials {display: table; margin: 15px auto; margin-bottom:30px; text-align: center; font-size: 30px; color:#fff;  }
.socials a .fa {padding: 0 13px; color:#fff; opacity:.4;}
.socials a .fa:hover {opacity:1;}

.sponsors {width:100%; background:#fff; padding:40px 0;}
.sponsors img {text-align: center; margin: 0 auto; display: block; max-width:1140px; width: 100%; height: auto;}
.sponsors h2 {color:#000; text-align: center; text-transform: uppercase; font-size: 33px;}

/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 10px 0 10px 3.2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 74.2%;
}
.span_2_of_4 {
  width: 48.4%;
}
.span_1_of_4 {
  width: 22.6%;
}

@media only screen and (min-width:1400px) {
  .numberonebaby {background-position: top center;}
  
}




@media only screen and (max-width: 2000px) {
  #slides h1 {
  font-style: normal;
  font-size: 190px;} 
}

@media only screen and (max-width: 1600px) {
  #slides h1 {
  font-style: normal;
  font-size: 170px;}
  
}



@media only screen and (max-width: 1400px) {
  h1.hi {font-size:200px;}
  #slides h1 {
  font-style: normal;
  font-size: 155px;}

}

@media only screen and (max-width: 1200px) {
  h1.hi {font-size:165px;}
.igwidget {/*min-height: 480px;*/ min-height: 280px;}
.callouts a span {
  top: 73%;
  height: 29%;
  width: 95%;
  font-size: 22px;
}



.height1 {height:240px; width:100%;}

.height2 {height:214px; width:100%;}

}




@media only screen and (max-width: 1000px) {
  h1.hi {font-size:150px;}
.igwidget {/*min-height: 400px;*/ min-height: 210px;}
.ttip:hover:after{font-size:18px;}
.callouts a span {
  top: 73%;
  height: 29%;
  width: 95%;
  font-size: 25px;
}

img.da-dash { max-width: 760px;}


#slides h1 {font-size: 120px;}




.height1 {height:auto; width:100%;}

.height2 {height:auto; width:100%;}

}

@media only screen and (max-width:992px) {
.rewards .bigborder h2 {  font-size: 30px;}
 .navbar-nav>li>a {font-size:20px;}
 h1.herotitle, h1.herotitle.racetitle {font-size:100px;}
 .callouts .col.span_1_of_4 {width:47%; margin-right:3%;margin-bottom:20px; }
 .callouts .col {margin:0;}

 h1.hi {font-size:125px;}


.numberonebaby h2 {font-size:32px;}

/*.numberonebaby {  background: #321c00 url(../images/partyparty.jpg) 60% 0 no-repeat;}


.numberonebaby {background: #321c00 url(../images/partyparty.jpg) no-repeat; background-position:60% 0; background-size: auto 850px; }
*/
}


@media only screen and (max-width: 800px) {
.igwidget {/*min-height: 300px;*/ min-height: 160px;}
.ttip:hover:after{font-size:13px;}
img.da-dash { max-width: 700px;}


}

@media only screen and (max-width:767px) {
	h1.hi {font-size:80px;}
h1.herotitle, h1.herotitle.racetitle {font-size: 60px;}
#mainNav .container {width:100%;}


.navbar-brand.newl img {
    width: 100px;
    height: auto;
}

.navbar-nav>li {border-bottom: 6px solid #ff4401;}
.navbar-nav>li.register {
    padding: 10px 0;
  background: #321c00;
  border:none;
  border-bottom: 6px solid #ff4401;
  margin-top:0;
}

.navbar-nav>li.register a:hover {
  color: #ff3300;
}

  .navbar-nav {border-top: 6px solid #ff4401;}

.callouts a span {
  top: 70%;
  height: 29%;
  width: 95%;
  font-size: 22px;
}

.prepared .col {width:100%; margin-left: 0; margin-bottom: 40px;}

.block460, .block460.last, .block460.first, .block460.victory, .block460.rally, .block460.rally1, .block460.first1  {width:100%; min-height:400px;}
.block460.red.crush {height:460px;}
.block460 p {padding-left:20px; padding-right:20px;}
.pattern-bg h2 {font-size: 34px;}
.navbar-nav {background-color: #321c00;}
.navbar-nav>li {padding: 10px 0;text-align: center;}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top:  none;
  -webkit-box-shadow:  none;
  box-shadow: none;
  margin-top:10px;
}


img.outsider {display:none;}
.crush-bg {height: 420px;}
  .footer li {
  font-size: 14px;
}
.mobgo {display: none;}

img.da-dash { max-width: 600px;}


#slides h1 {font-size: 90px;}

}

@media only screen and (max-width:600px) {
.numberonebaby .col.span_2_of_4 {  width: 100%;  margin: 0;  max-width: 300px;  margin: 0 auto;  display: block;  float: none; } 
.numberonebaby .col {margin:0;} 
	.numberonebaby {  background: #321c00; height:auto;}
  .da-game-plan .col {width:100%; margin-bottom:50px; margin-left:0;}
  a.learn.orange.dlmap {position:absolute;  bottom: 1px;  right: 20px;  width:200px; font-size: 17px;}
  .tool:hover .thetip {
      opacity:0;
      display: none;
  }
  a.learn.orange.dlmap:before {margin-bottom: 8px;}
  a.learn.orange.dlmap:after {margin-top: 8px;}

    img.da-dash {
    max-width: 450px;
    width: 90%;
    height: auto;
    display: block;
  }

}

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

  #slides h1 {font-size: 70px;}


	h1.hi {font-size:51px;}
  .thankyou h2, .list-o-swag h2, .rewards h2  {font-size:30px;}
.igwidget {min-height: 200px; /*min-height: 110px;*/}
/*.igwidget img {display: none;}*/
  h1.herotitle, h1.herotitle.racetitle {font-size:40px;}
  .rewards .bigborder h2 {  font-size: 25px; }
  .thankyou h2 span {font-size:20px; margin-top: -4px;}
  .list-o-swag h2 span, .rewards h2 span {
  margin-top: -5px;
}
  
  .block460 h2 {font-size:32px;}

  .footer li {  display: block;  text-align: center; }
  #demo-accordion h3 .z-title {font-size: 23px;}
  a.learn, div.learn {max-width:300px; font-size:20px;}
  .callouts .col.span_1_of_4 {width:100%; margin:0; margin-bottom:20px;  float:left;display:block;}
 .callouts .col {margin:0;}
 span.break {display:block; width:100%; height:15px;}

 img.b1, img.b2, img.b3, img.b4, img.b5, img.b6, img.b7, img.b8  {display: none;}
a.team-button span {
  font-size: 20px;
  letter-spacing: .1em;
  font-family: 'Knockout 71 A', 'Knockout 71 B';
  border: 5px solid #ff3300;
  /*padding: 10px 18px;*/
  color: #fff;
  display: table;
}
.callouts a span {
  top: 73%;
  height: 29%;
  width: 95%;
  font-size: 28px;
}

.vidhold {background:url(../images/hero-july28.jpg) top center no-repeat; background-size: cover;}
#bgvid {display: none;}
#slides {background:url(../images/hero-july28.jpg) top center no-repeat; background-size: cover;}

a.hero-button span {
  font-size: 17px;
  letter-spacing: .1em;
  border: 5px solid #ff3300;
  padding: 9px 14px;
  color: #fff;
  display: table;
}
a.learn.orange.dlmap {
  position: absolute;
  bottom: 1px;
  right: 20px;
  width: 170px;
  font-size: 14px;
}
a.learn.orange.dlmap:before {
  margin-bottom: 5px;
}
a.learn.orange.dlmap:after {
  margin-top: 6px;
}

.hero1 {height: 420px;}
h1.herotitle {padding-top: 100px;}
h1.herotitle.racetitle {padding-top: 60px;}
h1.herotitle.twolines {
  padding-top: 86px;
}
.wider {    width: 114%;    margin: -40px 0 0 -20px;    display: block;}
.homemap.rinfo {
  margin-left: -20px;
  width: 112%;
}


}

@media only screen and (max-width: 480px) {
.list-o-swag .col.span_1_of_3 {  margin-bottom: 40px;}
.downloads .col.span_1_of_3 {  margin-bottom: 40px;}

.sponsors.section.group .col {margin-bottom:30px;}
}




.regpos {position:absolute; bottom:40px; left:0; right:0; z-index:9999;}

/* iphone small */
@media only screen and (max-width: 360px) {


  .navbar-nav>li, .navbar-nav>li.register {
  padding: 2px 0;
  text-align: center;
  }
  .navbar-nav>li>a {
    font-size: 15px;
  }
  .navbar-brand img {
    width: 90px;
    height: auto;
  }
    #slides h1 {
    font-size: 50px;
  }
a.hero-button span {
    font-size: 18px;
    letter-spacing: .05em;
    font-family: 'futura-pt';
    font-weight: 700;
    font-style: italic;
    border: 5px solid #ff3300;
    margin: 0 auto;
    padding: 8px 20px;
    color: #fff;
    display: table;
}

.regpos  {position:absolute; bottom:5px;}

}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; } 
.span_2_of_3 { width: 65.6%; }
.span_1_of_3 { width: 31.2%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*video background homepage */


video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
 background: url('images/home-hero.jpg') no-repeat;
  background-size: cover;
  -webkit-transition: 1s opacity;
          transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#polina { 
  font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  -webkit-transition: .3s background;
          transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

@media screen and (max-device-width: 800px) {
  #bgvid { display: none; }
}



@media only screen and (max-height: 600px) {
  img.da-dash {
    max-width: 550px;
     width: 90%;
    height: auto;
    margin: 15% auto 0;
    display: block;
  }
}