/*
 * Site Build  
 * DesignUps
 * www.designups.com
 * yellow - #F8F8FF
 */


 /* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/34d89b");
@font-face {font-family: 'FuturaBTWXX-Medium';src: url('../webfonts/34D89B_0_0.eot');src: url('../webfonts/34D89B_0_0d41d.eot?#iefix') format('embedded-opentype'),url('../webfonts/34D89B_0_0.woff2') format('woff2'),url('../webfonts/34D89B_0_0.woff') format('woff'),url('../webfonts/34D89B_0_0.ttf') format('truetype');}
 
html {overflow-x:hidden;}
body {font-family: 'FuturaBTWXX-Medium'; background: #fff; color:#fff; overflow-x:hidden;zoom: 0.8}

h1 {font-family: "Knockout 46 A", "Knockout 46 B"; font-style: normal; font-weight: 400;}
h2 {font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400;}
h3, h4 {font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;}

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

/* navigation styles */

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

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

.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: 32px;
  font-weight: 700;
  letter-spacing: .07em;
 font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;
}
.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: #F8F8FF;
}

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

.navbar-nav>li {padding: 40px 0 0 0;}
.navbar-nav>li.register {padding: 40px 0 0 0; background: #F8F8FF; border-bottom: 6px solid #fff;}
.navbar-nav>li.register a {color:#000; transition:all .3s ease;}
.navbar-nav>li.register a:hover {color:#fff;}
.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;
}

.vert {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
    .vert {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%; /* Ajuste la largeur à 100% */
        height: auto; /* Ajuste la hauteur automatiquement */
        padding: 40px; /* Ajoute du padding pour agrandir le bloc */
    }
    .block460.red {
        height: auto; /* Ajuste la hauteur du bloc parent */
        padding: 20px; /* Ajoute du padding pour agrandir le bloc parent */
    }
}

/* Overlay style */
.overlay, .landing {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}

/* Overlay closing cross */
.overlay .overlay-close, .landing .landing-close {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 5px;
  top: 10px;
  overflow: hidden;
  border: none;
  background: url(../images/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 999999;
}

/* Menu style */
.overlay nav, .landing nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlay ul, .landing ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}

.overlay ul li, .landing ul li {
  display: block;
 height: 20%;
  height: calc(100% / 3);
  min-height: 54px;
}

.landing ul li.landing-heading {max-height:60px;}

.overlay ul li h2 , .landing ul li h2 {font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400; text-transform:uppercase; color:#F8F8FF; font-size:22px;}

.overlay ul li a, .landing ul li a {
  font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;
  text-transform:uppercase;
  font-size:126px;
  display: block;
  color: ##000080;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  line-height:90%;
  min-height:170px;
}

.overlay ul li a:hover,
.overlay ul li a:focus,
.landing ul li a:hover,
.landing ul li a:focus {
  color: #F8F8FF;
  text-decoration:none;
}
.overlay ul li a span, .landing ul li a span {font-size:18px; line-height:18px; color:#F8F8FF;  display:block;font-family: 'FuturaBTWXX-Medium';}
/* Effects */
.overlay-hugeinc, .landing-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open, .landing-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index:99999;
}

.overlay-hugeinc nav, .landing-hugeinc nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc nav ul, .landing-hugeinc nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul, .landing-hugeinc.open nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul, .landing-hugeinc.close nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

.landing li.comingsoon  {
    font-family: "Knockout 67 A", "Knockout 67 B";
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 126px;
    display: block;
    color: #585858;
    line-height: 90%;
    min-height: 170px;
}
li.comingsoon span {
    font-size: 18px;
    line-height: 18px;
    color: #F8F8FF;
    display: block;
    font-family: 'FuturaBTWXX-Medium';
}

@media screen and (max-height: 30.5em) {
  .overlay nav, .landing nav {
    height: 70%;
    font-size: 34px;
  }
  .overlay ul li, .landing ul li {
    min-height: 34px;
  }
}





/* Homepage intro headline */

.homehero {height:100vh; width:100%; box-sizing:border-box; position: relative;}
.homehero .vert {position:absolute; width:100%;}
h1.hi {font-family: "Knockout 46 A", "Knockout 46 B"; font-style: normal; font-weight: 400; color:#F8F8FF; position:relative; font-style: normal; text-transform:uppercase; font-size:100px;  margin:0 auto 35px; line-height:80%; display:table; pointer-events:none;}
.homehero .vert p {font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400; text-transform:uppercase; font-size:28px; text-align: center;}
.homehero .vert .button {display:table; margin:0 auto;}

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




/* double line link styles */

a.learn, div.learn {
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;}
	
	
	
	
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:380px; letter-spacing: .12em;}

 a.learn:hover {text-decoration: none; }

 a.learn.orange:hover {color:#fbed0d; text-decoration: none;}
 a.learn.blue:hover {color:#ff4400; text-decoration: none;}


/*a.learn:after, div.learn:after {  
  content: '';
  display: block;
  background: #ff4400;
  height: 7px;
  width: 98%;
  margin-left:10px;
  margin-right:0;
  margin-top:17px;
}

a.learn:before, div.learn:before {  
  content: '';
  display: block;
  background: #ff4400;
  height:7px;
  width: 98%;
  margin-left:10px;
  margin-right:0;
  margin-bottom:15px;
}


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: 3px solid #FFFFFF;
    display: inline-block;
    padding-bottom: 5px; /* Ajoute de l'espace entre le texte et la bordure */
    line-height: 53%;
    color: #FFFFFF;
}
.container p > a:hover {text-decoration: none; color:#FFFFFF;}


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

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


.b1 {position: relative; margin-top: -6px; left:-.6%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b2 {position: relative; margin-top: -6px; left:.7%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b3 {position: relative; margin-top: -6px; left:2.1%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b4 {position: relative; margin-top: -6px; left:3.3%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b5 {position: relative;   margin-top: 1.45%; left:-.6%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b6 {position: relative;   margin-top: 1.45%; left:.7%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b7 {position: relative;   margin-top: 1.45%; left:2.1%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}
.b8 {position: relative;   margin-top: 1.45%; left:3.3%; width:24.5%; margin-right:0; height:auto; z-index: 0; float:left;}







/* 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;}

.hero1.swag {background:url(../images/swag-hero.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/contact-hero.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-hero.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}
.hero1.covid {background:url(../images/covid-hero.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/teams-hero.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/RR2023_CharityPageLeadImage.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/downloads-hero.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover; margin-top:0;}
.hero1.dasponsors {background:url(../images/sponsors-hero.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-hero.jpg) top center no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  
  -o-background-size: cover;  background-size: cover;}

a.runmfg {color: #3a4555; text-decoration: none;}
a.runmfg:hover {color:#fff; text-decoration: none;}
/* Homepage Let's Dash */
.numberonebaby {
  padding: 100px 0 260px;
  background: #09172b url(../images/HomeMedal2.jpg) center center no-repeat;
  background-size: 100% 100%; /* Étire l'image pour remplir l'élément */
  background-position-x: 75%;
  display: flex; /* Utilise flexbox pour aligner les éléments */
  justify-content: space-between; /* Espace les éléments de manière égale */,
}
.vidhold {
  background: url(../images/home-hero2.jpg) center center no-repeat;
  background-size: cover;  /* L'image couvre toute la zone sans déformation */
  height: 1200px;  /* Doubler la hauteur de l'élément pour augmenter la taille en longueur */
  position: relative;
}

/* Version mobile */
@media (max-width: 768px) {
  .vidhold {
    height: 850px;  /* Ajuste la hauteur de l'élément pour les mobiles */
  }
}

#bgvid {
  display: none;  /* Supprime la vidéo */
}

a.hero-button span {
  font-size: 17px;
  letter-spacing: .1em;
  font-family: 'Knockout 71 A', 'Knockout 71 B';
  border: 4px solid #ff4400;
  padding: 9px 14px;
  color: #fff;
  display: inline-block;
}

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

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

.countdown-container li {
  width: 23%;
  font-size: 20px;
}

.countdown-container li span {
  font-size: 80px;
}

.footer li {
  padding: 5px 14px;
}
.numberonebaby .left-content {
  width: 40%; /* Ajustez cette valeur pour la largeur de la colonne gauche */
  position: relative; /* Permet de positionner les éléments de manière indépendante */
  top: 0; /* Ajustez cette valeur pour déplacer le bloc vers le haut ou le bas */
  left: 0; /* Ajustez cette valeur pour déplacer le bloc vers la gauche ou la droite */
}

.numberonebaby .right-content {
  width: 30%; /* Ajustez cette valeur pour la largeur de la colonne droite */
  position: relative; /* Permet de positionner les éléments de manière indépendante */
  top: 150px; /* Ajustez cette valeur pour déplacer le bloc vers le haut ou le bas */
  left: -90; /* Ajustez cette valeur pour déplacer le bloc vers la gauche ou la droite */
}

.numberonebaby h2 { 
  font-size: 48px;
  margin: -60px 50px 10px; /* Remonte le titre de 60 pixels et ajuste les marges */
  color: #F8F8FF;
  line-height: 100%;
  text-transform: uppercase;
  width: 100%; /* Permet au titre de s'étaler sur toute la largeur disponible */
  max-width: none; /* Supprime toute limite de largeur maximale */
}

.numberonebaby p {  
  font-size: 18px;
  margin: 0px 50px 25px; /* Ajuste les marges pour le paragraphe */
  line-height: 25px;
  color: #000;
  max-width: none; /* Supprime toute limite de largeur maximale */
  width: 100%; /* Permet au texte de s'étaler sur toute la largeur disponible */
}

.numberonebaby a.learn {
  margin: 20px 0 0 -10px;
  width: 80%; /* Ajustez la largeur pour permettre au texte de s'étaler */
  display: block; /* Assurez-vous que l'élément est un bloc pour que la largeur soit appliquée */
}


/* Styles pour le bouton S'inscrire */
.numberonebaby .button {
  background: #000;
  font-size: 17px;
  padding: 12px 38px;
  color: #F8F8FF;
  font-family: "Knockout 74 A", "Knockout 74 B";
  font-style: normal;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 5px; /* Espace au-dessus du bouton */
}





.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 {font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400;position:absolute; top:85%; height:29%; width:95%; line-height:114%; text-align:center; 
  text-transform: uppercase;
  display: block;
  font-size: 22px;

 color:#000;}



.block460 {
    width: 50%;
    height: 580px;
    float: left;
    text-align: center;
    background-size: cover;
    padding-left: 2%;
    padding-right: 2%;
}

.block460.blue {
    background: #09146D;
}

.block460.first {
    background: url(../images/HomeMedal2.jpg) center center no-repeat;
    background-size: cover; /* Couvre tout le bloc avec l'image */
    height: 580px; /* Ajuste la hauteur du bloc */
    box-sizing: border-box; /* Inclut le padding dans la taille totale du bloc */
}

/* Adaptation pour les appareils mobiles */
@media (max-width: 768px) {
    .block460.first {
        height: 280px; /* Ajuste la hauteur pour mobile */
    }
}

.block460.red {
    background: #FFF;
}

.block460.last {
    background: url(../images/rocky-training.jpg) center no-repeat;
    background-size: cover; /* Couvre tout le bloc avec l'image */
    height: 580px; /* Ajuste la hauteur du bloc */
    box-sizing: border-box; /* Inclut le padding dans la taille totale du bloc */
}

/* Adaptation pour les appareils mobiles */
@media (max-width: 768px) {
    .block460.last {
        height: 260px; /* Ajuste la hauteur pour mobile */
    }
}

.block460.green {
    background: url(../images/rocky-training22.png) bottom center no-repeat;
    background-size: cover; /* Couvre tout le bloc avec l'image */
    height: 580px; /* Ajuste la hauteur du bloc */
    box-sizing: border-box; /* Inclut le padding dans la taille totale du bloc */
}

/* Adaptation pour les appareils mobiles */
@media (max-width: 768px) {
    .block460.green {
        height: 260px; /* Ajuste la hauteur pour mobile */
    }
}

.block460.red-bg {
    background: url(../images/your-image.jpg) bottom center no-repeat;
    background-color: #C84626;
    background-size: cover;
    background-position: 50% 50%;
}

.block460 h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-family: "Knockout 74 A", "Knockout 74 B";
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    margin-top: 0;
    color: #000;
}

.block460 h3 {
    text-transform: uppercase;
    margin: 0 0 30px 0;
    display: block;
    text-align: center;
    font-family: 'Knockout 71 A', 'Knockout 71 B';
    letter-spacing: .1em;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}

.block460.blue h3 {
    color: #ff4400;
}

.block460.red h3 {
    color: #09172b;
}

.block460 p {
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.block460 a.button {
    margin: 0 auto;
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
    .block460 {
        width: 100%;
        height: auto;
        float: none;
        background-size: contain;
    }
}

.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: #09172b;}

.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: #09172b;}

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




/* pattern area at bottom of homepage */

.pattern-bg {background:#09172b url(../images/DitkaDashPattern_Blue.png) repeat top center;
        background-size: 406px 406px; width:100%; padding:80px 0 80px;}
.pattern-bg.white-bg, .white-bg {background:#fff !important;}
.pattern-bg h2 {text-align: center; font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400;   font-size: 58px;
  color: #000;
  margin: 0 0 10px 0;}
  .pattern-bg h2 span {color:#F8F8FF;}
.pattern-bg p.ig, .pattern-bg p.bottom {text-align: center; font-size: 18px; color: #000;}
span.break {display:none;}
p.ig a {color:#fff;}
.pattern-bg .bottom a {border:0;}
.pattern-bg .bottom a .fa {margin-left:20px; color:#F8F8FF; font-size:25px; }
.pattern-bg .bottom a .fa:hover { color:#000;}
.section.igfeed {padding: 30px 0 50px; font-family: 'Verlag A', 'Verlag B'; 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: #ff4400 url(../images/DitkaDashPattern_Orange.png) repeat top center;
        background-size: 406px 406px; width:100%; padding:100px 0 80px;}

.crush-bg {
        background: #ff4400 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%;}

.snapwidget-holder {z-index:20;position: absolute;top: 0;left: 0;width: 100%; min-height:400px;}
.snapwidget-holder iframe {min-height:400px;}
/* homepage map */

.homemap {width:100%; height:auto; position:relative; /*background:url(../images/map-bg3.png) top center no-repeat;*/}
.homemap.rinfo {margin-left:-20px; width:105%;}
.mapholder {width:100%; margin:0px auto; display:block;  position: relative;}
a.learn.orange.dlmap {  font-size: 32px;
    top: 34%;
    right: 0;
    width:170px; 
    right:11.5%;
    font-family: "Knockout 67 A", "Knockout 67 B";
    font-style: normal;
    font-weight: 400;
    color: #F8F8FF;
    text-align:right;}

a.learn.orange.dlmap:hover {
  color:#fff;
}
/*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: 11%;  height: 20%;  top: 37%;  left: 28.2%;  }
.homemap a.twoandahalfmi {  width: 11%;  height: 20%;  top: 26%;  left: 45.5%;  }
.homemap a.twomi {  width: 11%;  height: 20%;  top: 24%;  left: 64%; }
.homemap a.oneandahalfmi {  width: 11%;  height: 20%;  top: 23%;  left: 87.5%; }
.homemap a.onemi {  width: 11%;  height: 20%;  top: 42.5%;  left: 71%; }
.homemap a.halfmi {  width: 11%;  height: 20%;  top: 50%;  left: 49.5%; }

.homemap a.stop1 {  width: 9%;
  height: 20%;
  top: 65%;
  left: 24%;}
.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: 40%;
  left: 12%;
  width: 10%;}
  
    .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:#09172b;}*/
/*
.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:#ff4400;
    content: attr(title);
    left: -10%;
    top:-78%;
    padding: 5%;
    position: absolute;
    text-align:center;
    border:5px solid #09172b;
    z-index: 98;
    width: 140%;
    line-height: 110%;
    font-size:20px;
    height: 90px;
}

.ttip:hover:before{
    border: solid;
    border-color: #09172b 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:190px;
    height:auto; 
    display:block;
    pointer-events: none;
    top:-96px;
    left:-24px;
transition:.2s ease;
    text-transform: uppercase;
    font-family: 'Knockout 71 A', 'Knockout 71 B';
    background: #fff;
    color:#ff4400;
    text-align:center;
    border:5px solid #09172b;
    z-index: 98;
    line-height: 110%;
    font-size:18px;}
.thetip:before{
    border: solid;
    border-color: #09172b 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;}



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

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

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



/*------- Homepage Countdown ---------*/


.countdown-container {
  color: #000;
  text-align: center;
  background:#F8F8FF;
  padding:70px 0;
  margin-top: 0px;
}


.countdown-container h2 {
 font-family: "Knockout 74 A", "Knockout 74 B"; text-transform:uppercase; font-style: normal; font-weight: 400; margin:0 0 20px 0;
  font-size:30px;
}

.countdown-container li {
  display: inline-block;
  font-size: 44px;
  list-style-type: none;
  padding: 0;
  text-transform: uppercase;
  font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;
  position: relative;
  width:24%;
}

.countdown-container li:after {
    content: '';
    display: block;
    height: 90%;
    width: 5px;
    background: #fff;
    position: absolute;
    top: 9%;
    right: 0;}

.countdown-container li:last-child:after { display:none; }


.countdown-container ul {margin:0; padding:0;}

.countdown-container li span {
  display: block;
  font-family: "Knockout 46 A", "Knockout 46 B"; font-style: normal; font-weight: 400;
 font-size:280px;
 line-height:80%;

}

/* Version desktop */
.logo-image {
    height: 150px; /* Ajuste la hauteur de l'image */
    margin-top: 20px; /* Décale l'image de 20px vers le haut */
    margin-right: 30px; /* Décale l'image de 30px vers la droite */
}

/* Version mobile */
@media (max-width: 768px) {
    .logo-image {
        height: 120px; /* Ajuste la hauteur de l'image pour les mobiles */
        margin-top: 20px; /* Décale l'image de 10px vers le haut */
        margin-right: 15px; /* Décale l'image de 15px vers la droite */
    }
}


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


/* callout button styles */
a.button, .button {
  background: #000;
  font-size: 17px;
  padding: 12px 38px;
  color: #F8F8FF;
  font-family: "Knockout 74 A", "Knockout 74 B";
  font-style: normal;
  font-weight: 400;
  margin-left: 45px; /* Décale le bouton de 30 pixels vers la droite */
}text-transform:uppercase; display:table; border:0; transition:all .3s ease;}
a.button:hover, .button:hover {color:white !important; text-decoration: none;}

a.callout-button {background:url(../images/solid1.gif) -8px -8px no-repeat; padding:0 7px 7px 0; display:table; margin:0 auto;}
a.callout-button span {font-size: 25px; letter-spacing: .1em; font-family: 'Knockout 71 A', 'Knockout 71 B'; border:4px solid #fff; padding:20px 40px; color:#fff; display:table;}
a.callout-button:hover {color:white; }


a.hero-button {background:url(../images/solid2a.png) -8px -8px no-repeat; padding:0 7px 7px 0; display:table; margin:0 auto; }
a.hero-button span {font-size: 25px; letter-spacing: .1em; font-family: 'Knockout 71 A', 'Knockout 71 B'; border:4px solid #ff4400; margin:0 auto; padding: 14px 36px; color:#fff; display:table;}
a.hero-button:hover {background:url(../images/solid2b.png) 8px 8px no-repeat;   padding:0 7px 7px 0; }
a.hero-button:hover span {border:4px solid #fff;}

a.team-button { font-size: 25px; letter-spacing: .07em; font-family: 'Knockout 74 A', 'Knockout 74 B'; padding:20px 40px; color:#000; display:table; display: table;  margin: 0 auto;  margin-top: -20px;  margin-bottom: 50px;  text-transform: uppercase; background: #F8F8FF;}
a.team-button:hover {color:#fff; text-decoration:none;}
a.team-button i {
  font-size: 30px;
  vertical-align: text-bottom;
  margin-right: 25px;
}

/* registration page */

h1.herotitle {color:#F8F8FF; font-family: "Knockout 46 A", "Knockout 46 B"; text-transform:uppercase;font-style: normal; font-weight: 400; font-size:240px;   padding: 155px 0 0 0;  margin: 0 auto; line-height:92%; display:table; text-align: center;}
h1.herotitle.twolines {padding-top: 122px;}
h2.herosubtitle {  margin: 0 auto;  padding-bottom:40px; display: table;  text-transform: uppercase;  font-size: 42px;    letter-spacing: .1em;
  margin-top: 5px;
  padding-bottom: 28px;
  font-weight: 400;}

.register-intro {
  background:#F8F8FF; 
    text-align: center;
    padding: 90px 0;
}

.register-intro h2 {
      color: #000;
    font-family: 'Knockout 74 A', 'Knockout 74 B';
    letter-spacing: .03em;
    line-height: 90%;
    font-style: normal;
    font-size: 42px;
    margin: 0 0 25px;
    text-transform: uppercase;
}
.register-intro p {
    color: #000;
    font-size: 18px;
}


.numbers {padding: 80px 0; border-bottom:6px solid #000; text-align: center; min-height: 300px;}
.numbers.vip {background: url(../images/vip-bg.png) top center no-repeat; width:100%;}
.numbers.n1 {background: url(../images/1-bg.png) top center no-repeat; width:100%;}
.numbers.n2 {background: url(../images/2-bg.png) top center no-repeat; width:100%; border-bottom: none;}
.numbers.n3 {background: url(../images/3-bg.png) top center no-repeat; width:100%;}
.numbers h2 {     font-family: "Knockout 74 A", "Knockout 74 B";
text-transform: uppercase;
    font-size: 38px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    opacity:1;
    margin:0 0 30px;}
.numbers h4 {     font-family: 'Knockout 46 A', 'Knockout 46 B';
text-transform: uppercase;
    margin: 0;
    letter-spacing: 0;
    font-size: 280px;
    font-weight: 400;
  color:#000;
    font-style: normal;
    line-height: 90%;
  opacity:.1;}
.numbers h4 span {font-size:130px; vertical-align: text-top;
    line-height: 200%;
    color: #000;
}

.numbers .col > div {position:relative; top:-30px; right:8px; z-index:9;}
.numbers p.reg-type { font-family: "Knockout 67 A", "Knockout 67 B"; font-weight:400; font-style:normal; font-size:44px; line-height:100%; text-transform:uppercase; letter-spacing: 0.04em;}
.numbers p.reg-time {margin-bottom:0;}
.numbers p {font-size:16px; color: #000; opacity:.1; letter-spacing: 0em;}
.numbers span.norefund {font-size: 18px; display:block; margin: 20px 0; letter-spacing: .06em; .font-style: italic;}
.numbers a.button {margin:40px auto 0;}

/*.numbers .col.active {background:#F8F8FF;}
.numbers .col.active:after {content: '';
    background-image: url(../images/dots.png);
    display: block;
    width: 100%;
    height: 390px;
    position: absolute;
    top: 0;
    z-index: 1;
    background-size: 5px;
    left: 5px;}*/



    .numbers .col.active:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 375px; right: 8px;
    top: -12px;}
.numbers .col.active {
    background-image: url(../images/dots.png);
    
    position: relative;
    top: 0;
    z-index: 1;
    background-size: 5px;
    left: 5px;background-position: 7px 3px;}

    .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 396px; right: 8px;
    top: -12px;}


.numbers .col.active h4, .numbers .col.active p, .numbers .col.not-faded h4, .numbers .col.not-faded p {opacity:1;}

.last-numbers {border-bottom:0;}

.social-icons {
    display: flex;
    justify-content: center;
    margin-top: 20px; /* Ajustez cette valeur pour l'espace entre le bouton et les icônes */
}

.social-icons a {
    margin: 0 17px; /* Ajustez cette valeur pour l'espacement entre les icônes */

    display: inline-block;
}

.social-icons img {
    width: 60px; /* Ajustez cette valeur pour la taille des icônes */
    height: 60px; /* Ajustez cette valeur pour la taille des icônes */
}
/* race info page */

#demo-accordion h3 .z-title {font-size:42px; text-transform: uppercase; line-height: 120%;  font-family: "Knockout 74 A", "Knockout 74 B"; font-style: normal; font-weight: 400;}
#demo-accordion .pattern-bg {background:#F8F8F !important;}
#demo-accordion li {border-bottom:3px solid #000;}
#demo-accordion > li > h3 {color:#000; background:#F8F8FF;}


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

.infocol{margin-top:30px !important; padding-top: 10px !important; border-top: solid 5px #F8F8FF;}
.infocol p {font-size:19px; line-height: 25px;}
.infocol a {
    color: #fff !important;

}
.infocol h3 {margin:0; background:transparent !important; color:#fff; font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;  font-size: 37px; letter-spacing: .03em; text-transform: uppercase;}
.infocol span {color:#F8F8FF;}

.infocol li {font-size: 18px;  line-height: 25px;  padding-bottom: 10px;}
.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:20px;
      letter-spacing: .02em;
  line-height: 25px;
}
.infocol ol > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
}

li#military a{
  border-bottom: 5px solid #F8F8FF;
  color:white;
      display: inline-block;
    padding-bottom: 0;
    line-height: 63%;
}
li#military a:hover{
    text-decoration: none;
    color: #F8F8FF;
}
li#grouporg a{
  color:white;
}
li#grouporg a:hover{
color:#F8F8FF
}

h4.infoleader {text-transform:uppercase;color:#F8F8FF;font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-size: 37px;  line-height: 88%; letter-spacing: .08em;
  font-weight: 400; margin-bottom:50px; text-align: center;}

.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:90px 0; background-color:#F8F8FF;}
.thankyou h2 {color:#000; font-family: 'Knockout 74 A', 'Knockout 74 B';  letter-spacing: .03em; line-height:90%; font-style: normal;  font-size: 58px;  margin: 0 0 25px;  text-transform: uppercase;}
.thankyou h2 span {font-family: 'Knockout 71 A', 'Knockout 71 B'; display:block;   color: #ff4400; letter-spacing: .1em;  font-weight: 400;  font-style: normal;  font-size: 25px;   font-size: 22px;
  margin-top: 4px;}
.thankyou p a {
  border-bottom:5px solid #fff;
  color:#000;
}
.thankyou p a:hover {
  color:#fff !important;
}
.thankyou.org h2 span {color:#09172b;}
.thankyou p {color:#000;  font-size: 18px; line-height:25px;}


a.contact {
  margin:0 auto;
  margin-top:30px;
}

.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%;}

a.speclink {border-bottom: 5px solid #fff;
    color: #000;
    line-height: 53%;
    padding-bottom:0;display:inline-block;
}

a.speclink:hover {color: #fff !important;
text-decoration: none;}

img.daMap.boder {
      border-top: 6px;
    border-top-color: #F8F8FF;
    border-top-style: solid;
}

.z-accordion.vertical.z-grouped.z-bordered>.z-section>h3.z-header:first-child{
  margin-top:0;
}
/* media page */

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

.downloads {font-size:18px; color:#09172b; width:100%; padding:40px 0 80px; background:#fff; text-align: center;}

.downloads h2 {color:#ff4400;  font-family: 'Knockout 74 A', 'Knockout 74 B';  font-weight: 800; font-size:36px; font-style: normal;text-transform: uppercase; letter-spacing: .06em; margin-bottom: 30px}
.downloads h3 {color:#09172b; text-transform: uppercase;  letter-spacing: .03em;  font-weight: 400;  font-style: normal;  font-family: 'Knockout 74 A', 'Knockout 74 B';  font-size: 20px;}
.downloads .col img {width:80%; height:auto;}
.downloads a {border-bottom: 5px solid #F8F8FF;
    display: inline-block;
    padding-bottom: 0;
    line-height: 53%;
    color:black;
    }

.downloads a:hover {
  text-decoration: none;
  color:#F8F8FF;
}
.downloads a:focus {
  text-decoration: none;
}

.training {
  width:100%;
 
  text-align: center;
  color:black;
  text-transform: uppercase;
  padding-top:50px;
  background-image: url(../images/halftone-background-2800x3496.jpg) ;
  background-size:cover;
}

.training .group {
  margin-bottom:80px;
}

.training h4 {
    text-transform: uppercase;
    color: #000;
    font-family: 'Knockout 67 A', 'Knockout 67 B';
    font-size: 45px;
    font-weight: 400;
    letter-spacing: .03em;
    font-style: normal;
    margin-top:0;
    margin-bottom:20px;

}

.training h2 {
  font-size:40px;
}

.training h5 {
  font-size:200px;
  font-family: "Knockout 46 A", "Knockout 46 B";
  text-align: center;
  margin-bottom:-20px;


}

.training a { /*border-bottom: 5px solid #F8F8FF;*/
    display: inline-block;
    padding-bottom: 0;
    line-height: 53%;
    color:black;
    text-align: center;
    }

.training a:hover {
  color:white;
  text-decoration: none;
}
.training a:hover h4 {
  color:white;
}

.training a:focus {outline:none;
text-decoration:none;}

.training span {
  border-bottom: 5px solid white;
  display: inline-block;
  padding-bottom: 0;
  line-height: 53%;
  color:black;
  text-transform: none;

}
.training a:hover span {
  color:white;
}

/*swag page - also some charity -- and race teams (challenge) */

.yellow-bg {background:#F8F8FF; }

.list-o-swag {text-align:center; width:100%; padding:80px 0 80px; background:#fff;}
.list-o-swag h2 { font-family: 'Knockout 74 A', 'Knockout 74 B';   line-height:100%;  letter-spacing: .03em; color:#000; font-weight: 400;  font-style: normal;  font-size: 42px;  margin: 0 0 25px;  text-transform: uppercase;}
.list-o-swag h2 span {display:block; font-family: 'Knockout 71 A', 'Knockout 71 B';  color: #ff4400; letter-spacing: .1em;  font-weight: 400;  font-style: normal;  font-size: 22px;   margin-top: -5px;}
.list-o-swag h3 { text-transform:uppercase; color:#000; font-family: 'Knockout 74 A', 'Knockout 74 B'; font-size: 38px; font-weight: 800;  letter-spacing: .12em; font-style: normal;}
.list-o-swag h4 { text-transform:uppercase; color:#000; font-family: 'Knockout 67 A', 'Knockout 67 B';font-size: 45px;font-weight: 400;  letter-spacing: .03em; font-style: normal; line-height:0.95;}
.list-o-swag h3:before, .list-o-swag h3:after {content:"-"; padding:0 7px; color:#F8F8FF;}
.list-o-swag img {width:100%;height:auto;}
.list-o-swag p { font-weight: 400;  font-style: normal;  font-size: 18px; color:#000; margin-bottom:30px;}
.list-o-swag .fineprint {padding:40px 20px 0 20px;}
.list-o-swag .fineprint p {  color: #09172b;  font-size: 20px;  font-family: 'Verlag A', 'Verlag B';   text-align: left;}
.list-o-swag .fineprint p.minpizza {color:#ff4400;}
.list-o-swag a {color:#09172b;}
.list-o-swag a.button {    color: #F8F8FF;
    max-width: 80%;
    text-align: center;
    padding: 12px 0;
    width: 80%;
    margin: 17px auto 0;
    text-decoration: none;
}
.teams- img {width:80%;}

/*charity page */

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

.group a span.plus-rr {
    position: absolute;
    top: 89%;
    left: 88%;
    width: 20px;
    height: 20px;
    z-index: 2;
}
.group img.photo {
    width: 95%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: auto;
}
.group a.example-image-link {
    display: block;
    position: relative;
}
.rewards {background:#ff4400; padding:70px 0 100px 0; text-align: center;}
.rewards h2 {font-family: 'Leviathan A', 'Leviathan B'; text-transform:uppercase;
  font-weight: 800;
  font-style: normal;
  font-size: 50px;
  margin-top: 0;}
.rewards h2 span {display:block; color:#09172b;font-family: 'Knockout 71 A', 'Knockout 71 B';
  letter-spacing: .1em;
  margin-bottom: 30px;
  font-weight: 400;
  font-style: normal;
    font-size: 22px;
  margin-top: 3px;}

.rewards a {color:#fff;}
.rewards p {font-family: 'Verlag A', 'Verlag B';  font-weight: 400;  font-style: normal;  font-size: 20px; margin-bottom:50px;}

.rewards img {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:600px; border:8px solid #09172b; background-color: #ff4400; padding:30px; }
.rewards .bigborder img {  width: initial; margin-bottom:50px;}
.rewards .bigborder h2 {  font-size: 40px;}
.rewards .bigborder p {margin-bottom: 30px;}
.prepared .col.span_2_of_4 {padding:0 15px 15px 0; background:url(../images/bluebkd.gif) 15px 15px no-repeat; }


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


/* site footer */

.footer {background:#000000;}
.footer ul {margin: 0; padding: 0; display:table; margin: 0 auto;} 
.footer li {list-style-type: none; display:inline-block; zoom:1; padding: 2px 14px; font-size: 18px;}
.footer ul li a {color:#848b95;}

.footer ul.fnav li {font-weight: 700; font-size: 34px;}
.footer ul.fnav li a {color:#ffffff; font-family: "Knockout 67 A", "Knockout 67 B"; font-style: normal; font-weight: 400;text-transform: uppercase; letter-spacing:.06em; }
.footer ul.fnav li a:hover {color: #F8F8FF; text-decoration:  none;}
.footer ul.otherfnav {margin-bottom:30px;}
.footer ul.otherfnav li a {color:#fff; font-size:16px; text-transform: uppercase; opacity:.4; letter-spacing:0.03em;}
.footer ul.otherfnav li a:hover {text-decoration: none; color:#fff; opacity:1;}


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


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


p.copyright {text-align: center; padding:15px 0 50px 0; color:#fff; opacity:.3; text-transform: uppercase; font-size: 10px; margin:0; line-height:180%;}

.socials {display: table; margin: 15px auto; text-align: center; font-size: 30px; }
.socials a .fa {padding: 0 13px; color:#fff; opacity:.4;}
.socials a .fa:hover {color:#fff; 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: 1200px) {
.igwidget {/*min-height: 480px;*/ min-height: 280px;}
.callouts a span {
  /*top: 70%;*/
  height: 29%;
  width: 95%;
  font-size: 19px;
  }


.b1 {position: relative; margin-top: -5.3px; left:-.5%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b2 {position: relative; margin-top: -5.3px; left:1.5%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b3 {position: relative; margin-top: -5.3px; left:3.4%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b4 {position: relative; margin-top: -5.3px; left:5.35%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b5 {position: relative;   margin-top: 2.06%; left:-.5%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b6 {position: relative;   margin-top: 2.06%; left:1.5%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b7 {position: relative;   margin-top: 2.06%; left:3.4%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}
.b8 {position: relative;   margin-top: 2.06%; left:5.35%; width:24%; margin-right:0; height:auto; z-index: 0; float:left;}





}






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

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

}

@media only screen and (max-width:992px) {
      .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 440px; right: 8px;
    top: -12px;}
.rewards .bigborder h2 {  font-size: 30px;}
 .navbar-nav>li>a {font-size:24px;}
 h1.herotitle {font-size:100px;}
 .callouts .col.span_1_of_4 {width:47%; margin-right:3%;margin-bottom:20px; }
 .callouts .col.span_1_of_4:nth-child(even) { margin-right:0px !important; }
 .callouts .col {margin:0;}

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


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

.list-o-swag a.button { padding:12px 10px; font-size:13px; }
.list-o-swag h4 {
  font-size:30px;
}
.list-o-swag p {
  font-size:18px;
  line-height:25px;
}
.snapwidget-holder iframe {
    min-height: 500px;
}
/*.numberonebaby {  background: #09172b url(../images/partyparty.jpg) 60% 0 no-repeat;}


.numberonebaby {background: #09172b url(../images/partyparty.jpg) no-repeat; background-position:60% 0; background-size: auto 850px; }
*/
.b1 {position: relative; margin-top: -4px; left:-.5%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b2 {position: relative; margin-top: -4px; left:2.8%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b3 {position: relative; margin-top: -4px; left:6.1%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b4 {position: relative; margin-top: -4px; left:9.2%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b5 {position: relative;   margin-top: 3.4%; left:-.5%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b6 {position: relative;   margin-top: 3.4%; left:2.8%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b7 {position: relative;   margin-top: 3.4%; left:6.1%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}
.b8 {position: relative;   margin-top: 3.4%; left:9.2%; width:23%; margin-right:0; height:auto; z-index: 0; float:left;}

}


@media only screen and (max-width: 800px) {
      .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 405px; right: 8px;
    top: -12px;}
.igwidget {/*min-height: 300px;*/ min-height: 160px;}
.ttip:hover:after{font-size:13px;}
img.da-dash { max-width: 700px;}
.numbers h4 {
  font-size:240px;
}
.numbers .col.active:after{
  height:345px;
}

}

@media only screen and (max-width:767px) {
      .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 350px; right: 8px;
    top: -12px;}
  .numbers p.reg-type {
    font-size:28px;
  }
  img.b1, img.b2, img.b3, img.b4, img.b5, img.b6, img.b7, img.b8  {display: none;}
  .block460 {height:460px;}
  .numbers h4 {
  font-size:200px;
}
	h1.hi {font-size:120px;}
h1.herotitle {font-size: 95px;}
#mainNav .container {width:100%;}

.navbar-nav>li {border-bottom: 6px solid #ff4401;}
.navbar-nav>li.register {
    padding: 10px 0;
  background: #09172b;
  border-bottom: 6px solid #ff4401;
}

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

  .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.spons, .block460.first, .block460.victory, .block460.charityimg  {width:100%; /*min-height:400px;*/}
.block460.red.crush {height:460px;}
.block460 p {padding-left:0px; padding-right:0px; font-size:16px; line-height:25px;}
.pattern-bg h2 {font-size: 34px;}
.navbar-nav {background-color: #09172b;}
.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;
}
.countdown-container li {font-size:25px;}
.countdown-container li span {font-size:120px;}

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

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

.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -20px;}

}
.contact-button {
    margin-top: 20px; /* Ajoute une marge de 20px en haut du bouton */
}

@media only screen and (max-width:600px) {
      .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 300px; right: 8px;
    top: -12px;}
    .numbers p.reg-time {
      font-size:14px;
    }
  .list-o-swag img {
    max-width:425px;
  }
  .numbers h4 {
  font-size:150px;
}
  .numbers h4 span {
    line-height:190%;
    font-size:100px;
  }
  .numbers .col.active:after {
    height:300px;
  }
.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: #F8F8FF; height:auto; padding:60px 0;}
  .da-game-plan .col {width:100%; margin-bottom:50px; margin-left:0;}
  a.learn.orange.dlmap {position:absolute;  bottom: 1px;    width:200px; font-size: 17px;}
  .tool:hover .thetip {
      opacity:0;
      display: none;
  }
  #demo-accordion h3 .z-title {
    line-height:40px;
  }
 /* 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;
  }

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

  .block460.red {
    height:470px;
        padding: 25px 5px;
  }
  .block460.blue {
    height:400px;
        padding: 0px 5px;
        padding-top:0px;
  }
  .block460.blue.officechallenge {
    padding-top:5px;
  }

  .pattern-bg.white-bg {padding-top:60px;}
  .pattern-bg.white-bg h2 {margin:0;}

  p.ig {margin:0;}

  .infocol p {
    font-size:18px;
    line-height:25px;
  }

  #demo-accordion h3 .z-title {
    font-size:28px;
  }

  h4.infoleader {
    font-size:30px;
  }

.snapwidget-holder iframe {
    min-height: 300px !important;
}
iframe .snapwidget-holder {

  min-height:300px !important;
}
.snapwidget-widget {
  max-height: 300px !important;
}
.snapwidget-holder {
  min-height:300px !important;
}
.footer li {
  padding:2px 10px;
}

/* Styles pour la version desktop */
.block460 {
    width: 460px;
    float: left;
    margin: 10px;
}

/* Styles pour la version mobile */
@media (max-width: 768px) {
    .block460 {
        width: 100%;
        float: none;
        margin: 0px 0;
    }
}

}

@media only screen and (max-width: 500px) {
    .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 320px; right: 8px;
    top: -12px;}
	.navbar-brand img {width:132px;}
	h1.hi {font-size:70px;}
	.overlay ul li a, .landing ul li a {font-size:80px;}
  .thankyou h2, .list-o-swag h2, .rewards h2, .register-intro h2  {font-size:30px;}
.igwidget {/*min-height: 200px;*/ min-height: 110px;}
/*.igwidget img {display: none;}*/
 
  .rewards .bigborder h2 {  font-size: 25px; }
  .thankyou h2 span {font-size:20px;}
  
  .block460 h2 {font-size:32px;}

  .footer li {  display: block;  text-align: center; }
  .footer ul.fnav li {
    line-height:90%;
  }
  #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: 4px solid #ff4400;
  /*padding: 10px 18px;*/
  color: #fff;
  display: table;
}
.callouts a span {
  /*top: 70%;*/
  height: 29%;
  width: 95%;
  font-size: 25px;
}

.vidhold {
  background: url(../images/home-hero2.jpg) center center no-repeat;
  height: 850px;  /* La hauteur que vous aviez avec la vidéo */
  position: relative;
}

#bgvid {
  display: none;  /* Supprime la vidéo */
}

a.hero-button span {
  font-size: 17px;
  letter-spacing: .1em;
  font-family: 'Knockout 71 A', 'Knockout 71 B';
  border: 4px solid #ff4400;
  padding: 9px 14px;
  color: #fff;
  display: inline-block;
}

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

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

.countdown-container li {
  width: 23%;
  font-size: 20px;
}

.countdown-container li span {
  font-size: 80px;
}

.footer li {
  padding: 5px 14px;
}
/* Styles pour les écrans plus petits */
@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;
  }

  .training {
    background-size: 380%; /* Ajuste l'échelle du background pour les petits écrans */
  }
}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
      .numbers .col.active.long:after {content: ''; position:absolute; top:0; background:#F8F8FF;display: block;
    width: 100%;
    height: 305px; right: 8px;
    top: -12px;}
    .numbers p.reg-type {
      font-size:33px;
    }
    .numbers p.reg-time {
      font-size:18px;
    }

  .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%; }
  .numbers .col.active {
    width:60%;
    margin-left: 20%;
  }
  .numbers h4 {
    font-size:200px;
  }
  .numbers .col.active:after {
    height:296px;
  }
}

/*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-hero2.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;
  }
}

/* Info Bar - Ryan Dunlap - 5/3/2020 */

#info-bar{
	top: 0;
	background-color: black;
	width:100%;
	margin:0 auto;
}

#info-bar a.msg{background-size: cover;  /* L'image couvre toute la zone sans déformation */
  height: 840px;  /* Doubler la hauteur de l'élément pour augmenter la taille en longueur */
  position: relative;
	padding: 12px 0;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #F8F8FF;
    font-family: "Knockout 74 A", "Knockout 74 B";
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    transition: all .3s ease;
	text-decoration: none;
}
#info-bar a.msg:hover{
	color: white !important;
    text-decoration: none;
}

.covid-contain{
	padding: 80px 0 80px;
}

.covid-contain .button{
	display: table;
    margin: 0 auto;
    background-color: #F8F8FF;
    color: #000;
    margin-top: 35px;
}

.covid-contain .button:hover{
	background-color: #fff;
	color: #000 !important;
}



/* Cachée par défaut */
.popup {
    display: none; /* La pop-up est cachée au départ */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour effet fondu */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Contenu de la pop-up */
.popup-content {
    background: white; /* Fond blanc */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    width: 300px;
}

/* Bouton de fermeture */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.igwidget a {
    display: inline-block;
    margin: 10px;
}

.igwidget img {
    width: 266px;
    height: 266px;
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
    .igwidget {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .igwidget a {
        width: 45%; /* Ajuste la largeur des images pour qu'elles soient bien visibles sur mobile */
        margin: 5px;
    }

    .igwidget img {
        width: 30%; /* Redimensionne les images pour qu'elles s'adaptent à la largeur de l'écran */
        height: auto;
    }
}