:root {
  --color-red: #eb1c23;
  --color-grayw: #f0f0f0;
  --color-gray: #7b7c7d;
  --color-grayb: #555;
  --color-black: #101010;
  --color-dark: rgba(0,0,0,0.8);
  --color-white: #fff;
  --font-one: 0.8rem;
  --font-two: 0.9rem;
  --font-three: 1rem;
  --font-four: 1.2rem;
  --font-five: 1.5rem;
  --font-six: 1.7rem;
  --font-seven: 2rem;
  --font-eight: 2.5rem;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  font-size: 62.5%;
  font-family: 'Poppins', sans-serif;
  color: var(--color-grayb);
}
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2");
  font-style: normal;
  font-weight: normal;
}
.linkwhite {
  color: var(--color-white);
}
.container {
  flex: 1;
}
.icon {
  font: normal normal normal 14px/1 FontAwesome;
}
.boton {
  text-decoration: none;
  font-weight: 600;
  font-size: var(--font-two);
  background-color: var(--color-red);
  border-radius: 2rem;
  font-family: "Roboto";
  padding: 0.8rem 1.3rem;
}
.boton:hover {
  color: var(--color-grayw);
  background-color: var(--color-gray);
}
p {
  font-size: var(--font-four);
  text-align: justify;
}
h1 {
  font-size: var(--font-five);
  line-height: var(--font-five);
}
h2 {
  font-size: var(--font-four);
  line-height: var(--font-three);
}
.container-info,
.container-gallery,
.container-services
.por,
.experiencia,
.infoarticle {
  width: 100%;
}
.container-info h1,
.container-info h2,
.container-info p,
.container-info-services h1,
.container-info-services p,
.container-info-blog,
.por h1,
.por p,
.experiencia h1,
.experiencia h2,
.experiencia p,
#planes .container h1,
.contdescriptcomment h1,
.contdescriptcomment p,
.info-galery h1,
.article h1,
.article p {
  padding: 0.5rem 0;
}
.container-info h1,
.container-info-services h1,
.container-info-blog,
.por h1,
.experiencia h1,
.contdescriptcomment h1,
.container-question h1,
.info-galery h1,
.article h1 {
  text-align: center;
}

@keyframes barras {
  0.0% {width: 0%}
  100% {width: 85%}
}
@keyframes nexttwo {
  0.0000%{margin-left: 0;}
  49.750%{margin-left: 0;}

  50.251%{margin-left: -100%;}
  100.00%{margin-left: -100%;}
}
@keyframes nextthree {
  0.0000%{margin-left: 0;}
  33.329%{margin-left: 0;}

  33.33%{margin-left: -100%;}
  66.659%{margin-left: -100%;}

  66.66%{margin-left: -200%;}
  100.00%{margin-left: -200%;}
}
@keyframes nextfour {
  0.0000%{margin-left: 0;}
  24.624%{margin-left: 0;}

  25.125%{margin-left: -100%;}
  49.750%{margin-left: -100%;}

  50.251%{margin-left: -200%;}
  74.875%{margin-left: -200%;}

  75.376%{margin-left: -300%;}
  100.00%{margin-left: -300%;}
}
@keyframes nextsix {
  0.0000%{margin-left: 0;}
  16.169%{margin-left: 0;}

  16.670%{margin-left: -100%;}
  32.835%{margin-left: -100%;}

  33.336%{margin-left: -200%;}
  49.501%{margin-left: -200%;}

  50.002%{margin-left: -300%;}
  66.167%{margin-left: -300%;}

  66.668%{margin-left: -400%;}
  82.833%{margin-left: -400%;}

  83.334%{margin-left: -500%;}
  100.00%{margin-left: -500%;}
}
@keyframes nextlogo {
  /*Se realiza esta adicional con la misma info que la anterior, por que si se usa la misma en la misma pagina genera interferencia.*/
  0.0000%{margin-left: 0%;}
  16.169%{margin-left: 0%;}

  16.670%{margin-left: -100%;}
  32.835%{margin-left: -100%;}

  33.336%{margin-left: -200%;}
  49.501%{margin-left: -200%;}

  50.002%{margin-left: -300%;}
  66.167%{margin-left: -300%;}

  66.668%{margin-left: -400%;}
  82.833%{margin-left: -400%;}

  83.334%{margin-left: -500%;}
  100.00%{margin-left: -500%;}
}
@keyframes nexteight {
  0.0000%{margin-left: 0;}
  12.062%{margin-left: 0;}

  12.563%{margin-left: -100%;}
  24.624%{margin-left: -100%;}

  25.125%{margin-left: -200%;}
  37.187%{margin-left: -200%;}

  37.688%{margin-left: -300%;}
  49.750%{margin-left: -300%;}

  50.251%{margin-left: -400%;}
  62.312%{margin-left: -400%;}

  62.813%{margin-left: -500%;}
  74.875%{margin-left: -500%;}

  75.376%{margin-left: -600%;}
  87.437%{margin-left: -600%;}

  87.938%{margin-left: -700%;}
  100.00%{margin-left: -700%;}
}
@keyframes nextthirteen {
  0.0000%{margin-left: 0;}
  7.6890%{margin-left: 0;}

  7.6900%{margin-left: -100%;}
  15.379%{margin-left: -100%;}

  15.380%{margin-left: -200%;}
  23.079%{margin-left: -200%;}

  23.080%{margin-left: -300%;}
  30.769%{margin-left: -300%;}

  30.770%{margin-left: -400%;}
  38.459%{margin-left: -400%;}

  38.460%{margin-left: -500%;}
  46.149%{margin-left: -500%;}

  46.150%{margin-left: -600%;}
  53.849%{margin-left: -600%;}

  53.850%{margin-left: -700%;}
  61.539%{margin-left: -700%;}

  61.540%{margin-left: -800%;}
  69.229%{margin-left: -800%;}

  69.230%{margin-left: -900%;}
  76.919%{margin-left: -900%;}

  76.920%{margin-left: -1000%;}
  84.619%{margin-left: -1000%;}

  84.620%{margin-left: -1100%;}
  92.319%{margin-left: -1100%;}

  92.320%{margin-left: -1200%;}
  100.00%{margin-left: -1200%;}
}
@keyframes nextfourteen {
  0.0000%{margin-left: 0;}
  6.6780%{margin-left: 0;}

  7.1790%{margin-left: -100%;}
  13.856%{margin-left: -100%;}

  14.357%{margin-left: -200%;}
  21.035%{margin-left: -200%;}

  21.536%{margin-left: -300%;}
  28.214%{margin-left: -300%;}

  28.715%{margin-left: -400%;}
  35.392%{margin-left: -400%;}

  35.893%{margin-left: -500%;}
  42.571%{margin-left: -500%;}

  43.072%{margin-left: -600%;}
  49.750%{margin-left: -600%;}

  50.251%{margin-left: -700%;}
  56.928%{margin-left: -700%;}

  57.429%{margin-left: -800%;}
  64.107%{margin-left: -800%;}

  64.608%{margin-left: -900%;}
  71.285%{margin-left: -900%;}

  71.786%{margin-left: -1000%;}
  78.464%{margin-left: -1000%;}

  78.965%{margin-left: -1100%;}
  85.643%{margin-left: -1100%;}

  86.144%{margin-left: -1200%;}
  92.821%{margin-left: -1200%;}

  93.322%{margin-left: -1300%;}
  100.00%{margin-left: -1300%;}
}
@keyframes nextsixteen {
  0.0000%{margin-left: 0;}
  5.7800%{margin-left: 0;}

  6.2810%{margin-left: -100%;}
  12.062%{margin-left: -100%;}

  12.563%{margin-left: -200%;}
  18.343%{margin-left: -200%;}

  18.844%{margin-left: -300%;}
  24.624%{margin-left: -300%;}

  25.125%{margin-left: -400%;}
  30.906%{margin-left: -400%;}

  31.407%{margin-left: -500%;}
  37.187%{margin-left: -500%;}

  37.688%{margin-left: -600%;}
  43.468%{margin-left: -600%;}

  43.969%{margin-left: -700%;}
  49.750%{margin-left: -700%;}

  50.251%{margin-left: -800%;}
  56.031%{margin-left: -800%;}

  56.532%{margin-left: -900%;}
  62.312%{margin-left: -900%;}

  62.813%{margin-left: -1000%;}
  68.593%{margin-left: -1000%;}

  69.094%{margin-left: -1100%;}
  74.875%{margin-left: -1100%;}

  75.376%{margin-left: -1200%;}
  81.156%{margin-left: -1200%;}

  81.657%{margin-left: -1300%;}
  87.437%{margin-left: -1300%;}

  87.938%{margin-left: -1400%;}
  93.719%{margin-left: -1400%;}

  94.220%{margin-left: -1500%;}
  100.00%{margin-left: -1500%;}
}

