/*
 Theme Name:   vcr
 Theme URI:    https://www.valenciaciudaddelrunning.com
 Author:       Filmac
 Author URI:   http://www.filmac.com
 Template:     twentyseventeen
 Version:      1.0.1
*/

@import 'assets/css/twentyseventeen-styles.css';

/* tools */
/*@import 'assets/css/normalize.css';*/
/*@import 'assets/css/fonts.css';*/

/* basics */
/*@import 'assets/css/body-elements.css';*/
/*@import 'assets/css/links.css';*/
/*@import 'assets/css/selection-colors.css';*/
/*@import 'assets/css/typography.css';*/

/* modules */
@import 'assets/css/cookies.css';
@import 'assets/css/buscador.css';
/*@import 'assets/css/angled-edges.css';*/

/* colores */
:root{
    --color-42k: #00B8DE;
    --color-21k: #F68D2E;
    --color-VCR: #DD6939;

    --color-21k-sponsor:  #00509f;
    --color-41k-sponsor:  #F68d2E;
    --color-vcr-bkg:  #EA560D;
}

/* pages */


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Fonts
2.0 WordPress Core
3.0 Personalización
  3.1 Galería
  3.2 Alignments
  3.3 Botones
4.0 Layout
  4.1 Header/Footer
	4.1.1. Idiomas
  4.2 Home
  4.3 Pages
	4.3.1. Tablas
	4.3.2. Formularios
5.0 Typography
6.0 Cookies
7.0 Planes de entrenamiento
8.0 Voluntariado
9.0 Entidades Solidarias
10.0 Notificar incidencia
11.0 Calculadora de ritmos
13.0 Eventos Home
--------------------------------------------------------------*/

/* 
naranja   MM #F68D2E
amarillo 10K #FFD100
negro      M #010101

naranja 2    #FF8201
*/


/*--------------------------------------------------------------
1.0 Fonts
--------------------------------------------------------------*/
body {
    color: #1A2B49;
    background-color: #fff;
    font-family: "Roboto",Arial,sans-serif;
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

/**/
@media (min-width: 576px) {
/*  h1 {
    font-size: calc(1.04166667vw + 16px);
  }*/
}
@media (min-width: 768px) {
  	.sec-content.full-width p {
  		max-width: 100%;
  	}	  
}
@media (min-width: 992px) {
 .titulo h1  {
    font-size: 72px;
    font-size: 1em;
    margin: 0;
    /* line-height: 0; */
  }
}

@media (max-width: 480px) {
  .titulo h1  {
    font-size: 1em;
    margin: 0;
  }
  .titulo img {
    max-width: 38px!important;
    margin-right: 0.5rem;
  }
}


.sec-content-page p > a:not(.boton),
.sec-content-page p > span > a:not(.boton) {
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 144, 0, 0.33);
    color: orange;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.sec-content-page p > a:not(.boton) > img {
    text-decoration: none;
    border-bottom: 0px solid rgba(255, 144, 0, 0.33);
    color: orange;
}

.sec-content-page a:not(.boton):hover, .sec-content-page a:not(.boton):focus {
  color: #e67a03;
  border-color: transparent;
}
.sec-content-page a.em-calnav:hover,.sec-content-page a.em-calnav:focus {
  color: transparent!important;
}
.sec-content-page a.em-calnav:before{
  color: #000!important;
}
.sec-content-page a.em-calnav:hover:before{
  color: #fff!important;
}

/*@media screen and (min-width: 768px){
  .footer a img {
    transition: ease .2s all;
  }
  .footer .promo a:hover img,
  .footer .colabora a:hover img,
  .footer .organiza a:hover img,
  .footer .patrocina a:hover img,
  .footer .marca a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: ease .4s all;
  }
}

footer .copyright a:hover {
  color: #FF9D00;
  transition: ease .2s all;
}*/

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.su-youtube {
  margin: 0 auto 1.5em!important;
}


/*--------------------------------------------------------------
2.0 Wordpress core
--------------------------------------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}


/*--------------------------------------------------------------
3.0 Personalización
--------------------------------------------------------------*/

/* videos responsive */
div.flex-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin: 50px 0; /* esto es opcional */
  clear: both;
} 
div.flex-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px){
	div.flex-video {
		margin: 15px 0; /* esto es opcional */
	}
}
.img-responsive {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.img-bkg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.boton {
  text-decoration: none;
}
.boton-secundario {
  background: transparent;
}

.skewed-bg {
  /*    padding: 200px 0;*/
  /*    margin-top: -200px;*/

  background: #000;
  -webkit-transform: skew(0deg, -3deg);
  transform: skew(0deg, -3deg);

  margin-top: -6%;
  margin-bottom: -6%;  
}
.skewed-bg .sec-content {
  -webkit-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
}
.skewed---top::before {
  position:absolute;
  content: " ";
  display:block;
  left:0;
  top:-5vh;
  width:100%;
  border-style: solid;
  border-width: 5vh calc(100vw - 17px) 0 0;
  border-color: transparent #000 transparent transparent;
}
.skewed---top-bottom::after {
  position:absolute;
  content: " ";
  display:block;
  left:0;
  bottom:-40px;
  width:100%;
  border-style: solid;
  border-width: 40px calc(100vw - 17px) 0 0;
  border-color: #000 transparent transparent transparent;
}
.skewed---top-bottom::before {
  position:absolute;
  content: " ";
  display:block;
  left:0;
  top:-40px;
  width:100%;
  border-style: solid;
  border-width: 40px calc(100vw - 17px) 0 0;
  border-color: transparent #000 transparent transparent;
}

@media screen and (max-width: 480px){
  .skewed---top-bottom::after {
    bottom:-20px;
    border-width: 20px 100vw 0 0;
  }

  .skewed---top-bottom::before {
    top:-20px;
    border-width: 20px 100vw 0 0;
  }  
}

@supports(-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) {
    .skewed--top {
        -webkit-clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
    }
    .skewed--top-slide {
        -webkit-clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 17%, 100% 11%, 100% 100%, 0% 100%)
    }
    .skewed--bottom {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
    }
    .skewed--top-bottom {
        -webkit-clip-path: polygon(0 4%, 100% 0%, 90% 100%, 0% 100%);
        clip-path: polygon(0 4%, 100% 0%, 100% 90%, 0% 100%);
    }
    @media screen and (max-width: 480px){
      .skewed--top {
          -webkit-clip-path: polygon(0 1.6%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 1.6%, 100% 0%, 100% 100%, 0% 100%);
      }
      .skewed--bottom {
          -webkit-clip-path: polygon(0 0, 100% 0%, 100% 98.4%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 98.4%, 0% 100%);
      }
      .skewed--top-bottom {
          -webkit-clip-path: polygon(0 1.6%, 100% 0%, 98.4% 100%, 0% 100%);
          clip-path: polygon(0 1.6%, 100% 0%, 100% 98.4%, 0% 100%);
      }
    }
}


.solapado {
  position: absolute;
  z-index: 1;
  width: 100%;
}




/*--------------------------------------------------------------
1.0 botones
--------------------------------------------------------------*/
.button {
    font-weight: 700;
    font-size: .55em;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 18px;
    padding: 12px 28px;
/*    text-transform: uppercase;*/
    text-align: center;
    background-color: #000;
    color: #000;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
/*    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);*/
/*    transition: ease .4s all;*/
    display: inline-block;
    max-width: 180px;
    margin: 2rem auto;    
}
  .button--orange {
    background: orange!important;
    color: #000!important;
  }
  .button--deg {
    background: -webkit-linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: -o-linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
  }    
.btn-mm-center, .btn-m-center {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.btn-mm-center > a, .btn-m-center > a{
    background-color: #F68D2E!important;
    border-radius: 25px 25px 25px 25px;
    padding: 12px 32px 12px 32px;
}
.btn-mm-center > a:hover,
.btn-mm-center > a:focus{
    color: #00509F!important;
}

.btn-m-center > a{
    background-color: #000!important;
	color: #fff!important;
}

/*@media (max-width: 480px){
  .button {
    font-size: .875em!important;
  }
}*/

a[href="#"]{
  cursor: default;
}
/*a[target="_blank"]{
  cursor: alias;
}*/

.hover_grow{
  transition: ease .3s all;
}
.hover_grow:hover{
  -webkit-transform: scale(1.04);  
  transform: scale(1.04);
  transition: ease .3s all;
}

.btn-42k .elementor-button, .boton-42k {
    font-weight: 700;
    font-size: .55em;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 18px;
    padding: 14px 34px;
    background-color: rgb(255, 157, 0);
    color: #000;
    background: linear-gradient(to bottom, rgba(255, 157, 0,1) 0%,rgb(255, 74, 1) 100%);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    /* text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); */
    display: inline-block;
    transition: ease .2s all;
}

  .race-box--21k .button{
    background: #FF8201;
  }
  .race-box--21k .button:hover{
/*    background: #d26b00;*/
    transform: scale(1.05);
    transition: ease .4s all;
  }  
  .race-box--41k .button {
    background: -webkit-linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: -o-linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
  }
  .race-box--41k .button:hover {
/*    background: -webkit-linear-gradient(to top, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: -o-linear-gradient(to top, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    background: linear-gradient(to top, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);*/
    transform: scale(1.05);
    transition: ease .4s all;
  }
  .race-box--10k .button{
    background: #FEDC01;
  }
  .race-box--10k .button:hover{
/*    background: #d4b700;*/
    transform: scale(1.05);
    transition: ease .4s all;
  }  

  .scrollup {
    position: fixed;
    z-index: 9999;
    right: 10px;
    display: none;
    font-size: 48px;
    color: orange;
    text-shadow: 0 6px 10px rgba(0,0,0,.23), 0 10px 30px rgba(0,0,0,.19);
    bottom: 30px;
    cursor: pointer!important;
  }
  .scrollup:hover {
    text-shadow: 0 6px 16px rgba(0,0,0,.23), 0 10px 40px rgba(0,0,0,.19);
    bottom: 32px;
  }  

.top-logo {
    position: relative;
}

/*.solapafecha {
  position: absolute;
  z-index: 10;
  margin-left: 10px; 
  bottom: -42px;
  left: 0;
}

.solapafecha:after {
  content: url(assets/images/solapa-fecha.png);
}

.datetorun {
  color: #fff;
  font-weight: 400;
  font-style: italic;
  top: 7px;
  position: absolute;
  left: 0;
  text-align: center;
  width: 225px;
  font-size: 16px;
}*/


.solapafecha {
    position: absolute;
    z-index: 10;
    margin-left: 10px;
    bottom: -26px;
    left: 0;
    background: rgba(236, 236, 236, 0.75);
    height: 30px;
    left: 0;
    width: 150px;
    border-radius: 0 0 10px 10px;
}

.datetorun {
    color: #000;
    font-weight: 700;
    font-style: italic;
    font-size: 11px;
    top: 8px; 
    position: absolute;
    width: 150px;
    text-align: center;
}


/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
*, *:before, *:after {
    box-sizing: border-box;
}
html, body {
    padding: 0;
    margin:  0;
}

/* pegar footer con flex */
.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.site-content {
  flex: 1 0 0;	/*flex: 1; en IE11 no funciona*/
}


.box-container:not(.box-container-full) {
/*	width: calc(100% - 60px);
	max-width: 1264px;*/
    width: calc(100vw - 10% - 10px);
    max-width: 100%;
}
@media screen and (max-width: 1440px){
	.box-container:not(.box-container-full) {
		width: calc(100% - 30px);
	}
}
.box-container-slim {
	max-width: 700px!important
}
.box-container-medium {
	max-width: 1024px!important
}
.box-container-full {
	max-width: 100%!important
}
[class*="box-container"]{
	margin: 0 auto;
}
/*@media only screen and (min-width: 768px){
	.box-container p, .box-container ul, .box-container ol, .box-container li, .box-container blockquote,
	.box-container h2, .box-container h3, .box-container h4, .box-container h5, .box-container h6 {
	    margin-left: 16px;
	    margin-right: 16px;
	    max-width: 700px
	}
}
@media only screen and (min-width: 1024px){
	.box-container p, .box-container ul, .box-container ol, .box-container li, .box-container blockquote,
	.box-container h2, .box-container h3, .box-container h4, .box-container h5, .box-container h6 {
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 700px
	}
}*/


.content-news {
	margin-bottom: 5%;
}

.hero, .amics {
    margin-top: -8%;
}
.circuit {
    margin-top: -12%;
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);    
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
}
.hero--2 {
    margin-top: -8%;
}


/***********************************************************/
/*  GRID
************************************************************/
.show-grid .grid-container {
    border:1px solid green;  
}
.show-grid .grid-item div {
    border:1px solid red;
}

.grid-container {
/*  display: grid;*/ 
}


/*--------------------------------------------------------------
4.1 Header/Footer
--------------------------------------------------------------*/
/*.top-logo {
    grid-area: top-logo;
}
.top-nav-menu {
    grid-area: top-nav-menu;
}
.top-nav-metamenu {
    grid-area: top-nav-metamenu;
}*/

/*.promo {
    grid-area: promo;
}
.colabora {
    grid-area: colabora;
}
.organiza {
    grid-area: organiza;
}
.patrocina {
    grid-area: patrocina;
}
.marca {
    grid-area: marca;
}
.rrss {
    grid-area: rrss;
}*/

.top-header {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    width: 100%;
    height: 100px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
}
.shrink .top-header {
    height: 71px;
}
  .top-logo {
    order:1;
    flex-grow: 1
  }
  .top-nav-menu {
    text-align: center;
    order:2;
    flex-grow: 6
  }
  .top-nav-metamenu {
    order:3;
    flex-grow: 3
  }

@media screen and (max-width: 1300px){
	.header .nav-main-menu a{
	  padding: .5rem 1rem;
	}
  .top-nav-metamenu nav.header-navigation>ul {
    margin-top: -10px;
  }      
}

@media (max-width: 1140px){
  .top-logo {
    margin-left: 30px;
    width: 100%;
    align-items: unset!important;
  }
  .top-logo a {
    margin: 0 auto;
    display: flex;
  }
  .solapafecha {
    left: -40px;
    height: 33px;
    bottom: -32px;
  }
  .datetorun {
    font-size: 12px;
  }
  .top-logo a>img {
    max-height: 54px!important;
  }
}

@media (min-width: 1141px){
header.scrollUp:not(.entry-header) {
  transform: translateY(-146px);
}
}

/* footer */
.footer {
    display: grid;
    width: 100%;
    grid-template-areas: "promo organiza colabora patrocina marca rrss";
    grid-gap: 10px;
    padding: 10px;

    font-size: 16px;
    font-weight: 700;

    display: flex;
    justify-content: space-between;
}

