/* Add here all your CSS customizations */
h1, h2, h3, h4 { line-height:1.2; }


#principios {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(241,104,71,1) 37%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(241,104,71,1) 37%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(241,104,71,1) 37%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#161618",endColorstr="#f16847",GradientType=1);
}
#botcon {
    border: 1px solid transparent;
    text-decoration: none;
    padding: 0.533rem 0.933rem;
    cursor: pointer;
    background-color: #ffa694;
    border-color: #f16746 #f16746 #d14124;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#botcon:hover {
    background-color: #d14124;
}

/* Fonts */

@font-face {
    font-family: titulo;
    src: url(../font/Oswald-Bold.otf);
  }
  
  @font-face {
    font-family: cuerpo;
    src: url(../font/Oswald-Regular.ttf);
  }

/* Botones */

.azul-bl{
    color:#0179c2;
}

.boton-modal{
    width:9rem;
    height:6em;
}
.botonLike{
    position: relative;
    display: inline-block;
    text-align: center;
}
.bl{}

.bl:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.enviar:hover{
  background-color: #004673;
  color:#86C7ED;
}

/* Tamaños */

.titulo1{
    font-size:xx-large;
    font-stretch:extra-expanded;
}

#contactFormSubmit:hover{
  background-color:#004673 !important;
  color:white;
}

/* Motor student */

/* motor student /* cambios default */

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
    background-color: #004673!important;

}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #004673;
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
	color: #004673;
}

.owl-carousel .owl-nav button[class*="owl-"] {
	background-color: #004673;
	border-color: #004673 #004673 #86C7ED;
	color: #FFF;
}

.owl-carousel .owl-nav button[class*="owl-"]:hover,
.owl-carousel .owl-nav button[class*="owl-"].hover {
	background-color: #86C7ED;
	border-color: #86C7ED #86C7ED #004673;
}

.owl-carousel .owl-nav button[class*="owl-"]:active,
.owl-carousel .owl-nav button[class*="owl-"].active {
	background-color: #006ea6;
	background-image: none;
	border-color: #86C7ED #86C7ED #004466;
}

.owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
	background-color: rgba(0, 136, 204, 0.4);
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
	color: #004673 !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
	border-color: #004673;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
	background: #004673;
}
/* clase flcha boton carroussel hacia delante azul */
.owl-carousel .owl-nav button.owl-next::before {
    font-family: 'Heebo', sans-serif;
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: ">";
    position: relative;
    left: 1px;
    top: -1px;
  }
/* clase flecha hacia atras carrousel azul */
.owl-carousel .owl-nav button.owl-prev::before {
    font-family: 'Heebo', sans-serif;
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "<";
    position: relative;
    left: -1px;
    top: -1px;
  }
/* zoom imagen carrousel */
.img-thumbnail.img-thumbnail-hover-icon::after {
    transition: all 0.2s;
    font-family: 'Heebo', sans-serif;
    font-weight: 900;
    color: #FFF;
    content: "+";
    font-size: 18px;
    height: 30px;
    position: absolute;
    top: 30%;
    margin-top: -15px;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0;
    z-index: 3;
  }

  html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link, html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #004673;
  }

.pagt{
   width: 2rem;
}
  /* boton hacia delante carroussel dentro de zoom */
  button.mfp-arrow.mfp-arrow-right::after {
    content: "> ";
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: auto;
    left: auto;
    right: -2px;
    width: auto;
    height: auto;
  }
  /* boton hacia atras carroussel dentro de zoom */
  button.mfp-arrow::after {
    content: " <";
    font-family: 'Heebo', sans-serif;
    font-weight: 900;
    border: none !important;
  }

  /* modal patrocinadores */

  .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon {
    background-color: #004673;
  }
  #like{
    position: relative;
    
  }
  /* boton like animacion */
  #like:hover {
    animation: shake 0.82s;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
    
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }

/* Cabecera */


#header .cgt-bg, #footer .cgt-bg {
    background-color: #004673 !important;
}

html.sticky-header-active #header .header-body.shadow-header, .shadow-header {
    box-shadow: 0px 5px 5px grey;  
}

.shadow-text {
    text-shadow: 1px 1px #000000;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
    color: #FFFFFF !important;
    text-shadow: none;
    font-size: 1.3rem;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {
    color: #D0112B !important;
    text-shadow: none;
}

#header .header-nav-features:before, #header .header-nav-features:after {
    background: #FFFFFF;
    content: none;
    width: 1px;
    height: 16px;
    position: absolute;
    display: block;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
}

.header-close-private {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
}

/* Evento */

html section.section-primary {
    background-color: #FFFFFF !important;
    border-color: #0077b3 !important;

}

html section.section-primary p {
    color: #000000;
}

html section.section-primary h4, html section.section-primary h1 {
    color: #004673 !important;
}