/* Contacto */
  header{
    background-color: var(--color-black);
  }
  .contact {
    width: 100%;
    background-color: var(--color-dark);
    padding: 0.5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .contact a {
    font-size: var(--font-two);
    text-decoration: none;
    color: var(--color-white);
  }
  .contact li {
    list-style: none;
    background-color: var(--color-dark);
  }
  .contact a img {
    height: var(--font-two);
    margin-top: 0.5rem;
  }
  .contacttel {
    font-size: var(--font-one) !important;
  }
  .mobile::before {
    content: "\f232";
    font-size: var(--font-three);
  }
  .mail::before {
    content: "\f003";
    font-size: var(--font-one);
  }
  .nav-list {
    display: flex;
  }
  .nav-list li {
    position: relative;
  }
  .sub-menu {
    width: 7rem;
    display: block;
    position: absolute;
    border-top: 1px solid var(--color-red);
    z-index: 100;
    top: 4rem;
    opacity: 0;
    visibility: hidden;
    margin-top: 1px;
    transition: all 650ms ease;
  }
  .sub-menu li {
    padding: 1rem;
  }
  .nav-list li:hover > .sub-menu{
    top: 2.2rem;
    opacity: 1;
    visibility: visible;
  }
/*End contacto*/

/* Menu de Navegación */
  nav {
    border-top: 1px solid var(--color-grayb);
    background-color: var(--color-black);
  }
  nav .container {
    background-color: var(--color-dark);
	  display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .menuleft,
  .menuright {
    width: 100%;
    max-width: 317px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .menuleft a,
  .menuright a {
    display: inline-block;
    width: 25%;
    font-size: var(--font-one);
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
  }
  .menucenter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .menuulimg {
    list-style: none;
    width: 13rem;
    overflow: hidden;
    display: flex;
    padding: 0.5rem 0 0;
  }
  .imgitemcenter {
    padding: 0;
    margin: 0.4rem 0 -0.8rem;
    width: 10rem;
  }
  .menuulimg li a {
    text-decoration: none;
    animation: nextlogo 20s infinite;
    color: white;
    min-width: 13rem;
    display: inline-block;
    font-size: 87%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .menuulimg img {
    width: 13rem;
    object-fit: cover;
  }
/*End menu navegación*/

/* Slider Principal */
  #slider {
    background: rgba(0,0,0,0.4);
    height: 18rem;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 100%
  }
  #slider ul {
    list-style: none;
    display: flex;
    overflow: hidden;
    width: 400%;
    animation: nextfour 40s infinite;
  }
  #slider ul li {
    width: 100%;
    height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #slider ul li div {
    text-align: center;
    color: var(--color-white);
    line-height: 3rem;
  }
  #slider ul li div h1 {
    font-size: var(--font-five);
    line-height: 1.5rem;
    padding: 0.8rem 0;
  }
  #slider ul li div a {
    color: var(--color-white);
  }
  #slider ul li div p {
    background: rgba(0,0,0,0.72);
    width: max-content;
    margin: 0.4rem auto 0;
    padding: 0.3rem 1rem;
    color: var(--color-white);
    font-size: var(--font-four);
    text-align: center;
    line-height: 1.2rem;
    font-weight: 800;
  }
  .slider1 {
    background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 100%), url(../images/banner-slider/slide1.jpeg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .slider2 {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.95) 90%), url(../images/banner-slider/slide2.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .slider3 {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.95) 90%), url(../images/banner-slider/slide3.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .slider4 {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.95) 90%), url(../images/banner-slider/slide5.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  /*.slider5 {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.95) 90%), url(../images/banner-slider/slide4.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }  
  slider6 {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.95) 90%), url(../images/banner-slider/slide6.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }*/
/*End slider */

/* Send */
  #send {
    background-color: var(--color-red);
  }
  #send .container {
    display: flex;
    width: 100%;
  }
  .sendleft {
    width: 75%;
    padding: var(--font-three) 0 var(--font-three) 2rem;
  }
  .sendleft h3 {
    font-size: var(--font-four);
    color: var(--color-white);
  }
  .sendleft p {
    font-size: var(--font-four);
    line-height: 1.3rem;
    color: var(--color-white);
  }
  .sendright {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 1.8rem;
  }
  .sendright a {
    color: var(--color-white);
  }
  .sendright .boton {
    border: 0.1rem solid #fff;
  }