.footer .rrss a{
   color: #fff;
   transition: ease .3s all;
}
.footer .rrss a:hover{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: ease .3s all;
}
/*.fa-vcr-app:before {
    content: url(assets/images/ico-vcr-app-w.png);
    width: 16px!important;
    height: 16px!important;
    left: 6px!important;
    top: 4px!important;
    position: absolute;
}
.main20 .fa-vcr-app:before {
    content: url(assets/images/ico-vcr-app-mm.png);
}
.fa-stack:hover .fa-vcr-app:before {
    content: url(assets/images/ico-vcr-app-w.png);
}

.fa-strava:before {
    content: url(assets/images/ico-strava-w.png)!important;
    width: 16px!important;
    height: 16px!important;
    left: 5px!important;
    top: 4px!important;
    position: absolute;
}
.main20 .fa-strava:before {
    content: url(assets/images/ico-strava-mm.png);
}
.fa-stack:hover .fa-strava:before {
    content: url(assets/images/ico-strava-w.png);
}*/




/***********************************************************/
/*
/*  HEADER
/*
************************************************************/
.header {
  background-color: #ececec;
}
.header.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}
/*.shrink .header {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.8);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);      
}*/
.shrink .header .nav-main-menu a{
  padding: .5rem 1rem;
}
/*.header.fixed+main{
  padding-top: 100px;
}*/
.main20 main,.main40 main,.main10 main, .mainvcr main{
  padding-top: 146px!important;
}
.maintop main{
  padding-top: 100px!important;
}   	
@media (max-width:1024px){
  .mainvcr main, .main20 main,.main40 main,.main10 main, .maintop main{
    padding-top: 68px!important;
  } 
}

.top-logo {
    text-align: left;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
    .top-logo a>img{
      width: 300px;
      max-width: 280px;
      max-height: 60px;
      margin-left: 10px;
    }
    @media (max-width: 480px){
      .top-logo a>img { max-height: 52px;    margin-left: 0;}
      .main40 .top-logo a>img {width: 100%; max-width: 220px;}
    }
    .top-logo .reduced {
        display: none;
    }
    .shrink .header .top-logo a>img{
        display: none;
    }    
    .shrink .header .top-logo .reduced {
        display: block;
        max-width: 280px;
        transition: ease .6s all;
    }
    .shrink .header .top-logo [alt="VCR logo"].reduced {
        padding-top: 4px;
    }
.top-nav-metamenu {
    align-items: center;
    display: flex;
    flex-flow: row-reverse;
    position: relative;
}
.top-nav-menu nav.header-navigation>ul {
    list-style: none;
    padding-left: 0;
    font-weight: 700;    
    font-size: .875em;
    margin: 0;
}
    .top-nav-menu nav.header-navigation>ul li{
        display: inline-block;
    }
    .top-nav-menu nav.header-navigation>ul>li>a{
      text-decoration: none;
      color: #000;
      font-size: 17px;
/*      padding: 52px 12px 20px;*/
      padding: 38px 12px 34px;
      display: block;
    }
    .top-nav-menu nav.header-navigation>ul>li:nth-child(5)>a:hover,
    .top-nav-menu nav.header-navigation>ul>li:nth-child(6)>a:hover{
      color: #333;
    }
    .top-nav-menu nav.header-navigation>ul>li>a>sup:after, .top-nav-menu nav.header-navigation ul li ul.menu a sup:after, .nav-main-menu .submenu a sup:after, ul.sub-menu a sup:after{
    content: "\f08e"!important;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    margin-left: 2px;
    margin-right: 5px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    } 
    .shrink .header .top-header>div {
      height: 65px;
    }
    .shrink .top-nav-metamenu nav.header-navigation>ul {
      margin-top: -20px;
    }      
    .shrink .header .top-nav-menu nav.header-navigation>ul>li>a{
      padding: 30px 12px 19px;
    }

.top-nav-metamenu nav.header-navigation>ul {
    list-style: none;
    font-size: 12px;
    padding-left: 0;
    margin: -48px 8px 0 0;
}
    .top-nav-metamenu nav.header-navigation>ul>li{
        display: inline-block;
        padding-right: 4px;
        cursor: pointer;      
    }
    .top-nav-metamenu nav.header-navigation>ul>li:not(:first-child):before{
        content: '|';
        color: #ddd;
        padding-right: 8px;
        font-weight: 200;
        font-size: 14px;
    }
/*    .shrink .header .top-nav-metamenu nav.header-navigation>ul>li{
        padding: 24px .35rem;
    }*/
    .top-nav-metamenu nav.header-navigation>ul>li:last-child{
        padding-right: 12px;
    }
     .top-nav-metamenu nav.header-navigation ul li:hover i{
        -webkit-transform: scale(1.2);        
        transform: scale(1.2);
        transition: ease .2s all;
     }
    .top-nav-metamenu nav.header-navigation ul li i{
        margin-right: .25rem;
        font-size: 1rem;
        transition: ease .2s all;
    }
  	.top-nav-metamenu nav.header-navigation ul a{
  		color:#000;
  		text-decoration: none;
  	}
    .shrink .header .top-logo {
      padding: 0;
      margin-top: 6px;
    }
    .header .top-logo .medals {
      margin-left: 1rem;
      max-height: 40px;
    }
.top-nav-metamenu .accesos {
    position: absolute;
    bottom: 4px;
    right: 10px;
}
  .shrink .top-nav-metamenu .accesos {
    bottom: -5px;
  }
.top-nav-metamenu .accesos a{
    padding: 10px 15px 7px;
    border-radius: 10px 10px 0 0;
    background-color: #ddd;
    margin-left: 14px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
/*    box-shadow: 1px 0 6px rgba(0,0,0,.3);*/
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}
.top-nav-metamenu .accesos a:hover {
	  padding: 10px 15px 9px;
    bottom: 2px;
}
.top-nav-metamenu .accesos span {
    font-style: italic;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.top-nav-metamenu .accesos a:nth-child(2){
    background-color: #F68D2E;
    color: #000;
}
.top-nav-metamenu .accesos a:nth-child(3){
    background-color: #010101;
}
.top-nav-metamenu .accesos a:nth-child(4){
/*    background-color: #FEDC01;*/
    background-color: #ccc;
    color: #000;
}
.top-nav-metamenu .icl_lang_sel_current{
  font-size: 12px;
}
@media (max-width:576px){
    .main20 .top-logo a>img{
      max-width: 260px;
    }
}	

.top-nav-metamenu .accesos a:nth-child(2) .fa-shopping-cart:before {
  content: url(assets/images/icono-cesta.svg);
  position: relative;
  top: 2px;
}
.top-nav-metamenu .accesos a:nth-child(3) .fa-shopping-cart:before {
  content: url(assets/images/icono-cesta-w.svg);
  position: relative;
  top: 2px;
}

#header-search .fa-search:before {
  content: url(assets/images/icono-lupa.svg);
  position: relative;
  top: 2px;
}
#header-calendar .fa-calendar:before {
  content: url(assets/images/icono-calendario.svg);
  position: relative;
  top: 2px;
}
#header-contact .fa-comments-o:before {
  content: url(assets/images/icono-contacto.svg);
  position: relative;
}
#header-language-selector .fa-globe:before {
  content: url(assets/images/icono-idioma.svg);
  position: relative;
  top: 2px;
}


/***********************************************************/
/*  MAIN MENU
************************************************************/
.nav-main-menu {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-size: .875em;
    color: #fff;
    z-index: 9;
}
.nav-main-menu a {
    color: #fff;
    text-decoration: none;
    padding: 1.5rem 1rem;
    display: block;    
}
.nav-main-menu a:hover, .nav-main-menu a:focus, .nav-main-menu a:active{
    color: orange;
    transition: color .4s ease;
}
.nav-main-menu nav.header-navigation ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    text-align: center;
    line-height: 50px;
}
.nav-main-menu nav.header-navigation ul li{
    display: inline-block;
    margin-right: .5rem;
    margin-left:  .5rem;
    text-transform: uppercase;
}

ul.menu {
    position: absolute;
    z-index: 10;
    width: 100vw;
    background: #000;
    top: 46px;
    left: 0;
    height: 50px;
    transform: translateY(100%);
    display: none;
    border-bottom: 1px solid #777;
}
.shrink .header ul.menu {
    top: 16px;
}

a#m0,a#m1,a#m2,a#m3{
  position: relative;
}
.top-nav-menu ul {
    padding-left: 0;
}
a#m0:hover + ul, a#m1:hover + ul, a#m2:hover + ul, a#m3:hover + ul, .menu>li a:hover + ul.sub-menu {
    display: block;
}
a#m0 + ul:hover, a#m1 + ul:hover, a#m2 + ul:hover, a#m3 + ul:hover {
    display: block;
}
a#m0:hover + ul{
	z-index: 11;
}

.top-nav-menu nav.header-navigation ul li ul.menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    padding: 15px 12px 11px;
    line-height: 1.5;
    font-weight: 400;
}
/* flecha indicador submenu */
/*.top-nav-menu a#m0:hover:after, .top-nav-menu  a#m1:hover:after, .top-nav-menu  a#m2:hover:after, .top-nav-menu  a#m3:hover:after, .top-nav-menu .selected a#m0:after, .top-nav-menu .selected a#m1:after, .top-nav-menu .selected a#m2:after, .top-nav-menu .selected a#m3:after, .top-nav-menu li.header-navigation-item.hover a#m0:after, .top-nav-menu li.header-navigation-item.hover a#m1:after, .top-nav-menu li.header-navigation-item.hover a#m2:after, .top-nav-menu li.header-navigation-item.hover a#m3:after{
  content: "\f0d7";
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  font: normal normal normal 10px/1 FontAwesome;
  color: #aaa;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}*/
.submenu li.header-navigation-item, .menu>li.menu-item-has-children{
    position: relative;
}
.submenu li.header-navigation-item:hover ul.ssubmenu, .submenu li.header-navigation-item:hover ul.sub-menu, .menu>li.menu-item-has-children:hover ul.sub-menu {
    display: flex;
    flex-direction: column;
}
ul.sub-menu {
    list-style: none;
    position: absolute;
    left: -5px;
    top: 49px;
    text-align: left;
    font-size: 14px;
    padding: 0 10px 5px!important;
    background-color: #000;
    white-space: nowrap;
    display: none;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 2;
    text-align: left!important;
    box-shadow: 0 2px 4px rgba(255,255,255,.25);
    font-weight: 700;
}
/*.shrink .header ul.ssubmenu, .shrink .header ul.sub-menu {
    top: 49px;
}*/
ul.ssubmenu li,ul.sub-menu li {
    color: #fff;
  text-transform: initial!important;
}
ul.ssubmenu a,ul.sub-menu a {
  padding: 0 0;
}

.nav-main-menu {
  font-size: 1.6em;
}
.top-nav-menu nav.header-navigation>ul>li.m0 ul#menu-menuvcr a{
  line-height: 34px;
}


/*--------------------------------------------------------------
4.1.1. Idiomas
--------------------------------------------------------------*/
#lang_sel a:hover, #lang_sel ul ul a:hover, #lang_sel :hover > a, #lang_sel ul ul :hover > a, #lang_sel a:visited, #lang_sel a.lang_sel_sel{
    background: transparent!important;
}

#lang_sel a.lang_sel_sel,
#lang_sel a,
#lang_sel a:visited {
    border: 0px;
    background-color: black;
    color: #444!important;
    font-size: 11px!important;
    line-height: 1!important;
}

#lang_sel ul {
    margin: 0px;
    padding: 0px;
}

#lang_sel ul li {
    margin: 0px;
    padding: 0px;
}

#lang_sel ul ul {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid black;
    border-bottom: 1px solid white;
    background: black;
    height: auto;
    top: 15px!important;
    right: 0!important;
    box-shadow: 0px 3px 6px black;
}

#lang_sel ul ul a {
    border-bottom: 1px dotted #999999 !important;
    background-color: white !important;
    padding: 15px 10px!important;
}

#lang_sel ul ul a:hover {
    background-color: #F19300 !important;
}
#lang_sel {
    position: absolute;
    top: 0;
}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel {
  position: relative;
  display: inline-block;
  /* style the table so that it takes no part in the layout - required for IE to work */
  /* style the top level hover */ }
#lang_sel ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
  /* hide the sub levels and give them a positon absolute so that they take up no room */ }
#lang_sel ul li:hover ul, #lang_sel ul a:hover ul {
  visibility: visible; }
#lang_sel ul ul {
  top: 40px!important;
  width: 84px;
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  right: 0;
  border-top: 1px solid #cdcdcd;
  z-index: 10000; }
#lang_sel ul ul a {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px; }
#lang_sel ul ul a:visited {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px; }
#lang_sel li {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important; }
#lang_sel a {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
  padding-left: 0px;
  line-height: 24px;
  padding: 20px 0; }
#lang_sel a:visited {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
  padding-left: 10px;
  line-height: 24px; }
#lang_sel a.lang_sel_sel:hover {
  text-decoration: none;
  color: #000; }
#lang_sel table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse; }
#lang_sel a:hover, #lang_sel ul ul a:hover, #lang_sel :hover > a, #lang_sel ul ul :hover > a {
  color: #000;
  background: #eee; }
#lang_sel img.iclflag {
  width: 18px;
  height: 12px;
  position: relative;
  top: 1px; }
#lang_sel.icl_rtl {
  text-align: right;
  direction: rtl; }
#lang_sel.icl_rtl .lang_sel_sel {
  padding-right: 14px; }

/* reset menu img definitions */
.menu-item-language img.iclflag {
  height: 12px !important;
  width: 18px !important;
  margin-bottom: 0 !important;
  margin-right: 4px; }                            


/*--------------------------------------------------------------
4.3 Pages
--------------------------------------------------------------*/  
blockquote {
    padding: 14px 0 14px 15px;
    margin: 0 0 20px;
    background-color: #f4f4f4;
    border-left: 5px solid orange;
    width: 90%;
}  
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}

.pullquote {
    padding: 0px 30px 0px 0px;
    width: 240px;
    margin: 17px 0px 17px -20px !important;
    display: inline;
    float: left;
    font-size: 22px!important;
    line-height: 23px!important;
    text-transform: uppercase;
    color: orange;
}
.fa-web:after,
.fa-pdf:after,
.fa-des:after,
.fa-lupa:after {
    display: inline-block;
    font-family: FontAwesome!important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 0 0 6px;
}

.fa-pdf:after {
    content: '\f1c1';
}

.fa-des:after {
    content: '\f019';
}

.fa-web:after {
    content: '\f08e';
}

.fa-lupa:after {
    content: '\f002';
    padding-left: 0px;
}
.inabox {
    padding: 10px 30px;
    background-color: #f4f4f4;
}

.inabox h2 {
    font-size: 20px !important;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #333;
    padding-bottom: 4px;
}

/* listas */
.nolist {
    list-style: none;
    margin: 0 0!important;
    padding: 0 0!important;
}

.nolist li {
    display: inline-block;
    margin: 0 0!important;
    padding: 0 0!important;
}


