body {font-family: 'Lato', sans-serif; font-weight: 400; color:#2a2a2a; background: #fff}
html, body {height: 100%}

/* Tipográficos Generales */
a {text-decoration: none; color:#666;}
a:hover {text-decoration: none; color:#01aeb2;}
ul, li {margin: 0; padding: 0; list-style: none;}

h3 {font-size: 1.5em}
h3, h4 {font-weight: 400;}
h2 {font-family: 'Fredoka One', cursive; color: #01aeb2; font-size: 2.2em}
h6 {line-height: 1.5em}

.btn-primary {background: #01aeb2; border: 0; border-radius: 0; text-transform: uppercase;}
.btn-primary:hover {background: #01aeb2;}

.carousel-fade {height: 100%}
.carousel-fade .overlay {position: absolute; top: 0; left:0; z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: table}
.carousel-fade .txtIntro {display: table-cell; vertical-align: middle; padding: 0 15%; }
.carousel-fade .overlay h1 {color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 3.3em; line-height: 1.1; width: 70%}
.carousel-fade .overlay h2 {color: #fff; font-family: 'Lato', sans-serif; font-size: 2em; font-weight:400; width: 50%; text-transform: initial;}
.carousel-fade .overlay h4 {color: #fff; font-family: 'Lato', sans-serif; font-size: 1.1em; font-weight:400; width: 50%; text-transform: initial;}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition: opacity 0.5s ease 0.5s;
  overflow:hidden;
}
.carousel-item {height: 100vh; overflow: hidden;}
.carousel-fade .carousel-inner .carousel-item.active {
  opacity: 1 !important;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.3, 1.3);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1.3);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 30s;
  animation: zoom 30s;
  min-width: 100%;
  min-height: 100%;
  position: relative;
}


/* Estilos contador*/
.contador {margin-top: 3em}

.contador li {
  display: inline-block;
  text-align: center;
  font-size: 1em;
  list-style-type: none;
  padding: 0 2em 0 0;
  text-transform: uppercase;
  color: #fff;
}

.contador li span {
  display: block;
  font-size: 3rem;
  color: #fff;
}
.contador p {
  color: #fff;
}


/* Header */
header#home {position: absolute; background: transparent; }
header {background: #2a2a2a; position: static; margin-bottom: 3.5em; width: 100%; z-index: 999; padding-top: 0.3em; top: 0}

/*.logoHome {width: 120px}
.logoHeader {width: 100px}*/
.logoFooter {width: 80px; margin-bottom: 2em}

.navbar {padding: 0 1rem}

.navbar-brand h4 {font-family: 'Fredoka One', cursive; color: #fff} 
.navbar-brand p {color: #484892; font-size: 0.7em; text-transform: uppercase; margin: 0.2em 0 0; font-weight: 600}
.navbar>.container .navbar-brand{ margin-left: 0;}
.navbar-light .navbar-nav .nav-link {color: #fff; text-transform: uppercase; text-align: center; padding: 0 1.5rem; height: 80px; line-height: 80px; font-weight: 600; box-sizing: border-box;}
.navbar-light .navbar-nav .nav-link:hover {color: #01aeb2}
/*.navbar-light .navbar-nav .active>.nav-link {color: #338836;}*/
.dropdown-menu {border-radius: 0; border: 0; margin: 0}
.dropdown-item {font-size: 0.9rem}
.dropdown-toggle::after {vertical-align: .355em;}
.navbar-light .navbar-toggler {color: rgba(255,255,255,.7); border-color: none; padding: 0;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); font-size: 26px}

#slideHome {height: 100vh}

#videoHome {box-sizing: border-box; padding: 4em 0; }
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Páginas Interiores */
#jornadas-en-fotos {padding: 4em 0}
.num-parrafo {background: #01aeb2; color: #fff; font-size: 14px; margin-bottom: 0.3rem; display: inline-block; padding: 0 7px 0px; line-height: 1.8;}

.boxJornada {margin-bottom: 2em}
.boxJornada h3{font-size: 1.4em; font-family: 'Fredoka One', cursive; margin-bottom: 0.1em;}
.boxJornada h4{font-size: 1.1em }

.box-parrafo h2 {margin-bottom: 1.3em}
.txt-parrafo {font-size: 1.2em; margin-bottom: 1.3em}
.box-parrafo .small {margin-bottom: 5em}


#colaboradores {padding: 4em 0}
#colaboradores h2 {font-size: 1.8em}
.marcas {text-align: center;}
.marcas img {display: inline-block; padding: 0 2% }


/* Footer */
footer {background: #2a2a2a; padding: 3rem 0; margin-top: 4em}
footer h4 {color: #666; font-size: 1.2em}
.redes a {display: inline-block; width: 40px; height: 40px; line-height: 45px; color: #fff; background: #515151; border-radius: 50%; margin: 0.3em}
.redes a i {font-size: 1.4em}
.redes span {display: none;}



/* Media Queries */
@media screen and (max-width:1200px){
  .carousel-fade .overlay h1 {width: 100%}
  .carousel-fade .overlay h2 {width: 70%;}
}

@media screen and (max-width:990px){
  header {background: #2a2a2a; padding-bottom: 0.3em;}
  header#home {background: #2a2a2a; }
  .navbar-light .navbar-nav .nav-link {text-align: left; height: 60px; line-height: 60px;}
  .boxJornada {margin-bottom: 3em;}
}

@media screen and (max-width:815px){
  .carousel-fade .overlay h1 {font-size: 3em}
  .carousel-fade .overlay h2 {font-size: 1.6em}
}

@media screen and (max-width:768px){
  .carousel-inner .carousel-item > img {right: 50%;}
}

@media screen and (max-width:650px){
  .carousel-fade .txtIntro {padding: 0 10%;}
  .carousel-fade .overlay h1 {font-size: 2.1em}
  .carousel-fade .overlay h2 {font-size: 1.2em; width: 100%}
  .carousel-fade .overlay h4 {font-size: 1em; width: 100%}
}

@media screen and (max-width:560px){
  .carousel-inner .carousel-item > img {right: 70%; height: 100vh;}
}

@media screen and (max-width:380px){
  .navbar {padding: .5rem 0; margin-right: 0}
  .navbar-brand h4 {font-size: 1.1em;}

  .contador {margin-top: 3em}

  .contador li {
    font-size: 0.8em;
    padding: 0 1.5em 0 0;
  }

  .contador li span {
    display: block;
    font-size: 2.5rem;
    color: #fff;
  }

}