/*End send */

/* Modal */
  .modal{
    position: fixed;
    top: -100vh;
    left: 0;
    z-index: 10;
    background: linear-gradient(to top, rgba(0, 0, 20, 0.85) 0%, rgba(0, 0, 10, 0.95) 100%);
    width: 100vw;
    height: 100vh;
    opacity: 0;
    transition: opacity 0.35s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .modal:target {
    opacity: 1;
    top: 0;
  }
  .content-modal {
    width: 95%;
    max-width: 500px;
    background-color: var(--color-white);
    padding: 2rem;
  }
  .content-modal input {
    display: inline-block;
    margin: 0.3rem 0.05rem;
    width: 100%;
    padding: 0.9rem 0;
    font-size: var(--font-four);
  }
  .content-modal label {
    display: inline-block;
    margin: 0.3rem 0 0;
    padding: 0.9rem 0 0;
    font-size: var(--font-four);
  }
  .content-modal img {
    width: 70%;
    object-fit: cover;
    margin: 1rem auto;
    display: block;
  }
  #selector {
    background-color: transparent;
    border: none;
    border-bottom: solid 0.005rem var(--color-gray);
    max-width: 42%;
    margin-bottom: 5%;
  }
  .content-modal .boton {
    display: block;
    color: #fff;
    font-size: 1rem;
    border: none;
  }
  .success-div{
    border: 0.04rem solid var(--color-grayw);
  }
  .success-p {
    text-align: center;
    padding: 1rem 0;
  }
/* End modal */

