html {
  overflow: hidden;
  overflow-y: scroll;
}
body {
  overflow: hidden;
}

/* Apartado de Tipografia (INICIO) */
@font-face {
  font-family: 'Ethique';
  src: url('fonts/Ethique.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'NexaBlack';
  src: url('fonts/NexaBlack.otf') format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: 'NexaBold';
  src: url('fonts/NexaBold.otf') format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: 'NexaRegular';
  src: url('fonts/NexaRegular.otf') format('opentype');
  font-weight: normal;
}
/* Apartado de Tipografia (FIN) */

/* back to number */
#lamina1>h2>span {
  top: -87px;
  left: 141px;
}

.FontEthique{
  font-family: 'Ethique',sans-serif !important;
}
.FontNexaBlack{
  font-family: 'NexaBlack',sans-serif !important;
}
.FontNexaBold{
  font-family: 'NexaBold',sans-serif !important;
}
.FontNexaRegular{
  font-family: 'NexaRegular',sans-serif !important;
}

#lamina2 .continuar{
  padding: 0.75rem 2rem !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

#lamina2 .regresar,
#lamina4 .regresar,
#lamina6 .regresar,
#lamina9 .regresar,
#lamina11 .regresar,
#lamina12 .regresar {
  width: 29%;
}

#lamina2>div>div>div>h2>span {
  top: -56px;
  left: -32px;
}

#lamina2 .logoLaminaHead {
  margin-bottom: 0;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -100px;
  width: 13%;
}

#lamina4 .logoLaminaHead {
  margin-bottom: 0;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -100px;
  width: 13%;
}

#lamina31 .logoLaminaHead {
  margin-bottom: 0;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -100px;
  width: 13%;
}

#lamina31 .regresar{
  margin-top: 20%;
}

#lamina5 .logoLaminaHead {
  margin-bottom: 0;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -100px;
  width: 13%;
}

#lamina6 .logoLaminaHead {
  margin-bottom: 0;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -100px;
  width: 13%;
}

#lamina6 san{
  font-size: 50px;
}

#lamina7 .logoLaminaHead {
  --margin-bottom: 0;
  margin: auto;
  margin-top: -20px;
  --margin-bottom: -100px;
  width: 10%;
}

#lamina8 .regresar{
  color: #ffffff !important;
}

#lamina4>div>div>div>h2>span {
  top: -55px;
  left: -35px;
}

#lamina31>div>div>div>h2>span {
  top: -55px;
  left: -35px;
}

#lamina5>div>div>div>div>h2>span {
  top: -46px;
  left: -30px;
}

#lamina6>div>div>div>h2>span {
  top: -55px;
  left: -36px;
}

#lamina7>h2>span {
  top: -87px;
  left: 141px;
}

#lamina8>h2>span {
  top: -86px;
  left: 89px;
}

#lamina9>div>div>div>.regresar {
  left: 30px;
}

#lamina10>div>div>div>div>div>h5>span {
  font-size: 20px;
  margin-right: 6px;
  color: #6ab7c4;
}

#lamina10>div>div>div>div>div>h5>.regresar {
  top: 0 !important;
}

#lamina11>div>div>div>h2>span {
  top: -93px;
  left: -26px;
}

#lamina12>div>div>div>div>h2>span {
  top: -46px;
  left: -30px;
}

.retunsli {
  top: 0 !important;
}

.rosa {
  color: #F2917E !important;
}

.tab.vertical {
  flex-wrap: nowrap;
}

.mobil {
  height: 0 !important;
}

.desktop {
  height: 100vh;
}

/* .forcefullwidth_wrapper_tp_banner {} */

.whiteSlide {
  background: rgba(255, 255, 255, 1);
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  font-family: 'Fira Sans', sans-serif;
}

#lamina1 {
  z-index: 100;
}

.textLamina5 {
  font-size: 17px;
}

.whiteSlide .content {
  position: absolute;
  top: 0;
  width: 100%;
}

.bg1 {
  --background: url("img/laminas/1.jpg");
  background: url("img/laminas/Foto-01.png");
  height: 100vh;
  background-size: cover;

}

.logoLaminaHead {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 300px;
  z-index: 10;
}

.logoLaminaHead_9 {
  position: absolute;
  top: 2%;
  left: 5%;
  width: 300px;
  z-index: 10;
}

#lamina1 .logoLaminaHead,
#lamina3 .logoLaminaHead,
#lamina8 .logoLaminaHead {
  top: 10%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 12%;
}



.lamina {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  text-align: center;
  --font-family: 'Alata', sans-serif !important;
}

.lamina h2 {

  margin: 14px 0;
}

.rojo{
  background-color: red;
  padding: 1%;
  border-radius: 10px;
  font-size: larger !important;
}

--Animacion de boton Regresar
.animated {
  padding: 10px 20px;
  --background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}

.animated:hover {
  transform: scale(1.1);
}


.regresar {
  color: #f2917e !important;
  font-size: 16px !important;
  margin-bottom: 10px;
  /* position: relative;
  top: -20px;
  top: 5rem; */
}

.regresar_2 {
  color: #f2917e !important;
  font-size: 16px !important;
  margin-bottom: 10px;
  position: relative;
  /* top: -20px; */
  top: 0rem;
}

.regresar_3 {
  color: #ffffff !important;
  font-size: 16px !important;
  margin-bottom: 10px;
  position: relative;
  /* top: -20px; */
  /* top: 0rem; */
}

.continuar {
  /* width: 150px;
  padding: 10px 0px; */
  /* position: relative; */
  /* top: 5rem; */
  /* border: 1px solid #494b4d; */
  text-align: center;
  background: #F2917E;
  color: #ffffff;
  border-radius: 15px;
  padding: 0.8rem 1.5rem !important;
  color: #fff !important;
  text-align: center;
  text-transform: uppercase;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border: none;
}

.continuar:hover {
  background: #F2917E !important;
  color: #fff !important;
}

.continuar_2 {
  /* width: 150px;
  padding: 10px 0px; */
  /* position: relative; */
  /* top: 5rem; */
  /* border: 1px solid #494b4d; */
  text-align: center;
  background: #ff8978;
  color: #ffffff;
  border-radius: 15px;
  padding: 0.2rem 1.5rem !important;
  color: #fff !important;
  text-align: center;
  min-width: 0px !important;
  text-transform: uppercase;
  border-radius: 15px;
  font-size:larger !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border: none;
}