/*--------------------------------------------------------------
4.3.1 Tablas
--------------------------------------------------------------*/  
table {
    border-collapse: collapse;
/*    font-family: "Roboto Condensed", "Roboto", sans-serif!important;*/
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

caption {
    font-size: 1.4em;
    font-stretch: condensed;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}

th,
td {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    padding: 0.6em;
    vertical-align: 4px;
}

th {
    text-align: left;
    text-transform: uppercase;
}

thead th,
tfoot th,
tfoot td {
    background-color: #cc9;
    font-size: 1.1em;
}

tbody th {
/*    padding-left: 24px;*/
    background-color: #d1d1d1!important;
}

tbody th,
td {
    background-color: white;
}

tbody tr:hover td,
tbody tr:hover th {
    background-color: #EEE;
}

tr.odd td,
tr.odd th {
    background-color: #ddd;
}

tbody a {
    color: #333;
}

tbody a:visited {
    color: #999999;
}

tbody a:hover {
    color: #33c;
}

tbody a:active {
    color: #33c;
}

tbody td+td+td+td a {
    padding-right: 12px;
}

tfoot th {
    text-align: right;
}

tfoot th:after {
    content: ":";
}

table {
    margin: 20px 0;
}

/*--------------------------------------------------------------
4.3.2 Formularios
--------------------------------------------------------------*/

form.wpcf7-form{
	width:auto;
}
.wpcf7{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;	
}
.sidebar-form form.wpcf7-form{
	width: calc(100% - 15px);
}
.wpcf7-form .row{
	margin-bottom: 15px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="password"], .wpcf7 input[type="date"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 select{
	border: solid 1px #aaa;
	border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;		
    padding: 6px 10px;
    max-width: 100%;
}

.wpcf7 h2{
	border-bottom: solid 2px #000;
	font-size: 24px;
	margin: 50px 0 25px 0;
	padding-bottom: 5px;
	text-transform: uppercase;	
}
.wpcf7-form .form-control{
	border-radius: 0;
	height: auto;
	line-height: 30px;
}
span.wpcf7-list-item{
	/*margin: 0 0;*/
	margin: 5px 20px 0 0;
}
.acepto label{
	font-weight: 400;
}
.wpcf7-response-output, .wpcf7-form .error {
    color: red!important
}
.wpcf7-validation-errors {
    border: 2px solid red!important;
    background-color: #f2dede!important;
}
.boton,
.wpcf7-submit {
    padding: 10px 12px;
    font-size: 22px;
    color: white;
    text-align: center;
/*    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
    background: #e67e22;
    border: 0;
    border-bottom: 2px solid #da751c;
    cursor: pointer;
    box-shadow: inset 0 -2px #da751c;
    border-radius: 6px;
    color: #000!important;
}
.wpcf7-submit:disabled {
    background: #ccc;
    color: #eee!important;
    box-shadow: inset 0 -2px #aaa;
    border-bottom: unset;
}
.boton:active {
    outline: none;
    box-shadow: none;
}

.boton:hover {
    color: #000;
}



/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

.texto-deg-bottom {
    background: -webkit-linear-gradient(bottom, #ffb100, #DE0108)!important;
    background: linear-gradient(bottom, #ffb100, #DE0108)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    color: #E88D00!important;
    white-space: nowrap;
}

.main20 .header-navigation .current-menu-item > a, .main20 .header-navigation .current-menu-ancestor > a {
  color: #fff!important
}

/***********************************************************/
/*
/*  MAIN CONTENT
/*
************************************************************/



/***********************************************************/
/*  PRÓXIMA CARRERA
************************************************************/
.next-race {
    background-color: #000;
    color: #fff;
    padding-bottom: 15%;
    position: relative;    
}

  .next-race .sec-text-title-block {
      padding-top: 5%;
      padding-left: 5%;
      text-align: left;
      display: inline-block;
  }
  .next-race .sec-title {
      font-weight: 900;
      font-size: 2.35em;
      line-height: 1.25;
      font-style: italic;
  }
  .next-race .sec-subtitle {
      font-weight: 900;
      font-size: 1.66em;
      line-height: .9;
      font-style: italic;
      color: #FC8414;
  }

.races {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5%;
    grid-auto-rows: minmax(100px, auto);
    padding: 5%;
}
.races .race-info {
	padding-top: 1em;
}
    .races div{
        transition: ease .6s all;
    }
    .races div+div{
        margin-top: -10%;
    }
    .races div+div+div{
        margin-top: -20%;
    }    

  .race-box {
      background: #000;
/*      box-shadow: 0 0px 14px rgba(0,0,0,.5);*/
/*      border: 1.6rem solid transparent;*/
      text-align: center;
/*      padding: 1.6rem;*/
/*      max-height: 400px;*/
      justify-content: center;
      align-items: center;
      display: flex;

      height: 100%;

      position: relative;
      z-index: 0;
/*      max-height: 340px;*/
      max-height: calc(340px - 1.6rem * 2);
  }

  .race-box .race-title {
    font-weight: 900;
    font-size: 2.25em;
    font-style: italic;
    line-height: 1;
  }
    .race-box img{
      -webkit-filter: brightness(1.6);
      filter: brightness(1.6);
    }    

  .race-box .race-info .race-text {
    font-size: 1.5em;
    font-weight: 700;
    font-style: italic;
  }
  .race-box--21k {
/*      border: 1.6rem solid #FF8201;*/
      padding: 1.6rem;
      box-shadow: 0 0px 14px rgba(0,0,0,.5);
      background: #FF8201;
      max-height: 340px;
  }
    .race-box--21k .race-title.l1{
      font-size: 2.6em;
      color: #ff8201!important;
      white-space: nowrap;
    }
    .race-box--21k .race-title.l2{
      font-size: 1.62em;
      line-height: .8;
      color: #ff8201!important;
      white-space: nowrap;
    } 
  .race-box--41k {
/*      border: 1.6rem solid transparent;

      -moz-border-image: -moz-linear-gradient(left, #FF8A01 0%, #FF3D05 100%);
      -webkit-border-image: -webkit-linear-gradient(left, #FF8A01 0%, #FF3D05 100%);
      border-image: linear-gradient(to right, #FF8A01 0%, #FF3D05 100%);

      border-image-slice: 1;*/
      padding: 1.6rem;
      box-shadow: 0 0px 14px rgba(0,0,0,.5);
      background: linear-gradient(to right, #FF8A01 0%, #FF3D05 100%);
      max-height: 340px;      
  }
    .race-box--41k .race-title {
      background: -webkit-linear-gradient(top, #ffb100, #DE0108)!important;
      background: linear-gradient(top, #ffb100, #DE0108)!important;
      -webkit-background-clip: text!important;
      -webkit-text-fill-color: transparent!important;
      color: #E88D00!important;
      white-space: nowrap;
    }
  .race-box--10k {
/*      border: 1.6rem solid #FEDC01;*/
      padding: 1.6rem;
      box-shadow: 0 0px 14px rgba(0,0,0,.5);
      background: #FEDC01;
      max-height: 340px;
  }         
    .race-box--10k .race-title {
      font-size: 4em;
      color: #FEDC01!important;
      white-space: nowrap;
      font-weight: 700;
    }

@media screen and (max-width: 480px){
  .next-race {
    padding-top: 0;
    padding-bottom: 0;
  }

  .races {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 60px;
    grid-auto-rows: minmax(300px, auto);  
  }
  .race-box, .race-box--41k, .race-box--21k, .race-box--10k {
    max-height: 290px;
  }
  .next-race .sec-title {
    font-size: 2.15em;
  }
  .next-race .sec-subtitle {
    font-size: 1.50em;
  }
  .solapado {
    position: relative;
  }
}

@media screen and (min-width: 1200px){
  .hero {
        font-size: 1.8em;
  }
  .next-race, .hotnews, .news {
        font-size: 1.6em;
  }
  .noticias {
    font-size: 24px;
  }
}



/***********************************************************/
/*  HEROS
************************************************************/
.hero {
    background-color: transparent;
    color: #fff;    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;

    justify-content: center;
    align-items: center;
    display: flex;
}

.hero .slider-bg {
    z-index: -1;
    padding-top: 6%;
    margin-top: -10%;
}
    .hero--1 {
        height: 120vh;
        max-width: 100vw;
        overflow: hidden;
    }
/*    .hero--1 > .sec-content {
        z-index: -1;
    }*/
    .next-race {
          z-index: 1;
    }
    .hero--1 .forcefull {
        width: calc(100vw - 15px)!important;
        left: 0!important;
    }
    @media (max-width: 480px){
        .hero--1 .forcefull {
            width: 100vw!important;
        }
    }
    .hero .hero-text-title-block {
        text-align: center;
        display: inline-block;
        padding: 2em;
/*        transform: translate(-50%,-50%)!important;
        margin-top: 50%;
        margin-left: 50%;  */      
    }
    .hero .hero-title {
        font-weight: 900;
        font-size: 3em;
        line-height: 1;
        font-style: italic;
        text-shadow: 0 0px 4px rgba(0,0,0,.5);
    }
    .hero .hero-text {
        font-weight: 400;
        font-size: .625em;
        display: inline-block;
        line-height: 1.5;
        margin-bottom: 1em;
        text-shadow: 0 0px 4px rgba(0,0,0,.5);
    }
    .hero a.hero-button {
        font-weight: 700;
        font-size: .55em;
        letter-spacing: 1px;
        text-decoration: none;
        border-radius: 18px;
        padding: 14px 34px;
        background-color: rgb(255, 157, 0);
        color: #000;
        background: linear-gradient(to bottom, rgba(255, 157, 0,1) 0%,rgb(255, 74, 1) 100%);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
/*        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);*/
        display: inline-block;
        transition: ease .2s all;
    }
    .hero a.hero-button:hover {
        top: 5;
		    transform: scale(1.05);
        transition: ease .3s all;
    }    
    .hero a.hero-button:active {
        color: #fff;
        position: relative;
        top: 3px;
        transition: ease .2s all;
    }

    .main20 .hero a.hero-button, .main20 .noticias .button {
		background: #F68D2E!important;
		color: #000!important;
    }
    .main10 .hero a.hero-button, .main10 .noticias .button {
		background: #FFD100!important;
		color: #000!important;
    }    



.hero--2 {
    height: 100vh;
}

@media screen and (max-width: 480px){
  .hero {
    font-size:.875em;
  }
  .hero .hero-text {
    max-width: 80%;
    margin-bottom: 30px;
  }
  .hero a.hero-button {
    font-size: .875em;
  }
}



/***********************************************************/
/*  NOTICIAS
************************************************************/

.hotnews {
    background-color: #000;
    color: #fff;
    padding-bottom: 30px;
	position: relative;
}
    .hotnews .sec-text-title-block {
        text-align: right;
        padding-top: 1.5rem;
/*        padding-right: calc(5% - 10px);*/
        background-color: #000;
        z-index: 9;
        position: relative;
       	-webkit-transform: skew(0deg, -2deg)!important;
    	transform: skew(0deg, -2deg)!important;        
    }
    .hotnews .sec-title {
        font-weight: 900;
        font-size: 3em;
        font-style: italic;

        /* contraresta el skew */
        padding-right: 5%
    }


.noticias {
    background-color: #000;
    position: relative;
    z-index: 1;
}
  .hotnews .noticias, .main40 .noticias:not(.noticias-slide), .news .noticias, .main20 .noticias, .main10 .noticias {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 30px;
      grid-auto-rows: minmax(100px, auto);
      padding: 30px 5% 30px;
  }
  @media (max-width: 1440px){
    .hotnews .noticias, .main40 .noticias:not(.noticias-slide), .news .noticias, .main20 .noticias, .main10 .noticias {
        grid-template-columns: repeat(3, 1fr);
    }
    .hotnews .noticias .news-card:last-child{
    	display: none
    }
  }
  @media (max-width: 768px){
    .hotnews .noticias, .main40 .noticias:not(.noticias-slide), .news .noticias, .main20 .noticias, .main10 .noticias {
        grid-template-columns: repeat(2, 1fr);
    }
    .hotnews .noticias .news-card:last-child{
    	display: flex;
    }    
  }
  @media (max-width: 480px){
    .hotnews .noticias, .main40 .noticias:not(.noticias-slide), .news .noticias, .main20 .noticias, .main10 .noticias {
        grid-template-columns: repeat(1, 1fr);
    }
  }

.site .noticias.relacionadas {
  padding: 0 0 5% 0;
  grid-template-columns: repeat(3, 1fr);
  font-size: 1.35em;
  background-color: #fff;
  display: grid;
  grid-gap: 30px;
}
.site .noticias.relacionadas .news-card > .read {
  position: absolute;
  bottom: 1em;
  padding: 0;
}
.relacionadas.noticias .news-card {
  max-height: 400px;
}
@media (max-width: 1200px){
  .site .noticias.relacionadas {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px){
    .site .noticias.relacionadas {
      grid-template-columns: repeat(1, 1fr);
  }
}
/*.relacionadas{
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  grid-auto-rows: minmax(100px, auto);
  padding: 30px 0% 30px;      
}*/



  .hotnews .noticias {
    margin-top: -5%;
  }
  .hotnews .titulo {
    font-size: 3em;
    padding: 1rem 0 0;
  }

	.titulo {
		font-weight: 900;
		font-style: italic;
		font-size: 4.75em;
		color: #fff;
		background: #000;
		padding: 2rem 0 1rem;
		line-height: 1;
		text-align: center;
	}
  .titulo>div{
    transform: scale(.85);
  }
  .titulo.planes_titulo>div{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
	.titulo img {
	    max-height: 60px;
	    margin-right: 1rem;
	}

  .titulo h1 {
      display: inline-block;
      word-wrap: break-word;
  }
  @media (max-width: 992px){
    .titulo h1 {
      font-size: 8vw;
/*      font-size: 1em;*/
    }
  }
    .noticias .news-card{
		transition: ease .6s all;
/*		overflow: hidden;*/
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		background-color: #121212;
		max-height: 520px;
		height: calc((100vw / 3.333) * 1.125);
		position: relative;
		z-index: 0;
    }
    .noticias .news-card > img{
		  position: absolute;
    	z-index: -1;
    	object-fit: cover;
    	height: 100%;
      -webkit-filter: brightness(60%);
       filter: brightness(60%);
       transition: ease .2s all;
	   }
     .noticias  .news-card:hover > img{
      -webkit-filter: brightness(30%) grayscale(100%) blur(4px);
      filter: brightness(30%) grayscale(100%) blur(4px);
/*      transition: ease .2s all;*/
      padding: 4px;       
     }
  .noticias .news-card > .content {
    margin-top: -2em;
  } 
	.noticias .news-card > .content, .noticias > .news-card > .read{
		padding: 1em
	}
  .noticias .news-card > .read{
    position: absolute;
    bottom: 1em;
  }
  .noticias .news-card > .read > .button{
    font-weight: 700;
    font-size: .55em;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 30px;
    padding: 12px 30px;
    background-color: orange;
    color: #000;
    background: linear-gradient(to bottom, rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    display: inline-block;
/*    transition: ease .4s all;*/
  }
  .noticias .news-card > .read > .button:hover {
/*    transition: ease .4s all;*/
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }

  .noticias .news-card > .read > .button:active {
        color: #fff;
        position: relative;
        top: 3px;
        transition: ease .4s all;
    }

	.noticias .news-card > .content > .title {
		font-style: italic;
		font-weight: 700;
		font-size: 1.1em;
		line-height: 1.35;
		color: #fff;
		margin-top: -1em;
		text-shadow: 0 1px 3px #000;
	}
  .noticias .news-card > .content > .title > a {
    color: #fff;
  }

	.noticias .button {
	    background: -webkit-linear-gradient(rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
	    background: -o-linear-gradient(rgb(247, 134, 2) 0%, rgba(240,155,26,1) 50%,rgb(230, 45, 6) 100%);
	    background: linear-gradient(rgba(255, 184, 77,1) 0%, rgba(240,155,26,1) 50%, rgba(252,132,20,1) 100%);
	}

    a.arrow-button {
      color: #fff!important;
      text-decoration: none;
      font-style: italic;
      font-weight: 700;
      font-size: 1em;
      text-align: center;
      display: block;
    }
    a.arrow-button>img{
        width: 44px;
        position: relative;
        top: 4px;
        left: 4px;

        transition: ease .6s all;
    }
    a.arrow-button:hover img{
        left: 8px;
        transition: ease .6s all;
    }


.news .noticias {
  margin-top: 30;
}
@media (max-width: 1200px){
    .news .noticias {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px){
    .news .noticias {
      grid-template-columns: repeat(1, 1fr);
  }
}
.news, .news_vcr, .news_10k, .news_20k, .news_40k  {
  background-color: #000;
}

.news .pager {
  text-align: center;
  font-weight: 700;
  font-size: 1.5em;
  padding: 2em 0;
  color: #5E5E5E;
}

.news .pager a {
  color: #fff;
  text-decoration: none;
  transition: ease .4s all;
}
.news .pager a:hover {
  color: #f58b08;
}
.news .pager .page-numbers {
  margin: 0 .25rem;
}
.news .pager .page-numbers.current {
  color: #5E5E5E;
}
.news .pager a.next.page-numbers, .news .pager a.prev.page-numbers {
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  display: inline-block;
  margin: 0 .75rem;
}
.news .pager a.next.page-numbers:hover, .news .pager a.prev.page-numbers:hover {
  background-color: #f58b08;
}



@media screen and (max-width: 1300px){
  .noticias > .news-card > .read {
    padding: 0;
  }
  .noticias .button {
    margin: 1rem auto;
  }
}
@media screen and (max-width: 992px){
  .noticias .news-card > .read {
    bottom: 2em;
  }
  .noticias .button {
    margin: 1rem auto;
  }
}
@media screen and (max-width: 480px){
  .noticias {
    padding: 0;
  }
  .hotnews .noticias {
    margin-top: -50px;
    margin-bottom: 30px;
  }
  .noticias-slide {
    display: inline-block!important;
    width: 96vw;
    overflow: hidden;
    margin-top: -15%;
  }
  .hotnews .sec-text-title-block {
    text-align: right;
    margin: 0;
    width: 100%;
    padding: 0 8% 0 0;
    -webkit-transform: skew(0deg, -6deg)!important;
    transform: skew(0deg, -6deg)!important;
  }
  .hotnews .sec-title {
    padding-right: 0;
    font-size: 2.5em;
  }
  .noticias .news-card {
    max-height: 430px;
    height: 430px;
/*    margin-bottom: 30px;*/
  }
/*  .site .noticias .news-card > .content > .title {
    font-size: 24px;
  }*/
  .site .noticias .news-card > .read {
    bottom: 2em;
  }
/*  .noticias .news-card > .read > .button {
    font-size: .875em;
  }*/
}





/***********************************************************/
/*
/*  FOOTER
/*
************************************************************/

footer {
    background-color: #000;
    color: #fff;
    position: relative;
    z-index: 10;
}
.promo, .colabora, .organiza, .patrocina, .marca, .patinst {
    font-weight: 400;
    font-size: 14px;
}
.rrss span {
    font-weight: 400;
    font-size: 14px;
}
footer .rrss {
    text-align: right;
/*    line-height: 1.5;*/
}
    footer .rrss i{
        margin-left: .5rem;
    }

footer .copyright {
    font-size: 14px;
    text-align: right;
    line-height: 1.5;
    padding: 10px;
    width: 100%;
}
    footer .copyright a {
        text-decoration: none;
        color: #ff9700
    }
    footer .rrss a{
        text-decoration: none;
    }
    footer .rrss .metamenu a:hover{
        color: #ff9700;
    } 
    .footer .imglogo {
      max-height: 86px;
      margin: 10px 30px 10px 0;
    }

    .promo > div, .colabora > div, .organiza > div, .patrocina > div, .marca > div, .patinst > div {
    height: 68px;
    display: flex;
    align-items: center;
	}
	.patinst > div {
		justify-content: center;
	}
@media screen and (max-width: 480px){
    footer .rrss {
        text-align: center;
    }
    footer .copyright {
        display: block;
        text-align: center;
    }
    footer .metamenu {
        display: block;
        text-align: center;
        margin: 1rem auto;
    } 
    .footer .imglogo {
      margin: 10px;
    }
}    


/*.main10 .footer .imglogo {
  -webkit-filter: invert(1);  
  filter: invert(1);
}*/
.footer .rrss .fa-vcr-app, .footer .rrss .fa-strava {
  -webkit-filter: grayscale(100%) brightness(1.5);  
  filter: grayscale(100%) brightness(1.5);
}


.intro-video {
    padding-top: 0px;
}
.recorrido{
    z-index: 9;
    position: relative;
}
.planes {
    margin-top: -7%;
}
.active,.current-menu-item > a {
    color: orange
}

.maraton .header.fixed+main{
    padding-top: 190px;
}
.noticias-maraton .header.fixed+main{
    padding-top: 190px;
}
.noticias-maraton .nav-main-menu a, .maraton .nav-main-menu a {
    padding-bottom: 0;
}

.nav-main-menu .submenu a, .menu>li.menu-item-has-children .sub-menu a {
    padding: 1rem;
    font-size: .75em;	
    line-height: 1;	
}
.nav-main-menu .sub-menu a, .menu>li.menu-item-has-children .sub-menu a {
    font-size: 14px!important;
    padding: 6px 10px!important;
    text-transform: none!important;
    letter-spacing: 1px;
}
.nav-main-menu .submenu{
    background: #222;
    border-bottom: 1px solid #222;
}

.main20 .nav-main-menu .submenu {
  background-color: #F68D2E;
}
.main10 .nav-main-menu .submenu {
  background-color: #FEDC01;
}

.noticias-maraton .titulo {
    font-weight: 900;
    font-style: italic;
    font-size: 3em;
    color: #fff;
    background: #000;
    padding: 3rem 0 0;
}
.noticias-maraton .titulo img{
    max-width: 86px;
    margin-right: 1rem;
}

.noticias-maraton .main-area, .maraton .main-area {
    background-color: #000;
    padding-top: 100px;    
}

img.paginador{
    max-width: 652px;
    margin: 1em auto 3em;
}

footer {
    background-color: #000;
    padding: 2rem 0;
}

/*footer .lineas-sep{
    border-top: 1px solid rgba(255, 165, 0, 0.6);
    border-bottom: 1px solid rgba(255, 165, 0, 0.6);    
    padding: 2rem 1rem;
}

.maraton footer .grid-container, .noticias-maraton footer .grid-container{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 2rem 0;
}

.main10 footer .grid-container{
    border-top: 1px solid #FFD100;
    border-bottom: 1px solid #FFD100;    
}
.main20 footer .grid-container{
    border-top: 1px solid #F68d2E;
    border-bottom: 1px solid #F68d2E;    
}
.main40 footer .grid-container{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;    
}
*/







@media screen and (max-width: 480px){
	footer .footer {
		flex-direction: column;
		align-items: center;
    width: 100%;
	}
	footer .copyright {
		text-align: center;
    width: 100%;
	}
	.promo, .colabora, .organiza, .patrocina, .marca, .rrss {
/*    	text-align: center;
      width: 100%;
      margin-bottom: 2rem;*/
     display: flex;
    flex-direction: column;
    align-items: center;
    }
}

.subhome .patrocinadores {
  text-align: center;
  padding: 18px 0
}
.subhome .patrocinadores > .box-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 480px){
  .subhome .patrocinadores > .box-container {
    display: inline-block;
  }
}
.subhome .patrocinadores .imglogo {
  max-height: 50px;
  margin: 0 5px;
}
/*.subhome .patrocinadores img.imglogo.pmoficial {
  max-height: 34px;
}
.subhome .patrocinadores img.imglogo.pmdeportiva {
  max-height: 34px;
}
  .main10 .subhome .patrocinadores img.imglogo.pmoficial {
    -webkit-filter: invert(1);
    filter: invert(1);
}*/
.main10 .subhome .patrocinadores {
  background-color: #FFDF00;
}
.main10 .subhome .marcas {
  background-color: #FFD101;
}
.main20 .subhome .marcas{
  background-color: #F68D2E;
}
.main20 .subhome .patrocinadores{
  background-color: #F38A2E;
}
.main40 #patrocinadores img.imglogo {
  filter:invert(1);
}

/*  .main20 .subhome .patrocinadores img.imglogo {
    -webkit-filter: invert(1);
    filter: invert(1);
}*/
.main40 .subhome .patrocinadores, .main40 .subhome .marcas {
  background-color: #010101;
}

.subhome .marcas {
  padding: 4% 0 10%;
}
.subhome .marcas .logos{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.subhome .marcas .titulo {
  font-weight: 700;
  font-style: italic;
  font-size: 1.75em;
  color: #000;
  background: transparent;
  padding: 0;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  }
.main40 .subhome .marcas .titulo {
  color: #fff;
  }
.subhome .marcas img{
  display: inline-block;
  padding: 15px;
}


@media screen and (max-width: 480px){
  .hero--2, .hero--1 {
    height: 76vh;
  }
/*  .hotnews {
    height: 760px;
  }*/
  .hotnews .noticias {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 1440px) {
/*   .box-container {
        max-width: 1440px;
    }*/
   .noticias {
      padding: 2rem 1rem;
   } 
}

.breadcrumb {
    font-size: 13px;
/*    padding: 2rem 0 0 0;*/
}
  .breadcrumb ol {
    margin: 0;
    padding: 0;
}
  .breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
  .breadcrumb li a {
      text-decoration: none;
      padding: 3px 8px;
      margin: 2px;
      background: #efa308;
      border-radius: 10px;
      color: #fff;
  }
  .breadcrumb li a:hover {
    color: #000;
  }

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery {
    padding: 1em 0;
}
div.gallery dl.gallery-item a img {
    border: none!important;
    background: #f0f0f0;
    padding: .5em;
}
#gallery-2 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery-item a {
	border-bottom: none!important;
}


.news-header {
  padding: 20px 0 0;
  margin-bottom: 30px;
}
@media (max-width: 1036px){
  .news-header {
    padding: 20px 10px 0;
    margin-bottom: 30px;
  }
}
.news-header .box-container {
  margin: 0;
}

.news-header h1 {
  font-size: 2.4em;
  line-height: 1.2;
  margin: .5em 0 .25em;
}
.news-header .news-date {
  font-size: 13px;
}

.sec-content-page:not(.box-container-full) {
  padding: 2% 0 5%;
}
.sec-content.content-news {
  font-size: 18px;
  line-height: 1.8;
}
.content-news img[class*="wp-image-"]{
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
}
.content-news img.alignright, .content-news img.alignleft, .content-news img.aligncenter{
  width: initial;
}
@media (max-width: 992px){
  .news-header .box-container {
    max-width: 100%;
  }
}
@media (max-width: 480px){
  .news-header {
    padding: 20px 0 0 0;
    margin: 10px 15px 0;
  }
  .news-header h1 {
    font-size: 1.6em;
    line-height: 1.2;
  }
  .titulo {
    padding: 3rem 0 1rem;
    font-size: 34px;
  }
  .titulo img {
    margin-right: .25rem;
  }
  .content-news {
    padding: 0;
  }
	.sec-content-page img[class*="wp-image-"]{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
  .arrowNav {
    display: none
  }
  body {
    font-size: 20px
  }  
}


/* preload fade */

@-webkit-keyframes anipreload {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anipreload {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.preload {
    opacity: 0;
    -webkit-animation: anipreload 1s ease .5s forwards;
    animation: anipreload 1s ease .5s forwards;
}

/*
   post navigation 
*/
.post-navigation {
  margin: 30px 0 40px;
}
.post-navigation .nav-links{
  border-bottom: 2px solid #ccc;
  padding: 20px 0 30px;
  display: flex;
  width: 100%;
}
.post-navigation svg{
  width: 20px;
  height: 32px;
  fill: #ffa500;
}
.post-navigation .nav-title{
/*  display: flex;  align-items: center;
*/  line-height: 1.5;
  padding: 5px 0;

}
.post-navigation .nav-title-icon-wrapper {
    height: 50px;
    width: 40px;
    padding: 8px;
}
.post-navigation .nav-title:hover{
  color: #000;
}
.post-navigation .nav-title:hover svg.icon.icon-arrow-left{
  transform: translateX(-6px);
  transition: ease .4s;
}
.post-navigation .nav-title:hover svg.icon.icon-arrow-right{
  transform: translateX(6px);
  transition: ease .4s;
}
.post-navigation svg.icon.icon-arrow-left {
  float: left;
  margin-right: 6px;
  transition: ease .3s;
}
.post-navigation svg.icon.icon-arrow-right {
  float: right;
  margin-left: 6px;
  transition: ease .3s;
}
.post-navigation .nav-subtitle {
    display: none;
}
.post-navigation .nav-links a {
  color: #ff9700;
}
.post-navigation .nav-previous {
    text-align: left;
    line-height: 32px;
    width: 50%;
    padding-right: 2.5%;
}
.post-navigation .nav-next {
    text-align: right;
    line-height: 32px;
    width: 50%;
    padding-left: 2.5%;
}

.arrowLeft a {
position: fixed;
z-index: 100;
left: -5px;
top: 45%;
padding: 35px 15px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
 
.arrowLeft a:hover {
left: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #fff;
}
 
.arrowRight a {
position: fixed;
z-index: 100;
right: -5px;
top: 45%;
padding: 35px 15px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
 
.arrowRight a:hover {
right: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #fff;
}
 
.arrowNav a {
background: #000;
color: #fff;
text-decoration: none;
font-size: 2em;
}

@media (max-width: 1280px){
  .arrowNav {
    display: none;
  } 
}
@media (max-width: 1044px){
  .grid-main-content .main-area{
      margin: 0 5%;
  }
}
@media (max-width: 480px){
.post-navigation .nav-links {
  display: block;
}
.post-navigation .nav-title {
  display: flex;
  font-size: 16px;
}
.post-navigation .nav-previous, .post-navigation .nav-next{
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
}
  .grid-main-content .main-area{
/*      margin: 0 10px;*/
  }
  h2 {
  	font-size: 22px;
  	line-height: 1.25;
  }
}

.app .sec-content {
  padding: 5%;
}
.app-vcr, .app-42k, .app-21k, .app-10k {
    position: relative;
}
.app-vcr .sec-content {
  padding: 0 5% 0 0;
  margin-top: -5%;
}
.app-42k .sec-content, .app-21k .sec-content, .app-10k .sec-content {
  padding: 0 10% 0 5%;
  margin-top: -5%;
}

button#responsive-menu-pro-button {
  height: 70px!important;
}
#responsive-menu-pro [id^="responsive-menu-pro-item-wpml"] a{
    text-transform: uppercase;
    font-size: 16px!important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link{
  text-transform: uppercase;
}
@media (max-width: 1024px){
  .top-header {
    height: 70px;
  }
  .header.fixed{
    transition: unset;
  }
  .header.fixed+main {
      padding-top: 70px;
  }
  .shrink button#responsive-menu-pro-button {
    height: 60px!important;
  }
}

/* pagina de busqueda */
a {
	text-decoration: none
}
.main-area a {
    color: #f58b08;
}
.search .sec-content-page {
	padding: 1% 0;
}
.search article {
	padding: 0 0em;
	margin-bottom: 1em;
	border-bottom: 2px dotted #ddd;
}
.search article .entry-meta{
	/*display: none;*/
	font-size: 0.9em;
}
.search h2{
	margin-bottom: 5px;
}

.search .pager {
  text-align: center;
  font-weight: 700;
  font-size: 2.5em;
  padding: 2rem 0;
  color: #5E5E5E;
}
.search .pager a {
  color: #f58b08;
  text-decoration: none;
  transition: ease .4s all;
}
.search .pager a:hover {
  color: #000;
  background: transparent;
}
.search .pager .page-numbers {
  margin: 0 .25rem;
}
.search .pager .page-numbers.current {
  color: #5E5E5E;
}
.search .pager a.next.page-numbers, .search .pager a.prev.page-numbers {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  display: inline-block;
  margin: 0 .75rem;
}
.search .pager a.next.page-numbers:hover, .search .pager a.prev.page-numbers:hover {
  background-color: #f58b08;
}



#patrocinadores {
  text-align: center;
  margin-bottom: 5%;
}
#patrocinadores h3{
  margin: .5em auto 1em;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
}
#patrocinadores .subtitle {
    font-size: 12px;
    margin: 6px 6px 6px 0;
    color: #999;
    text-align: center;
}
#patrocinadores .col {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 480px){
  #patrocinadores .col {
    flex-basis: unset;
  }
  #patrocinadores .imglogo{
    max-width: 100%
  }
}

/* Más carreras */
p.icon-group a {
  border-bottom: none!important;
  color: #e78900!important;
  display: inline-block;
  margin-right: 15px;
  text-align: center;
}
.event-categories{
	list-style: none;
	padding-left: 0;
}



/* cambios menu 2019 */

/*.main40 .solapafecha{
  background: linear-gradient(to right, #ffb100 , #fa3306);
}
.main20 .solapafecha{
  background: #F68D2E;
}
.main10 .solapafecha{
  background: #FFD100;
}*/



.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item>ul.menu{
  z-index: 9;
}
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.selected>ul.menu{
  display: block;
  z-index: 1;
}

.top-nav-menu nav.header-navigation ul[id^="menu-menu10k"]>li>a, .top-nav-menu nav.header-navigation ul[id^="menu-menu20k"]>li>a {
  color: #000!important;
}
.top-nav-menu nav.header-navigation ul[id^="menu-menu10k"]>li>a:hover, .top-nav-menu nav.header-navigation ul[id^="menu-menu20k"]>li>a:hover,
.top-nav-menu nav.header-navigation ul[id^="menu-menu20k"]>li.current-menu-ancestor>a {
  color: #fff!important;
}
.top-nav-menu ul[id^="menu-menuvcr"] {
  background-color: #dcdcdc; 
}
.top-nav-menu ul[id^="menu-menuvcr"]>li>a{
  padding-top: 11px!important;
  color: #000!important;
}
.top-nav-menu ul[id^="menu-menuvcr"]>li>a:hover, .top-nav-menu ul[id^="menu-menuvcr"]>li.current-menu-item>a{
  color: #F68D2E!important;
}
.top-nav-menu ul[id^="menu-menu20k"] {
  background-color: #F68D2E;
}
.top-nav-menu ul[id^="menu-menu20k"] ul.ssubmenu, .top-nav-menu ul[id^="menu-menu20k"] ul.sub-menu {
  background-color: #F68D2E;
}
.top-nav-menu ul[id^="menu-menu20k"] ul.ssubmenu>li>a, .top-nav-menu ul[id^="menu-menu20k"] ul.sub-menu>li>a {
  color: #000!important;
}
.top-nav-menu ul[id^="menu-menu20k"] ul.ssubmenu>li>a:hover, .top-nav-menu ul[id^="menu-menu20k"] ul.sub-menu>li>a:hover {
  color: #fff!important;
}

.top-nav-menu ul[id^="menu-menu10k"] {
  background-color: #FEDC01;
}
.top-nav-menu ul[id^="menu-menu10k"] ul.ssubmenu, .top-nav-menu ul[id^="menu-menu10k"] ul.sub-menu {
  background-color: #FEDC01;
}
.top-nav-menu ul[id^="menu-menu10k"] ul.ssubmenu>li>a, .top-nav-menu ul[id^="menu-menu10k"] ul.sub-menu>li>a {
  color: #000!important;
}
.top-nav-menu ul[id^="menu-menu10k"] ul.ssubmenu>li>a:hover, .top-nav-menu ul[id^="menu-menu10k"] ul.sub-menu>li>a:hover {
  color: #fff!important;
}
.top-nav-menu ul[id^="menu-menu20k"] ul.ssubmenu>li.menu-item-object-medio.current-menu-item>a, .top-nav-menu ul[id^="menu-menu20k"] ul.sub-menu>li.menu-item-object-medio.current-menu-item>a{
  color: #fff!important
 }




.top-nav-menu ul#menu-menu40k-1 {
  background-color: #010101;
}



.top-nav-menu nav.header-navigation>ul>li>a[id=""]:hover{
  color: #F68D2E;
}

.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m0:hover {
    background-color: #dcdcdc;
}
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m0.selected>a {
    background-color: #DCDCDC;
}

.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m1:hover {
    background-color: #f68d2e;
}
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m1.selected>a, 
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m1.hover>ul>li>a {
    background-color: #f68d2e;
}

.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m2:hover, 
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m2>a:hover, .top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m2.hover>a {
    background-color: #010101;
    color: #fff;
}
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m2.selected>a, 
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m2.hover>ul>li>a {
    background-color: #010101;
    color: #fff;
}

.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m3:hover {
    background-color: #FEDC01;
}
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m3.selected>a, 
.top-nav-menu  nav.header-navigation>ul>li.header-navigation-item.m3.hover>ul>li>a {
    background-color: #FEDC01;
}

.top-nav-menu nav.header-navigation ul li ul.menu a ul.sub-menu li a{
  line-height: 1;
}

.top-nav-menu ul[id^="menu-menu40k"].menu>li.menu-item-has-children .sub-menu a:hover,
.top-nav-menu ul[id^="menu-menu40k"].menu>li.current-menu-ancestor > a,
.top-nav-menu ul[id^="menu-menu40k"].menu>li.current-menu-ancestor .sub-menu li.current-menu-item > a{
/*  background: -webkit-linear-gradient(left, #ffb100, #DE0108)!important;
  background: linear-gradient(left, #ffb100, #DE0108)!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
  color: #F68D2E!important;*/
  color: var(--color-42k)!important;
  white-space: nowrap;
  display: inline-block;
}
.top-nav-menu ul[id^="menu-menu40k"].menu>li>a:hover, .top-nav-menu ul[id^="menu-menu40k"].menu>li.current-menu-item>a {
/*  background: -webkit-linear-gradient(left, #ffb100, #DE0108)!important;
  background: linear-gradient(left, #ffb100, #DE0108)!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
  color: #F68D2E!important;*/
  color: var(--color-42k)!important;
  white-space: nowrap;
  display: inline-block;
}



@media (max-width: 1366px){
  .top-nav-menu nav.header-navigation>ul>li>a{
    font-size: 16px;
    padding: 38px 10px 28px;
  }
}

#responsive-menu-pro a>sup:after{
content: "\f08e"!important;
display: inline-block;
font: bold normal normal 12px/1 FontAwesome;
margin-left: 2px;
margin-right: 5px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 

/*@media (max-width: 1800px){
	.top-nav-menu nav.header-navigation>ul>li>a{
		padding: 52px 8px 24px;
	}
}*/
@media (max-width: 1520px){
  .top-nav-menu nav.header-navigation>ul{
    margin: 0;
  }
/*	.top-nav-menu ul.header-navigation-items>li:nth-last-child(1) {
		display: none;
	}*/
	.top-nav-menu nav.header-navigation>ul>li>a{
		/*padding: 52px 8px 24px;*/
		    padding: 38px 12px 34px;
	}
	.top-nav-metamenu .accesos a {
		font-size: 16px;
	}
}
/*@media (max-width: 1340px){
	.top-nav-menu ul.header-navigation-items>li:nth-last-child(1){
		display: none;
	}
}*/
@media (max-width: 1300px){
	.box-container:not(.box-container-full) {
	    width: calc(100% - 10px);
	}
/*  .top-nav-menu nav.header-navigation>ul>li>a {
      padding: 38px 12px 34px;
  }*/
}


#divList h2 {
	display: block;
    margin: 0 10px;
}

#btnList, #btnCal{
    padding: .45em .85em;
    margin: 5px 2px 20px;
    background: #000;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 21px;
    cursor: pointer;
}
#btnList a, #btnCal a {
	cursor: pointer;
}
#btnList.selected, #btnCal.selected {
    background: #ddd;
    pointer-events: none;
}
.events-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    background-color: transparent;
    margin-top: 10px;
}
.events-table tbody{
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	color: #000;
	line-height: 1.25;
}
.events-table tbody>tr>td:first-child{
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	color: #999;
	font-size: 1.35em;
	width: 200px;
}
.events-table tbody>tr>td:nth-child(2){
	width: 100px;
}	
.events-table td>a, .events-table td>a:visited{
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	font-size: 1.75em;
	color: #f58b08;
}

@media (max-width: 480px){
	.events-table tbody>tr>td:first-child{
		font-size: 1.1em;
		width: 75px;
	}
	.events-table td>a, .events-table td>a:visited{
		font-size: 1.25em;
	}
	.events-table tbody>tr>td:nth-child(2){
		width: 60px;
	}	
}

.em-pagination {
  text-align: center;
  font-weight: 700;
  padding: 2em 0;
  color: #7E7E7E;
  display: block;
  font-size: 1.65em;
}

.em-pagination a {
  color: #000;
  text-decoration: none;
  transition: ease .4s all;

}
.em-pagination a:hover {
  color: #f58b08;
}
.em-pagination .page-numbers {
  margin: 0 .25rem;
}
.em-pagination .page-numbers.current {
  color: #7E7E7E;
}
.em-pagination a.next.page-numbers, .em-pagination a.prev.page-numbers {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  display: inline-block;
  margin: 0 .75rem;
}
.em-pagination a.next.page-numbers:hover, .em-pagination a.prev.page-numbers:hover {
  background-color: #f58b08;
}
@media (max-width: 1366px) {
  .circuit {
    margin-top: -15%;
  }    
}
/* salto menu móvil */
@media (max-width: 1140px) {
  .top-header {
      height: 70px;
  }
  .shrink .top-header {
      height: 60px;
  }
  .shrink .header .top-header>div {
      height: 52px;
  }
  .main20 main, .main40 main, .main10 main {
      padding-top: 70px!important;
  }  
  /* solo para el día de la carrera */
  .main40 main {
	padding-top: 20px!important;
  }
  /*
  .mainhome main{
	  padding-top: 0px!important;
  }*/
}
/*@media (max-width: 981px){
  header.header{
    height: 70px!important;    
  }
  header.header.fixed {
    height: 62px!important;
  }
  header.header.fixed +main {
      padding-top: 62px!important;
  }  
  .shrink header .top-logo a{
      display: flex!important;
  }
}*/
@media (max-width:960px){
/*  .race-box{
    max-height: 240px;
  }*/
  .button {
    margin: 1rem auto;
  }

}

/* recaptcha v3 */
.grecaptcha-badge {
opacity:0 !important;
}

/* elementor */
.icon-big .elementor-button-icon{
    font-size:28px;
}
.icon-big .elementor-button-text{
    line-height: 28px;
}

/* Personalizar paginas legales */
.pagina-legal ul {padding-left:40px}
.pagina-legal .caja-info {
    padding: 20px 30px;
    margin: 20px 0;
    background-color: #ededed;
    color: #000;
    border-left:4px solid orange;
}
.pagina-legal .caja-info p{
    font-size:92%;
    margin:0;
}
.pagina-legal .nota-info {margin: 1.75em 0;background-color: papayawhip; color: #010101;padding: 15px 30px;font-size:96%;font-weight:500;}
.pagina-legal .table>tbody>tr>td:first-of-type {
    font-weight: bolder;
}
.pagina-legal h4 {font-size:24px;color:orange;}
.pagina-legal .articulo {
    font-weight: bold;
    font-size: 110%;;
    padding: 6px 12px;
    text-align: center;
    display: block;
    line-height: 2;
    color: #000;
    border-bottom: 1px solid #ccc;    
}
.pagina-legal a{
   overflow-wrap: break-word;
   word-wrap: break-word;
}
@media (min-width: 768px){
.pagina-legal .contenido-articulo {
    margin:10px 24px;
}
}
/* Table generator styles */
.tg-wrap table {
    margin: 0 auto;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
     .tg-wrap table {
       display: block;
       overflow-x: auto;
       max-width: 400px;
       font-family: Roboto Condensed, Roboto, sans-serif;
       font-size: 80%;
     }
}
.pagina-legal .tabla-tipo1{
    max-width: 320px;
    margin: 30px auto 30px;
}
.pagina-legal .tabla-tipo2 {
    overflow-x: auto; 
    max-width: 100vw;
}
@media (max-width: 480px){
  .pagina-legal .caja-info {
    margin: 20px 0;
    padding: 10px 15px;
  }
  .pagina-legal .tabla-tipo2 {
      font-size: 64%;
  }
}

.pagina-legal .tabla-tipo1>tbody>tr>td:first-of-type {
    text-align: left;
    padding:inherit 20px;
}
.pagina-legal .tabla-tipo1>tbody>tr>td:last-of-type {
    text-align: right;
    padding:inherit 20px;
}

.ancho-blog p, .ancho-blog ul{
  max-width: 700px;
  margin: 10px auto;
}

/*--------------------------------------------------------------
7.0 Planes de entrenamiento
--------------------------------------------------------------*/
.planes_h2{
	text-transform: initial!important;
}
.divPlanes .quedan span{
	font-size: 2em;
	font-weight: 700;
}
.divPlanes .semanas{
	display: flex;
	margin-top: 25px;
	margin-bottom: 15px;
}
.divPlanes .semanas span{
	border:solid 1px #000;
	border-radius: 50%;
	margin-right: 7px;
	padding: 5px 10px;
}
.divPlanes .semanas span.selected{
	background-color: #000;
	color: #fff;
}
.divPlanes table thead th{
	background-color: #000;
	color: #fff;	
}
.divPlanes table .tdtitle{
	font-weight: 700;
	font-size: .9em;
}
.divPlanes table .prev_next .tdtitle{
	font-weight: 400;
	font-size: 0.9em;
}
.divPlanes table .tdtitle span{
	font-size: 0.85em;
}
.divPlanes table .tdcontent{
	font-size: 0.8em;
}
.divPlanes table td{
	background-color: #fafafa;
	width: 13%;
}
.divPlanes table td:first-child{
	width: 4%;
}
.divPlanes table .prev_next td{
	background-color: #ececec;
}
.divPlanes table .current_week td:first-child{
	/*background-color: #000;
	color: #fff;*/
}
.divPlanes .logout{
    width: calc(100% - 60px);
    max-width: 1740px;		
}
.divPlanes .logout .wpcf7-submit{
	font-size: 16px;
	float:right;
}
.divPlanes .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.divPlanes .tPlanes tr td:first-child .week:before{
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 15px;
}
.divPlanes .tPlanes tr.accordion td:first-child .week:before{
	content: "+";
	cursor: pointer;
    background-color: #ddd;
    text-align: center;
    line-height: 16px;
    color: #888;	
}
.divPlanes .tPlanes tr.accordion.open td:first-child .week:before{
	content: "-";
}
.planes_box{
	display: flex;
}
.divPlanes .btn-dudas{
    text-decoration: none;
    color: #000;
    padding: 6px 16px;
    display: inline-block;
    margin: .25em;
    border-radius: 25px;
    border: 2px solid rgba(255, 144, 0, 0.33);
    color: orange;
    overflow-wrap: break-word;
    word-wrap: break-word;	
}
.divPlanes .btn-dudas:hover{
	background-color: #eeeeee;
}

@media screen and (max-width: 1024px) {
    .tPlanes {
       display: block;
       overflow-x: auto;
    }	
	.divPlanes table{
		width: 1265px;
	}
	.divPlanes table td:nth-child(1){
		width: 75px;
	}
	.divPlanes table td:nth-child(2),.divPlanes table td:nth-child(3),.divPlanes table td:nth-child(4),.divPlanes table td:nth-child(5),.divPlanes table td:nth-child(6),.divPlanes table td:nth-child(7){
		width: 170px;
	}
	.divPlanes .logout{
		display: flex;
	}	
}
@media screen and (max-width: 768px) {	
	.planes_box{
		display: block;
	}
	#divRegister, #divInit{
		width: 100%!important;
	}
	#divInit{
		margin-left: 0!important;
	}
}