/* Shalo */
  #shalo .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 2.5rem;
  }
  .container-info {
    padding: 2rem;
    max-width: 383px;
  }
  .container-info a {
    color: cornflowerblue;
  }
  .container-info a:hover {
    color: darkslateblue;
  }
  .accordion {
    margin: 0.8rem 0 0;
  }
  .accordion ul {
    list-style: none;
  }
  .accordion ul li h2 {
    display: block;
    cursor: pointer;
    background: var(--color-grayw);
    border-radius: 1.5rem 1.5rem 0rem 1.5rem;
    padding: 0.85rem 0.45rem 0.85rem 4.5rem !important;
    font-size: var(--font-four);
    font-weight: 600;
  }
  .accordion ul li p,
  .accordion ul li i:before,
  .accordion ul li i:after {
    transition: all 0.25s ease-in-out;
  }
  .accordion ul li p {
    width: calc(100% - 0.04rem);
    border-color: var(--color-grayw);
    border-style: solid;
    border-width: 0 0.15rem 0.15rem 0.15rem;
    border-radius: 0rem 0rem 1.5rem 1.5rem;
    padding: 0.5rem 2rem 0rem !important;
    margin: 0 0 0.35rem 0;
  }
  .accordion ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: calc(100% - 4rem);
    height: 4%;
    z-index: 14;
    opacity: 0;
  }
  .accordion ul li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
  }
  .accordion ul li i:before,
  .accordion ul li i:after,
  .accordion ul li input[type=checkbox]:checked ~ i:before,
  .accordion ul li input[type=checkbox]:checked ~ i:after {
    position: absolute;
    width: 3rem;
    height: 2.7rem;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
  }
  .accordion ul li input[type=checkbox]:checked ~ i:before,
  .accordion ul li input[type=checkbox]:checked ~ i:after {
    content: "+";
    font-size: var(--font-four);
    background: #eb1c23;
    border-radius: 1.5rem 0rem 0rem 1.5rem;
  }
  .accordion ul li i:before,
  .accordion ul li i:after {
    content: "-";
    font-size: var(--font-four);
    background: var(--color-gray);
    border-radius: 1.3rem 0rem 0rem 0rem;
  }
  .container-gallery {
    max-width: 383px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .container-gallery div {
    max-width: 28rem;
  }
  .galleryulimg {
    list-style: none;
    width: 100%;
    overflow: hidden;
    display: flex;
  }
  .galleryulimg img {
    width: 28rem;
    height: 35rem;
    object-fit: cover;
    animation: nextfour 18s infinite;
  }
  .container-gallery .contact {
    position: relative;
    height: 2.55rem;
    top: -2.90rem;
    font-size: var(--font-four);
    line-height: var(--font-four);
  }
/*End shalo*/

/* Servicios */
  .container-info-services {
    padding: 2rem;
    width: 100%;
  }
  .servicios {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 3%;
  }
  .servicio {
    width: 28rem;
    margin-bottom: 4%;
  }
  .deco {
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    width: 3px;
    background: var(--color-red);
  }
  .decoone {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 45px;
    background: var(--color-red);
  }
  .decotwo {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 30px solid transparent;
    border-top: 30px solid black;
    border-left: 30px solid black;
    border-bottom: 30px solid transparent;
  }
  .decothree {
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-right: 30px solid black;
    border-top: 30px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 30px solid black;
  }
  .decofour {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    width: 3px;
    background: var(--color-red);
  }
  .decofive {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    width: 45px;
    background: var(--color-red);
  }
  .info {
    position: absolute;
    width: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 28rem;
  }
  .servicio img {
    width: inherit;
    object-fit: cover;
  }
  .info h1 {
    background: #eb1c23;
    padding: 0.5rem 0.8rem 0.5rem 1.2rem;
    max-width: 17rem;
    color: var(--color-white);
    font-size: var(--font-five);
    line-height: var(--font-five);
    text-align: left;

  }
  .info h2 {
    background: var(--color-black);
    padding: 0.6rem 0.8rem 0.6rem 1.2rem;
    max-width: 17rem;
    color: var(--color-white);
    font-size: var(--font-four);
    line-height: var(--font-four);
    font-weight: 400;
    text-align: left;
    margin-bottom: 0.5rem;
  }
  .info h3,
  .info h4,
  .info h5 {
    display: none;
    text-align: center;
  }
  /* Con Hover*/
    .info:hover {
      background-color: rgba(0,0,0,0.7);
      width: inherit;
      height: 28rem;
      align-items: center;
      justify-content: center;
      padding: 0 1rem;
    }
    .info:hover h1{
      display: none;
    }
    .info:hover h2{
      display: none;
    }
    .info:hover h3,
    .info:hover h4,
    .info:hover h5 {
      display: block;
    }
    .info:hover h3 a {
      color: var(--color-white);
      font-size: var(--font-six);
      line-height: var(--font-six);
    }
    .info:hover h4 a {
      color: var(--color-red);
      font-size: var(--font-four);
      font-weight: 600;
      line-height: var(--font-four);
      padding: 0.8rem 0;
      display: inline-block;
    }
    .info:hover h5 a {
      color: var(--color-white);
      font-size: var(--font-four);
      font-weight: 600;
      line-height: 1.3rem;
    }
    .info:hover h3 a:link,
    .info:hover h3 a:visited,
    .info:hover h3 a:active,
    .info:hover h4 a:link,
    .info:hover h4 a:visited,
    .info:hover h4 a:active,
    .info:hover h5 a:link,
    .info:hover h5 a:visited,
    .info:hover h5 a:active {
      text-decoration:none;
    }
    .info:hover .decotwo {
      opacity: 1;
    }
    .info:hover .decothree {
      opacity: 1;
    }
  /*End con hover*/
/*End Servicios*/

/* Blog */
  #blog {
    background-color: var(--color-grayw);
  }
  .container-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 1rem;
  }
  .container-info-blog {
    padding: 2rem;
    width: 100%;
  }
  .container-info-blog h1 {
    margin-top: 2rem;
  }
  .articulo {
    background-color: var(--color-white);
    margin-bottom: 4%;
  }
  .articulo,
  .artimg {
    width: 28rem;
  }
  .artimg {
    object-fit: cover;
    height: 17rem;
    margin-bottom: 1.4rem;
  }
  .articulo .contact {
    position: relative;
    height: 2rem;
    top: -3.80rem;
    font-size: var(--font-three);
    line-height: var(--font-three);
  }
  .titlearticle,
  .articulo p {
    display: block;
    text-align: left;
    padding: 0 1.5rem 1rem;
  }
  .titlearticle {
    font-size: var(--font-four);
    line-height: var(--font-five);
    text-decoration: none;
    color: var(--color-grayb);
    font-weight: 600;
    margin-top: -2.6rem;
  }
  .titlearticle:hover {
    color: #eb1c23;
  }
  .articulo h3 {
    position: absolute;
    height: 16rem;
    width: inherit;
    margin: 0;
    padding: 0;
  }
  .articulo h3 .read {
    text-decoration: none;
    color: transparent;
  }
  .articulo h3:hover {
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    line-height: 16rem;
    color: #7b7c7d;
    text-decoration: none;
    font-size: 0.75rem;
  }
  .articulo h3:hover .read {
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3rem;
    border-radius: 1.8rem;
    font-family: "Roboto";
    padding: 0.7rem 1.5rem;
    background-color: transparent;
    color: #fff;
    border: solid 0.13rem #fff;
  }
  .articulo h3:hover .read:hover {
    background-color: #fff;
    color: #eb1c23;
    border: none;
  }
/*End blog*/

/* Smart */
  .por {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .por,
  .experiencia {
    width: 100%;
    padding: 2rem;
    max-width: 383px;
  }
  .por img {
    width: 180px;
    margin: 2rem 0;
  }
  .por h2 {
    margin: 0 0 1rem;
    width: 100%;
  }
  #smart .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #smart ul li {
    font-size: var(--font-four);
    color: #555;
    list-style: none;
    line-height: 2rem;
  }
  #smart ul li::before {
    content: "\f101";
    font-family: FontAwesome;
    color: #eb1c23;
    margin-right: 0.5rem;
  }
  #smart span {
    color: #fff;
    text-align: center;
    font-size: var(--font-three);
    line-height: var(--font-seven);
  }
  .experiencia p {
    margin-bottom: 1rem;
  }
  .experiencia h2 {
    margin-top: 1rem;
  }
  .barra {
    height: 2rem;
    background: var(--color-grayw);
    display: flex;
  }
  .barra strong {
    float: left;
    padding-left: 1rem;
    font-size:  var(--font-three);
    line-height: var(--font-seven);
  }
  .barra small {
    float: right;
    font-size: var(--font-two);
    line-height: var(--font-seven);
    color: var(--color-white);
  }
  .cien {
    width: 100%;
  }
  .nnueve {
    width: 99%;
  }
  .nocho {
    width: 98%;
  }
  .nsiete {
    width: 97%;
  }
  .ncinco {
    width: 95%;
  }
  .noventa {
    width: 90%;
  }
  .onueve {
    width: 89%;
  }
  .oocho {
    width: 88%;
  }
  .osiete {
    width: 87%;
  }
  .ocinco {
    width: 85%;
  }
  .ochenta {
    width: 80%;
  }
  .barra > span {
    height: 100%;
    background-color: var(--color-red);
    position: relative;
    animation: barras 7s linear;
    display: block;
    color: var(--color-white);
  }
  .barra-article {
    margin: 0.7rem 0;
  }
  .barra-article > span {
    height: 2rem;
    line-height: 2rem;
  }