.titulo{
    font-family: titulo!important;
  }
  
  .cuerpo{
    font-family: cuerpo!important;
  }

  /* RRSS Index */
  
  ul#RRSS {
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      margin:0;
      padding:0;
      display:flex;
    }
    
    ul#RRSS li {
      list-style: none;
    }
    
    ul#RRSS li a {
      position: relative;
      width:60px;
      height:60px;
      display:block;
      text-align:center;
      margin:0 10px;
      border-radius: 50%;
      padding: 6px;
      box-sizing: border-box;
      text-decoration:none;
      box-shadow: 0 10px 15px rgba(0,0,0,0.3);
      background: linear-gradient(0deg, #ddd, #fff);
      transition: .5s;
    }
    
    ul#RRSS li a:hover {
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
      text-decoration:none;
    }
    
    ul#RRSS li a .fab {
      width: 100%;
      height:100%;
      display:block;
      background: linear-gradient(0deg, #fff, #ddd);
      border-radius: 50%;
      line-height: calc(60px - 12px);
      font-size:24px;
      color: #262626;
      transition: .5s;
    }
    
    ul#RRSS li:nth-child(1) a:hover .fab {
      color: #3b5998;
    }
    
    ul#RRSS li:nth-child(2) a:hover .fab {
      color: #00aced;
    }
    
    ul#RRSS li:nth-child(3) a:hover .fab {
      color: #dd4b39;
    }
    
    ul#RRSS li:nth-child(4) a:hover .fab {
      color: #007bb6;
    }
    
    ul#RRSS li:nth-child(5) a:hover .fab {
      color: #e4405f;
    }
  
/* Cards */

    .absolute-bg-layer {
      background-color: #171515b8;
      position: relative;
      padding: 10px;
    }

    .flipe:hover {

    }

  #cards a:hover{
      color:transparent;
   }

   /* Contador */
  
   .countdown > span {
    background-color: #3b5898a8 !important;
    border-radius: 100%;
    margin: 15px;
    padding: 7% 0;
  }


  #tituloCuentaAtras { 
    background-color:transparent;
    display:inline-block;
    color: black!important;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    width:100%;
    text-align:center;
  }
  
/* Color textos */

   .text-color-blue,.text-color-blue>a {
    color:#004673 !important;
   }

   .text-color-black {
    color: #000000 !important;
   }
  
  .text-color-light-blue{
    color:#86C7ED !important;
  }

  .text-color-red {
    color:#D0112B !important;
}

.dk-icon{
    color: #000000 !important;
    transform: rotate(30deg);
}

.txt-color-white {
    color: #FFFFFF !important;
}

.txt-color-white:hover {
    color: #86C7ED !important;
}

.resaltado,.resaltado>a:hover{
  text-decoration: none;
  color:#86C7ED !important;
  cursor: pointer;
}

.resaltado,.cuerpo>a>span:hover{
  text-decoration: none;
  color:#86C7ED !important;
  cursor: pointer;
}

.imgresaltado:hover{
  cursor: pointer;
  opacity: 0.75;
}

.text-lg {
    font-size: 1rem;
}

/* Tamaño textos */

.text-2 {
    font-size: 1.3em !important;
  }

.text-4 {
  font-size: 1.6em !important;
}

/* Colores fondo */

.imgBox {
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
    background-color: #000000;
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: rgba(17, 17, 26, 0.9) 0px 4px 16px, rgba(17, 17, 26, 0.9) 0px 8px 24px, rgba(17, 17, 26, 0.9) 0px 16px 56px;
}

.imgBox:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  box-shadow: rgba(17, 17, 26, 0.9) 0px 8px 36px, rgba(72, 72, 36, 0.9) 0px 16px 48px, rgba(93, 104, 31, 0.9) 0px 32px 96px;
}

.bg-azul-facebook{
    background-color: #2962ff !important;
}
.bg-azul-twitter{
    background-color: #00acee !important;
}
.bg-azul-linkedin{
    background-color: #0e76a8!important;
}

.bg-red {
    background-color:#D0112B !important;
}

.bg-blue {
    background-color: #004673 !important;
}

.bg-light-blue {
    background-color: #86C7ED !important;
}

