@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
 body {
	 background-image: url("../images/home/Fondo-Epic.png");
	 background-color: rgba(54, 38, 38, 0.774);
	 color: white;
}
 h1 {
	 font-family: 'Oswald', sans-serif;
}
 .video-responsive {
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 position: relative;
	 height: 0;
}
 .video-responsive video {
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 position: absolute;
}
 .navbar-light {
	 color: #fff;
	 font-family: 'Oswald', sans-serif;
	 text-transform: uppercase;
}
 .navbar {
	 z-index: 99;
	 padding: 0 1rem;
}
 @media only screen and (max-width: 576px) {
	 .navbar #basic-navbar-nav {
		 overflow-y: scroll !important;
		 max-height: 15rem;
	}
}
 .navbar .logo {
	 width: 100%;
}
 @media only screen and (max-width: 576px) {
	 .navbar .logo {
		 width: 100%;
	}
	 .navbar .logo #basic-navbar-nav {
		 overflow-y: scroll !important;
		 max-height: 15rem;
	}
}
 .navbar .navPrincipal .navbar-brand {
	 display: flex;
	 justify-content: flex-end;
}
 @media only screen and (max-width: 576px) {
	 .navbar .navPrincipal {
		 align-items: center;
		 justify-content: center;
		 flex-direction: row;
	}
	 .navbar .navPrincipal .navbar-brand {
		 width: 60%;
		 justify-content: flex-start;
	}
}
 .navbar .fechaNav.container {
	 display: flex;
	 flex-direction: column;
	 justify-content: end;
	 width: 25%;
	 color: rgba(0, 0, 0, .55);
}
 @media only screen and (max-width: 576px) {
	 .navbar .fechaNav.container {
		 justify-content: center;
		 flex-direction: row;
		 width: 100%;
	}
}
 @media only screen and (max-width: 576px) {
	 .navbar {
		 justify-content: center;
	}
}
 #basic-navbar-nav {
	 justify-content: center;
}
 @media only screen and (max-width: 576px) {
	 #basic-navbar-nav {
		 padding-left: 0rem;
	}
}
 .navPage.navbar-nav {
	 align-items: center;
}
 .navPage.navbar-nav a.nav-link {
	 font-size: 1rem;
	 font-weight: 600;
	 font-family: 'Oswald', sans-serif;
	 padding: 2rem 0 2rem 0 !important;
	 color: #fff !important;
}
 .navPage.navbar-nav a.nav-link.active {
	 color: #b22430 !important;
}
 @media only screen and (max-width: 576px) {
	 .navPage.navbar-nav a.nav-link {
		 font-size: 1rem;
		 padding: 1rem 1rem !important;
	}
}
 .navbar-nav a.nav-link {
	 font-size: 1.5rem;
	 font-weight: 600;
	 padding: 2rem 1rem 2rem 0 !important;
	 color: #fff !important;
}
 .navbar-nav a.nav-link.active {
	 color: #b22430 !important;
}
 @media only screen and (max-width: 576px) {
	 .navbar-nav a.nav-link {
		 font-size: 1rem;
		 padding: 1rem 1rem !important;
	}
}
 .navbar-nav .navOculto {
	 display: none;
}
 @media only screen and (max-width: 576px) {
	 .navbar-nav .navOculto {
		 display: block;
	}
}
 @media only screen and (max-width: 576px) {
	 .navbar-nav {
		 background-color: #aaa 41;
		 border-radius: 5%;
	}
}
 .lateral {
	 position: absolute;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 left: 0;
	 top: 8rem;
	 width: 180PX;
	 height: 330px;
	 background-color: #916060 75;
	 z-index: 98;
	 font-size: 1.5rem;
	 font-family: 'Encode Sans Semi Condensed', sans-serif;
}
 .lateral a {
	 padding: 0.01rem;
	 padding-left: 1rem;
	 text-decoration: none;
	 color: #fff;
}
 .lateral a:hover {
	 color: #b22430;
}
 @media only screen and (max-width: 576px) {
	 .lateral {
		 display: none;
	}
}
 @media only screen and (min-width: 560px) and (max-device-width: 768px) {
	 .lateral {
		 top: 3.5rem;
		 height: 400px;
	}
}
 #distancias {
	 width: 100%;
	 display: flex;
	 align-items: center;
}
 #distancias .container {
	 display: flex;
	 flex-wrap: nowrap;
	 padding: 2rem 0 0 2rem;
	 width: 100%;
	 flex-direction: row;
	 justify-content: center;
}
 #distancias .contDistancia {
	 display: flex;
	 flex-wrap: nowrap;
	 flex-direction: row;
	 padding: 2rem 0;
}
 @media only screen and (max-width: 576px) {
	 #distancias .contDistancia {
		 flex-wrap: nowrap;
		 flex-direction: column;
	}
}
 #distancias .dis {
	 width: 30%;
	 margin: 10px;
}
 #distancias .dis:hover {
	 transform: scale(1.2);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
 .countDown {
	 padding: 2rem;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .spons {
	 display: flex;
	 flex-direction: column;
	 flex-wrap: nowrap;
	 justify-content: center;
	 align-items: stretch;
	 align-content: stretch;
	 overflow: hidden;
}
 .spons .sponsorIndividual {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin: 0 1rem;
}
 .spons .sponsorIndividual img {
	 width: 80%;
	 padding: 1rem;
}
 .spons .imgSponsor {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .linea {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: center;
	 align-items: stretch;
	 align-content: stretch;
}
 @media only screen and (max-width: 576px) {
	 .linea {
		 flex-direction: column;
		 align-items: center;
	}
}
 #footer {
	 position: absolutes;
	 bottom: 0;
	 background-image: url("../images/home/Fondo-Epic.png");
	 width: 100%;
}
 .image-grid div {
	 width: 25%;
	 height: 240px;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center center;
}
 .image-grid {
	 display: flex;
	 flex-wrap: wrap;
}
 .containergallery {
	 margin: 0 auto;
	 width: auto;
}
 .gallery-wrap {
	 display: flex;
	 flex-direction: row;
	 width: 100%;
	 height: 70vh;
}
 .item {
	 flex: 1;
	 height: 100%;
	 background-position: center;
	 background-size: cover;
	 background-repeat: none;
	 transition: flex 0.8s ease;
}
 .item:hover {
	 flex: 7;
}
 .item-1 {
	 background-image: url("../images/galeria/1.jpg");
}
 .item-2 {
	 background-image: url("../images/galeria/2.jpg");
}
 .item-3 {
	 background-image: url("../images/galeria/3.jpg");
}
 .item-4 {
	 background-image: url("../images/galeria/4.jpg");
}
 .item-5 {
	 background-image: url("../images/galeria/5.jpg");
}
 .item-6 {
	 background-image: url("../images/galeria/6.jpg");
}
 .item-7 {
	 background-image: url("../images/galeria/7.jpg");
}
 .item-8 {
	 background-image: url("../images/galeria/8.jpg");
}
 .item-9 {
	 background-image: url("../images/galeria/9.jpg");
}
 .item-10 {
	 background-image: url("../images/galeria/10.jpg");
}
 .item-11 {
	 background-image: url("../images/galeria/11.jpg");
}
 .item-12 {
	 background-image: url("../images/galeria/12.jpg");
}
 .item-13 {
	 background-image: url("../images/galeria/13.jpg");
}
 .item-14 {
	 background-image: url("../images/galeria/14.jpg");
}
 .item-15 {
	 background-image: url("../images/galeria/15.jpg");
}
 .item-16 {
	 background-image: url("../images/galeria/16.jpg");
}
 .item-17 {
	 background-image: url("../images/galeria/17.jpg");
}
 .item-18 {
	 background-image: url("../images/galeria/18.jpg");
}
 .item-19 {
	 background-image: url("../images/galeria/19.jpg");
}
 @media screen and (max-width: 400px) {
	 .image-grid {
		 flex-direction: column;
		 flex-wrap: no-wrap;
	}
	 .image-grid div {
		 width: 100%;
	}
}
 .iconDiv {
	 display: flex;
	 flex-direction: row;
	 position: fixed;
	 bottom: 30px;
	 right: 20px;
	 background-color: #154c4f 59;
	 border: #154c4f solid 0.1rem;
	 color: #fff;
	 border-radius: 50px;
	 text-align: center;
	 font-size: 1rem;
	 box-shadow: 2px 2px 3px #999;
	 z-index: 100;
}
 .iconDiv .ic {
	 padding: 0.5rem;
	 font-size: 1.5rem;
}
 .iconDiv .ic a {
	 text-decoration: none;
	 color: #fff;
}
 .iconDiv .ic a:hover {
	 color: #212529;
}
 .recorridos {
	 position: relative;
	 width: 100%;
	 height: 600px;
	 padding-top: 56.25%;
	/* 16:9 Aspect Ratio */
}
 #recorrido {
	 height: 50vh;
}
 .mapa {
	 position: relative;
	 height: 600px;
	 padding-top: 56.25%;
	/* 16:9 Aspect Ratio */
}
 .responsive-iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 border: none;
	 padding: 1rem;
}
 .lacarrera {
	 height: 80vh;
}
 .maxi {
	 cursor: pointer;
	 text-decoration: none;
	 font-size: 1rem;
	 font-weight: 600;
	 padding: 2rem 2rem !important;
	 color: #fff !important;
	 font-family: 'Oswald', sans-serif;
}
 .maxi:hover {
	 color: #b22430 !important;
}
 .maxi.active {
	 color: #b22430 !important;
}
 .accordion-button:not(.collapsed) {
	 color: #fff !important;
	 background-color: #154c4fc9 !important;
}
 .accordion-button:focus {
	 color: #154c4fc9 !important;
}
 .contacto {
	 display: flex;
	 align-items: center;
	 font-family: 'Oswald', sans-serif;
}
 .icoContact {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 40px;
	 height: 40px;
	 margin: 1rem;
	 background-color: #9c1b31;
	 border-radius: 20px;
	 color: #fff;
	 padding-right: 0;
	 margin-right: 16px;
	 font-size: 20px;
}
 .icoContact a {
	 color: #999;
}
 .infoContact {
	 min-width: 60%;
}
 .linkico {
	 text-decoration: none;
	 color: #fff;
}
 .linkico:hover {
	 text-decoration: none;
	 color: #9c1b31;
}
 .accordion {
	 color: black;
}
 .card {
	 color: black;
	 border: none;
}
 .cronoParrafo {
	 font-size: 1.25rem;
	 font-weight: bold;
}
 .cardCrono {
	 display: flex;
	 justify-content: center;
}
 .cardCrono .card {
	 width: 18rem;
	 min-height: 12rem;
	 padding: 0;
	 text-align: center;
}
 .cardCrono .card .card-header {
	 width: 100%;
}
 .cardCronoInterno {
	 display: flex;
	 justify-content: center;
}
 .cardCronoInterno .card {
	 width: 18rem;
	 padding: 0;
	 text-align: center;
}
 .cardCronoInterno .card .card-header {
	 width: 100%;
}
 .carousel-item {
	 width: 100%;
}
 @media only screen and (max-width: 576px) {
	 .carousel-item {
		 width: 100%;
	}
}
 .btnInsc {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-around;
}
 @media only screen and (max-width: 576px) {
	 .btnInsc {
		 flex-direction: column;
		 align-items: center;
	}
}
 .btnInsc .btn {
	 width: 10rem;
}
 @media only screen and (max-width: 576px) {
	 .btnInsc .btn {
		 margin: 0.5rem;
	}
}