/*End smart*/

/* Planes */
  #planes {
    text-align: center;
  }
  .plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 3%;
  }
  .infoplan {
    width: 16.5rem;
    background: var(--color-grayw);
    border: 0.05rem solid var(--color-grayw);
    height: max-content;
    margin-bottom: 4%;
  }
  .infoplan:hover {
    background: #eb1c23;
    border: 0.05rem solid #eb1c23;
  }
  .infoplan:hover h1,
  .infoplan:hover h2,
  .infoplan:hover h4{
    color: #fff;
  }
  .infoplan h1 {
    margin: 0;
    padding: 2rem 0 0 0;
    font-size: 1.333rem;
    color: #101010;
    letter-spacing: 0.1rem;
    line-height: 1.55rem;
  }
  .infoplan pre {
    margin: 0;
    padding: 0.7rem 0 2.5rem 0;
  }
  .infoplan h4 {
    display: inline-block;
    margin: 0;
    font-size: 3.8rem;
    font-family: Poppins;
    font-weight: lighter;
    color: #101010;
  }
  .infoplan h2 {
    display: inline-block;
    font-size: 1.18rem;
    color: #101010;
    font-family: Poppins;
    font-weight: 500;
  }
  .infoplan h3 {
    background: #fff;
    padding: 0.01rem 0px;
    margin: 0px;
    height: 4.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .infoplan ul {
    background: var(--color-white);
    padding: 0.01rem 0 1.5rem;
    margin: 0;
    min-height: 18rem;
  }
  .infoplan ul li {
    font-size: 0.92rem;
    list-style: none;
    color: #505050;
    margin: 0.9rem 0;
    line-height: 1.4rem;
    padding: 0 2px;
  }
  .infoplan ul h3 {
    margin: 2.9rem 0;
  }
  .valor {
    padding: 0.9rem 0px;
    font-size: 2.8rem !important;
  }
  .plan span {
    width: 1rem;
    margin: 0 auto;
  }
  .infoplan .boton {
    color: #fff;
    font-size: 0.938rem;
    padding: 1.2rem 3.1rem;
    margin-bottom: 1rem;
  }
  .infoplan form input[type=image] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 14rem;
    height: 3.5rem;
    color:  transparent;
  }
/*End planes */

/* Question */
  #question {
    background: linear-gradient(to right, rgba(44,62,80,0.9), rgba(44,62,80,0.9)),  url(../images/servicios-slider/service1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
  }
  #question .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 4% 0;
  }
  .container-question h1,
  .container-question p {
    padding: 0.5rem 0;
  }
  .container-question {
    padding: 2rem;
    max-width: 383px;
  }
  .container-question h1,
  .container-question p {
    color: var(--color-white);
  }
  .container-question .accordion ul li p {
    background-color: var(--color-white);
    color: var(--color-grayb);
  }
  .container-img {
    width: 100%;
    max-width: 383px;
    display: flex;
    justify-content: center;
    padding: 2.95rem 0 0;
  }
  .questionimg {
    width: 28rem;
  }
  .questionimg img {
    width: 28rem;
    height: 20rem;
    object-fit: cover;
  }
  .questionimg .contact {
    position: relative;
    height: 2.55rem;
    top: -2.90rem;
    font-size: var(--font-four);
    line-height: var(--font-four);
  }
/*End question */

/* Comments */
  .contdescriptcomment {
    width: 100%;
    padding: 2rem 2rem 0;
  }
  .desccenter {
    text-align: center;
  }
  .container-comments {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .coment {
    background: #f0f0f0;
    width: 28rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem 1.5rem;
  }
  .coment h2,
  .coment p {
    text-align: center;
  }
  .coment h2 {
    margin-top: 1.5rem;
  }
  .coment:hover,
  .coment:hover p {
    background: var(--color-red);
    color: var(--color-white);
  }
  #comments img {
    width: 7rem;
    border-radius: 50%;
    margin: 1.7rem auto;
    display: block;
  }
/*End comments */

/* Achievement */
  #achievements {
    background: linear-gradient(to right, rgba(235,28,35,0.87), rgba(235,28,35,0.87)),  url(../images/logros-slider/logro4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
  }
  .container-achievement {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
  }
  .achievement {
    color: var(--color-white);
    max-width: 383px;
  }
  .contain-gallery {
    display: flex;
    justify-content: center;
  }
  .contain-gallery div {
    max-width: 28rem;
  }
  .galerulimg {
    list-style: none;
    width: 100%;
    overflow: hidden;
    display: flex;
  }
  .galerulimg img {
    width: 28rem;
    height: 20rem;
    object-fit: cover;
    animation: nextthree 10s infinite;
  }
  .contain-gallery div .contact {
    position: relative;
    height: 2.55rem;
    top: -2.90rem;
    font-size: var(--font-four);
    line-height: var(--font-four);
  }
  .percentages {
    color: var(--color-white);
    max-width: 383px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: max-content;
  }
  .percent {
    width: calc(50% - 1.5rem);
    height: initial;
    border: 0.15rem solid rgba(255,255,255,0.5);
    text-align: center;
    padding: 2rem 1rem 1rem;
    margin: 1.7% 0;
  }
  .percent:hover {
   border: 0.15rem solid #fff;
  }
  .percent i {
    color: var(--color-white);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3rem;
  }
  .percent .hand::before {
    content: "\f25b";
  }
  .percent .nut::before {
    content: "\f085";
  }
  .percent .people::before {
    content: "\f0c0";
  }
  .percent .stacks::before {
    content: "\f1c0";
  }
  .percent h4{
   font-size: 3.125rem;
   margin: 0.4rem 0 0.08rem;
   letter-spacing: 0.1rem;
    -ms-transform:scaleX(1); /* IE */
    -moz-transform:scaleX(1); /* Firefox */
    -webkit-transform:scaleX(1); /* Safari and Chrome */
    -o-transform:scaleX(1); /* Opera */
    transform:scaleX(1);
  }
  .percent p{
    font-size: 1.25rem;
    color: var(--color-white);
    text-align: center;
  }
/*End achievement */

