.negro{
  color: #000000 !important;
}
.amarillo {
  color: #f9ca10 !important;
}

.salimos{
  font-size: 40px !important;
}

#home-navigation {
  
  top: 50%;
  transition: opacity 0.3s, visibility 0.3s;
}
.box-run {
  padding: 40px 40px !important;
  background-image: url("../img/trote-nocturno-back-box-run.jpg")!important;
  background-size: cover !important;
  border-radius: 20px !important;
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 5px #B5B5C8;
  -moz-box-shadow: inset 0 0 0 5px #B5B5C8;
  box-shadow: inset 0 0 0 5px #B5B5C8;
}

.box-run-tour-slp {
  padding: 40px 40px !important;
  background-image: url("../img/febrero-2020/trote-tour-mexico-back.png")!important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0px !important;
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 0px #B5B5C8;
  -moz-box-shadow: inset 0 0 0 0px #B5B5C8;
  box-shadow: inset 0 0 0 0px #B5B5C8;
}

.img-tour-ribbon {
    max-width: 75px;
    position: absolute;
    float: left;
    left: 10px;
    top: -10px;

}

.matutino-back {
  background-image: url("../img/enero-2020/trote-matutino-back-box-run.jpg")!important;
}

.mujeres-back {
  background-image: url("../img/marzo-2020/tn-mujeres-back.jpg")!important;
}

.electric-back {
  background-image: url("../img/electric-run-back.jpg")!important;
}

.maraton-back {
  background-image: url("../img/maraton-back.jpg")!important;
}

.toronto-back {
  background-image: url("../img/toronto-back.jpg")!important;
}

.estaciones {
  background-image: url("../img/trote-estaciones-back.jpg")!important;
  border-color: transparent;
}

.mexicana {
  background-image: url("../img/septiembre-2019/mexicana-back.jpg")!important;
  border-color: transparent;
}

.suzuki {
  background-image: url("../img/octubre-2019/back-suzuki.jpg")!important;
  border-color: transparent;
}

.suzuki-back {
  background-image: url("../img/octubre-2019/suzuki-back.png")!important;
  border-color: transparent;
}

.urban-trail {
  background-image: url("../img/octubre-2019/urban-back.jpg")!important;
  border-color: transparent;
}

.halloween {
  background-image: url("../img/octubre-2019/halloween-back.jpg")!important;
  border-color: transparent;
}

.montana {
  background-image: url("../img/septiembre-2019/montana-back.jpg")!important;
  border-color: transparent;
}

.trail {
  background-image: url("../img/septiembre-2019/trail-back.jpg")!important;
  border-color: transparent;
}

.quiero-trainings {
  background-image: url("../img/noviembre-2019/quiero-trainings-back.jpg")!important;
  border-color: transparent;
}

.trote-bd {
  background-image: url("../img/noviembre-2019/trote-bd-back.jpg")!important;
  border-color: transparent;
}

.trote-christmas {
  background-image: url("../img/diciembre-2019/christmas-back.jpg")!important;
  border-color: transparent;
}

.nov-20 {
  background-image: url("../img/noviembre-2019/20-nov-back.jpg")!important;
  border-color: transparent;
}

.gorrito-back {
  background-image: url("../img/diciembre-2019/gorrito-back.jpg")!important;
  border-color: transparent;
}

.trote-montana {
  background-image: url("../img/febrero-2020/troten-montana-back.jpg")!important;
  border-color: transparent;
}



.interrogacion{
  background-image: url("../img/trote-interrogacion-back.jpg")!important;
  background-size: cover !important;
  background-position: top center;

}

.sorpresa{
  background-image: url("../img/enero-2020/qr-sorpresa.jpg")!important;
  background-size: cover !important;
  background-position: top center;

}

.interrogacion-text{
  font-family: 'Conv_Womby-Regular' !important;
  font-size: 180px !important;
  position: inherit;
  line-height: 195px;
}

.sorpresa-text{
  font-family: 'Conv_Womby-Regular' !important;
  font-size: 250px !important;
  position: inherit;
  line-height: 390px;
}

.matutino-text{
  font-size: 40px !important;
  margin: 15px 0px;
  color: #f9ca10 !important;
  text-transform: uppercase;
  font-weight: 800;
  font-family: 'Nexa_Bold-webfont' !important;
  line-height: 49px;
}

.urban-text{
  font-size: 40px !important;
  margin: 15px 0px;
  color: #f9ca10 !important;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'nexa_lightregular' !important;
  line-height: 40px;
}

.halloween-text{
  font-size: 25px !important;
  margin-bottom: -50px!important;
  color: #f9ca10 !important;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'nexa_lightregular' !important;
}

.matutino-title{
  font-size: 40px !important;
  margin: 15px 0px;
  color: #fff !important;
  text-transform: none;
  font-weight: bold;
}