.continuar_2:hover {
  background: #F2917E !important;
  color: #fff !important;
}

.fl {
  display: flex;
}

#lamina10 .fl{
  margin-top: 3%;
}

.whiteSlide {
  /* background: url("img/bg.jpg"); */
  background-size: cover;
}

.content,
#rev_slider_8_1 {
  max-height: 100vh !important;
  height: 100vh !important;
}

.content,
#rev_slider_4_1 {
  max-height: 100vh !important;
  height: 100vh !important;
}

.cuad {
  width: 50%;
  height: 100vh;
  /* justify-content: center; */
  padding: 40px;
}

.bg2 {
  /* background: url(img/laminas/2.jpg); */
  background: url(img/laminas/Foto-02.png);
  background-size: cover;
}

.contentCuad {
  flex-direction: column;
  align-self: center;
  margin-top: 20%;
}

.contentCuad_4 {
  flex-direction: column;
  align-self: center;
  margin-top: 10%;
}

.contentCuad_2 {
  /* flex-direction: column; */
  align-self: center;
  display: flex;
  justify-content: center;
  margin-bottom: 6%;
}

.displayNoneLamina {
  opacity: 0;
  position: relative;
}

.content h2 {
  position: relative;
  font-size: 30px;
}

.content h2 span {
  position: absolute;
  left: -50px;
  font-size: 20px;
  color: #6ab7c4;
}

#lamina1 h2 span {
  color: #fff;
}

#lamina2 h2,
#lamina4 h2,
#lamina31 h2,
#lamina5 h2,
#lamina6 h2,
#lamina7 h2,
#lamina9 h2,
#lamina11 h2,
#lamina12 h2,
#lamina7 h3,
#lamina10 h2 {
  color: #697C66;
}

#lamina5 h2{
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

.botonA {
  display: inline-block;
  /* border: 1px solid #d3d3d3; */
}

.botonB {
  /* border: 1px solid #3a7dbf; */
  display: inline-block;
  background: #F2917E;
  color: #fff !important;
}

.botonC {
  /* border: 1px solid #3a7dbf; */
  display: inline-block;
  background: #F2917E;
  color: #fff !important;
  width: 135px;
}

.btns a:first-child {
  margin-right: 40px;
}

.bg3 {
  --background: url(img/laminas/Foto-03.png);
  background: url(img/laminas/Foto-11.png);
  background-size: cover;
}

.bg31 {
  background: url(img/laminas/Foto-03.png);
  background-size: cover;
}

#span {
  position: absolute;
  top: 7px;
  left: -3%;
  font-size: 27px !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #000;
  background-color: inherit;
}

.nav-pills .nav-link {
  color: #989898;
  margin-bottom: 50px;
}

.ali {
  padding: 13% 0 0 5%;
}

#lamina5 h3 {
  font-size: 80px;
  color: #ff8978;
  margin-top: 15px;
  margin-bottom: 0;
}

#lamina5 san{
  font-size: 35px;
}

#lamina5 .continuar {
  font-size: 16px;
  margin-top: 17px;
  margin-left: 30%;
}

.textLamina5 {
  font-size: 18px;
  color: #5f6160;
  font-weight: bold;
  margin: 10px 0;
  --width: 40%;
}

.bg4 {
  --background: url(img/laminas/6.jpg);
  background: url(img/laminas/Foto-07.png);
  background-size: cover;
}

/* ipad media*/
.bg8 {
  --background: url(img/laminas/8.jpg);
  background: url(img/laminas/Foto-08.png);
  background-size: cover;
}

.bg12 {
  --background: url(img/laminas/8.jpg);
  background: url(img/laminas/Foto-10.png);
  background-size:cover;
  width: 34% !important;
  margin-left: 16%;
}

.imgTabLamina5 {
  --background: #c4f6ff;
  width: 43%;
  position: absolute;
  --height: 400px;
  right: -7%;
  bottom: 0;
}

.imgTabLamina5 img {
  position: relative;
  width: 70%;
  margin: auto;
  margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  margin-top: -59%;
  display: block;
}

.bg9 {
  --background: url(img/laminas/9.jpg) no-repeat;
  background: url(img/laminas/Mapa.png) no-repeat;
  background-size: auto;
}

.datosLamina5Terreno img {
  width: 80px;
  margin-bottom: 10px;
}

.datosLamina5Terreno div {
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}

#lamina7 h3 {
  font-size: 50px;
}

#lamina7 h3 span {
  font-size: 20px;
  color: #F2917E;
}

#lamina7 h4,
#lamina10 h4 {
  color: #5f6160;
  text-align: center;
  margin: 30px 0;
  font-size: 20px;
  font-weight: normal;
}

#lamina9 .btns a {
  margin: 0;
}

#lamina9 .btns a:nth-child(2n) {
  margin: 0 20px;
}

#lamina7 .continuar,
#lamina10 .continuar {
  display: inline-block;
}

#lamina7 .item img {
  height: 400px;
  display: block;
  margin: auto;
}

.bg11 {
  --background: url(img/laminas/11.jpg) no-repeat;
  background: url(img/laminas//Foto-09.png) no-repeat;
  background-size: cover;
}

.item {
  padding: 0 15px;
}

.brook-section-title-business h5 {
  font-size: 16px;
  font-weight: normal !important;
  text-transform: capitalize !important;
  color: #989898;
  margin-bottom: 9px;
}

.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: #d8d8d8;
  border-radius: 100%;
}

.slick-dots li.slick-active button {
  background: #25605c;
}

.slick-dots li button::before {
  content: '';
}

#lamina10 h3 {
  color: #606261;
  margin-bottom: 0;
}

#lamina12 h2 {
  width: 100%;
}

#lamina8 h2 span,
#lamina8 .regresar,
#lamina1 .regresar {
  color: #fff !important;
}

#lamina9 .logoLaminaHead {
  --left: auto;
  right: 5%;
  width: 10%;
}

#lamina10 .logoLaminaHead {
  --left: auto;
  right: 5%;
  width: 10%;
  top: 2%;
}

#lamina11 .logoLaminaHead {
  --left: auto;
  right: 5%;
  width: 10%;
}