/*--------------------------------------------------------------
8.0 Voluntariado
--------------------------------------------------------------*/
.voluntariado .boxtype1 {
    background: aliceblue;
    padding: 10px;
    margin: 10px 0;
    height: 100px;
}
.voluntariado .boxtype1 h3, .boxtype2 h3 {
    font-size: 20px;
	font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
}
.voluntariado .boxtype2 {
    background: antiquewhite;
    padding: 10px;
    margin: 10px 0;
    height: 250px;
}
.voluntariado .form-row {
    float: left;
    width: 31%;
}
.voluntariado .form-row input,
.voluntariado .form-row2 input,
.voluntariado .form-row select[name="pais"] {
    margin-top: 5px;
}
.voluntariado input[type="text"],
.voluntariado input[type="email"],
.voluntariado textarea,
.voluntariado input[type="password"],
.voluntariado input[type="date"],
.voluntariado input[type="number"],
.voluntariado input[type="tel"] {
    display: inline-block;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    content: ;
    cursor: default;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 10px;
    overflow: visible;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    font: normal normal normal medium/normal "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    background: rgba(252, 252, 252, 1);
    -webkit-transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
            transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    border-bottom: 1px solid #e78900!important;
}
.voluntariado .clear {
    clear: both;
}	
.voluntariado input[type="checkbox"].idioma {
    margin: 15px 3px 0 15px;
}
.voluntariado input[type="checkbox"] {
    margin-right: 2px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.voluntariado select.wpcf7-select {
    display: inline-block;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    content: ;
    cursor: default;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 10px;
    overflow: visible;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    background: rgba(252, 252, 252, 1);
    -webkit-transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    border-bottom: 1px solid #e78900!important;
}
.voluntariado .wpcf7-submit:disabled{
	background-color: #e8ae7a;
	border-bottom: 2px solid #f1a45f;
	box-shadow: inset 0 -2px #f1a45f;
	cursor: default;
}
.voluntariado .accordion, .voluntariado .accordion_expand {
	background-color: #fff;	
	border-left: solid 4px orange;
	border-bottom: solid 1px #ddd;
	cursor: pointer;
	padding: 10px 15px;
	width: 100%;
	outline: none;
	transition: 0.4s;    
    margin-top: 10px;    
}
.voluntariado .accordion:after {
	border-left: solid 1px #eee;
	content: '\002B';
	color: #777;
	font-weight: bold;
	font-size: 1.2em;
	float: right;
	margin-left: 5px;
	padding-left: 15px;
}

.voluntariado .active:after {
	content: "\2212";
}

.voluntariado .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 15px;
}
.voluntariado .panel_expand {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 15px;
}
.voluntariado .moreinfo{
	color: orange;
	cursor: pointer;
    font-size: 14px;
    margin-left: 10px;	
}
.voluntariado .moreinfo-panel {
	display: none;
	font-size: 14px;
    margin: 10px 10px;	
}
.voluntariado h4{
	margin-bottom: 0;
}
.voluntariado .alert{
	font-size:90%;
    margin-top: 15px;
    padding: 15px 15px;
    background-color: #e0e0e0;
}
.voluntariado .alert.warning{
	color: #db3838;
	font-size: 1em;
	font-weight: 700;
	background-color: #fff;
	border: solid 1px #db3838;
}
.voluntariado .alert.warning i{
	font-size: 1.4em;
}
.thorario th{
	font-size: 1em;
}
.tdhora{
	font-size: 14px;
}
	
