* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

html {
  background: rgba(204, 204, 204, 0.952);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.ancho {
  width: 100vw;
  height: calc((10 / 16) * 110vw);
  left: calc(50% - 50vw);
  top: calc(50% - (((10 / 16) * 110vw) / 2));
}

.alto {
  width: calc((16 / 10) * 90vh);
  height: 100vh;
  top: calc(50% - 50vh);
  left: calc(50% - (((16 / 10) * 90vh) / 2));
}

body {
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 768px;
}
.container {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}

.container {
  width: 100%;
  height: 100%;
}

.portada {
  background: url(../assets/img/portada.jpg);
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.boton_mostrar {
  background: url(../assets/img/btn_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  float: right;
  width: 26%;
  height: 11.6%;
  top: 86.3%;
  left: 5%;
  cursor: pointer;
  z-index: 1;
}
.boton_mostrar1 {
  background: url(../assets/img/btn_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 25%;
  height: 25%;
  top: 81.8%;
  left: 28.8%;
  cursor: pointer;
  z-index: 20;
}
.boton_mostrar2 {
  background: url(../assets/img/btn_3.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 39%;
  height: 24.6%;
  top: 73.3%;
  left: 46.4%;
  cursor: pointer;
  z-index: 20;
}
.boton_mostrar3 {
  background: url(../assets/img/btn_4.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 39%;
  height: 16.6%;
  top: 80.8%;
  left: 74.4%;
  cursor: pointer;
  z-index: 20;
}

.title {
  background: url(../assets/img/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 33%;
  left: 15%;
  width: 72%;
  height: 33%;
}

.pop {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
}

.close {
  position: absolute;
  top: 91.6%;
  left: 5.6%;
  width: 4.5%;
  height: 5.6%;
  z-index: 12;
  cursor: pointer;
}
.close3 {
  position: absolute;
  top: 91.6%;
  left: 28.6%;
  width: 4.5%;
  height: 6%;
  z-index: 1000;
  cursor: pointer;
}
.close4 {
  position: absolute;
  top: 91.6%;
  left: 52.6%;
  width: 4.5%;
  height: 5.6%;
  z-index: 1000;
  cursor: pointer;
}
.close5 {
  position: absolute;
  top: 91.6%;
  left: 76.4%;
  width: 3.5%;
  height: 5.6%;
  z-index: 1000;
  cursor: pointer;
}
.popup {
  display: none;
}

.logo {
  background: url(../assets/img/logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3.6%;
  left: 1%;
  width: 19.7%;
  height: 14%;
  transition: ease-in;
}

/* SLIDE 2 */

.portada2 {
  background: url(../assets/img2/portada1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.title1 {
  background: url(../assets/img2/title1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 48.5%;
  left: 16.5%;
  width: 69%;
  height: 13.1%;
}

.play {
  background: url(../assets/img2/play.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 65%;
  left: 43%;
  width: 14.8%;
  height: 18%;
  cursor: pointer;
}

/* SLIDE 3 */

.portada3 {
  background: url(../assets/img3/portada2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.portada3 .title3 {
  background: url(../assets/img3/title3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 41.9%;
  left: 15.2%;
  width: 73%;
  height: 49.7%;
}


.portada3 .openModal {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 130px;
  height: 115px;
  bottom: 12%;
  left: 50%;
  z-index: 14;
  cursor: pointer;
}

.portada3 .modal img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.portada3 .modal .closeModal {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

.portada3 .modal video {
  background-repeat: no-repeat;
  width: 100%;
  height: 81%;
  background: black;
  position: absolute;
  z-index: 100;
  left: 0%;
  top: 5px;
}

/* modal video */

.portada30 .openModal20 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 322px;
  height: 115px;
  bottom: 32%;
  left: 11%;
  z-index: 14;
  cursor: pointer;
}

.portada30 .modal20 img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.portada30 .modal20 .closeModal20 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

.portada30 .modal20 video {
  background-repeat: no-repeat;
  width: 100%;
  height: 81%;
  background: black;
  position: absolute;
  z-index: 100;
  left: 0%;
  top: 5px;
}
/* modal 2 */

.portada30 .openModal21 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 317px;
  height: 100px;
  bottom: 16%;
  left: 51%;
  z-index: 14;
  cursor: pointer;
}

.portada30 .modal21 img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.modal22{
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
}
.portada30 .modal21 .closeModal21 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

.portada30 .modal22 video {
  background-repeat: no-repeat;
  width: 100%;
  height: 81%;
  background: black;
  position: absolute;
  z-index: 100;
  left: 0%;
  top: 5px;
  display: block;
}



.portada30 .openModal22 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 378px;
  height: 184px;
  bottom: 38%;
  left: 58%;
  z-index: 100;
  cursor: pointer;
}


.portada30 .openModal23 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 378px;
  height: 184px;
  bottom: 10%;
  left: 14%;
  z-index: 100;
  cursor: pointer;
}
.portada30 .openModal24 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 378px;
  height: 184px;
  bottom: 10%;
  left: 58%;
  z-index: 100;
  cursor: pointer;
}
.portada30 .openModal25 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 378px;
  height: 184px;
  bottom: 38%;
  left: 14%;
  z-index: 100;
  cursor: pointer;
}
.btn_our {
  position: absolute;
  width: 18%;
  height: 13%;
  top: 60%;
  right: 11%;
  cursor: pointer;
}
.btn_global {
  position: absolute;
  width: 19%;
  height: 13%;
  top: 72%;
  right: 11%;
  cursor: pointer;
}

.back {
  background: url(../assets/img3/left_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  position: absolute;
  top: 38.6%;
  left: 5%;
  width: 5%;
  height: 8%;
  cursor: pointer;
}
.close_btn {
  background: url(../assets/img11/close_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  position: absolute;
  top: 38.6%;
  right: 6%;
  width: 5%;
  height: 8%;
  cursor: pointer;
}
.back_1 {
  position: absolute;
  top: -12%;
  left: 2%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.back_11 {
  position: absolute;
  top: -12%;
  right: 2%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.next {
  background: url(../assets/img3/next_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  position: absolute;
  top: 38.6%;
  left: 90%;
  width: 5%;
  height: 8%;
  cursor: pointer;
}


/* SLIDE 4 */

.portada4 {
  /* display: none; */
  background: url(../assets/img4/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.title4 {
  background: url(../assets/img4/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 42.9%;
  left: 12.4%;
  width: 75.9%;
  height: 52%;
}

.btn_we {
  position: absolute;
  width: 19%;
  height: 13%;
  top: 47%;
  right: 11%;
  cursor: pointer;
}
.btn_global1 {
  position: absolute;
  width: 19%;
  height: 13%;
  top: 72%;
  right: 11%;
  cursor: pointer;
}

/* SLIDE 5-1 */

/* SLIDE 5-1 */

.portada15 {
  /* display: none; */
  background: url(../assets/img5/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.title15 {
  /* display: none; */
  background: url(../assets/img5/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 44.4%;
  left: 5%;
  width: 82.7%;
  height: 54%;
}

.btn_we2 {
  position: absolute;
  width: 19%;
  height: 13%;
  top: 47%;
  right: 11%;
  cursor: pointer;
}
.btn_our2 {
  position: absolute;
  width: 18%;
  height: 12%;
  top: 60%;
  right: 12%;
  cursor: pointer;
}

/* NAVEGACION */

.home {
  position: absolute;
  width: 5%;
  height: 8%;
  top: 93%;
  left: 0%;
  cursor: pointer;
}
.discover {
  position: absolute;
  width: 24.2%;
  height: 5%;
  top: 87%;
  left: 5.5%;
  cursor: pointer;
  z-index: 5;
}
.discover1 {
  position: absolute;
  width: 12%;
  height: 19%;
  top: 42%;
  left: 10%;
  cursor: pointer;
  z-index: 5;
}

/* SLIDE 6 */
.discover10 {
  position: absolute;
  width: 10%;
  height: 19%;
  top: 42%;
  left: 10%;
  cursor: pointer;
  z-index: 5;
}

.pop1 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
}

/*  SLIDE 7 */
.popup2 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.discover2 {
  position: absolute;
  width: 13.2%;
  height: 19%;
  top: 42%;
  left: 23.4%;
  cursor: pointer;
  z-index: 5;
}
.close1 {
  position: absolute;
  width: 7.4em;
  height: 5.5em;
  top: 42%;
  left: 88%;
  cursor: pointer;
  z-index: 1;
}
/*  SLIDE 8 */
.popup3 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.discover3 {
  position: absolute;
  width: 12%;
  height: 19%;
  top: 42%;
  left: 38%;
  cursor: pointer;
  z-index: 5;
}
.openModal3 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 130px;
  height: 115px;
  bottom: 12%;
  left: 68%;
  z-index: 14;
  cursor: pointer;
}

.modal3 {
  position: absolute;
}

.modal3 img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: -0.1%;
  top: 0%;
  margin-top: -1.4%;
}

.modal3 .closeModal3 {
  position: fixed;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 14.9%;
  cursor: pointer;
}

.modal3 video {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background: black;
  position: relative;
  z-index: 100;
  left: 0%;
  top: 0;
  margin-top: 13%;
  display: none;
}
.close_3 {
  position: absolute;
  width: 7.4em;
  height: 5.5em;
  top: 26%;
  left: 87%;
  cursor: pointer;
  z-index: 1;
}
/*  SLIDE 9 */
.popup4 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.discover4 {
  position: absolute;
  width: 14.2%;
  height: 19%;
  top: 42%;
  left: 52%;
  cursor: pointer;
  z-index: 5;
}
.openModal4 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 130px;
  height: 115px;
  bottom: 12%;
  left: 68%;
  z-index: 14;
  cursor: pointer;
}

.modal4 {
  position: absolute;
}

.modal4 img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: -0.1%;
  top: 0%;
  margin-top: -1.4%;
}

.modal4 .closeModal4 {
  position: fixed;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 14.9%;
  cursor: pointer;
}

.modal4 video {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background: black;
  position: relative;
  z-index: 100;
  left: 0%;
  top: 0;
  margin-top: 13%;
  display: none;
}
.close_4 {
  position: absolute;
  width: 7.4em;
  height: 5.5em;
  top: 26%;
  left: 87%;
  cursor: pointer;
  z-index: 1;
}
.redes {
  position: absolute;
  width: 16%;
  height: 21%;
  top: 70%;
  left: 17%;
  cursor: pointer;
}
.redes1 {
  position: absolute;
  width: 16%;
  height: 21%;
  top: 70%;
  left: 34%;
  cursor: pointer;
}
.redes2 {
  position: absolute;
  width: 16%;
  height: 21%;
  top: 70%;
  left: 50.5%;
  cursor: pointer;
}

/* slide 10 */
.portada5 {
  background: url(../assets/img6/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title5 {
  background: url(../assets/img6/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 38%;
  left: 13.6%;
  width: 72.7%;
  height: 53%;
}

.discover_1 {
  position: absolute;
  width: 87%;
  height: 16%;
  top: 8%;
  left: 5%;
  cursor: pointer;
  z-index: 60;
}

/* slider 11 */

.pop_10 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 25;
}

/* slider 12 */
.portada7 {
  /* display: none; */
  background: url(../assets/img7/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title7 {
  /* display: none; */
  background: url(../assets/img7/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 40.1%;
  left: 6.9%;
  width: 84.3%;
  height: 59%;
}

.play2 {
  background: url(../assets/img7/play.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 74%;
  left: 42%;
  width: 14.8%;
  height: 18%;
  cursor: pointer;
}

/* slider 13 */

.portada8 {
  /* display: none; */
  background: url(../assets/img8/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title8 {
  background: url(../assets/img8/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 40.6%;
  left: 8.9%;
  width: 82.3%;
  height: 56%;
}

.strech {
  position: absolute;
  width: 18%;
  height: 31%;
  top: 58%;
  right: 67%;
  cursor: pointer;
  z-index: 43;
}
.strech1 {
  position: absolute;
  width: 18%;
  height: 31%;
  top: 58%;
  right: 49%;
  cursor: pointer;
  z-index: 43;
}
.strech2 {
  position: absolute;
  width: 18%;
  height: 31%;
  top: 58%;
  right: 33%;
  cursor: pointer;
  z-index: 43;
}
.strech3 {
  position: absolute;
  width: 18%;
  height: 31%;
  top: 58%;
  right: 15%;
  cursor: pointer;
  z-index: 43;
}

.pop_20 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
}

.pop_21 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
}
.pop_22 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
}
.pop_23 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
}

/* slider 14 */

.portada10 {
  /* display: none; */
  background: url(../assets/img9/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title10 {
  background: url(../assets/img9/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 39.2%;
  left: 17.1%;
  width: 65.1%;
  height: 56%;
  z-index: 0;
}

.discover_2 {
  position: absolute;
  width: 87%;
  height: 17%;
  top: 24%;
  left: 5%;
  cursor: pointer;
  z-index: 60;
}

.up {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
}
.openModalUno {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 130px;
  height: 115px;
  bottom: 28%;
  left: 67%;
  z-index: 14;
  cursor: pointer;
}

.modalUno {
  position: absolute;
}

.modalUno {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: -0.1%;
  top: 0%;
}

.closeModalUno {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 3.9%;
  cursor: pointer;
}
.closeModal3 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 3.9%;
  cursor: pointer;
}

.closeModal4 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 3.9%;
  cursor: pointer;
}

video {
  background-repeat: no-repeat;
  width: 100%;
  height: 82%;
  background: black;
  position: absolute;
  z-index: 100;
  left: 0%;
  top: 0;
  margin-top: 13%;
  display: none;
}

/* slide 15 */
.portada12 {
  /* display: none; */
  background: url(../assets/img10/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title12 {
  background: url(../assets/img10/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 45.9%;
  left: 10.7%;
  width: 78.1%;
  height: 56%;
  z-index: 0;
}
.btn_1 {
  position: absolute;
  width: 24%;
  height: 11%;
  top: 48%;
  right: 12%;
  cursor: pointer;
}
.btn_2 {
  position: absolute;
  width: 24%;
  height: 11%;
  top: 62%;
  right: 12%;
  cursor: pointer;
}
.btn_3 {
  position: absolute;
  width: 24%;
  height: 12%;
  top: 76%;
  right: 12%;
  cursor: pointer;
}

/* slide 16 */
.portada13 {
  /* display: none; */
  background: url(../assets/img11/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title13 {
  background: url(../assets/img11/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 47.5%;
  left: 12.5%;
  width: 74.9%;
  height: 56%;
  z-index: 0;
}

.btn_4 {
  position: absolute;
  width: 24%;
  height: 12%;
  top: 64%;
  right: 64%;
  cursor: pointer;
}
.btn_5 {
  position: absolute;
  width: 24%;
  height: 17%;
  top: 62%;
  right: 38%;
  cursor: pointer;
}
.btn_6 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 63%;
  right: 12%;
  cursor: pointer;
}

/* slide 17 */
.portada20 {
  /* display: none; */
  background: url(../assets/img12/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title20 {
  background: url(../assets/img12/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 38.8%;
  left: 10.9%;
  width: 81.9%;
  height: 56%;
  z-index: 0;
}

.btn_7 {
  position: absolute;
  width: 24%;
  height: 17%;
  top: 58%;
  right: 69%;
  cursor: pointer;
}
.btn_8 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 60%;
  right: 6%;
  cursor: pointer;
}

/* slide 18 */
.portada21 {
  /* display: none; */
  background: url(../assets/img13/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title21 {
  background: url(../assets/img13/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 40.8%;
  left: 9.9%;
  width: 79.9%;
  height: 56%;
  z-index: 0;
}

/* slide 19 */
.portada22 {
  /* display: none; */
  background: url(../assets/img14/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title22 {
  background: url(../assets/img14/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 47.2%;
  left: 12.3%;
  width: 75.6%;
  height: 56%;
  z-index: 0;
}

.btn_10 {
  position: absolute;
  width: 24%;
  height: 17%;
  top: 58%;
  right: 64%;
  cursor: pointer;
}
.btn_11 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 61%;
  right: 38%;
  cursor: pointer;
}

.btn_12 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 61%;
  right: 13%;
  cursor: pointer;
}

/* slide 19 */
.portada23 {
  /* display: none; */
  background: url(../assets/img15/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title23 {
  background: url(../assets/img15/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 39.8%;
  left: 9.8%;
  width: 80.7%;
  height: 56%;
  z-index: 0;
}

.btn_16 {
  position: absolute;
  width: 24%;
  height: 17%;
  top: 65%;
  right: 66%;
  cursor: pointer;
}
.btn_17 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 67%;
  right: 38%;
  cursor: pointer;
}

.btn_18 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 67%;
  right: 10%;
  cursor: pointer;
}

/* slide 20 */

.portada24 {
  /* display: none; */
  background: url(../assets/img16/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title24 {
  background: url(../assets/img16/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 41.4%;
  left: 13.8%;
  width: 72.1%;
  height: 56%;
  z-index: 0;
}
.close10 {
  background: url(../assets/img16/close.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 38.6%;
  left: 89%;
  width: 5%;
  height: 14.6%;
  z-index: 12;
  cursor: pointer;
}
.btn_19 {
  position: absolute;
  width: 24%;
  height: 17%;
  top: 65%;
  right: 63%;
  cursor: pointer;
}
.btn_20 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 67%;
  right: 38%;
  cursor: pointer;
}

.btn_21 {
  position: absolute;
  width: 24%;
  height: 14%;
  top: 67%;
  right: 13%;
  cursor: pointer;
}

/* slide 20 */

.portada26 {
  /* display: none; */
  background: url(../assets/img17/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title26 {
  background: url(../assets/img17/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 42.4%;
  left: 13.8%;
  width: 74.1%;
  height: 56%;
  z-index: 0;
}
.btn_25 {
  position: absolute;
  width: 17%;
  height: 14%;
  top: 77%;
  right: 39%;
  cursor: pointer;
}
/* slide 21 */

.portada27 {
  /* display: none; */
  background: url(../assets/img18/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title27 {
  background: url(../assets/img18/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 42.4%;
  left: 13.8%;
  width: 72.1%;
  height: 56%;
  z-index: 0;
}
.btn_26 {
  position: absolute;
  width: 17%;
  height: 14%;
  top: 77%;
  right: 39%;
  cursor: pointer;
}

/* slide 22 */
.portada28 {
  /* display: none; */
  background: url(../assets/img19/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title28 {
  background: url(../assets/img19/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 42.4%;
  left: 14.8%;
  width: 70.1%;
  height: 56%;
  z-index: 0;
}
.btn_26 {
  position: absolute;
  width: 17%;
  height: 14%;
  top: 77%;
  right: 39%;
  cursor: pointer;
}
.portada29 {
  /* display: none; */
  background: url(../assets/img21/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title29 {
  background: url(../assets/img21/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 47.8%;
  left: 8.3%;
  width: 83.2%;
  height: 56%;
  z-index: 0;
}
.portada30 {

  background: url(../assets/img22/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title30 {
  background: url(../assets/img22/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 44.8%;
  left: 8.3%;
  width: 83.2%;
  height: 56%;
  z-index: 0;
}
.portada31 {
   background: url(../assets/img23/portada.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.title31 {
  background: url(../assets/img23/title.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 44.8%;
  left: 8.3%;
  width: 83.7%;
  height: 56%;
  z-index: 0;
}
.portada32 {
  background: url(../assets/img24/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title32 {
 background: url(../assets/img24/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 41%;
 left: 12.4%;
 width: 74.8%;
 height: 56%;
 z-index: 0;
}

.portada33 {
  background: url(../assets/img25/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title33 {
 background: url(../assets/img25/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 45%;
 left: 7.4%;
 width: 85.8%;
 height: 56%;
 z-index: 0;
}

.portada34 {
  background: url(../assets/img26/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title34 {
 background: url(../assets/img26/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 40%;
 left: 14.4%;
 width: 69.3%;
 height: 56%;
 z-index: 0;
}
.portada35 {
  background: url(../assets/img27/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title35 {
 background: url(../assets/img27/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 39%;
 left: 3.4%;
 width: 92.3%;
 height: 56%;
 z-index: 0;
}
.portada36 {
  background: url(../assets/img28/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title36 {
 background: url(../assets/img28/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 44%;
 left: 7.4%;
 width: 84.3%;
 height: 56%;
 z-index: 0;
}
.portada37 {
  background: url(../assets/img29/portada.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title37 {
 background: url(../assets/img29/title.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 41%;
 left: 6.9%;
 width: 86.4%;
 height: 56%;
 z-index: 0;
}
.portada38 {
  background: url(../assets/img30/portada1.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title38 {
 background: url(../assets/img30/title1.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 45%;
 left: 6.9%;
 width: 86.4%;
 height: 56%;
 z-index: 0;
}
.portada39 {
  background: url(../assets/img30/portada2.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title39 {
 background: url(../assets/img30/title2.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 40.7%;
 left: 5.9%;
 width: 89.1%;
 height: 56%;
 z-index: 0;
}
.portada40 {
  background: url(../assets/img30/portada3.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title40 {
 background: url(../assets/img30/title3.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 44.7%;
 left: 3.9%;
 width: 91.1%;
 height: 56%;
 z-index: 0;
}
.portada41 {
  background: url(../assets/img30/portada4.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title41 {
 background: url(../assets/img30/title4.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 41.7%;
 left: 6.7%;
 width: 86.5%;
 height: 56%;
 z-index: 0;
}
.portada42 {
  background: url(../assets/img30/portada5.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title42 {
 background: url(../assets/img30/title5.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 40.7%;
 left: 12.7%;
 width: 74.5%;
 height: 56%;
 z-index: 0;
}
.portada43 {
  background: url(../assets/img30/portada6.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title43 {
 background: url(../assets/img30/title6.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 23.2%;
 left: 10.4%;
 width: 79.5%;
 height: 56%;
 z-index: 0;
}
/* navegacion  */
.nabvar_we {
  position: absolute;
  width: 25%;
  height: 6%;
  left: 5.4%;
  bottom: 8%;
  z-index: 1;
}
.discover_3 {
  position: absolute;
  width: 87%;
  height: 21%;
  top: 4%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}
.discover_4 {
  position: absolute;
  width: 87%;
  height: 18%;
  top: 25%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}
.discover_5 {
  position: absolute;
  width: 87%;
  height: 18%;
  top: 42%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}
.discover_6 {
  position: absolute;
  width: 87%;
  height: 18%;
  top: 60%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}
.discover_7 {
  position: absolute;
  width: 63%;
  height: 26%;
  top: 11%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}
.discover_8 {
  position: absolute;
  width: 63%;
  height: 26%;
  top: 41%;
  left: 2%;
  cursor: pointer;
  z-index: 60;
}

.discover30 {
  position: absolute;
  width: 23%;
  height: 11%;
  top: 57%;
  left: 37%;
  cursor: pointer;
  z-index: 5;
}
.discover31 {
  position: absolute;
  width: 23%;
  height: 11%;
  top: 57%;
  left: 63%;
  cursor: pointer;
  z-index: 5;
}
.discover32 {
  position: absolute;
  width: 23%;
  height: 11%;
  top: 73.7%;
  left: 24%;
  cursor: pointer;
  z-index: 5;
}

.openModal35{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 342px;
  height: 132px;
  bottom: 19%;
  left: 12%;
  z-index: 100;
  cursor: pointer;
}
.modal35 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal35 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
.openModal36{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 697px;
  height: 82px;
  bottom: 15%;
  left: 25%;
  z-index: 100;
  cursor: pointer;
}
.modal36 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal36 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}

/* modal btn 2 */
.openModal37{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 342px;
  height: 132px;
  bottom: 19%;
  left: 37.6%;
  z-index: 100;
  cursor: pointer;
}
.modal37 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal37 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
.openModal38{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 342px;
  height: 132px;
  bottom: 19%;
  left: 37.6%;
  z-index: 100;
  cursor: pointer;
}
.modal38 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal38 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}


/* popup1 */
.openModal38{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 302px;
  height: 87px;
  bottom: 25%;
  left: 26.6%;
  z-index: 100;
  cursor: pointer;
}
.modal38 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
/* pop 2 */
.openModal39{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 302px;
  height: 87px;
  bottom: 25%;
  left: 52%;
  z-index: 100;
  cursor: pointer;
}
.modal39 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal39 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}

/* pop 3 */
.openModal40{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 302px;
  height: 87px;
  bottom: 11.5%;
  left: 26.3%;
  z-index: 100;
  cursor: pointer;
}
.modal40 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal40 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
.closed{
  position: absolute;
  width: 29%;
  height: 5%;
  z-index: 1000;
  top: 87.6%;
  left: 34.9%;
  cursor: pointer; 
}
/* pop 4 */
.openModal41{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 302px;
  height: 87px;
  bottom: 11.5%;
  left: 51.9%;
  z-index: 100;
  cursor: pointer;
}
.modal41 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal41 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}

/* modal 3 */
.openModal42{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 338px;
  height: 142px;
  bottom: 18.5%;
  left: 62.9%;
  z-index: 100;
  cursor: pointer;
}
.modal42 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal42 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pop */
.openModal43{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 171px;
  height: 54px;
  bottom: 18.5%;
  left: 77.9%;
  z-index: 100;
  cursor: pointer;
}
.modal43 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
.closeModal43 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
.openModal44{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 481px;
  height: 104px;
  bottom: 36%;
  left: 14%;
  z-index: 100;
  cursor: pointer;
}
.modal44 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal44 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
      top: 37.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 54 */
.openModal45{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 201px;
  height: 154px;
  bottom: 11%;
  left: 39%;
  z-index: 100;
  cursor: pointer;
}
.modal45 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal45 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 54 - 2 */
.openModal46{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 339px;
  height: 120px;
  bottom: 14%;
  left: 7%;
  z-index: 100;
  cursor: pointer;
}
.modal46 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal46 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 54 - 3 */
.openModal47{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 526px;
  height: 120px;
  bottom: 21%;
  left: 31%;
  z-index: 100;
  cursor: pointer;
}
.modal47 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal47 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 54 - 4 */
.openModal48{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 339px;
  height: 120px;
  bottom: 14%;
  left: 38%;
  z-index: 100;
  cursor: pointer;
}
.modal48 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal48 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 54 - 4 */
.openModal49{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 339px;
  height: 120px;
  bottom: 14%;
  left: 38%;
  z-index: 100;
  cursor: pointer;
}
.modal49 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal49 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 54 - 5 */
.openModal50{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 339px;
  height: 120px;
  bottom: 14%;
  left: 69%;
  z-index: 100;
  cursor: pointer;
}
.modal50 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal50 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 88 */
.openModal51{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 471px;
  height: 120px;
  bottom: 36%;
  left: 50%;
  z-index: 100;
  cursor: pointer;
}
.modal51 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal51 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 89 */
.openModal52{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 471px;
  height: 101px;
  bottom: 17%;
  left: 33%;
  z-index: 100;
  cursor: pointer;
}
.modal52 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal52 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 37.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 90 */
.openModal53{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 32%;
  left: 16%;
  z-index: 100;
  cursor: pointer;
}
.modal53 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal53 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 91 */
.openModal54{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 32%;
  left: 39%;
  z-index: 100;
  cursor: pointer;
}
.modal54 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal54 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 92 */
.openModal55{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 32%;
  left: 61.2%;
  z-index: 100;
  cursor: pointer;
}
.modal55 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal55 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 93 */
.openModal56{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 16%;
  left: 16.2%;
  z-index: 100;
  cursor: pointer;
}
.modal56 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal56 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 94 */
.openModal57{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 16%;
  left: 39.2%;
  z-index: 100;
  cursor: pointer;
}
.modal57 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal57 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 95 */
.openModal58{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 313px;
  height: 101px;
  bottom: 16%;
  left: 61.2%;
  z-index: 100;
  cursor: pointer;
}
.modal58 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal58 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 99 */
.openModal59{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 262px;
  height: 90px;
  bottom: 21%;
  left: 10.2%;
  z-index: 100;
  cursor: pointer;
}
.modal59 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal59 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 100 */
.openModal60{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 262px;
  height: 90px;
  bottom: 21%;
  left: 30.2%;
  z-index: 100;
  cursor: pointer;
}
.modal60 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal60 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 101 */
.openModal61{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 545px;
  height: 102px;
  bottom: 10%;
  left: 30.2%;
  z-index: 100;
  cursor: pointer;
}
.modal61 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal61 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 102 */
.openModal62{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 262px;
  height: 90px;
  bottom: 21%;
  left: 50.2%;
  z-index: 100;
  cursor: pointer;
}
.modal62 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal62 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 103 */
.openModal63{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 262px;
  height: 90px;
  bottom: 21%;
  left: 70.2%;
  z-index: 100;
  cursor: pointer;
}
.modal63 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal63 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 104 */
.openModal64{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 360px;
  height: 90px;
  bottom: 18%;
  left: 69.2%;
  z-index: 100;
  cursor: pointer;
}
.modal64 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal64 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 105 */
.openModal65{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 206px;
  height: 59px;
  bottom: 27%;
  left: 79.2%;
  z-index: 100;
  cursor: pointer;
}
.modal65 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}
 .modal65 video {
  display: block;
  background-repeat: no-repeat;
  width: 100%;
  height: 81%;
  background: black;
  position: absolute;
  z-index: 100;
  left: 0%;
  top: 5px;
}
.closeModal65 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 111 */
.openModal66{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 266px;
  height: 93px;
  bottom: 30%;
  left: 21.2%;
  z-index: 100;
  cursor: pointer;
}
.modal66 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal66 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 112 */
.openModal67{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 128px;
  height: 93px;
  bottom: 64%;
  left: 3.2%;
  z-index: 100;
  cursor: pointer;
}
.modal67 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal67 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
.cerrar{
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 113 */
.openModal68{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 266px;
  height: 93px;
  bottom: 30%;
  left: 45.7%;
  z-index: 100;
  cursor: pointer;;
}
.modal68 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal68 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 114 */
.openModal69{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 128px;
  height: 93px;
  bottom: 64%;
  left: 3.2%;
  z-index: 100;
  cursor: pointer;
}
.modal69 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal69 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
.cerrar1{
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  left: 2.9%;
  cursor: pointer;
}
/* pag 115 */
.openModal70{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 266px;
  height: 93px;
  bottom: 30%;
  left: 70.3%;
  z-index: 100;
  cursor: pointer;;
}
.modal70 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal70 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 116 */
.openModal71{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 206px;
  height: 61px;
  bottom: 19%;
  left: 21.3%;
  z-index: 100;
  cursor: pointer;;
}
.modal71 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal71 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}

/* pag 117 */
.openModal72{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 206px;
  height: 61px;
  bottom: 19%;
  left: 38.3%;
  z-index: 100;
  cursor: pointer;;
}
.modal72 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal72 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 118 */
.openModal73{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 206px;
  height: 61px;
  bottom: 19%;
  left: 56.9%;
  z-index: 100;
  cursor: pointer;;
}
.modal73 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal73 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
/* pag 119 */
.openModal74{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 206px;
  height: 61px;
  bottom: 19%;
  left: 73.7%;
  z-index: 100;
  cursor: pointer;;
}
.modal74 img  {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 67;
  display: block;
  left: 0%;
  top: 0%;
}

.closeModal74 {
  position: absolute;
  width: 10%;
  height: 10%;
  z-index: 1000;
  top: 25.6%;
  right: 2.9%;
  cursor: pointer;
}
.descarga {
  position: absolute;
  width: 44%;
  height: 7%;
  z-index: 1000;
  top: 82.6%;
  right: 29.9%;
  cursor: pointer;
}
/* etiquetas de links  */
.etiqueta{
  position: absolute;
  width: 14.9%;
  height: 3%;
  z-index: 1000;
  top: 61%;
  left: 68.9%;
  cursor: pointer;
}
.etiqueta1{
  position: absolute;
  width: 5.9%;
  height: 3%;
  z-index: 1000;
  top: 64%;
  left: 68.9%;
  cursor: pointer;
}
.etiqueta2{
  position: absolute;
  width: 8.9%;
  height: 3%;
  z-index: 1000;
  top: 67%;
  left: 68.9%;
  cursor: pointer;
}
/* links */
.link {
  position: absolute;
  width: 27%;
  height: 8%;
  top: 58%;
  left: 52%;
  z-index: 13;
  cursor: pointer;
}
.link1 {
  position: absolute;
  width: 7%;
  height: 10%;
  top: 74%;
  left: 62%;
  z-index: 13;
  cursor: pointer;
}
.link2 {
  position: absolute;
  width: 27%;
  height: 8%;
  top: 63%;
  left: 52%;
  z-index: 13;
  cursor: pointer;
}
.link3 {
  position: absolute;
  width: 7%;
  height: 10%;
  top: 77%;
  left: 69%;
  z-index: 13;
  cursor: pointer;
}
.link4 {
  position: absolute;
  width: 27%;
  height: 8%;
  top: 63%;
  left: 52%;
  z-index: 13;
  cursor: pointer;
}
.link5 {
  position: absolute;
  width: 7%;
  height: 10%;
  top: 77%;
  left: 59%;
  z-index: 13;
  cursor: pointer;
}
.link6 {
  position: absolute;
  width: 27%;
  height: 8%;
  top: 70%;
  left: 52%;
  z-index: 13;
  cursor: pointer;
}

/* useful */
.useful {
  position: absolute;
  width: 5.3%;
  height: 5%;
  top: 87%;
  left: 0%;
  cursor: pointer;
  z-index: 1000;
}

/* pg */
.portada45 {
  background: url(../assets/img30/portada8.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title45 {
 background: url(../assets/img30/title8.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 33.6%;
 left: 12.9%;
 width: 76.4%;
 height: 66%;
 z-index: 0;
}
.portada44 {
  background: url(../assets/img30/portada7.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 width: 100%;
 height: 100%;
}
.title44 {
 background: url(../assets/img30/title7.png);
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 top: 30.3%;
 left: 13.4%;
 width: 76.4%;
 height: 66%;
 z-index: 0;
}
.back_12 {
  position: absolute;
  top: -3%;
  left: 2%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.back_123 {
  position: absolute;
  top: -3%;
  right: 2%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.next1 {
  background: url(../assets/img3/next_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  position: absolute;
  top: 19.2%;
  left: 91%;
  width: 5%;
  height: 8%;
  cursor: pointer;
}
.back1 {
  background: url(../assets/img2/left_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  position: absolute;
  top: 19.2%;
  left: 4%;
  width: 5%;
  height: 8%;
  cursor: pointer;
}
.brand{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 32%;
  left: 21.5%;
  cursor: pointer;
  z-index: 5;
}
.basics{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 52.5%;
  left: 21.5%;
  cursor: pointer;
  z-index: 5;
}
.practical{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 55.2%;
  left: 21.5%;
  cursor: pointer;
  z-index: 5;
}
.candidates{
  position: absolute;
  width: 20.2%;
  height: 8%;
  top: 63%;
  left: 21.5%;
  cursor: pointer;
  z-index: 5;
}
.company{
  position: absolute;
  width: 20.2%;
  height: 8%;
  top: 77%;
  left: 21.5%;
  cursor: pointer;
  z-index: 5;
}
.Website{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 32%;
  left: 61.5%;
  cursor: pointer;
  z-index: 5;
}

.Care{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 48.2%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Medicines{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 50.3%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Narrative{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 52.3%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Vaccines{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 54.5%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Presentation{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 56.5%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Healthcare{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 58.7%;
  left: 64.5%;
  cursor: pointer;
  z-index: 5;
}
.Page{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 63%;
  left: 63.5%;
  cursor: pointer;
  z-index: 5;
}



/* redes */
.LinkedIn{
  position: absolute;
  width: 16.9%;
  height: 2%;
  top: 77.3%;
  left: 63.5%;
  cursor: pointer;
  z-index: 5;
}
.Twitter{
  position: absolute;
  width: 16.9%;
  height: 2%;
  top: 79.3%;
  left: 63.5%;
  cursor: pointer;
  z-index: 5;
}
.YouTube{
  position: absolute;
  width: 16.9%;
  height: 2%;
  top: 81.3%;
  left: 63.5%;
  cursor: pointer;
  z-index: 5;
}
.Instagram{
  position: absolute;
  width: 16.9%;
  height: 2%;
  top: 83.3%;
  left: 63.5%;
  cursor: pointer;
  z-index: 5;
}
.Science{
  position: absolute;
  width: 16.9%;
  height: 2%;
  top: 77.3%;
  left: 85.5%;
  cursor: pointer;
  z-index: 5;
}

.Stretch{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 38.3%;
  left: 22.9%;
  cursor: pointer;
  z-index: 5;
}
.Act{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 40.5%;
  left: 22.6%;
  cursor: pointer;
  z-index: 5;
}
.Take{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 42.5%;
  left: 22.7%;
  cursor: pointer;
  z-index: 5;
}
.Think{
  position: absolute;
  width: 21.2%;
  height: 2%;
  top: 44.5%;
  left: 22.9%;
  cursor: pointer;
  z-index: 5;
}

.Voice{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 52%;
  left: 20.5%;
  cursor: pointer;
  z-index: 5;
}
.Global{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 68%;
  left: 20.5%;
  cursor: pointer;
  z-index: 5;
}
.Tone{
  position: absolute;
  width: 21.2%;
  height: 8%;
  top: 37%;
  left: 61.5%;
  cursor: pointer;
  z-index: 5;
}
.Recruitment{
  position: absolute;
  width: 25.2%;
  height: 10%;
  top: 52%;
  left: 61.5%;
  cursor: pointer;
  z-index: 5;
}
.Pitch{
  position: absolute;
  width: 25.2%;
  height: 10%;
  top: 67%;
  left: 61.5%;
  cursor: pointer;
  z-index: 5;
}
.symphony{
  position: absolute;
  width: 25.2%;
  height: 10%;
  top: 77%;
  left: 40.8%;
  cursor: pointer;
  z-index: 5;
}
.evp {
  position: absolute;
  width: 68%;
  height: 4%;
  z-index: 1000;
  top: 89.6%;
  left: 26.9%;
  cursor: pointer;
}
.enlace{
  position: absolute;
  width: 30.2%;
  height: 6%;
  top: 60%;
  left: 23.5%;
  cursor: pointer;
  z-index: 1001;
}