#lamina12 .logoLaminaHead {
  --left: auto;
  right: 5%;
  width: 10%;
}

/* #lamina9 .margin_top_9{
  -margin-top: 20%;
} */

#lamina9 h2 span {
  left: 0;
  top: -55px;
}

#lamina9 .botonA/* ,
#lamina12 .botonA */ {
  width: 170px;
  padding: 13px 0;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background: #faa099 !important;
  color: white;
  font-size:larger;
}

#lamina9 .botonB{
  width: 170px;
  padding: 13px 0;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background: #7e897d !important;
  font-size:larger;
}

#lamina9 .botonC{
  width: 170px;
  padding: 13px 0;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background: #a9ccc5;
  font-size:larger;
}

#lam7Content,
#lam10Content {
  height: 100vh;
  justify-content: center;
  align-items: flex-end;
}

#lamina12 .botonA {
  background: #b2cdc7;
  color: #494b4d !important;
  font-size: 16px;
  border: 1px solid #494b4d;
  margin-top: 8px;
}

#lamina12 .botonA:hover {
  background: #F2917E;
  color: #fff;
}

.nav-pills .nav-link img {
  width: 100%;
  display: none;
}

#lamina9 .botonA i {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  background: #ff6c6c;
  color: #fff;
  border-radius: 100px;
  position: absolute;
  top: -14px;
  right: -12px;
  line-height: 2;
  display: none;
}

#lamina2 .botonA,
#lamina4 .botonA,
#lamina31 .botonA,
#lamina6 .botonA,
#lamina11 .botonA {
  background: #a9ccc5 !important;
  color: #fff !important;
  /* border: 1px solid #fff !important; */
}

.book-table-area {
  padding-top: 100px;
  margin-bottom: 300px;
}

.bg_image--62 {
  background: url("img/slider.png");
  background-attachment: fixed;
}

.book-table-form textarea {
  border: none;
  border-bottom: 2px solid #eee;
  height: 150px;
  margin-top: 30px;
}

/* #lamina9 .botonB:hover {
  background: #3a7dbf !important;
  color: #fff !important;
} */

#lamina11 .textLamina5 {
  margin-top: 0;
}

.mt--70 {
  margin-top: 70px;
}

#amen img[src$=".svg"] {
  width: 60px;
  max-width: 60px;
}

.titleNew {
  text-align: left;
  color: #073e74;
  font-size: 35px;
  width: 58%;
  margin-top: 70px;
}

#seccion2 {
  background: url(images/ondas-1.svg) no-repeat;
  background-position-x: right;
  background-position-x: 121%;
  background-size: 41%;
}

#villa {
  text-align: left;
}

#villa h3 {
  font-size: 55px;
  color: #1a3d65;
  margin-bottom: 20px;
}

#villa h4 {
  font-size: 40px;
  color: #1a3d65;
  margin-bottom: 20px;
}

#villa h5 {
  color: #709fcb;
  font-size: 25px;
}

#villa ul {
  color: #6e7275;
  margin-top: 50px;
}

#villa ul li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
  font-size: 15px;
}

#ht {
  height: 100vh;
  overflow: hidden;
  margin-bottom: 0;
}

#mnt {
  margin-top: -3px;
}

#sombrilla {
  overflow: hidden;
}

#sombrilla img {
  max-width: 130%;
}

#listNew li::after {
  content: '';
  background: #004385;
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 100px;
  left: 0;
  top: 7px;
}

#villa p {
  font-weight: bold;
  font-style: italic;
}

.tp-revslider-mainul li .tp-parallax-wrap:nth-child(2) {
  top: 210px !important;
}

.tp-revslider-mainul li .tp-parallax-wrap:nth-child(3) {
  top: 295px !important;
}

.tp-revslider-mainul li .tp-parallax-wrap:nth-child(4) {
  top: 455px !important;
}

@media (max-width: 1600px) {
  .content h2 {
    font-size: 25px;
  }

}

@media(max-width: 1450px) {
  #lamina7 .item img {
    height: 300px !important;
  }

  #villa h3 {
    font-size: 40px;

  }

  #villa h5 {
    font-size: 17px;
  }

  #villa ul {
    margin-top: 20px;
  }

  #villa h4 {
    font-size: 20px;
  }
}

@media(max-width: 1280px) {
  .imgTabLamina5 {
    right: 0;
  }
}

@media (max-width: 1024px) {

  #slide-7-layer-3 {
    font-size: 80px !important;
  }

  #slide-7-layer-6 {
    width: 700px !important;
    max-width: 700px !important;
    min-width: 700px !important;
  }

  #left #iso {
    padding: 60px 0;
  }

  .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    font-size: 14px;
  }

  .single-vertical-slide .slide-inner .info {
    padding: 30px 50px 66px;
    padding: 0 0 0 20px;
  }

  #font70 {
    font-size: 45px;
  }

  .cd-headline.clip .cd-words-wrapper {
    display: block;
  }

  .plr--170 {
    padding: 0 120px;
  }

  #left {
    background-size: 100% auto;
  }

  .book-table-btn {
    bottom: 30%;
  }

  #lamina2 h2 span,
  #lamina4 h2 span,
  #lamina31 h2 span {
    position: inherit;
    display: block;
    margin-bottom: -12px;
    left: 0;
  }

  .imgTabLamina5 {
    right: 0;
  }

  .content h2 {
    font-size: 34px;
  }

  .content h2 span {
    left: -24px;
  }

  #lamina9 .cuad {
    justify-content: left;
  }

  #lamina9 .datosLamina5Terreno div {
    align-items: baseline;
  }

  #lamina9 .firts {
    width: 60%;
  }

  #lamina9 .second {
    width: 40%;
  }

  #lamina9 .btns a:nth-child(2n) {
    margin: 0 -1px;
  }
}