@media (max-width: 1024px){
	.voluntariado input[type="text"]{
		max-width: 80%;
	}
}

@media (max-width: 576px){
	.voluntariado .form-row{
		margin-bottom: 5px;
		width: 100%!important;
	}
	.voluntariado .idiomas{
		display: block;
	}
	.voluntariado .idiomas input[type="checkbox"]{
		display: inline;
	}
	.voluntariado textarea, .voluntariado input[type="text"]{
		max-width: 95%;
	}
	.voluntariado thead th{
		font-size: 1em;
	}
	.voluntariado tr td{
		font-size: 0.9em;
	}	
}

/*--------------------------------------------------------------
9.0 Entidades Solidarias
--------------------------------------------------------------*/
.form_entidades .item{
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 15px;	
}
.form_entidades .separator{
}
.form_entidades .legal{
	font-size: 0.8em;
}
.form_entidades .box_form{
	background-color: antiquewhite;
    padding: 10px 20px;
    margin: 0 0 10px 0;
}
.form_entidades h3{
    color: #1A2B49;
	font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
}
.form_entidades input[type="text"],
.form_entidades input[type="email"],
.form_entidades textarea,
.form_entidades input[type="password"],
.form_entidades input[type="date"],
.form_entidades input[type="number"],
.form_entidades input[type="tel"],
.form_entidades input[type="file"] {
    display: inline-block;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    content: ;
    cursor: default;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 10px;
    overflow: visible;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    font: normal normal normal medium/normal "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    background: rgba(252, 252, 252, 1);
    -webkit-transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
            transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    border-bottom: 1px solid #e78900!important;
}
.form_entidades .clear {
    clear: both;
}
.form_entidades input[type="checkbox"] {
    margin-right: 2px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
	width: 30px!important;
	display: inline-block;
}
.form_entidades select.wpcf7-select {
    display: inline-block;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    content: ;
    cursor: default;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 3px 5px 7px 5px;
    overflow: visible;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    background: rgba(252, 252, 252, 1);
    -webkit-transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    border-bottom: 1px solid #e78900!important;
}
.form_entidades span.wpcf7-list-item{
	margin-right: 10px;
}
.form_entidades div[data-class="wpcf7cf_group"]{
	display: inline-block;
}
.form_entidades textarea{
	width: 60%;
}
.form_entidades .wfull{
	width: 100%;
}
@media (max-width: 768px){
	.form_entidades textarea{
		width: 90%;
	}
}

