h4{
    display: inline;
    font-family: "GillSansB", GillSansB;
    letter-spacing: 2px;
}

h4.instrucion{
    display: inline;
    font-family: "GillSansL", GillSansL;
    letter-spacing: 3px;
    padding-bottom: 5px;
    font-size: 18px;
}

h4.instrucion2{
    display: inline;
    font-family: "GillSansB", GillSansL;
    letter-spacing: 3px;
    padding-bottom: 5px;
    font-size: 18px;
}

h1,h2{
    letter-spacing: 7px;
}
h3{
    font-family: "GillSansSB", GillSansSB;
    letter-spacing: 4px;
}

.h1, h1 {
    font-size: 50px;
    font-family: "GillSansB", GillSansB;
}

h1,h2,h3,h4,h5,h6,p {
    color: white;
  }

  p{
    font-family: "GillSansL", GillSansL;
  }

 /* @font-face {
    font-family: 'GillSans';
    src: URL('Tipografia/GillSans.ttc') format('truetype');
  }*/
  @font-face {
    font-family: 'GillSansB';
    src: URL('Tipografia/GillSans-Bold.otf') format('truetype');
  }
  @font-face {
    font-family: 'GillSansL';
    src: URL('Tipografia/GillSans-Light.otf') format('truetype');
  }

  @font-face {
    font-family: 'GillSansSB';
    src: URL('Tipografia/GillSans-SemiBold.otf') format('truetype');
  }

  @font-face {
    font-family: 'GillSans';
    src: URL('Tipografia/GillSans.otf') format('truetype');
  }

body {
    background-image: url("images/bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
   }

.carousel-indicators li {
width: 13px;
height: 13px;
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
}

button#btncomenzar:disabled {
  cursor: default;

}
   /* Boton instrucciones*/
.container .btn {
    z-index: 1;
    display: block;
    position: absolute;
    top: 74%;/*84*/
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #15964b;
    color: white;
    font-size: 16px;
    padding: 12px 40px;
    border: none;
    cursor: pointer;
    border-radius: 500px;
    letter-spacing: 6px;
    font-weight: lighter;
    font-family: "GillSansSB", GillSansSB;
  }

  .etiqueta{
    display: none;
    width: 32vh;
    position: absolute;
    top: 65%;
    left: 24%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
  }
 

.download{
    position: absolute;
    top: 75%;
    left: 80%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    cursor: pointer;
  }

  #progressBar {
    transform: translate(50%, 0%);
    width: 50%;
    background-color: #f7d3d399;
    border-radius: 50px;
   /* margin-top: 25px;*/
}
  
#bar {
    width: 20%;
    height: 13px;
    background-color: white;
    border-radius: 50px;
}

#contenedorvideo{
pointer-events:none; 
display:none; 
text-align:center;
padding:10%;  
 z-index: 3; 
 position: absolute;
 top: 50%;
 left: 50%;
 margin-right: -50%;
 transform: translate(-50%, -50%);
}

#contenedorsliderfotos{
  pointer-events:none;
  display:block; 
  text-align:center;
  padding:10%;  
   z-index: 3; 
   position: absolute;
   top: 50%;
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%);
  }

  #sliderfotos2{
  pointer-events: all;
    cursor: auto;
    width: 80vw;
    border-radius: 4vh;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

#sliderfotos{
  pointer-events: all;
    cursor: auto;
   width: 80vw;
   height: 80vh;
   background-color: #ffffff77;
   border-radius: 4vh;
}



#fotosdelslider{
  max-width: 75vw;
  max-height: 75vh;
  padding: 50px;
}

#cerrarslider{
  position: absolute;
    right: 11vw;
    top: 11vw;
    padding: 10px;
}
#cerrarslider2{
position: absolute;
    right: 10%;
    top: 5%;
    padding: 10px;
}

#cambiodesslider{
  position: absolute;
    right: 11vw;
    bottom: 11vw;
    padding: 10px;
}

#fondofotos{
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#myCarousel{
  height: 75vh;
}

#imagenespacio{
  max-height: 30vh;
}

#instruccionesmobile{
  display: none;
}

#cookieshref{
  z-index: 1;
  color: white;
  font-family: "GillSansL", GillSansL;
  text-decoration: underline;
   font-size: 10px;
   cursor: pointer;
   position: relative;
  
}


#titulo{
  color :black;
  font-family: "GillSansB", GillSansB;
}

#texto{
  color :black;
  /*font-size: 50px;*/
    font-family: "GillSans", GillSans;
    text-align: justify;
}


@media (max-width: 1100px) {
.etiqueta{
  display: none;
  }
}

@media (max-width: 768px) {

  #cookieshref{
    font-size: 8px;
  }
  
#avisolegalcentrado{
  padding-top: 20px;
}


  .h1, h1 {
    font-size: 36px;
}

#hashtagfields{
  display: none;
}

#instruccionesdesktop{
  display: none;
}
#instruccionesmobile{
  display: block;
}

.download{
  top: 60%;
  left: 50%;
max-width: 100px;
}

#myCarousel{
  height: 75vh;
}


#imagenespacio{
  width: 80%;
}

#instrucionestexto{
margin-left: 50px;
margin-right: 50px;
letter-spacing: 2px;
}


.container .btn {
  top: 75%;
  left: 50%;
  font-size: 12px;
  padding: 7px 20px;
  letter-spacing: 4px;
}

.carousel-indicators{
  margin-bottom: -10px;
  z-index: 2;
}

#bar{
  height: 12px;
}

#progressBar{
  transform: translate(20%, 0%);
    width: 70%;
    margin-top: 25px;
}

.etiqueta{
display: none;
}
}