.bg-instagram{
    background-color: #feda75 !important;
    background-image: linear-gradient(43deg, #feda75 0%, #fa7e1e 22%, #d62976 49%, #962fbf 75%, #4f5bd5 100%) !important;
}

.bg-motost-colores{
    background-color: #004673;
    background-image: linear-gradient(90deg, #004673 18%, #d0112b 100%);
}

/* bordes */

.bordeP{
	border:2px solid red;
}

.bordePr{
    border: 2px solid !important;
}
.borde-1{
    border: 2px solid !important;
    border-radius: 1rem !important;
    
}
.borde-2{
    border: 2px solid !important;
    border-radius: 2rem !important;
}
.borde-25{
    border: 2px solid !important;
    border-radius: 25rem !important;
}

.borde-azul-motost{
    border: 2px solid ;
}

.no-borde{
    border: 0px solid transparent !important;
}

/* Footer */

.cgt-bg-dk-bl {
    background-color: rgb(0,70,115) !important;
}

.bg-red-cgt {
    background: #D0112B !important;
}

.bg-white {
    background: #FFFFFF !important;
}

.no-border {
    border-top: 0;
}

/* Cambio resolución contador */

@media screen and (min-width: 576px) and (max-width: 992px) {
    .countdown > span {
        padding: 5% 0;
      }
  }

  @media screen and (max-width: 575px) {
    .countdown > span {
        padding: 12% 0;
        margin: 12px auto 0 auto;
        max-height: 182px;
      }
  }

  /* Imágenes formulario */

.form-img-align {
  text-align: center;
  text-align: -webkit-center;
}

.Letra20{
  font-size: 0.9em !important;
}

/* Formulario */

#BotonEnviar:hover {
  color: white;
  background-color: #004673 !important;
}

.fa-star {
  color: yellow;
}

/* Pestañas Escuderías */

.pestana {
  border: 1px solid grey;
  border-radius: 10px 10px 0 0;
}


.bg-text {
  background-color: #000000c2;
  border-radius: 25px;
  box-shadow: 5px 5px 15px 3px rgb(26 26 26);;
}

/* Modal customizado */
.img-modal-small-par, .img-modal-small-impar {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0.6;
  z-index: 1;
  box-shadow: 0px 14px 20px 2px #004673;
  position: relative;
}

.img-modal-small-impar:hover {
  opacity: 1;
  transform: rotate3d(1, 2.0, 3.0, 10deg) scale(2);
  z-index: 4;
  box-shadow: 11px 11px 20px 2px #004673;
}

.img-modal-small-par:hover {
  opacity: 1;
  transform: rotate3d(1, 2.0, 3.0, -10deg) scale(2);
  z-index: 4;
  box-shadow: -11px 11px 20px 2px #004673;
}

#fullpage {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-color: black;
}


/* comprobacion inscripcion */
.CuadroComprobacion { width:100%; max-width:800px; margin:0 auto 40px auto; padding:16px 16px 8px 16px; }
    .CuadroComprobacion > p { margin-bottom:8px; text-align:center; color:#000000; line-height:1.2; }
    .CuadroComprobacion > p:first-child { line-height:1.4; }
        .CuadroComprobacion > p > a { color:#000000; text-decoration:underline; }
        .CuadroComprobacion > p > a:hover { color:#000000bf; text-decoration:none; }
    .CuadroComprobacion > .CuadroDatos { max-width: 600px; margin: 24px auto 16px auto; }
        .CuadroComprobacion > .CuadroDatos > p { margin-bottom:0px; padding:4px 24px; flex-grow:100; }
        .CuadroComprobacion > .CuadroDatos > p:first-child { }
        .CuadroComprobacion > .CuadroDatos > span { width:100%; padding: 16px 24px; }
        .CuadroComprobacion > .CuadroDatos > span > p { margin-bottom:0; }

.CuadroOK { background-color:#00800012; border:1px solid #0080001c; }
    .CuadroOK > p {  }
    .CuadroOK > p:first-child { color:#016401; }
    .CuadroOK > .CuadroDatos {  }
        .CuadroOK > .CuadroDatos > p { border:1px solid #d3e9d3; border-left:0; background-color:#f9fdf9; }
        .CuadroOK > .CuadroDatos > p:first-child { border-left:1px solid #d3e9d3; }
        .CuadroOK > .CuadroDatos > span { border:1px solid #d3e9d3; border-top:0; background-color:#f9fdf9; }
        .CuadroOK > .CuadroDatos > span > p {  }

.CuadroKO { background-color:#ff000012; border:1px solid #ff00001c; }
    .CuadroKO > p {  }
    .CuadroKO > p:first-child { color:#9f0202; }
    .CuadroKO > .CuadroDatos {  }
        .CuadroKO > .CuadroDatos > p { border:1px solid #ffd3d3; border-left:0; background-color:#fdf4f4; }
        .CuadroKO > .CuadroDatos > p:first-child { border-left:1px solid #ffd3d3; }

.CuadroNeutro { background-color:#00467312; border:1px solid #0046731c; }
    .CuadroNeutro > p {  }
    .CuadroNeutro > p:first-child { color:#004673; }
    .CuadroNeutro > .CuadroDatos {  }
        .CuadroNeutro > .CuadroDatos > p {  }
        .CuadroNeutro > .CuadroDatos > p:first-child { }