.form_entidades.form_vencuesta{
    background: antiquewhite;
    padding: 20px 15px;
}
.form_entidades.form_vencuesta .box_form{
	border: solid 2px #fff;
}
.form_entidades.form_vencuesta .box_form strong{
	color: #1A2B49;
}
.form_entidades.form_vencuesta span{
	margin-left: 15px;
}
.form_entidades.form_vencuesta span.wpcf7-list-item{
	display:block!important;
}
.form_entidades.form_vencuesta .wpcf7-checkbox,.form_entidades.form_vencuesta .wpcf7-radio{
	display: block;
}
.form_entidades.form_vencuesta  .wpcf7-checkbox .wpcf7-list-item{
	margin-bottom: 5px;
}
.form_entidades.form_vencuesta .item p{
	margin: 0 0;
}

/*--------------------------------------------------------------
10.0 Notificar incidencia
--------------------------------------------------------------*/
.form_incidencias {
    font-size: 18px;
    line-height: 1.6;
}
.form_incidencias label{
	font-weight: 700;
}
.cf7gm_google_map{
	max-width: 100%;
}
.cf7gm-search-controls {
    margin-top: 5px!important;
    margin-left: -6px!important;
    width: 45%!important;
    border: 1px solid transparent!important;
    border-radius: 2px 0 0 2px!important;
    box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    height: 32px!important;
    outline: none!important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)!important;
	font-size: 14px!important;
	padding: 5px 8px!important;
}
.form_incidencias .item{
	margin-bottom: 15px;
}
.form_incidencias input[type="text"],
.form_incidencias input[type="email"],
.form_incidencias textarea {
    display: inline-block;
    box-sizing: content-box;
    float: none;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    content: ;
    cursor: default;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 10px;
    overflow: visible;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    font: normal normal normal medium/normal "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-overflow: clip;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    background: rgba(252, 252, 252, 1);
    -webkit-transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms 0 cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
            transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    border-bottom: 1px solid #e78900!important;
}
.form_incidencias textarea, input[type="email"]{
	width: 60%!important;
}
.form_incidencias input[type="checkbox"] {
    margin-right: 2px;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}
.form_incidencias #address-mapincidencia{
	display: none;
	right: 60px;
    position: absolute;	
}
.cf7-google-map-search .dashicons.dashicons-search, .cf7-google-map-search .dashicons.dashicons-no-alt{
	right: 10px!important;
    width: 40px!important;
    height: 40px!important;	
	padding-top: 10px!important;
}
@media (max-width: 768px){
	.form_incidencias textarea, input[type="email"]{
		width: 90%!important;
	}
}


/* instagram feed */
.hotnews {
  padding-bottom: 5%;
}
.instafeed-vcr {
    background-color: #000;
    color: #fff;
    padding-bottom: 30px;
    position: relative;
    border-top: 1px solid #999;
}
    .instafeed-vcr .sec-text-title-block {
        text-align: left;
        padding-top: 1.5rem;       
    }
    .instafeed-vcr .sec-title {
        font-weight: 900;
        font-size: 3em;
        font-style: italic;

        /* contraresta el skew */
        padding-left: 5%
    }
@media (max-width: 480px){
  .instafeed-vcr .sec-title {
    font-size: 2em;
    display: block;
    text-align: center;
    padding-left: 0;
  }
}


/* COROS countdown */
.main40 #countdown {
    --crono-bg: #000;
    --crono-txt:#e42c3d;
}
.main20 #countdown {
    --crono-bg: var(--color-21k-sponsor);
    --crono-txt:#baddff;
}
#countdown{
    /* color: #D5BB67; */
    color: var(--crono-txt);
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 14px;
    background: var(--crono-bg) url(images/solapa-coros_counter_tw.png) no-repeat;
    width: 294px;
    height: 43px;
    background-position: 4px 9px!important;
    background-size: 252px;
    position: absolute;
    z-index: 10;
/*    margin-left: 10px;*/
    left: 30px;
    bottom: -40px;
    transform: scale(.88);
    transform-origin: top left;
}
#countdown.countdownb{
    background: var(--crono-bg) url(images/solapa-coros_counter_tw.png) no-repeat;
}
#countdown .clockdiv {
    float: right;
    margin-right: 8px;
}
#countdown .clockdiv > div {
    display: inline-block;
    margin-left: 4px;
}
#countdown .clockdiv div > span {
    display: inline-block;
    position: relative;
    bottom: 5px;
}
#countdown .days,#countdown .hours,#countdown .minutes,#countdown .seconds {
    font-size: 18px;
    font-weight: 700;
}
#countdown .smalltext {
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 400;
}
#countdown .fecha_evento {
    font-size: 10px;
    color: #ffffffB3;
    text-transform: uppercase;
    /* background: #dc310d; */
    position: absolute;
    right: 37px;
    bottom: -14px;
    min-width: 106px;
    padding: 0px 4px 0px 4px;
    letter-spacing: 1px;
    width: 100%;
    right: 0;
    bottom: -12px;
    background: var(--crono-bg);
    font-weight: 400;
    /* background-image: linear-gradient(45deg, black, transparent); */
    text-align: right;
    padding-right: 8px;
}

@media (max-width: 1140px){
    #countdown{
        left: -45px;
        bottom: -45px;
        width: calc(100vw + 15%);
        background-position: 14px 9px!important;
    }
    #countdown .clockdiv{
        margin-right: 20px;
    }
    #countdown .fecha_evento{
        padding-right: 18px;
    }

}

@media (max-width: 768px){
    #countdown{
        width: calc(100vw + 16%);
    }
}


.main40 .solapafecha, 
.main10 .solapafecha, 
.main20 .solapafecha
{
    /*display: none;*/
}

.countdown-banner .clockdiv{
    display: flex;
    color: #fff;
    justify-content: right;
    gap: 20px;    
}
.countdown-banner .clockdiv>div{
	text-align: center;
}
.countdown-banner .smalltext{
    font-weight: 400;
    font-size: 17px;
}
.countdown-banner .days,.countdown-banner .hours,.countdown-banner .minutes,.countdown-banner .seconds{
    font-weight: 300;
    font-size: 45px;
}
@media (max-width: 1140px){
	.countdown-banner .clockdiv{
		gap: 10px;
	}
	.countdown-banner .smalltext{
		font-size: 14px;
	}
	.countdown-banner .days,.countdown-banner .hours,.countdown-banner .minutes,.countdown-banner .seconds{
		font-size: 26px;
	}	
}
@media (max-width: 768px){
	.countdown-banner .clockdiv{
		gap: 8px;
	}	
	.countdown-banner .smalltext{
		font-size: 13px;
	}
	.countdown-banner .days,.countdown-banner .hours,.countdown-banner .minutes,.countdown-banner .seconds{
		font-size: 6vw;
	}	
}
/*
.main20 .solapafecha
{
    display: block;
}
.main40 .solapafecha
{
    display: block;
}
*/