@media (max-width: 768px) {

  /* return */
  #lamina1>h2>span {
    top: -84px;
    left: 173px;
  }

  #lamina2>div>div>div>h2>span {
    top: -47px;
    left: -32px;
    width: 23px;
  }

  #lamina4>div>div>div>h2>span {
    top: -49px;
    left: -35px;
    width: 25px;
  }

  #lamina2>div>div>div>div>.continuar,
  #lamina4>div>div>div>div>.continuar {
    display: inline-block;
  }

  #lamina5>div>div>div>div>.textLamina5 {
    font-size: 17px;
  }

  .btns a:first-child {
    display: inline-block;
  }

  #lamina6>div>div>div>h2>span {
    top: -46px;
    left: -35px;
  }

  #lamina8>h2>span {
    top: -86px;
    left: 100px;
  }

  #lamina9 .btns a:nth-child(3n) {
    display: inline-block;
  }

  #lamina9 h2 span {
    left: 0;
    top: -48px;
  }

  #lamina11>div>div>div>h2>span {
    top: -83px;
    left: -26px;
  }

  #lamina11>div>div>div>div>a:last-child {
    display: inline-block;
  }


  /*  */
  #villa {
    padding: 15px;
  }

  #left2,
  #ht {
    height: auto;
  }

  #left img {
    width: 200px;
  }

  .fl {
    display: block;
  }

  .single-vertical-slide.fullscreen {
    height: 100vh !important;
  }

  .single-vertical-slide.fullscreen {
    height: auto;
    min-height: auto;
    padding: 250px 0 0 0;
  }

  .brook-service-area {
    margin: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
    margin-bottom: 35px;
  }

  .plr--170 {
    padding: 30px;
  }

  .brook-contagion-area {
    margin-bottom: 0;
  }

  .logoContacto {
    margin-top: 50px;
  }

  #lamina2 .fl {
    display: block;
  }

  .cuad {
    height: 50vh;
    width: 100%;
  }

  .bg2 {
    background-position: bottom;
  }

  #lamina2 .ipad768,
  #lamina4 .ipad768,
  #lamina6 .ipad768,
  #lamina11 .ipad768 {
    display: flex;
  }

  .logoLaminaHead {
    position: static;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 40px;
    margin-top: 0;
  }

  #lamina3 .logoLaminaHead {
    position: absolute;
    left: 50%;
    margin-left: -150px;
  }

  

  #lamina4 .logoLaminaHead {
    margin: auto;
    margin-top: 20px;
    margin-bottom: -100px;

  }

  .imgTabLamina5 {
    width: 100%;
    height: 400px;
    right: 0;
  }

  .imgTabLamina5 img {
    width: 62%;
    margin-top: -15%;
  }

  #lamina5 h2 {
    font-size: 34px;
  }

  #lamina6 .logoLaminaHead {
    margin: auto;
    margin-top: 20px;
    margin-bottom: -100px;
  }

  .imgTabLamina5 {
    bottom: -20%;
  }

  .textLamina5 {
    width: 95%;
  }

  #lamina9 .firts {
    width: 100%;
  }

  #lamina9 .second {
    width: 100%;
  }

  #lamina9 .logoLaminaHead {
    margin: auto;
  }

  .datosLamina5Terreno div {
    margin-bottom: 10px;
  }

  #lamina9 .content h2 {
    margin-bottom: 25px;
  }

  .textLamina5 {
    margin: 10px 0;
  }

  .bg9 {
    background-size: cover;
    background-position: 0px;
  }

  #lamina9 .btns a:nth-child(2n) {
    margin: 0 24px;
  }

  #lamina11 .logoLaminaHead {
    margin: auto;
  }

  .bg11 {
    background-position: 0;
  }

  .ali {
    padding-top: 5%;
  }
}