/* Galery */
  .info-galery {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .info-galery h3 {
   text-align: center;
  }
  .menugalery {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    margin-top: 3.8rem;
  }
  .info-galery h1 {
    margin-bottom: -1.5rem;
  }
  .info-galery .boton {
    font-size: var(--font-two);
    line-height: var(--font-seven);
    color: var(--color-grayb);
    background-color: var(--color-white);
    border: 0.1rem solid var(--color-red);
    margin: 0 0.5rem;
  }
  .container-galery {
    width: 100%;
    padding: 0 2rem;
  }

  #galery ul {
    list-style: none;
    display: -webkit-box;
    overflow: hidden;
  }
  #galery ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5rem 0 0;
  }
  #galery ul li div {
    width: calc(25% - 1rem);
    position: relative;
    min-width: 9rem;
    height: 7rem;
    margin-bottom: 0.8rem;
  }
  #galery ul li div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  #galery ul li div a {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    text-decoration: none;
    opacity: 0;
  }
  #galery ul li div a:hover {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 1;
    font-size: var(--font-three);
    padding-top: 15%;
    text-align: center;
  }
  .light-box {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100vh;
    z-index: 22;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
  }
  .light-box:target {
    transform: scale(1);
  }
  .light-box img {
    border-radius: 2%;
    max-width: 85vw;
  }
  .light-box a.leftslide,
  .light-box a.rightslide {
    font-family: Poppins;
    margin: 0 0.8rem;
    background-color: transparent;
    color: var(--color-red);
    font-size: 1.8rem;
    text-decoration: none;
    -ms-transform: scaleY(2);
    -moz-transform: scaleY(2);
    -webkit-transform: scaleY(2);
    -o-transform: scaleY(2);
    transform: scaleY(2);
  }
  .light-box a.leftslide:hover,
  .light-box a.rightslide:hover {
    color: #7b7c7d;
  }
  .close {
    background: var(--color-red);
    color: var(--color-white);
    text-decoration: none;
    border-radius: 50%;
    padding: 0.2rem 0.6rem 0.2rem 0.5rem;
    font-size: 0.9rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
  .close:hover {
    background: #7b7c7d;
  }
  iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 45vh;
    border: none !important;
  }
/*End galery */

/* Fromulary */
  #formulary .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .info-from,
  .from {
    width: 100%;
    max-width: 383px;
  }
  #formulary .info-from {
    width: 100%;
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 3rem;
  }
  #formulary .info-from p {
   color: var(--color-white);
   padding: 0.3rem 0;
  }
  .info-from-p{
    padding: 1.5rem 0 1rem !important;
    text-align: initial;
  }
  #formulary .info-from span {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
  }
  #formulary .info-from a {
    text-decoration: none;
    padding: 1rem;
  }
  #formulary .phone,
  #formulary .email,
  #formulary .web,
  #formulary .address {
    display: inline-block;
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    border: 0.05rem solid #fff;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.5rem;
  }
  #formulary .phone::before {
    content: "\f232";
  }
  #formulary .email::before {
    content: "\f2b7";
  }
  #formulary .web::before {
    content: "\f0ac";
  }
  #formulary .address::before {
    content: "\f041";
  }
  #formulary .info-from ul {
   display: flex;
   list-style: none;
   margin: 2.5rem 0;
   padding: 0;
  }
  #formulary .info-from ul li {
   margin: 0;
   padding: 0;
  }
  #formulary .info-from ul li a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  #formulary .facebook,
  #formulary .instagram,
  #formulary .youtube,
  #formulary .whatsapp,
  #formulary .telegram,
  #formulary .pinterest {
    background: #eb1c23;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1rem;
    text-align: center;
    color: #ffffff;
    margin: 0;
    margin-right: 0.8rem;
    padding: 0.6rem 0.7rem;
    border: 0.1rem solid #fff;
    border-radius: 50%;
  }
  #formulary i:hover {
    background: #fff;
    color: #eb1c23;
  }
  #formulary .facebook::before {
    content: "\f09a";
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  #formulary .instagram::before {
    content: "\f16d";
  }
  #formulary .youtube::before {
    content: "\f167";
  }
  #formulary .whatsapp::before {
    content: "\f232";
  }
  #formulary .telegram::before {
    content: "\f2c6";
  }
  #formulary .pinterest::before {
    content: "\f0d2";
  }
  #formulary .from {
    width: 100%;
    background-color: var(--color-white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem 0 0;
  }
  .content-modal h1 {
   margin-bottom: 1rem;
  }
/*End fromulary */

/* Footer */
  .footer {
    background-color: #222222;
    color: var(--color-white);
  }
  .footer .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .info-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .info-footer,
  .boletin {
    width: 100%;
    max-width: 383px;
    padding: 2rem;
  }
  .info-footer p{
    padding: 1rem 0;
    width: 100%;
  }
  .boletin p{
    padding: 1rem 0 0.6rem;
  }
  .boletin h6{
    font-size: var(--font-five);
    letter-spacing: 1pt;
  }
  .info-footer img {
    width: 100%;
    object-fit: cover;
    max-width: 200px;
  }
  .boletin ins {
    text-decoration-color: #eb1c23;
  }
  .footer .boletin input {
    background: transparent;
    padding: 0.8rem 6rem 0.8rem 3rem;
    border: 0.1rem solid var(--color-red);
    border-radius: 2rem 2rem;
    letter-spacing: 0.07rem;
    color: var(--color-white);
    font-size: var(--font-four);
  }
  .footer .boletin button {
    color: var(--color-white);
    padding: 0.7rem 2.2rem 0.8rem;
    border: 0.1rem solid var(--color-red);
    border-radius: 2rem 2rem;
    margin-left: -5rem;
    background: var(--color-red);
  }
  .footer .boletin button:hover {
    color: var(--color-gray);
    font-weight: 800;
  }
  .reserved {
    border-top: 0.05rem solid #444444;
    background-color: #222222;
    color: var(--color-grayb);
    height: 3rem;
    font-size: var(--font-three);
  }
  .reserved span {
    line-height: 3rem;
    text-align: center;
    display: block;
  }
/*End footer */