/*@media (max-width:  480px){
    #countdown {
        bottom: -44px;
        left: -40px;
    }
}

@media (max-width:  480px){
    #countdown {
        bottom: -44px;
        left: -40px;
    }
}*/


/*--------------------------------------------------------------
11.0 Calculadora de ritmos
--------------------------------------------------------------*/
.calc_ritmos{
	border: solid 2px #000;
	border-radius: 10px;
	padding: 30px 30px 0 30px;
	margin-bottom: 50px;
}
.calc_ritmos .label{
	color: #000;
	font-weight: 700;
	margin-bottom:10px;
	text-transform: uppercase;	
}
.calc_ritmos .label span{
	font-weight: 400;
	text-transform: lowercase;
}
.calc_ritmos .row{
	margin-bottom: 25px;
}
.calc_ritmos .btn-clear{
    background-color: #fff;
    border: solid 2px #f2f2f2;
    border-radius: 6px;	
    color: #ccc;
	cursor: pointer;
    font-size: 14px;	
	font-weight: 700;
	margin-top: 5px;
	padding: 7px 3px;
	text-align: center;    
	width: 80%;
}
.calc_ritmos select{
    border: solid 2px #d3d3de;
    padding: 7px 6px;
    border-radius: 10px;
    height: 48px;
    border-bottom: 2px solid #555;
    margin:0 4px;
}
.calc_ritmos select:disabled,.calc_ritmos input[type=text]:disabled{
	border: solid 2px #000;
}
.calc_ritmos input[type=text]{
	padding: 7px 6px;
	border-radius: 5px;
    height: 48px;
    max-width: 74px;
    background-color: #f2f2f2;
    border: none;
}	
.calc_ritmos .boton-42k{
	cursor: pointer;
	font-size: 16px;
}
.calc_ritmos .control span {
    margin: 0 6px;
    font-size: 13px;
}
.calc_ritmos .control{
    display: flex;
    align-items: center;
}
.calc_ritmos img{
	height: auto;max-width: 100%;
}
#calc_tab{
	border-bottom: solid 2px #000;
    font-weight: 700;		
}
#calc_tab div{
	padding: 13px 20px;
}
#calc_tab a{
	color: #000;
	cursor: pointer;
}
#calc_tab a:hover{
	text-decoration: none;
}
#calc_tab .active{
	background-color: #000;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#calc_tab .active a{
	color: #fff;
	cursor: auto;
}
#calc_results{
	display: none;
	margin-bottom: 50px;
}
#calc_results #resu1,#calc_results #resu2{
	display: none;
}
#calc_results table{
	color: #000;
	margin: 0px 0;
	width: 100%;
}
#calc_results th{
    background-color: #fff;
	border: none;
	color: #000;
	padding: 1em 0.6em;
    text-transform: inherit;    
	text-align: center;
}
#calc_results tr td{
	background-color: #fcfcfc;
	border: none;
	text-align: center;
}
#calc_results tr:nth-child(odd) td{
	background-color: #eee;
}
#calc_results #resu1,#calc_results #resu2{
	margin-right: -15px;
    margin-left: -15px;
}
#divError{
	font-size: 14px;
}
@media (max-width: 575px) {
	.calc_ritmos select{
		padding: 5px 3px!important;	
	}
	.calc_ritmos .btn-clear{
		width:100%;
	}
/*	.calc_ritmos .control span{
		display: block;
		margin-top: 5px;
		width: 100%;
	}*/
.calc_ritmos .control {
	transform-origin: left;
	transform: scale(.8);
}
div#calc div[class^="col-"] {
    padding: 0 5px;
}
.calc_ritmos .btn-clear{
	margin-top: 15px;
	padding: 0;
	border:none;
}
.calc_ritmos .label{
	font-style: 17px;
}	
}

.wrap_video_live{
	display: none!important;
	z-index: 0!important;
}
/*
.wrap_video_live:nth-of-type(1){
	display: block!important;
	z-index: 1!important;
}*/
.hide{
	display: none!important;
}
.wrap_video_live.show{
	display: block!important;
	z-index: 1!important;
}

.boton-42kk{background: linear-gradient(to bottom, rgba(255, 157, 0,1) 0%,rgb(255, 74, 1) 100%);color:#000!important;padding:10px 24px;border-radius:50px;display:inline-block;}

.ed10k > a {
  background:#FEDC01;
  color: #000!important;
  display: inline-block;
}
.iboxtype1 {
    border-top: 2px solid antiquewhite;
    border-bottom: 2px solid antiquewhite;
    margin: 1rem 0
}

/* Cookiebot */
.cookieconsent-optout-marketing, .cookieconsent-optout-statistics{
    background-color: #ececec;
    padding: 10px 10px;	
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
/*    background-color: #5e5e5e!important;
    border: 1px solid #5e5e5e!important;*/
    background-color: #000!important;
    height: 20px!important;
    line-height: 1.8!important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    background: #000!important;
    border: 1px solid green!important;
    height: 20px!important;
    line-height: 1.8!important;
}
#CybotCookiebotDialogBodyLevelDetailsWrapper{
  background-color: #ccc!important;
}
.CybotCookiebotDialogDetailBodyContentTabsItem,.CybotCookiebotDialogDetailBodyContentCookieContainerTypes, .CybotCookiebotDialogDetailBodyContentIABv2Tab {
    background: #d5d5d5!important;
}
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}


/* NEW THEME 2020 */

/*.header.fixed+main {
    padding-top: 70px;
}
@media (max-width: 1140px){
	.header.fixed+main, .main20 main, .main40 main, .main10 main {
	    padding-top: 60px!important;
	}
}
.shrink .header .top-logo [alt="VCR logo"].reduced {
    padding-top: 10px;
}*/

/* patrocinadores y marcas */
.main20 .tira-patrocinadores {
    background-color: #f68d2e;
}
.main40 .tira-patrocinadores {
    background-color: #000000;
}

.main40 .panel-marcas .logos{
  filter: invert(1);
}
/*.main20 .tira-patrocinadores .imglogo {
  filter: invert(1);
}*/

.footer {
  display: flex;
  justify-content: space-evenly;
}

.tira-patrocinadores {
  text-align: center;
  padding: 18px 0
}
.tira-patrocinadores > .box-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
/*@media (max-width: 480px){
  .tira-patrocinadores > .box-container {
    display: inline-block;
  }
}*/
.tira-patrocinadores .imglogo {
    width: auto;
  max-height: 50px;
  margin: 0 .25rem;
}

.panel-marcas {
  padding: 4% 0 6%;
}
.panel-marcas .logos{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.panel-marcas .titulo {
  font-weight: 700;
  font-style: italic;
  font-size: 1.75em;
  color: #000;
  background: transparent;
  padding: 0;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  }

.panel-marcas img{
  display: inline-block;
  padding: 15px;
  height: auto;
}
.panel-marcas
img.imglogo.pmoficial {
    transform: scale(.95);
}
.panel-marcas
img.imglogo.ppatrocinadores {
    transform: scale(.85);
}
.panel-marcas
img.imglogo.pcolaboradores {
    max-width: 124px
}

@media (max-width: 480px){
	.panel-marcas > .box-container > div:nth-child(2) .logos {
		flex-direction: column;
	}
	.panel-marcas img.imglogo.pmoficial {
	    max-width: 210px;
	    padding: 0
	}
	.panel-marcas img.imglogo.ppatrocinadores {
	    padding: 0
	}
	.panel-marcas img.imglogo.pcolaboradores {
	    max-width: 210px;
	    transform: scale(.85);
	}
  .main20 .tira-patrocinadores .box-container img:nth-child(1) {
    width: 64px;
  }
  .main20 .tira-patrocinadores .box-container img:nth-child(2) {
    width: 170px!important;
    height: 36px!important;
  }
/*  .main20 .tira-patrocinadores .box-container img:nth-child(3) {
    width: 60px;
  }*/
}

.main20 .top-logo a>img {
  max-width: 280px;
}
.hero-top-vcr, .hero-top-42k {
  overflow-x: hidden
}

#patrocinadores h3.elementor-heading-title {
	font-size: 1.75rem;
	margin-bottom: 0;
}
#patrocinadores section.elementor-top-section {
	padding: 20px;
  margin: 0 0 60px 0;
}


/*--------------------------------------------------------------
12.0 Acreditaciones
--------------------------------------------------------------*/
form.wpcf7-form.cf7mls{
	border: none;
    background-color: antiquewhite!important;
    padding-top: 30px;	
}
.fieldset-cf7mls.cf7mls_current_fs{
	border: solid 0 #000;
}
.form_entidades.form_acreditaciones label{
	display: block;	
}
.form_entidades.form_acreditaciones .item{
	width: 47%;
}
form.wpcf7-form.cf7mls button.cf7mls_next{
	padding: 10px 12px;	
	text-align: center;
	font-size: 22px;
	font-weight: 400;
    border-bottom: 2px solid #da751c;
    cursor: pointer;
    box-shadow: inset 0 -2px #da751c;
    border-radius: 6px;	
	background-color: #e67e22;
    color: #000000;	
}
form.wpcf7-form.cf7mls .submit{
}
@media (max-width: 768px) {
	.form_entidades.form_acreditaciones .item{
		width: 90%;
	}	
}
.form_acreditaciones label {
	font-weight: 700;
}
.form_acreditaciones span.en {
	opacity: .8;
	font-style: italic;
}
.form_acreditaciones select.wpcf7-select {
	height: 28px;
}
.form_acreditaciones span.wpcf7-list-item.first.last {
	display: flex;
}
.form_acreditaciones span.wpcf7-list-item.first.last span.wpcf7-list-item-label,
.form_acreditaciones span.wpcf7-form-control-wrap.acepto span.wpcf7-list-item-label{
	margin-left: 24px;
}
.form_acreditaciones input[type="checkbox"] {
	position: absolute;
    width: unset!important;
}
.form_acreditaciones .wpcf7 form.init .wpcf7-response-output{
	padding: 1rem;
}

.table-elite{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(70px, auto);
	margin-bottom: 20px;
}
.table-elite div{
	border-top: solid 1px #000;
	padding-top: 10px;
	text-align: center;
}
@media (max-width: 768px) {
	.table-elite{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(80px, auto);
	}	
}

#divHoras{
    background: #fff;	
	display: none;
	padding: 10px;
	width: 100%;
}
#divHoras .slot{
	background-color: aliceblue;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
    padding: 5px;	
}
#divHoras .slot.selected{
	background-color: #e0e0e0;
}

/* Encuesta corredor */
.div_encuesta .cf7mls_progress_bar{
	width: 100%!important;
    margin: 0px auto 10px auto!important;	
}
.div_encuesta form.wpcf7-form.cf7mls{
	padding-top: 0!important;
}
.div_encuesta .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li{
	background-color: #da751c;
}
.div_encuesta .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title{
	color: #fff;
}
.form_encuesta{
	background: antiquewhite;
	font-size: 18px;
}
.form_encuesta .row{
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
}
.form_encuesta .item{
	margin-top: 15px;
}
.form_encuesta .item>label{
	font-weight: 700;
}
.form_encuesta .item>label span{
	font-weight: 400;
}
.form_encuesta .wpcf7-list-item{
	display: block;
	margin-left: 15px;
	margin-top: 5px;
	width: 100%;
}
.form_encuesta .subitem .col{
	display: inline-block;
	margin-bottom: 5px;
    width: 10%;	
}
.form_encuesta .subitem .col:first-child{
    width: 60%;	
}
.form_encuesta #btn_continuar {
    display: block;
    margin: 15px 0px;
}
.form_encuesta input[type="submit"]:hover {
    background: #e78900!important;
}
.form_encuesta input[type="submit"] {
    padding: 10px 20px;
    cursor: pointer;
    font-family: "HelveticaNeueW01-45Ligh", 'Arial'!important;
    font-size: 1.15em;
    background: #000000;
    color: #ffffff!important;
    border: none!important;
    border-radius: 8px;
}
@media (max-width: 768px) {
	.form_encuesta input[type=checkbox], .form_encuesta input[type=radio]{
		width: auto;
	}
	.form_encuesta .wpcf7-list-item{
		margin-top: 10px;
	}
	.cf7mls_number_step_wrap .cf7mls_number,.cf7mls_number_step_wrap .cf7mls_step_current{
		font-weight: 700!important;
	}
}
@media (max-width: 420px) {
	.form_encuesta .row{
		flex-direction: column;
	}
	.form_encuesta .row .item {
		margin-top: 0px;
	}
}