@media (max-width: 550px) {
  /* .bg1 {
    background: url(./img/laminas/1-m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  } */

  .mobil {
    max-height: 100vh !important;
  }

  /*  .tp-revslider-mainul > li:nth-child(1) > div > .tp-bgimg.defaultimg{
      background-image: url(./img/laminas/desarrollo-m.jpg) !important;
    }
    .tp-revslider-mainul > li:nth-child(2) > div > .tp-bgimg.defaultimg{
      background-image: url(./img/laminas/cultura-m.jpg) !important;
    }
    .tp-revslider-mainul > li:nth-child(3) > div > .tp-bgimg.defaultimg{
      background-image: url(./img/laminas/aventura-m.jpg) !important;
    } */
  .tp-fullwidth-forcer {
    height: 100vh !important;
  }

  .desktop {
    height: 0 !important;
  }

  #logos .col-6 {
    margin-bottom: 15px;
  }

  #villa h3 {
    font-size: 40px;
    margin-top: 20px;
  }

  #villa h4 {
    font-size: 24px;
  }

  #villa h5 {
    font-size: 16px;
  }

  .titleNew {
    font-size: 23px;
    width: 100%;
  }

  .whiteSlide .content {
    overflow-y: scroll;
  }

  .brook-contagion-area {
    padding-top: 50px;
  }

  #integrate h2 {
    margin: 0 0 40px;
  }

  .contagion-content img {
    width: 150px;
  }

  #left img {
    width: 100px;
  }

  .header-default .header__wrapper .header-left .logo a img {
    width: 236px !important;
    max-width: 200px;
  }

  #left #iso {
    padding-left: 30px;
    padding-right: 30px;
  }

  #left {
    background-size: auto;
  }

  .plr--170 {
    padding: 70px 47px;
  }

  #section1 h1 {
    font-size: 30px !important;
  }

  .single-vertical-slide .slide-inner .info {
    padding-bottom: 45px;
  }

  .brook-about-area {
    margin: 80px 0;
  }

  .hash {
    margin-bottom: 40px;
  }

  #datosInfoPc {
    display: none;
  }

  .barra {
    top: -217px;
    width: 350px;
    height: 350px;
    padding: 230px 0 0 20px;
    margin-left: -175px;
  }

  .barra img {
    width: 200px;
  }

  #datosInfoMv {
    display: block;
    margin-bottom: 50px;
  }


  .single-contagion .contagion-image {
    margin: 0;
    margin-bottom: 0;
    margin-top: 20px;
  }

  .ptb--150 {
    padding: 50px 0;
  }

  .porfolio-swip-horizontal .swiper-slide .thumb img {
    width: 100%;
    height: 500px;
  }

  .porfolio-swip-horizontal {
    width: 100%;
    overflow: hidden;
  }

  .home h2 {
    font-size: 38px;
  }

  .home h4 {
    font-size: 17px;
  }

  .home .botones {
    display: block;
  }

  .home .botones a {
    display: block;
    text-align: center;
  }

  .home .botones a:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .home {
    background-position: bottom;
  }

  .call-to-action.callto-action--1 .content h6 {
    font-size: 19px;
  }

  .call-to-action.callto-action--1 .content h3 {
    font-size: 37px;
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar,
  .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 64%;
    left: 36%;
  }

  .swiper-button-prev {
    left: 4%;
    top: 95%;
    padding: 20px;
    width: 27px;
    height: 27px;
  }

  .swiper-button-next {
    top: 95%;
    left: 20%;
    padding: 20px;
    width: 27px;
    height: 27px;
  }

  .redesFooter {
    margin-top: 20px;
  }

  .datosSlide {
    left: 15px;
  }

  .copyright a {
    display: block;
    margin-bottom: 30px;
  }

  .copyright .right,
  .copyright {
    text-align: center;
  }

  #slide-7-layer-3 {
    font-size: 50px !important;
    letter-spacing: 0 !important;
  }

  #slide-7-layer-6 {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 360px !important;
  }

  .popup-mobile-manu .inner .mobileheader .logo a img {
    width: 187px;
    max-width: 200px;
  }

  .copyright {
    margin-top: 0;
  }

  .content h2 {
    font-size: 23px;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 5px;
  }

  .contentCuad {
    padding: 25px;
  }

  #lamina2 h2 span {
    margin: 0;
    font-size: 13px;
    margin-top: 15px;
  }

  .botonA {
    width: 115px;
    padding: 10px;
  }

  .botonB {
    padding: 10px;
  }

  .btns a:first-child {
    margin-right: 10px;
  }

  .logoLaminaHead {
    position: absolute;
    width: 250px;
    left: 50% !important;
    margin-left: -125px !important;
    top: 1%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    right: auto !important;
  }


  #lamina1 .continuar {
    margin-top: 35px;
  }

  #lamina1 h2 {
    padding: 20px;
  }

  #lamina2 .logoLaminaHead {
    margin: auto;
    margin-top: 20px;
    margin-bottom: -30px;
    width: 13%;
  }

  .slider-revoluation {
    height: 100vh;
    max-height: 100vh;
  }

  #span {
    left: 6%;
  }

  #lamina4 .logoLaminaHead {
    margin: auto;
  }

  .imgTabLamina5 {
    display: none;
  }

  .botonA {
    width: 100%;
    margin-bottom: 10px;
  }

  .botonB {
    width: 100%;
  }

  #lamina5 .logoLaminaHead {
    margin: auto;
  }

  #lamina5 .continuar {
    margin-top: 30px;
  }

  #lamina12 .continuar {
    margin-top: -5%;
  }

  .nav-pills .nav-link img {
    display: block;
    width: 50%;
    margin: auto;
    opacity: .7;
  }

  .nav-pills .nav-link span {
    display: none;
  }

  .nav-pills .nav-link:first-child {
    border-left: 1px solid #eee;
  }

  .nav-pills .nav-link {
    margin-bottom: 0px;
    width: 25%;
    padding-left: 15px;
    padding: 10px 0;
    border: 1;
    border-top: 1px solid #eee;
    border-radius: 0;
    border-right: 1px solid #eee;
    background: #eee;
  }

  .nav-pills .nav-link.active {
    background: #fff;
  }

  .nav-pills .nav-link.active img {
    opacity: 1;
  }

  #lamina5 .regresar,
  #lamina12 .regresar {
    margin: 35px 0;
    display: block;
  }

  #lamina5 h2 {
    font-size: 22px;
  }

  #lamina5 h3 {
    font-size: 35px;
    margin-top: -17px;
  }

  .textLamina5 {
    font-size: 15px;
  }

  .ali {
    padding: 5%;
  }

  #lamina1 h2 span {
    left: 125px;
    top: -58px;
    font-size: 14px;
  }

  #lamina2>div>div>div>h2>span {
    top: -56px;
    left: 0;
    width: 23px;
  }

  #lamina2>div>div>div>.regresar {
    margin-left: 22px;
  }


  #lamina4>div>div>div>h2>span {
    top: -45px;
    left: 0;
    width: 25px;
  }

  #lamina4>div>div>div>.regresar {
    margin-left: 22px;
  }

  .tab.vertical {
    flex-wrap: wrap;
  }

  #lamina5>div>div>div>div>h2>span {
    top: -75px;
    left: -18px;
  }

  #lamina6>div>div>div>h2>span {
    top: -46px;
    left: 0;
  }

  #lamina9>div>div>div>.regresar {
    left: 24px;
  }

  #lamina10>div>div>div>div>div>h5>.regresar {
    margin-left: 0 !important;
  }

  #lamina5 h2 span {
    font-size: 14px;
    position: relative;
    display: block;
    left: 0;
  }

  #lamina4 h2 span {
    margin-bottom: 0px;
    font-size: 14px;
  }

  .cuad {
    padding: 0;
  }

  .nav-link {
    padding: .5rem 2px;
  }

  .content h2 {
    padding: 0;
  }

  #lamina6 .logoLaminaHead {
    margin-bottom: 0;
  }

  #lamina6 h2 span {
    left: -18px;
    font-size: 14px;
  }

  #lamina6 .regresar {
    margin-left: 22px;
  }

  #lamina7 h3 {
    font-size: 25px;
    text-align: center;
  }

  #lamina7 h5 {
    text-align: center;
  }

  #lamina7 h3 span {
    font-size: 13px;
  }

  #lamina7 h4,
  #lamina10 h4 {
    margin: 7px 0 20px 0;
    font-size: 16px;
  }

  #lamina7 .logoLaminaHead {
    margin: auto;
  }

  #lamina7 .continuar {
    display: block;
    margin: auto;
    margin-bottom: 30px;
  }

  #lamina8 .continuar {
    width: 200px;
  }

  .datosLamina5Terreno img {
    width: 48px;
    margin-bottom: 3px;
  }

  #lamina9 .btns a:nth-child(2n) {
    margin: 10px 0;
  }

  #lamina9 .second {
    display: none;
  }

  #lamina9 h2 span {
    font-size: 14px;
  }

  #lamina10 .logoLaminaHead,
  #lamina12 .logoLaminaHead {
    margin: auto;
  }


  #lamina10 .continuar {
    margin-bottom: 30px;
  }

  #lamina11 h2 span {
    left: -11px;
    font-size: 14px;
  }

  #lamina11 .regresar {
    margin-left: 22px;
  }

  #lamina12 .nav-link {
    padding: .5rem 3px;
  }

  #lamina12 h2 {
    width: 94%;
  }

  #lamina12 h2 span {
    left: -24px;
    /* pointer-events: ; */
    position: static;
    font-size: 14px;
    display: block;
  }

  .item {
    padding: 0;
  }

  .tab.vertical .tab-content {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 15px;
    width: 100%;
  }

  #lamina12>div>div>.nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }

  .tab {
    box-shadow: 0 0 4px rgba(0, 0, 0, .05);
  }

  #lamina11 h2 {
    margin: 21px 0;
  }

  #lamina12 .nav-link {
    width: auto;
  }

  #lamina12 .botonA {
    margin-top: 8px;
  }

  .botonA,
  .botonB {
    width: 200px;
    padding: 15px 0;
  }

  #lamina8 h2 span {
    font-size: 14px;
    top: -55px;
    left: 63px;
  }

  #lamina9 h2 span {
    left: 0;
    top: -46px;
  }

  #lamina11>div>div>div>h2>span {
    top: -85px;
    left: 0;
  }

  #lamina10 h3 {
    font-size: 15px;
  }

  #lamina6 h2 br {
    display: none;
  }

  #sesenta {
    height: 58vh;
  }

  #cuarenta {
    height: 40vh;
  }

  #lamina2 .contentCuad,
  #lamina4 .contentCuad,
  #lamina6 .contentCuad,
  #lamina9 .contentCuad {
    margin-top: 150px;
  }

  #lamina5,
  #lamina12 {
    display: flex;
    align-items: center;
  }

  #lamina5,
  #lamina12 {
    background: url("img/laminas/bg-tabs.jpg") no-repeat;
    background-position: bottom;
  }

  #lam7Content {
    margin-top: 160px;
  }

  .bg8 {
    --background: url(./img/laminas/8-m.jpg);
    background: url(img/laminas/Foto-08.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  #lam10Content {
    margin-top: 160px;
  }

  #lamina11 .contentCuad,
  #lamina9 .contentCuad {
    margin-top: 120px;
  }

  #lamina9 .botonA,
  #lamina9 .botonB {
    width: 100px;
    font-size: 14px;
    --padding: 18px 0;
  }

  #lamina12>div>div>div>div>h2>span {
    top: -75px;
    left: 0;
    position: absolute;
  }

  #lamina12 .regresar {
    margin-left: 22px;
  }

  #lamina9 .textLamina5 {
    margin-top: 30px;
  }

  #lamina9 .botonA i {
    right: 50%;
    margin-right: -15px;
  }

  #slide-7-layer-9 {
    display: none !important;
  }
}