.title-trotes {
  font-size: 60px !important;
}

.title-salimos {
  font-family: 'Nexa_Bold-webfont' !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  font-size: 29px;
}

.subtitle-trotes {
  font-size: 30px !important;
  font-family: 'Nexa_Bold-webfont' !important;
  font-style: italic;
  line-height: normal;
}

.center{
  text-align: center !important;
}

.img-box {
  max-width: 90px;
  margin-bottom: 10px;
}

.img-box-sombrero {
  max-width: 200px;
  margin-top: -80px;
}

.img-box-gorrito {
  max-width: 200px;
  margin-top: -65px;
}

.img-box-mujer {
  max-width: 80px;
  margin-top: -90px;
  margin-left: 30px !important;
}

.img-box-maraton {
  max-width: 160px;
}

.img-box-title {
  max-width: 230px;
  margin-top: -15px;
}

.img-box-mexicana {
  max-width: 290px;
  margin-top: -15px;
  margin-bottom: 5px;
  position: relative;
  left: -20px !important;
}

.img-box-trail {
  max-width: 250px;
  margin-top: 15px;
  text-align: center;
}

.img-box-electric {
  max-width: 250px;
  margin-top: 45px;
  text-align: center;
}

.img-box-toronto {
  max-width: 100%;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.img-box-2logos {
  max-width: 100%;
  margin-top:20px;
  text-align: center;
  margin-bottom: 43px;
}

.img-trote-bd {
  max-width: 100%;
  margin-top:35px;
  text-align: center;
  margin-bottom: 35px;
}

.quiero-training-text {
  max-width: 100%;
  margin-top:0px;
  text-align: center;
  margin-bottom: 10px;
}

.quiero-training-fecha {
  max-width: 100%;
  margin-top:0px;
  text-align: center;  
}

.christmas-text {
  max-width: 100%;
  margin-top:38px !important;
  text-align: center;
  margin-bottom: 10px;
}

.img-box-suzuki {
  max-width: 100%;
  margin-top:10px;
  text-align: center;
  margin-bottom: 43px;
}

.mexicana-line-up {
  width: 100%;
  margin-bottom: -15px !important;
  position: relative !important;
}

.mexicana-line-bottom {
  width: 100%;
  margin-top: -20px !important;
  margin-bottom: 0px !important;
  position: relative !important;
}

.box-date-mexicana {
    font-family: 'Conv_Womby-Regular' !important;
    font-size: 43px !important;
    margin: 0px;
}





.calendar h1 {
    font-size: 31px !important;
    margin-top: 2px !important;
    line-height: 30px !important;
    padding: 0 !important;
    font-weight: lighter !important;
}

.salimos-texto {
    font-size: 25px !important;
    margin-top: 2px !important;
    line-height: 40px !important;
    padding: 0 !important;
    font-weight: 800;
    font-family: 'Conv_Womby-Regular' !important;
}

.calendar h2 {
    font-size: 24px !important;    
    line-height: 30px !important;
    padding: 0 !important;
    font-weight: 800;
    font-family: 'Nexa_Bold-webfont' !important;
}

.mt-xs {
  margin-top: 10px;
}

.box-date{
  font-family: 'Conv_Womby-Regular' !important;
  font-size: 43px !important;
  margin: 15px 0px;
}

.box-hour{
  font-family: 'Nexa_Bold-webfont' !important;
  font-size: 25px !important;
  margin: 0px 0px 0px 0px;
  
}

.box-hour-training{
  font-family: 'Nexa_Bold-webfont' !important;
  font-size: 25px !important;
  margin: 0px 0px 0px 0px;
  border-left: 2px solid #000000;
}

.box-km{
  font-size: 40px !important;
  margin: 15px 0px;
  color: #f9ca10 !important;
  text-transform: uppercase;
  font-family: 'Nexa_Bold-webfont' !important;
}

.box-km-add{
  font-size: 30px !important;
  margin: 15px 0px;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 100 !important;
  font-family: 'nexa_lightregular' !important;
}

.especificacion{
  font-size: 25px !important;
  margin: 15px 0px;
  color: #f9ca10 !important;
  text-transform: uppercase;
  font-weight: 300;
  font-family: 'Nexa_Bold-webfont' !important;
}

.more{
  font-size: 40px !important;
  margin: 15px 0px;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 300;
  font-family: 'Arial' !important;
}

.box-place{
  font-size: 11px !important;
  margin: 15px 0px 0px 0px;
  text-transform: uppercase;
  font-family: 'Nexa_Bold-webfont' !important;
  line-height: 15px;
  text-align: left !important;
}


.icon-box {
  float: left;
  left: 0px !important;
  top: 1px;
  font-size: 30px;
  color: #f9ca10 !important;
  padding: 0px 10px 0px 0px;
}

.icon-hour {
  float: right;
  left: 0px !important;
  top: 1px;
  font-size: 30px;
  color: #f9ca10 !important;
  padding: 25px 0px 0px 0px;
}

.fa-hour{
  font-size: 15px !important;
  float: right;
  right: 10px;
}

.right{
  float: right !important;
  position: inherit;
  top: -60px !important;
}

.logo-new{
  width: 150px !important;
  height: 150px !important;
  float: right !important;
  right: -200px;
  position: inherit;
  margin-left: 290px;
  margin-top: -20px;
}

.logo-responsive{
  width: 100px !important;
}

.div-place {
  text-align: left !important;
}

.mt-hour{
  margin-top: 30px;
}

/*margenes y paddings*/
.mt-none{
  margin-top: 0px !important;
}

.p-none {
  padding: none !important;
}

.plr-sm {
  padding-left:20px !important;
  padding-right:20px !important;
}

.pl-sm {
  padding-left: 25px !important;
}

.ptb-sm {
  padding-top: 7px!important;
  padding-bottom: 10px!important;
}

.margen-demo {
  margin-top: -10px;
}

.p-sm {
  padding: 20px 20px 20px 20px !important;
}

.p-sm-contrata {
  padding: 20px 20px 0px 20px !important;
}

.pt-none {
  padding-top: none !important;
}

.pt-xlg {
  padding-top: 100px !important;
}

.pt-lg {
  padding-top: 75px !important;
}

.pt-md {
  padding-top: 50px !important;
}

.pt-sm {
  padding-top: 25px !important;
}

.pb-none {
  padding-bottom: none !important;
}

.mt-xlg {
    margin-top: 100px !important;
}

.mt-xxlg {
  margin-top: 150px !important;
}

.mt-lg {
    margin-top: 75px !important;
}

.mt-md {
    margin-top: 50px !important;
}

.mt-sm {
    margin-top: 25px !important;
}

.ml-xs {
    margin-top: 10px !important;
}

.mb-xlg {
    margin-bottom: 100px !important;
}

.mb-lg {
    margin-bottom: 75px !important;
}

.mb-md {
    margin-bottom: 50px !important;
}

.mb-sm {
    margin-bottom: 25px !important;
}
.mb-xs {
    margin-bottom: 20px !important;
}

.mb-xxs {
  margin-bottom: 10px !important;
}

/*margenes y paddings*/

.modal-content {  
  background-color: transparent;  
  border: 0px solid rgba(0,0,0,0.2);
}

.zoom {
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.zoom:hover {
  transform: scale(1.05,1.05) translateY(-10px);
  z-index: 1;
}

.zoom2 {
  transition: all 0.3s ease-in-out;

}

.zoom2:hover {
  transition: all 0.3s ease-in-out;
  transform: scale(1.3,1.3) translateY(0px);
}



/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #b48819;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #f8b91c;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #000;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

.ribbon-matutino::before,
.ribbon-matutino::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #1189b0;
}

.ribbon-matutino span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #06bcf7;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #ffffff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}



.ribbon-rojo::before,
.ribbon-rojo::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #aa0000;
}