/*--------------------------------------------------------------
13.0 Eventos Home
--------------------------------------------------------------*/
.event-item {
	border: 1px solid #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}
.event-content{
	background-color: #000;
	/*display: flex;*/
	padding: 10px 15px!important;
    border: solid 1px #000!important;
	font-family: Gilmer;
	width: 75%;
}
.swiper-container .event-content{
	background-color: #fff;
}
.event-item .event-wrap{
    display: flex;
    width: 100%;	
}
.event-item .event-dates{
	/*margin-right: 16px;*/
	font-size: 12px;
/*	width: 25%;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 10px;	
}
.swiper-container .event-item .event-dates{
	
	justify-content: center !important;
    align-items: center !important;
    display: flex;
    flex-direction: column;	
    font-family: "Roboto",Arial,sans-serif;	
}
.swiper-container .event-item .event-image a{
	display: flex;
}
.event-item .event-dates-day{
    font-size: 3em;
    font-weight: 700;
    line-height: 0.8em;
    text-align: center;
}
.event-content .event-dates-month{
	font-size: 1.9em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}
.event-content .event-title {
	font-size: .75em;
}
.event-content .event-title > a{
	color: #fff;
	font-weight: 700;
	font-size: 1.45em;
	margin-bottom: 10px;
    display: block;
}
.event-content .event-title .text {
    display: none;
    color: #212121;
    font-family: Roboto, sans-serif;
}
.swiper-container .event-content .event-title > a{
	color: #000!important;
}
.swiper-container.swiper-home .event-item .event-image a{
	display: block;
}
.swiper-home .event-content{
/*	background-color: #000;*/
	border: none!important;
	display: flex;
/*	padding: 20px 24px 15px 24px!important;*/
	width: 100%;
	padding-left: 0!important;
    margin-bottom: 1rem;
}
.swiper-home .event-item{
	justify-content: space-between;
}	
.swiper-home .event-item .event-wrap{
	display: block;	
}
.swiper-home .swiper-slide .event-image{
	height: 258px;
}
.swiper-home .swiper-slide .event-item img,.swiper-eventos-destacados .swiper-slide .event-item img,.swiper-home .swiper-slide .event-item picture{
	width: 100%;
	height: 258px;
  object-fit: contain;
  padding: 1rem;
}
.swiper-home .swiper-slide .event-item .event-image a:hover img,.swiper-eventos-destacados .swiper-slide .event-item .event-image a:hover img{
	opacity: .8
}
.swiper-home .swiper-slide {
    height: auto;
    margin-bottom: 1px; /* fix chrome */
}
.swiper-container.swiper-home .event-content .event-title > a{
    font-size: 18px;
    font-weight: 700;
    font-family: "Roboto",Arial,sans-serif;
}
.swiper-container.swiper-home .event-content .event-title .text{
	color: #fff;
}
.swiper-container.swiper-home .event-item .event-dates{
	align-items: start;
	justify-content: unset;
	margin-right: 16px;
	padding: 5px 10px 0;
/*	border-right: 1px solid #000;*/
	font-size: .875em;
	color: white;
	background: black;
}
.swiper-home .event-content .event-dates-month{
	font-size: 1em;
    font-weight: 500;
}
.swiper-button-prev, .swiper-button-next{
	background-image: none!important;
}
.swiper-button-prev i, .swiper-button-next i{
	color: #fff;
	font-size: 50px;
}
.tribe-events-cal-links .tribe-events-button{
	border: solid 1px #000;
	border-radius: 0;
	color: #000!important;
	padding: 8px 10px 8px 32px!important;
	text-align: center;
	text-transform: initial;
	font-weight: 400;
	font-size: .75em;
}
.tribe-events-cal-links .tribe-events-button:hover{
    filter: invert(1) contrast(0);
}
/*.swiper-home .tribe-events-cal-links .tribe-events-button {
    border: solid 1px #FFF;
    color: #fff!important;
}*/
.swiper-home .tribe-events-cal-links {
    text-align: center;
    margin: 10px auto 20px;
}
.swiper-home .tribe-events-cal-links a {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23141827' d='M0 .431V17.57c0 .238.163.431.364.431h17.273c.2 0 .363-.193.363-.431V.43c0-.237-.163-.43-.363-.43H.364C.163 0 0 .193 0 .431zm18 7.585h-1.015V4.687H.991v12.07h15.994v-3.753H18V8.016zM.99 1.239h15.995v2.315H.991V1.239z'/%3E%3Cpath stroke='%23141827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M22.918 10.5H9.207m11.488-3.255l3.252 3.272-3.213 3.213'/%3E%3C/g%3E%3C/svg%3E") 6px/20px no-repeat;
}
.swiper-home_wrap .swiper-button-next:after, .swiper-home_wrap .swiper-button-prev:after{
	display: none;
}

.otrasimg {
	max-width: calc(40% - 20px);
}
@media (max-width: 480px){
	.otrascontent {
		width: 100%
	}
	.otrasimg {
		max-width: unset;
		border: none;
		margin-right: 0
	}
	.otrasimg img {
		width: 100%;
		height: auto;
		margin-left: 0
	}
	/*.site .sec-content.box-container.sec-content-page.box-container-medium>div{
		flex-direction: column-reverse;
		display: flex
	}*/
}

.swiper-home_wrap {
	position: relative;
}
.swiper-home_wrap .swiper-button-prev, .swiper-home_wrap .swiper-container-rtl .swiper-button-next{
	left: -50px
}
.swiper-home_wrap .swiper-button-next, .swiper-home_wrap .swiper-container-rtl .swiper-button-prev {
	right: -50px;
}
.swiper-home_wrap .swiper-button-next i, .swiper-home_wrap .swiper-button-prev i {
	color: #ea6124;
	font-size: 40px;
	transition: ease .4s transform;
}
.swiper-home_wrap .swiper-button-next:not(.swiper-button-disabled):hover i, 
.swiper-home_wrap .swiper-button-prev:not(.swiper-button-disabled):hover i {
	transform: scale(1.1);
	transition: ease .4s transform;
}
.swiper-home_wrap .swiper-container:not(.swiper-container-initialized)>.swiper-wrapper{
	overflow: visible;
}
@media (max-width: 1024px){
	.swiper-home_wrap .swiper-button-next i, .swiper-home_wrap .swiper-button-prev i {
	font-size: 32px;
}
	.swiper-home_wrap .swiper-button-prev, .swiper-home_wrap .swiper-container-rtl .swiper-button-next{
	left: -24px
}
.swiper-home_wrap .swiper-button-next, .swiper-home_wrap .swiper-container-rtl .swiper-button-prev {
	right: -30px;
}
	}


/* solapa inscríbete > VIR (Virtual 4 The Planet) */
/*.tab-vir {display: none;}*/


.top-nav-metamenu .accesos a:hover {
    padding: 10px 10px 9px;
}

.top-nav-metamenu .accesos a {
    padding: 10px 10px 7px;
    margin-left: 10px;
}
.top-nav-metamenu .accesos a.tab-vir {
    background-color: #2B6CE4;
    color: #FFF;
}

/* counter GARMIN */

.counter-desktop { display: block!important; }
.counter-mobile { display: none!important; }
@media (max-width:  981px) {
    /*.counter-desktop { display: none!important; }*/
    .counter-mobile { display: block!important; }
    .header.fixed { display: relative; }
 /*   .main40 main {padding-top: 68px!important;}*/
}
#countdown2 {
    position: relative;
    top: 2px;
    color: #D5BB67;
    background: #231E21 url(images/solapa-garmin_counter_new.png) no-repeat;
    background-position: 10px 5px;
    padding-left: 10px;
    z-index: 10;
    padding-left: 10px;
    height:  42px;
}
#countdown2 .fecha_evento{
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    padding: 2px 10px 0px 16px;
    letter-spacing: 1px;
    width: 100%;
    left: 0;
    top: 0;
    background: #007cc2;
}
#countdown2 .clockdiv {
    float: right;
    margin-right: 30px;
    display: flex;
    margin-top: 16px;
}
#countdown2 .clockdiv > div {
    display: flex;
    margin-left: 8px;
    align-items: baseline;
}
#countdown2 .clockdiv div > span {
    margin-right: 5px;
}
#countdown2 .days, #countdown2 .hours, #countdown2 .minutes, #countdown2 .seconds {
    font-size: 18px;
    font-weight: 700;
}
#countdown2 .smalltext {
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 400;
}

/* theme zurich 21K */

.top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m1.selected>a, .top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m1.hover>ul>li>a, 
.top-nav-menu ul[id^="menu-menu20k"],.top-nav-menu ul[id^="menu-menu20k"] ul.ssubmenu, .top-nav-menu ul[id^="menu-menu20k"] ul.sub-menu,.top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m1:hover,
.top-nav-metamenu .accesos a:nth-child(2),
.main20 .tira-patrocinadores,
.main20 .panel-marcas {
    background-color: var(--color-21k-sponsor);
}


.top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m1:hover a,
.top-nav-menu nav.header-navigation ul[id^="menu-menu20k"]>li>a, li.header-navigation-item.m1.selected a,
.top-nav-metamenu .accesos a:nth-child(2) {
    color: #fff!important;
}
.top-nav-menu nav.header-navigation ul[id^="menu-menu20k"]>li>a:hover {
    color: var(--color-21k)!important;    
}
.top-nav-metamenu .accesos a:nth-child(2) .fa-shopping-cart:before {
    content: url(assets/images/icono-cesta-w.svg);
}

.main20 .panel-marcas .logos, .main20 .panel-marcas .titulo {
    filter: invert(1);
}
#menu-menu20k a:hover, #menu-menu20k-va a:hover, #menu-menu20k-en a:hover {
    color: var(--color-21k)!important; 
}

.top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m0:hover,
.top-nav-menu ul[id^="menu-menuvcr"],
#menu-menuvcr ul.sub-menu {
    background-color: var(--color-vcr-bkg);
}
#menu-menuvcr a:hover{
    color: #000!important;
}
#menu-menuvcr a, .top-nav-menu nav.header-navigation>ul>li.header-navigation-item.m0:hover a#m0,
.top-nav-menu ul[id^="menu-menuvcr"]>li>a:hover {
    color: #ffffff!important;
}
.top-nav-menu nav.header-navigation>ul>li.m0 ul#menu-menuvcr a {
    line-height: 1.5;
}

/* header */
.hero-top-vcr {
    margin-top: 100px;
}
/*.main40 main {
    padding-top: 146px!important;
}*/
/*.mainvcr main {
    padding-top: 46px!important;
}*/
/*.main20 .titulo {
    background: #00509f;
}*/
@media (max-width:  1140px){
.hero-top-vcr {
    /*margin-top: 70px;*/
	margin-top: 50px;
}
.hero-top-42k {
    margin-top: 24px;
}
}


@media (max-width:640px){
     .titulo {
        font-size: 34px;
        padding: 56px 0 8px
     }
    .titulo img {
        display: none;
    }
}

/***
	RUTAS
***/
.rutas_ficha{
	font-size: 16px;
}
.rutas_ficha .distancia{
	margin-bottom: 20px;	
}
.rutas_ficha #rutatabs{
    display: grid;
    grid-template-columns: auto auto auto auto;
    color: #fff;
	font-size: 14px;
}
.rutas_ficha #rutatabs div{
    background-color: #ccc;
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
}
.rutas_ficha #rutatabs div.rutaactive{
    background-color: #f2f2f2;
	color: #000;
}

.rutas_ficha .rutacontents{
    display: none;	
}
.rutas_ficha .rutacontents.rutaactive{
    display: block;
}
.rutas_ficha #rutaconsejos, .rutas_ficha #rutaitinerario{
	padding: 15px 15px;
}
.rutas_ficha #map_canvas{
	margin-top: 0px;
}
.rutas_ficha .swiper-pagination{
	margin-top: -70px;
	bottom: auto!important;
}

.rutas_ficha .swiperRuta .swiper-pagination-bullet{
	background: #fff;
    opacity: 1;
}
.rutas_ficha .swiperRuta .swiper-pagination-bullet-active{
	background: #F9A833;
}
.rutas_ficha .swiperRuta .swiper-slide img {
      display: block;
      /*width: 100%;
      height: 100%;
	  object-fit: cover;*/
	  height: 300px;
		width: auto;      
    }
.rutas_ficha .swiperRuta  {
      width: 100%;
      height: 100%;
    }
.rutas_ficha .swiperRuta .swiper-slide {
	height: auto !important;
    }	


/* counter ON */
@media (max-width:  1140px){
    .hero-top-42k {
        margin-top: 52px;
    }
}

/* counter ON */
@media (max-width:  1140px){
    .hero-top-42k {
        margin-top: 52px;
    }
}

@media (max-width:  480px){
    .tira-patrocinadores {
        padding: 8px 0;
    }
    .tira-patrocinadores .box-container {
        display: flex!important;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .tira-patrocinadores .imglogo {
        max-height: 42px;
    }
}

table.ttoo th{
    background-color: #fff;
	border: none;
	color: #000;
	padding: 1em 0.6em;
    text-transform: inherit;    
}
table.ttoo td{
	background-color: #fcfcfc;
	border: none;
	line-break: anywhere;
}
table.ttoo tr:nth-child(odd) td{
	background-color: #eee;
}
@media (max-width:  480px){
	table.ttoo td{
		line-break: auto;
	}	
}

/* EVENTOS (override plugin styles) */


.tribe-common {
    --tec-font-family-sans-serif: "Roboto",Arial,sans-serif;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: var(--tec-spacer-8);
}
.tribe-common--breakpoint-medium .tribe-filter-bar--horizontal.tribe-filter-bar {
    margin-bottom: 0;
}
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator:after {
    display: none;
}
.tribe-events-calendar-list:not(hack) time.tribe-events-calendar-list__month-separator-text.tribe-common-h7.tribe-common-h6--min-medium.tribe-common-h--alt{
    font-size: var(--tec-font-size-7)
}
.tribe-events-calendar-list:not(hack) .tribe-common-g-row.tribe-events-calendar-list__event-row {
    border: 1px solid #f0f0f0;
/*    border-radius: 12px;*/
    width: 100% ;
    margin-inline: auto ;
    padding: 8px;

    border-bottom: 2px solid var(--tec-color-border-default);
    border-radius: 12px;
    width: 100%;
    margin-inline: auto;
    padding: 8px;
    /* filter: drop-shadow(2px 4px 6px var(--tec-color-border-default)); */
/*    background: #f9f9f9;*/
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row>.tribe-common-g-col {
    padding-left: 0;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    transform: scale(.9);
    transform-origin: top left;
    max-width: 90px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row{
    margin-top: var(--tec-spacer-4);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
    margin: var(--tec-spacer-4) var(--tec-grid-gutter-half-negative) var(--tec-spacer-6);
}
.tribe-events-calendar-list:not(hack) .tribe-events-calendar-list__event-date-tag-weekday {
    color: #ccc ;
    background-color: #111 ;
    border-radius: 8px 8px 0 0 ;
    padding-top: 7px;
}
.tribe-events-calendar-list:not(hack) .tribe-events-calendar-list__event-date-tag-daynum {
    color: #FFF ;
    background-color: #111 ;
    border-radius: 0 0 8px 8px ;
    font-size: var(--tec-font-size-9) !important;
}
.tribe-events-calendar-list__event-details.tribe-common-g-col {
    position: relative;
}
.tribe-events .tribe-events-calendar-list__event-featured-image {
    max-height: 150px;
    max-width: 200px;
    width: auto;
    margin-inline: auto;
}
.tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col{
    align-self: center;
}
.tribe-common .tribe-common-anchor-thin , .tribe-common .tribe-common-anchor-thin:hover {
    border-bottom: none!important;
}
@media(max-width: 804px){
    .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col{
        display: none;
    }
    .tribe-events-calendar-list:not(hack)  .tribe-events-calendar-list__event-details.tribe-common-g-col {
        padding-inline: 30px 60px;
    }
    .tribe-events .tribe-events-calendar-list__event-row {
        margin-top: var(--tec-spacer-2);
        margin-bottom: var(--tec-spacer-2);
    }
    h2.tribe-events-calendar-list__month-separator:not(:first-of-type){
        margin-top: var(--tec-spacer-5);;
    }
}
.tribe-events-calendar-list:not(hack) .app_icon_club {
    position: absolute;
    right: 90px;
    bottom: 0px;
    width: 32px;
}

.tribe-events-calendar-list:not(hack) .app_cats span {
    font-size: 12px;
    font-weight: 500;
    padding: 0 .7em!important;
    border-radius: 20px;
    margin-right: 6px;
    display: inline-block;
}

.tribe-events-calendar-list:not(hack) .app_icon_homologada {
    position: absolute;
    right: 14px;
    bottom: 0px;
    width: 53px;
}

.bg10k {
    color: #eee;
    background: #F2AC0C;
}

.bg15k, .bg10k-15k {
    color: #eee;
    background: #E57005;
}

.bg21k-42k {
    color: #eee;
    background: #D91C10;
}

.datepicker-days thead th,
.datepicker-days tfoot th, 
.datepicker-days tfoot td {
    background-color: #e0e0e0 !important;
    border-radius: 0;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar, 
.tribe-events-header {
    display: none !important;
}

.tribe-filter-bar__form {
   justify-content: flex-end;
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container {
    left: unset;
    bottom: unset;
    right: 0;
    top: 40px;
    transform: unset;
}