@media (min-height: 900px) {

  #lam7Content,
  #lam10Content {
    height: 53vh !important;
    justify-content: center;
    align-items: center;
  }

  #lamina7 .container,
  #lamina10 .container {
    margin-top: 35% !important;
  }

  #lamina7 .logoLaminaHead {
    --margin-bottom: 0;
    margin: auto !important;
    margin-top: 20px !important;
    margin-bottom: -100px !important;
    width: 13% !important;
  }

  #lamina9 .logoLaminaHead {
    width: 13% !important;
    margin-top: 5%;
  }

  #lamina10 .logoLaminaHead {
    width: 13% !important;
    margin-top: 5%;
  }

  #lamina11 .logoLaminaHead {
    width: 13% !important;
    margin-top: 5%;
  }

  #lamina12 .logoLaminaHead {
    width: 13% !important;
    margin-top: 5%;
  }

  .bg12 {
    --background: url(img/laminas/8.jpg);
    background: url(img/laminas/Foto-10.png);
    background-size:cover !important;
    margin-left: 3% !important;
    margin-right: 0% !important;
    width: 47% !important;
  }

  .tp-revslider-mainul li .tp-parallax-wrap:nth-child(2) {
    top: 310px !important;
  }
  
  .tp-revslider-mainul li .tp-parallax-wrap:nth-child(3) {
    top: 395px !important;
  }
  
  .tp-revslider-mainul li .tp-parallax-wrap:nth-child(4) {
    top: 555px !important;
  }
}

@media (max-height: 900px) {
  #lamina9 .textLamina5 {
    margin: 0px 0 0px 0;
  }

  .nav-pills .nav-link {
    color: #989898;
    margin-bottom: 20px;
  }
}

#amen .content {
  height: auto !important;
  max-height: auto !important;
}

.next-carrusel,
.prev-carrusel {
  background: #eee;
  color: #000;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  z-index: 10;
}

.prev-carrusel {
  right: 0;
}

.logoLaminaHead2 {
  position: absolute;
  width: 10%;
  left: 5% !important;
  /* margin-left: -125px !important; */
  top: 7%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  right: auto !important;
}


/* 
* ----------------------------------------
* animation slide-in-right
* ---------------------------------------- 
*/

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* 
* ----------------------------------------
* tabs_service
* ---------------------------------------- 
*/

.tabs_works .nav-pills .nav-link {
  font-size: 18px;
  font-weight: 500;
  color: #92979d;
  margin-bottom: 1.25rem;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  transition: 0.3s !important;
}

.tabs_works .nav-pills .nav-link p {
  font-size: 17px;
  font-weight: 400;
  color: #545d6b;
  margin-top: 1rem;
  margin-bottom: 0;
}

.tabs_works .nav-pills .nav-link.active {
  background-color: transparent;
  color: #50596b;
  -webkit-box-shadow: -5px 0px 0px 0px #165df5 !important;
  -moz-box-shadow: -5px 0px 0px 0px #165df5 !important;
  -o-box-shadow: -5px 0px 0px 0px #165df5 !important;
  -ms-box-shadow: -5px 0px 0px 0px #165df5 !important;
  box-shadow: -5px 0px 0px 0px #ba854e !important;
  border-radius: 0;
}

.tabs_works .img--tabs .tab-pane .--img {
  width: 80vw;
  border-radius: 8px;
  -webkit-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -moz-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -o-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -ms-animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  animation: slide-in-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}

@media (max-width: 767px) {

  .media {
    width: 64vw;
  }

  .tabs_works .img--tabs .tab-pane .--img {
    width: 100%;
  }

}