.ribbon-rojo span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #ff0000;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #ffffff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

.ribbon-electric::before,
.ribbon-electric::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #9d1063;
}

.ribbon-electric span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #e60b6d;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #ffffff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

.ribbon-christmas::before,
.ribbon-christmas::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #015816;
}

.ribbon-christmas span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #0ac737;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #ffffff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

.acento, h1, h3, h3, h4, h5, h6, span, {
    font-family: 'Conv_Baron Neue Black' !important;
    text-transform: none !important;
}

.blanco{
  color: #ffffff !important;
}

.fecha-2020 {
  margin-top: 25px !important;
  font-size: 35px !important;
  font-family: 'Nexa_Bold-webfont' !important;
}

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

  .container {
    max-width: 1280px !important;
  }
 }

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

  .container {
    max-width: 1280px !important;
  }
  .col-md-12-box {
    max-width: 1080px!important;
  }

  .hidden-lg {
    display: none;
  }

  .centro-vertical {
    margin-top: 130px;
  }

}

@media only screen and (max-width: 1400px) {
  .col-md-12-box {
    max-width: 1080px!important;
  }

  .title-trotes {
    font-size: 60px !important;
  }

  .hidden-lg {
    display: none;
  }

  .hidden-md {
    display: none;
  }

  .centro-vertical {
    margin-top: 130px;
  }

}

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

  .centro-vertical {
    margin-top: 130px;
  }

  .hidden-md {
    display: none;
  }

  .ml-tablet{
    margin-left: 20px;
  }

}