/* Paginas */
  .principal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .article {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .titleprincipal {
    margin: 4rem 0 3rem;
    font-size: var(--font-seven);
    text-align: center;
    width: 100%;
    padding: 0 2rem;
    line-height: var(--font-seven);
  }
  .titleprincipaltwo {
    font-size: var(--font-seven);
    text-align: center;
    width: 100%;
    max-width: 1140px;
    padding: 0 2rem;
    line-height: var(--font-seven);
  }
  .subtitle {
    font-size: var(--font-five);
    text-align: center;
    width: 100%;
    padding: 0 2rem;
    margin: -2rem 0 3rem;
    line-height: var(--font-five);
  }
  .principal h2,
  .article h2 {
    padding: 1rem 0 1rem;
    width: 100%;
    line-height: var(--font-five);
    letter-spacing: 0.5pt;
    font-size: 1.4rem;
  }
  .principal small,
  .article small {
    padding: 0 0.3rem 1rem 0;
  }
  .article p {
    width: 100%;
  }
  .principal .container-gallery .contact {
    top: 2.5rem;
  }
  .article .questionimg {
    margin: 0 auto;
  }
  .article .questionimg img {
    height: auto;
  }
  .articlesmall {
    width: 100%;
  }
  .articlesmall .mail::before {
    font-size: var(--font-three);
    font-weight: 600;
    color: var(--color-gray);
  }
  .articlesmall .mobile::before {
    font-size: var(--font-five);
    color: var(--color-gray);
  }
  .articlesmall .addresshwcenter::before {
    font-size: 1.35rem;
    color: var(--color-gray);
  }
  .articleul {
    width: 87%;
  }
  .articleli {
    font-size: var(--font-four);
  }
  .imgpilates {
    height: 23rem !important;
    object-fit: contain !important;
  }
  ul.sldadd,
  ul.menuadd,
  ul.menuaddten,
  ul.menuaddfour,
  ul.menuaddeight,
  ul.menuaddeighteen,
  ul.menuaddsixteen,
  ul.menuaddfive,
  ul.sldadd li,
  ul.menuadd li,
  ul.menuaddten li,
  ul.menuaddfour li,
  ul.menuaddeight li,
  ul.menuaddeighteen li,
  ul.menuaddsixteen li,
  ul.menuaddfive li {
    list-style: none;
  }
  ul.sldadd {
    position: relative;
    width: 28rem;
    height: 30rem;
  }
  ul.sldadd li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity 0.5s;
    padding: 0;
    /*ERS
    padding-top: 5.5rem;
    */
  }
  ul.sldadd li img {
    width: 28rem;
    height: 35rem;
    object-fit: cover;
  }
  ul.sldadd li:first-child {
    opacity: 1;
  }
  ul.sldadd li:target {
    opacity: 1;
  }
  .titlearticle {
    text-align: left !important;
  }
  .menuadd,
  .menuaddten,
  .menuaddfour,
  .menuaddeight,
  .menuaddeighteen,
  .menuaddsixteen,
  .menuaddfive {
    width: 28rem;
    max-width: 383px;
    display: flex;
    overflow: hidden;
    margin-top: 3.3rem;
  }
  .menuadd img,
  .menuaddten img,
  .menuaddfour img,
  .menuaddeight img,
  .menuaddeighteen img,
  .menuaddsixteen img,
  .menuaddfive img {
    width: 9.45rem;
    object-fit: cover;
    border-right: 0.4rem solid var(--color-white);
    min-height: 90.5px;
  }
  .menuadd img {
    /*De 8 imagenes se toma el de 6 para el menu de tres imagenes*/
    animation: nextsix 12s infinite;
  }
  .menuaddten img {
    /*De 10 imagenes se toma el de 8 para el menu de tres imagenes*/
    animation: nexteight 15s infinite;
  }
  .menuaddfour img {
    /*De 4 imagenes se toma el de 2 para el menu de tres imagenes*/
    animation: nexttwo 6s infinite;
  }
  .menuaddeight img {
    /*De 8 imagenes se toma el de 6 para el menu de tres imagenes*/
    animation: nextsix 12s infinite;
  }
  .menuaddeighteen img {
    /*De 18 imagenes se toma el de 16 para el menu de tres imagenes*/
    animation: nextsixteen 27s infinite;
  }
  .menuaddsixteen img {
    /*De 16 imagenes se toma el de 14 para el menu de tres imagenes*/
    animation: nextfourteen 24s infinite;
  }
  .menuaddfive img {
    /*De 5 imagenes se toma el de 3 para el menu de tres imagenes*/
    animation: nextthree 7.5s infinite;
  }
  .phraselast {
    text-align: center;
    padding: 2rem;
  }
  .divimgprincipal {
    width: 100%;
  }
  .imgprincipal {
    object-fit: cover;
    width: inherit;
    max-height: 45vh;
  }
  .aprincipal {
    color: black;
  }
  .ahwcenter {
    text-decoration: none;
    color: var(--color-grayb);
  }
  .addresshwcenter {
    font: normal normal normal 14px/1 FontAwesome;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.1rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
  .addresshwcenter::before {
    content: "\f041";
  }
  .beforeplan {
    display: none;
  }
  .infoarticle {
    max-width: 383px;
    padding: 0 2rem;
  }
  .infoarticle small {
    font-size: var(--font-four);
    line-height: var(--font-six);
  }
  .infoarticle a {
    cursor: pointer;
    text-decoration: none;
    font-size: var(--font-four);
    line-height: var(--font-eight);
    color: var(--color-grayb);
  }
  .infoarticle small a {
    color: cornflowerblue;
  }
  .infoarticle small a:hover {
    color: darkslateblue;
  }
/*End paginas*/

/*responsive*/
@media screen and (min-width: 425px){
  .container-info,
  .infoarticle {
    max-width: 425px;
  }
}

    @media screen and (min-width: 440px){
      nav .container {
        padding: 0 8vw;
      }
    }

    @media screen and (min-width: 520px){
      nav .container {
        padding: 0 13vw;
      }
    }

    @media screen and (min-width: 600px){
      nav .container {
        padding: 0 18vw;
      }
    }

    @media screen and (min-width: 680px){
      nav .container {
        padding: 0 21vw;
      }
    }

@media screen and (min-width: 768px){
  nav .container {
    padding: 0;
  }
  .menuulimg li a {
    margin: 0.4rem 0 0.3rem;
  }
  .infoarticle {
    padding: 0 0.5rem 0 1rem;
  }
  /*ERS
  .infoarticle {
    margin-top: 5.2rem;
  }
  */
  #slider,
  #slider ul li {
    height: 24rem;
  }
  #slider ul li div h1 {
    font-size: var(--font-seven);
    line-height: var(--font-seven);
  }
  #slider ul li div a {
    line-height: 6rem;
  }
  #slider ul li div p {
    font-size: var(--font-five);
    line-height: var(--font-six);
  }
  .container-info,
  .infoarticle {
    max-width: 440px;
  }
  .container-question {
    max-width: 440px;
    padding: 2rem 0.8rem 1rem 2rem;
  }
  .container-gallery,
  .container-img {
    max-width: 300px;
  }
  .info-footer {
    max-width: 400px;
  }
  .boletin {
    max-width: 350px;
  }
  .contain-gallery div {
    max-width: 35rem;
  }
  .galerulimg img {
    width: 35rem;
    height: 24rem;
  }
  .percentages {
    padding-right: 1rem;
  }
  #galery ul li div {
    height: 15rem;
  }
  #galery ul li div a:hover {
    padding-top: 36%;
  }
  #formulary .container {
    margin-top: 2rem;
    border: 1px solid red;
    margin-bottom: 3rem;
  }
  /*ERS
  .container-gallery {
    margin-top: 3rem;
  }
  */
  .light-box img {
    max-width: 600px;
  }
  .articleul {
    width: 95%;
  }
  .rightimg {
    float: right;
    margin-left: 2rem !important;
  }
}