@media (max-width: 1920px) {
  .tabs_works .img--tabs .tab-pane .--img {
    width: 42vw;
  }

}

@media (max-width: 1366px) {
  .tabs_works .img--tabs .tab-pane .--img {
    width: 58vw;
  }

}

@media (max-width: 820px) {
  .padding-t-9 {
    padding-top: 5rem;
  }

  .media {
    width: 27vw !important;
  }

  .tabs_works .img--tabs .tab-pane .--img {
    width: 100%;
  }
}

.tabs_works .img--tabs.slide_bottom .tab-pane .--img {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -moz-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -o-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  -ms-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}

#lamina4 .mobil {
  display: none;
}

#lamina31 .mobil {
  display: none;
}

@media (max-width: 393px) {
  /* ------------------------------------------Camino------------------------------------------ */
  .botonConoceMas{
    width: 50% !important;
  }
  .nav-pills .nav-link{
    width: 100% !important;
  }
  .armonia{
    width: 80% !important;
  }
  .hoja-2 {
    width: 265px !important;
    top: -76px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: absolute;
    right: -135px;
    margin-bottom: -87px;
    z-index: 1;
    margin-top: -35px;
  }
  .padding-t-9{
    padding-top: 1rem;
  }
  /* ------------------------------------------Armonia------------------------------------------ */
  /* ------------------------------------------Presentacion------------------------------------------ */
  /* ------------------------------------------Lamina 1------------------------------------------ */
  #lamina1 .logoLaminaHead {
    width: 50% !important;
    transform: translate(15%, -25%) !important;
  }

  #lamina1 .regresar {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 10px;
  }

  #lamina1 h2 {
    padding: 2px;
    font-size: large !important;
  }

  #lamina1 .content h2 {
    font-size: 19.7px;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 5px;
  }

  /* ------------------------------------------Lamina 2------------------------------------------ */
  #lamina2 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 20%) !important;
  }

  #lamina2 .regresar {
    color: #ff8978 !important;
    font-size: 1px !important;
    margin-bottom: 10px !;
  }

  #lamina2 .continuar {
    text-align: center;
    background: #F2917E;
    color: #ffffff;
    border-radius: 15px;
    padding: 0.8rem 1.5rem !important;
    color: #fff !important;
    text-align: center;
    max-width: 160px;
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: none;
  }

  #lamina2 .botonA,
  #lamina2 .botonB {
     font-size: 13px !important;
  }

  /* ------------------------------------------Lamina 3------------------------------------------ */
  #lamina3 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, -25%) !important;
  }

  #lamina3 .regresar {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 10px;
  }

  #lamina3 .mobil .rev_slider_wrapper .rev_slider .tp-resizeme {
    font-size: 25px !important;
  }

  #lamina3 .mobil .continuar {
    text-align: center;
    background: #F2917E !important;
    color: #ffffff;
    border-radius: 15px;
    padding: 0.8rem 1.5rem !important;
    text-align: center;
    max-width: 160px;
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: none;
  }
  /* ------------------------------------------Lamina 3.1------------------------------------------ */
  #lamina31 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 20%) !important;
  }
  #lamina31 .regresar {
    color: #ff8978 !important;
    font-size: 20px !important;
    margin-bottom: 10px !;
  }
  #lamina31 h2 {
    font-size: 15px;
  }
  #lamina31 .contentCuad_4 {
    margin-top: 45% !important;
    margin-left: 5%;
  }
  #lamina31 .continuar {
    max-width: 190px;
    font-size: 13px;
  }
  #lamina31 #sesenta {
    height: 40vh;
  }
  /* ------------------------------------------Lamina 4------------------------------------------ */
  #lamina4 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina4 .contentCuad_4 h2 {
    font-size: 17px !important;
    padding: 0 15px !important;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
  }

  #lamina4 .contentCuad_4{
    margin-top: 40% !important;
  }

  #lamina4 br {
    display: none;
  }

  #lamina4 .btns{
    margin-left: 2% !important;
  }

  #lamina4 .continuar {
    max-width: 190px;    
  }
  /* ------------------------------------------Lamina 5------------------------------------------ */
  #lamina5 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina5 a {
    width: 25% !important;
  }

  #lamina5 .tab-content {
    margin-left: 0% !important;
  }

  #lamina5 .botonA{
    width: 50% !important;
    margin-left: 25% !important;
  }

  #lamina5 .tab-content {
    margin-top: 10% !important;
  }

  #lamina5 .tab-nav {
    margin-top: -5% !important;
  }

  #lamina5 .regresar {
    margin-top: 0% !important;
    width: 100% !important;
  }

  #lamina5 san {
    font-size: 30px !important;
  }
  /* ------------------------------------------Lamina 6------------------------------------------ */
  #lamina6 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina6 .regresar {
    margin-left: 0px;
  }

  #lamina6 .continuar {
    text-align: center;
    background: #F2917E;
    color: #ffffff;
    border-radius: 15px;
    padding: 0.8rem 1.5rem !important;
    color: #fff !important;
    text-align: center;
    max-width: 160px;
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: none;
  }

  #lamina6 br {
    display:flex !important;
  }
  /* ------------------------------------------Lamina 7------------------------------------------ */
  #lamina7 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina7 h5 {
    margin-top: 50% !important;
  }
  /* ------------------------------------------Lamina 8------------------------------------------ */
  #lamina8 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }
  /* ------------------------------------------Lamina 9------------------------------------------ */
  #lamina9 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina9 br {
    display:none;
  }

  #lamina9 .botonA,
  #lamina9 .botonB,
  #lamina9 .botonC {
    width: 90px !important;
    font-size:small !important;
    text-align: center;
    margin-left: 2% !important;
  }

  #lamina9 .botonC {
    padding: 0% !important;
    background: #a9ccc5 !important;
    padding: 0.8rem 1rem !important;
  }

  #lamina9 .contentCuad {
    margin-top: 50% !important;
  }
  /* ------------------------------------------Lamina 10------------------------------------------ */
  #lamina10 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina10 h5,
  #lamina10 h3,
  #lamina10 a {
    margin-top: 10% !important;
  }

  #lamina10 h3 {
    font-size: x-large !important;
  }

  #lamina10 .container {
    margin-top: 35% !important;
  }

  #lamina10 #lam10Content {
    height: 80vh !important;
  }
  /* ------------------------------------------Lamina 11------------------------------------------ */
  #lamina11 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina11 .continuar {
    max-width: 190px !important;
  }
  /* ------------------------------------------Lamina 12------------------------------------------ */
  #lamina12 .logoLaminaHead {
    width: 40% !important;
    transform: translate(30%, 5%) !important;
  }

  #lamina12 .regresar {
    margin-top: 20% !important;
  }

  #lamina12 .botonA {
    margin-top: -10px !important;
    border: none;
    color: white !important;
  }

  #lamina12 p {
    font-size: small !important;
  }

  #lamina12 #sesenta {
    height: 50vh !important;
  }

  #lamina12 .contentCuad {
    margin-top: 15rem !important;
    padding: 0px !important;
    margin-left: 2%;
  }
}