@media only screen and (max-width: 1024px) {
  .title-trotes {
    font-size: 50px !important;
  }

  .p-playera {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .centro-vertical {
    margin-top: 100px;
  }

  .img-box-mexicana {
    max-width: 250px;
    margin-top: -15px;
    left: 0px !important;
  }

  .title-salimos {
    font-size: 23px;
  }

  .title-trotes {
    font-size: 23px;
  }

}



@media only screen and (max-width: 768px) {
  .p-playera {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .mt-xxlg {
    margin-top: 150px !important;
  }

  .mtxs-md {
    margin-top: 50px;
  }
  .menu {
    font-family: 'Nexa_Bold-webfont' !important;
    background-color: #06bbf7;
    height: 50px !important;
    z-index: 10001;
    float: left;

  }

  .menu-item{
    font-size: 20px;
    padding-top: 13px !important;
    height: 50px !important;
  }

  .title-salimos {
    font-size: 23px;
  }

  .title-trotes {
    font-size: 45px !important;
    line-height: normal;
    text-align: center !important;
  }

  .hidden-sm {
    display: none;
  }

  .hidden-xs {
    display: none;
  }

  .ml-tablet{
    margin-left: 20px;
  }

  .text-center-sm{
    text-align: center !important;
  }

  .hidden-lg {
    display: inline;
  }

  .centro-vertical {
    margin-top: inherit;
  }

}

@media only screen and (max-width: 480px) {
  .offset-1 {
    width: 80%;
  }


  .centro-vertical {
    margin-top: inherit;
  }

  .salimos {
    font-size: 30px !important;
  }

  .registro {
    display: block;
    padding-right: 0px !important;
    height: 900px !important;
  }

  .hidden-xs {
    display: none !important;
  }

  .hidden-lg {
    display: inline;
  }

  .qrt {
    width: 60%;
  }

 

  .title-trotes {
    font-size: 30px !important;
    line-height: normal;
    text-align: center !important;
  }

  .text-center-sm{
    text-align: center !important;
  }

  .row {
    display: inherit;
  }


}

.ruta {
  font-size: 10px !important;
  margin-top: -5px;
  font-weight: 800;
  float: right;
  position: absolute;
  text-align: center !important;
  font-family: 'Conv_Womby-Regular' !important;
}

.icon-ruta {
  left: 85% !important;
  top: 20px;
  font-size: 25px;
  color: #f9ca10 !important;
  padding: 0px 0px 0px 0px;
  position: absolute;
  text-align: center !important;
  color: #ffffff !important;
}

.icon-ruta-tour {
  left: 80% !important;  
}

.icon-ruta:hover {
  color: #f9ca10 !important;
}

#calendario {
  margin-top: -1px;
}

.btn-close {
  background: #06bbf7;
  width: 40px;
  height: 40px;
  border-radius: 50px !important;
  padding: 5px;
  float: right;
}



.menu {
  font-family: 'Nexa_Bold-webfont' !important;
  background-color: #06bbf7;
  height: 60px;
  z-index: 9999;
  float: left;
  box-shadow: 0px 0px 5px rgba(0,0,0,.5) !important;
}

.fixed {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    
}

.menu-item a{
  color: #ffffff;
}
.menu-item{
  background-color: #06bbf7 !important;  
  height: 60px;
  width: 25%;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Nexa_Bold-webfont' !important;  
  text-align: center;
  transition: all 0.3s ease-in-out;
  float: left;
  vertical-align: middle !important;
  padding-top: 17px;
}

.menu-item:hover{
  background-color: rgba(0,0,0,0.2) !important;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.menu-item-2 {
  background-color: #04a4d8 !important;
  transition: all 0.3s ease-in-out;
}

.menu-item-2:hover {
  background-color: rgba(0,0,0,0.3) !important;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.menu-item-3 {
  background-color: #0490be !important;
  transition: all 0.3s ease-in-out;
}

.menu-item-3:hover {
  background-color: rgba(0,0,0,0.4) !important;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.menu-item-4 {
  background-color: #007ea7 !important;
  transition: all 0.3s ease-in-out;
}

.menu-item-4:hover {
  background-color: rgba(0,0,0,0.5) !important;
  color: #fff;
  transition: all 0.3s ease-in-out;
}


.modal-dialog {  
  margin: 4.75rem auto;
  height: 80% !important;    
}


.p-playera {
  padding-left: 10rem;
  padding-right: 10rem;
}

.testimonials__slide {
  padding-left: inherit;
}


.btn-compra {
  background-color: #06bbf7 !important;
  box-shadow: none;
  color: #ffffff;
  border: none;
  max-width: 250px !important;
}

.btn-compra:hover {
  background-color: #062E61 !important;
  color: #ffffff !important;
  box-shadow: 0 0px 30px rgba(0,0,0,.2);
  border: none;
}