@media screen and (min-width: 1024px){
  .principal .container-gallery .contact {
    top: -2.5rem;
  }
  .menuaddeight,
  .menuaddsixteen,
  .menuaddfive,
  .menuaddten,
  .menuadd {
    margin-top: -2rem;
  }
  .infoplan {
    margin: 0 1rem 1rem;
  }
  .infoarticle {
    padding-right: 1.6rem;
  }
  .menuadd,
  .menuaddten,
  .menuaddfour,
  .menuaddeight,
  .menuaddeighteen,
  .menuaddsixteen,
  .menuaddfive {
    width: 32rem;
  }
  .menuadd img,
  .menuaddten img,
  .menuaddfour img,
  .menuaddeight img,
  .menuaddeighteen img,
  .menuaddsixteen img,
  .menuaddfive img {
    width: 10.8rem;
    min-height: 124.8px;
  }
  ul.sldadd,
  ul.sldadd li img {
    width: 32rem;
    height: 38rem;
  }
  html {
    font-size: 75%;
  }
  #slider,
  #slider ul li {
    height: 32rem;
  }
  #slider ul li div h1 {
    font-size: var(--font-eight);
    line-height: var(--font-eight);
  }
  #slider ul li div a {
    line-height: 6rem;
  }
  #slider ul li div p {
    font-size: var(--font-six);
    line-height: var(--font-seven);
  }
  #slider ul li div {
    padding-top: 5rem;
  }
  .container-info-blog h1 {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .beforeplan {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    height: 1.6rem;
  }
  #achievements {
    margin: 3rem 0 0;
  }
  .container-info,
  .info-footer {
    max-width: 59%;
  }
  .achievement .container-info {
    max-width: 100%;
  }
  .principal .container-gallery {
    display: block;
  }
  .container-gallery {
    max-width: max-content;
  }
  .container-img,
  .boletin {
    max-width: 38%;
  }
  .container-gallery {
    margin-right: 2rem;
  }
  .accordion ul li input[type=checkbox] {
    width: calc(52% - 4rem);
  }
  .container-gallery div {
    max-width: 32rem;
  }
  .galleryulimg img {
    width: 32rem;
    height: 38rem;
  }
  .servicio,
  .articulo,
  .artimg,
  .coment {
    width: 23rem;
  }
  .info:hover {
    width: 23rem;
    height: 23rem;
  }
  .info {
    height: 23rem;
  }
  .info h1 {
    font-size: var(--font-four);
    line-height: var(--font-four);
  }
  .info h2 {
    font-size: var(--font-three);
    line-height: var(--font-four);
  }
  .por,
  .experiencia,
  .container-question,
  .container-img,
  .achievement,
  .percentages,
  .info-from,
  .from {
    max-width: 50%;
  }
  .questionimg {
    width: 35rem;
  }
  .questionimg img {
    width: 35rem;
    height: 23rem;
  }
  .imgpilates {
    height: 27rem !important;
  }
  .percent {
    width: calc(42% - 1.5rem);
  }
  .menucenter {
    margin: 0;
    max-width: 160px;
  }
}

@media screen and (min-width: 1440px){
  .titleprincipal {
    max-width: 1140px;
  }
  .contact {
    background-color: black;
  }
  .menuulimg li a {
    min-width: 11.8rem;
    font-size: 78%;
  }
  .menuadd,
  .menuaddten,
  .menuaddfour,
  .menuaddeight,
  .menuaddeighteen,
  .menuaddsixteen,
  .menuaddfive {
    max-width: 32rem;
  }
  .menuadd img,
  .menuaddten img,
  .menuaddfour img,
  .menuaddeight img,
  .menuaddeighteen img,
  .menuaddsixteen img,
  .menuaddfive img {
      min-height: 141.44px;
  }
  html {
    font-size: 85%;
  }
  .container {
    max-width: 1140px;
    margin: 0 auto;
  }
  .accordion ul li input[type=checkbox] {
    width: calc(46% - 4rem);
  }

  nav .container {
    justify-content: space-between;
    max-width: inherit;
  }
  .menuleft, .menuright {
    max-width: 475px;
  }
}

@media screen and (min-width: 2560px){
  .accordion ul li input[type=checkbox] {
    width: calc(18% - 4rem);
  }
}