@media (max-width: 820px) {
  /* ------------------------------------------Camino------------------------------------------ */
  .US-flag{
    display: none;
  }
  .container{
    max-width: 820px !important;
  }
  /* .logo{
    margin-left: 50%;
  } */
  /* ------------------------------------------Presentacion------------------------------------------ */
  /* ------------------------------------------Lamina 1------------------------------------------ */
  #lamina1 .logoLaminaHead {
    width: 30%;
    transform: translate(-50%, -15%);
  }
  #lamina1 .regresar {
    color: #ffffff !important;
    font-size: 25px !important;
    margin-bottom: 10px;
  }
  #lamina1 .continuar {
    font-size: 25px !important;
  }
  /* ------------------------------------------Lamina 2------------------------------------------ */
  #lamina2 .logoLaminaHead {
    width: 30%;
    transform: translate(0%, 20%);
  }
  #lamina2 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 3------------------------------------------ */
  #lamina3 .logoLaminaHead {
    width: 25%;
    transform: translate(-50%, -50%);
  }
  #lamina3 .regresar {
    color: #ffffff !important;
    font-size: 24px !important;
    margin-top: 50px !important;
  }
  #lamina3 .desktop .rev_slider_wrapper .fullwidthabanner .tp-caption {
    margin-top: 30% !important;
  }
  #lamina3 .desktop .rev_slider_wrapper .fullwidthabanner .continuar {
    margin-top: 150% !important;
  }
  /* ------------------------------------------Lamina 3.1------------------------------------------ */
  #lamina31 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina31 .regresar {
    font-size: 25px !important;
  }
  #lamina31 .contentCuad_4 h2 {
    font-size: 22px;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  #lamina31 br {
    display: none;
  }
  /* ------------------------------------------Lamina 4------------------------------------------ */
  #lamina4 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina4 .contentCuad_4 h2 {
    font-size: 22px;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 5px;
  }
  #lamina4 .contentCuad_4 {
    flex-direction: column;
    align-self: center;
    margin-top: 10%;
  }
  #lamina4 br {
    display: none;
  }
  #lamina4 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  #lamina4 .btns{
    margin-left: 2% !important;
  }
  /* ------------------------------------------Lamina 5------------------------------------------ */
  #lamina5 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina5 a {
    width: 33.33%;
  }
  #lamina5 .tab-content {
    margin-left: 0% !important;
    margin-top: 28%;
  }
  #lamina5 .tab-nav {
    margin-top: 90%;
  }
  #lamina5 .botonA{
    width: 50%;
    margin-left: 25% !important;
  }
  #lamina5 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  #lamina5 .imgTabLamina5 {
    --background: #c4f6ff;
    width: 60%;
    position: absolute;
    --height: 400px;
    right: -12%;
    bottom: 0;
  }
  #lamina5 san{
    font-size: 40px !important;
  }
  /* ------------------------------------------Lamina 6------------------------------------------ */
  #lamina6 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina6 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 7------------------------------------------ */
  #lamina7 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina7 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 8------------------------------------------ */
  #lamina8 .logoLaminaHead {
    width: 25%;
    transform: translate(-50%, -50%);
  }
  #lamina8 .regresar {
    color: #ffffff !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 9------------------------------------------ */
  #lamina9 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina9 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  #lamina9 .botonA {
    width: 120px;
    padding: 13px 0;
    text-align: center;
    position: relative;
    border-radius: 10px;
    background: #faa099 !important;
    color: white;
    font-size: larger;
    margin-right: 5% !important;
  }
  #lamina9 .botonB {
    width: 120px;
    padding: 13px 0;
    text-align: center;
    position: relative;
    border-radius: 10px;
    background: #7e897d !important;
    font-size: larger;
    margin-right: 5% !important;
  }
  #lamina9 .botonC {
    width: 120px;
    padding: 13px 0;
    text-align: center;
    position: relative;
    border-radius: 10px;
    background: #a9ccc5;
    font-size: larger;
  }
  #lamina9 .bg9 {
    background: url(img/laminas/Mapa.png) no-repeat;
    background-size: cover;
  }
  /* ------------------------------------------Lamina 10------------------------------------------ */
  #lamina10 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina10 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 11------------------------------------------ */
  #lamina11 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina11 .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  /* ------------------------------------------Lamina 12------------------------------------------ */
  #lamina12 .logoLaminaHead {
    width: 30%;
    transform: translate(10%, 5%);
  }
  #lamina12 .contentCuad .regresar {
    color: #ff8979 !important;
    font-size: 24px !important;
    margin-bottom: 10px;
  }
}

#lamina12>h2>span {
  top: -86px;
  left: 89px;
}

/* #lamina12 .logoLaminaHead {
  position: absolute;
  top: 2%;
  left: 10%;
  width: 180px;
  z-index: 10;
} */

#lamina12 .regresar {
  color: var(--verde);
  font-size: 16px !important;
  --font-weight: bold;
  margin-top: 8%;
}

#lamina12 .contentCuad {
  margin-top: 7rem;
}

#lamina12 li {
  margin-bottom: 1rem;
}

#lamina12 li p {
  margin-bottom: 10px;
  color: var(--verde);
  /* font-weight: bold; */
  font-size: 20px;
  line-height: 1;
}

#lamina12 li img {
  width: 30px;
  margin-right: 0.5rem;
}