@charset "UTF-8";
/*!
 * BodyStyle v1.0.0
 * Copyright Federico Manzano
 * Licencia MIT
 * Repositorio (https://github.com/FedericoManzano/BodyStyle---Librer-a-de-estilos)
 */
@font-face {
  font-family: "Roboto";
  src: url("./fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("./fonts/HelveticaNeue.ttf");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

*::before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

html, body {
  font-size: 16px;
  font-family: "HelveticaNeue", "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 500;
}

h1, .h1 {
  font-size: 2.3em;
  font-weight: 100;
}

h2, .h2 {
  font-size: 2.2em;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.8em;
  font-weight: 500;
}

h4, .h4 {
  font-size: 1.2em;
  font-weight: 500;
}

h5, .h5 {
  font-size: 1.1em;
  font-weight: 500;
}

h6, .h6 {
  font-size: 1em;
  font-weight: 500;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
}

a:not[href] {
  color: #9c9c9c !important;
  cursor: none !important;
  border: none !important;
}

p, .p {
  font-size: 1em;
}

span {
  font-size: 1em;
  font-weight: 100;
}

a.link {
  color: #0066b9;
  border-bottom: 1.45px solid #0066b9;
  line-height: 25px;
}
a.link.desactivado {
  color: #c5c5c5 !important;
  border-bottom: 1.45px solid #c5c5c5 !important;
}
a.link:hover {
  color: #1094ff;
  border-bottom: 1.45px solid #1094ff;
}

.f-abajo {
  position: absolute;
  width: 0;
  height: 0;
  right: 20px;
  top: calc(50% - 5px);
  display: flex;
  border-top: 5px solid white;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.f-derecha {
  position: absolute;
  width: 0;
  height: 0;
  right: 20px;
  top: calc(50% - 5px);
  display: flex;
  border-left: 5px solid white;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.i-menu {
  display: flex;
  flex-direction: column;
  padding: 6.7px;
}
.i-menu span {
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
  background-color: white;
}

@media (min-width: 1030px) {
  .ocultar-solo-grandes {
    display: none !important;
  }
}

@media (max-width: 1030px) {
  .ocultar-desde-medianos {
    display: none !important;
  }
}

@media (max-width: 770px) {
  .ocultar-desde-chicos {
    display: none !important;
  }
}

@media (max-width: 400px) {
  .ocultar-desde-x-chicos {
    display: none !important;
  }
}

@media (min-width: 400px) {
  .mostar-solo-x-chicos {
    display: none !important;
  }
}

@media (min-width: 770px) {
  .mostar-solo-chicos {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .mostar-solo-chicos {
    display: none !important;
  }
}

@media (min-width: 1030px) {
  .mostar-solo-medianos {
    display: none !important;
  }
}
@media (max-width: 770px) {
  .mostar-solo-medianos {
    display: none !important;
  }
}

@media (max-width: 1030px) {
  .mostar-solo-grandes {
    display: none !important;
  }
}

.derecha {
  justify-content: flex-end !important;
}

.izquierda {
  justify-content: flex-start !important;
}

.centrado {
  justify-content: center !important;
}

/* Colores Botones */
/* Fondos */
/********************************
******************
******************
***************
    Colores de fondo para los componentes
*/
.fd-rojo {
  background-color: #bb1818 !important;
}

.fd-rojo-c {
  background-color: #f51515 !important;
}

.fd-rojo-o {
  background-color: #500000 !important;
}

.fd-rojo-t {
  background-color: rgba(255, 51, 0, 0.7) !important;
}

.fd-rojo-an {
  background-color: #ff1100 !important;
}

.fd-rojo-ro {
  background-color: #bb1849 !important;
}

.fd-azul {
  background-color: #1045b7 !important;
}

.fd-azul-c {
  background-color: #006cff !important;
}

.fd-azul-o {
  background-color: #002066 !important;
}

.fd-azul-ve {
  background-color: #06263f !important;
}

.fd-azul-ve-s {
  background-color: #002c38 !important;
}

.fd-azul-ve-c {
  background-color: #134350 !important;
}

.fd-azul-t {
  background-color: rgba(16, 69, 183, 0.5) !important;
}

.fd-azul-vi {
  background-color: #2910b7 !important;
}

.fd-verde {
  background-color: #006e5c !important;
}

.fd-verde-c {
  background-color: #00bb9c !important;
}

.fd-verde-o {
  background-color: #073a31 !important;
}

.fd-verde-t {
  background-color: rgba(0, 110, 92, 0.7) !important;
}

.fd-verde-az {
  background-color: #002a30 !important;
}

.fd-verde-am {
  background-color: #273000 !important;
}

.fd-gris {
  background-color: gray !important;
}

.fd-gris-c {
  background-color: #ececec !important;
}

.fd-gris-o {
  background-color: #212121 !important;
}

.fd-gris-t {
  background-color: rgba(160, 160, 160, 0.5) !important;
}

.fd-gris-az {
  background-color: #1e2029 !important;
}

.fd-gris-az-c {
  background-color: #282e42 !important;
}

.fd-gris-az-o {
  background-color: #15161a !important;
}

.fd-gris-n {
  background-color: #111111 !important;
}

.fd-blanco {
  background-color: white !important;
}

.fd-negro {
  background-color: black !important;
}

.fd-violeta {
  background-color: #3900a3 !important;
}

.fd-violeta-c {
  background-color: #5b02ff !important;
}

.fd-violeta-o {
  background-color: #190047 !important;
}

.fd-violeta-t {
  background-color: rgba(12, 2, 32, 0.7) !important;
}

.fd-violeta-az {
  background-color: #10013a !important;
}

.fd-violeta-ro {
  background-color: #3a012c !important;
}

.fd-naranja {
  background-color: #d44810 !important;
}

.fd-naranja-o {
  background-color: #8d1c00 !important;
}

.fd-naranja-c {
  background-color: #fc5e37 !important;
}

.fd-naranja-t {
  background-color: rgba(212, 71, 16, 0.7) !important;
}

.fd-naranja-ro {
  background-color: #d42d10 !important;
}

.fd-naranja-am {
  background-color: #f07400 !important;
}

.fd-amarillo {
  background-color: #e4e412 !important;
}

.fd-amarillo-c {
  background-color: #ffff55 !important;
}

.fd-amarillo-o {
  background-color: #777700 !important;
}

.fd-amarillo-t {
  background-color: rgba(228, 228, 18, 0.7) !important;
}

.fd-amarillo-ve {
  background-color: #bde704 !important;
}

.fd-amarillo-ro {
  background-color: #e79f04 !important;
}

.fd-trasparente {
  background-color: transparent !important;
}

.fd-negro-trasp {
  background-color: rgba(0, 0, 0, 0.075) !important;
}

.fd-facebook {
  background-color: #3b5998 !important;
}

.fd-youtube {
  background-color: #bb0000 !important;
}

.fd-twiter {
  background-color: #55acee !important;
}

.fd-linkedin {
  background-color: #007bb5 !important;
}

.fd-instagram {
  background-color: #125688 !important;
}

.fd-pinterest {
  background-color: #cb2027 !important;
}

.fd-tumblr {
  background-color: #32506d !important;
}

.fd-imgur {
  background-color: #32506d !important;
}

.fd-telegram {
  background-color: #32506d !important;
}

.fd-flickr {
  background-color: #ff0084 !important;
}

.fd-vimeo {
  background-color: #aad450 !important;
}

.fd-whatsapp {
  background-color: #4dc247 !important;
}

.fd-soundcloud {
  background-color: #fffc00 !important;
}

.fd-snapchat {
  background-color: #fffc00 !important;
}

.fd-periscope {
  background-color: #35A3C6 !important;
}

.fd-tinder {
  background-color: #E34514 !important;
}

.contenedor {
  width: 70%;
  margin: auto;
}

@media (max-width: 1030px) {
  .contenedor {
    width: 75%;
    margin: auto;
  }
}

@media (max-width: 770px) {
  .contenedor {
    width: 80%;
    margin: auto;
  }
}

@media (max-width: 400px) {
  .contenedor {
    width: 90%;
    margin: auto;
  }
}

.p-0 {
  padding: 0em !important;
}

.p-1 {
  padding: 0.5em !important;
}

.p-2 {
  padding: 1em !important;
}

.p-3 {
  padding: 1.5em !important;
}

.p-4 {
  padding: 2em !important;
}

.p-5 {
  padding: 2.5em !important;
}

.p-6 {
  padding: 3em !important;
}

.p-7 {
  padding: 3.5em !important;
}

.p-8 {
  padding: 4em !important;
}

.p-9 {
  padding: 4.5em !important;
}

.p-10 {
  padding: 5em !important;
}

.p-11 {
  padding: 5.5em !important;
}

.p-12 {
  padding: 6em !important;
}

.p-13 {
  padding: 6.5em !important;
}

.p-14 {
  padding: 7em !important;
}

.p-15 {
  padding: 7.5em !important;
}

.pi-0 {
  padding-left: 0em !important;
}

.pi-1 {
  padding-left: 0.5em !important;
}

.pi-2 {
  padding-left: 1em !important;
}

.pi-3 {
  padding-left: 1.5em !important;
}

.pi-4 {
  padding-left: 2em !important;
}

.pi-5 {
  padding-left: 2.5em !important;
}

.pi-6 {
  padding-left: 3em !important;
}

.pi-7 {
  padding-left: 3.5em !important;
}

.pi-8 {
  padding-left: 4em !important;
}

.pi-9 {
  padding-left: 4.5em !important;
}

.pi-10 {
  padding-left: 5em !important;
}

.pi-11 {
  padding-left: 5.5em !important;
}

.pi-12 {
  padding-left: 6em !important;
}

.pi-13 {
  padding-left: 6.5em !important;
}

.pi-14 {
  padding-left: 7em !important;
}

.pi-15 {
  padding-left: 7.5em !important;
}

.pd-0 {
  padding-right: 0em !important;
}

.pd-1 {
  padding-right: 0.5em !important;
}

.pd-2 {
  padding-right: 1em !important;
}

.pd-3 {
  padding-right: 1.5em !important;
}

.pd-4 {
  padding-right: 2em !important;
}

.pd-5 {
  padding-right: 2.5em !important;
}

.pd-6 {
  padding-right: 3em !important;
}

.pd-7 {
  padding-right: 3.5em !important;
}

.pd-8 {
  padding-right: 4em !important;
}

.pd-9 {
  padding-right: 4.5em !important;
}

.pd-10 {
  padding-right: 5em !important;
}

.pd-11 {
  padding-right: 5.5em !important;
}

.pd-12 {
  padding-right: 6em !important;
}

.pd-13 {
  padding-right: 6.5em !important;
}

.pd-14 {
  padding-right: 7em !important;
}

.pd-15 {
  padding-right: 7.5em !important;
}

.pab-0 {
  padding-bottom: 0em !important;
}

.pab-1 {
  padding-bottom: 0.5em !important;
}

.pab-2 {
  padding-bottom: 1em !important;
}

.pab-3 {
  padding-bottom: 1.5em !important;
}

.pab-4 {
  padding-bottom: 2em !important;
}

.pab-5 {
  padding-bottom: 2.5em !important;
}

.pab-6 {
  padding-bottom: 3em !important;
}

.pab-7 {
  padding-bottom: 3.5em !important;
}

.pab-8 {
  padding-bottom: 4em !important;
}

.pab-9 {
  padding-bottom: 4.5em !important;
}

.pab-10 {
  padding-bottom: 5em !important;
}

.pab-11 {
  padding-bottom: 5.5em !important;
}

.pab-12 {
  padding-bottom: 6em !important;
}

.pab-13 {
  padding-bottom: 6.5em !important;
}

.pab-14 {
  padding-bottom: 7em !important;
}

.pab-15 {
  padding-bottom: 7.5em !important;
}

.par-0 {
  padding-top: 0em !important;
}

.par-1 {
  padding-top: 0.5em !important;
}

.par-2 {
  padding-top: 1em !important;
}

.par-3 {
  padding-top: 1.5em !important;
}

.par-4 {
  padding-top: 2em !important;
}

.par-5 {
  padding-top: 2.5em !important;
}

.par-6 {
  padding-top: 3em !important;
}

.par-7 {
  padding-top: 3.5em !important;
}

.par-8 {
  padding-top: 4em !important;
}

.par-9 {
  padding-top: 4.5em !important;
}

.par-10 {
  padding-top: 5em !important;
}

.par-11 {
  padding-top: 5.5em !important;
}

.par-12 {
  padding-top: 6em !important;
}

.par-13 {
  padding-top: 6.5em !important;
}

.par-14 {
  padding-top: 7em !important;
}

.par-15 {
  padding-top: 7.5em !important;
}

.m-0 {
  margin: 0em !important;
}

.m-1 {
  margin: 0.5em !important;
}

.m-2 {
  margin: 1em !important;
}

.m-3 {
  margin: 1.5em !important;
}

.m-4 {
  margin: 2em !important;
}

.m-5 {
  margin: 2.5em !important;
}

.m-6 {
  margin: 3em !important;
}

.m-7 {
  margin: 3.5em !important;
}

.m-8 {
  margin: 4em !important;
}

.m-9 {
  margin: 4.5em !important;
}

.m-10 {
  margin: 5em !important;
}

.m-11 {
  margin: 5.5em !important;
}

.m-12 {
  margin: 6em !important;
}

.m-13 {
  margin: 6.5em !important;
}

.m-14 {
  margin: 7em !important;
}

.m-15 {
  margin: 7.5em !important;
}

.mi-0 {
  margin-left: 0em !important;
}

.mi-1 {
  margin-left: 0.5em !important;
}

.mi-2 {
  margin-left: 1em !important;
}

.mi-3 {
  margin-left: 1.5em !important;
}

.mi-4 {
  margin-left: 2em !important;
}

.mi-5 {
  margin-left: 2.5em !important;
}

.mi-6 {
  margin-left: 3em !important;
}

.mi-7 {
  margin-left: 3.5em !important;
}

.mi-8 {
  margin-left: 4em !important;
}

.mi-9 {
  margin-left: 4.5em !important;
}

.mi-10 {
  margin-left: 5em !important;
}

.mi-11 {
  margin-left: 5.5em !important;
}

.mi-12 {
  margin-left: 6em !important;
}

.mi-13 {
  margin-left: 6.5em !important;
}

.mi-14 {
  margin-left: 7em !important;
}

.mi-15 {
  margin-left: 7.5em !important;
}

.md-0 {
  margin-right: 0em !important;
}

.md-1 {
  margin-right: 0.5em !important;
}

.md-2 {
  margin-right: 1em !important;
}

.md-3 {
  margin-right: 1.5em !important;
}

.md-4 {
  margin-right: 2em !important;
}

.md-5 {
  margin-right: 2.5em !important;
}

.md-6 {
  margin-right: 3em !important;
}

.md-7 {
  margin-right: 3.5em !important;
}

.md-8 {
  margin-right: 4em !important;
}

.md-9 {
  margin-right: 4.5em !important;
}

.md-10 {
  margin-right: 5em !important;
}

.md-11 {
  margin-right: 5.5em !important;
}

.md-12 {
  margin-right: 6em !important;
}

.md-13 {
  margin-right: 6.5em !important;
}

.md-14 {
  margin-right: 7em !important;
}

.md-15 {
  margin-right: 7.5em !important;
}

.mar-0 {
  margin-top: 0em !important;
}

.mar-1 {
  margin-top: 0.5em !important;
}

.mar-2 {
  margin-top: 1em !important;
}

.mar-3 {
  margin-top: 1.5em !important;
}

.mar-4 {
  margin-top: 2em !important;
}

.mar-5 {
  margin-top: 2.5em !important;
}

.mar-6 {
  margin-top: 3em !important;
}

.mar-7 {
  margin-top: 3.5em !important;
}

.mar-8 {
  margin-top: 4em !important;
}

.mar-9 {
  margin-top: 4.5em !important;
}

.mar-10 {
  margin-top: 5em !important;
}

.mar-11 {
  margin-top: 5.5em !important;
}

.mar-12 {
  margin-top: 6em !important;
}

.mar-13 {
  margin-top: 6.5em !important;
}

.mar-14 {
  margin-top: 7em !important;
}

.mar-15 {
  margin-top: 7.5em !important;
}

.mab-0 {
  margin-bottom: 0em !important;
}

.mab-1 {
  margin-bottom: 0.5em !important;
}

.mab-2 {
  margin-bottom: 1em !important;
}

.mab-3 {
  margin-bottom: 1.5em !important;
}

.mab-4 {
  margin-bottom: 2em !important;
}

.mab-5 {
  margin-bottom: 2.5em !important;
}

.mab-6 {
  margin-bottom: 3em !important;
}

.mab-7 {
  margin-bottom: 3.5em !important;
}

.mab-8 {
  margin-bottom: 4em !important;
}

.mab-9 {
  margin-bottom: 4.5em !important;
}

.mab-10 {
  margin-bottom: 5em !important;
}

.mab-11 {
  margin-bottom: 5.5em !important;
}

.mab-12 {
  margin-bottom: 6em !important;
}

.mab-13 {
  margin-bottom: 6.5em !important;
}

.mab-14 {
  margin-bottom: 7em !important;
}

.mab-15 {
  margin-bottom: 7.5em !important;
}

.m-a {
  margin: auto !important;
}

@media (max-width: 1030px) {
  .m-m-0 {
    margin: 0em !important;
  }

  .m-m-1 {
    margin: 0.5em !important;
  }

  .m-m-2 {
    margin: 1em !important;
  }

  .m-m-3 {
    margin: 1.5em !important;
  }

  .m-m-4 {
    margin: 2em !important;
  }

  .m-m-5 {
    margin: 2.5em !important;
  }

  .m-m-6 {
    margin: 3em !important;
  }

  .m-m-7 {
    margin: 3.5em !important;
  }

  .m-m-8 {
    margin: 4em !important;
  }

  .m-m-9 {
    margin: 4.5em !important;
  }

  .m-m-10 {
    margin: 5em !important;
  }

  .m-m-11 {
    margin: 5.5em !important;
  }

  .m-m-12 {
    margin: 6em !important;
  }

  .m-m-13 {
    margin: 6.5em !important;
  }

  .m-m-14 {
    margin: 7em !important;
  }

  .m-m-15 {
    margin: 7.5em !important;
  }

  .mi-m-0 {
    margin-left: 0em !important;
  }

  .mi-m-1 {
    margin-left: 0.5em !important;
  }

  .mi-m-2 {
    margin-left: 1em !important;
  }

  .mi-m-3 {
    margin-left: 1.5em !important;
  }

  .mi-m-4 {
    margin-left: 2em !important;
  }

  .mi-m-5 {
    margin-left: 2.5em !important;
  }

  .mi-m-6 {
    margin-left: 3em !important;
  }

  .mi-m-7 {
    margin-left: 3.5em !important;
  }

  .mi-m-8 {
    margin-left: 4em !important;
  }

  .mi-m-9 {
    margin-left: 4.5em !important;
  }

  .mi-m-10 {
    margin-left: 5em !important;
  }

  .mi-m-11 {
    margin-left: 5.5em !important;
  }

  .mi-m-12 {
    margin-left: 6em !important;
  }

  .mi-m-13 {
    margin-left: 6.5em !important;
  }

  .mi-m-14 {
    margin-left: 7em !important;
  }

  .mi-m-15 {
    margin-left: 7.5em !important;
  }

  .md-m-0 {
    margin-right: 0em !important;
  }

  .md-m-1 {
    margin-right: 0.5em !important;
  }

  .md-m-2 {
    margin-right: 1em !important;
  }

  .md-m-3 {
    margin-right: 1.5em !important;
  }

  .md-m-4 {
    margin-right: 2em !important;
  }

  .md-m-5 {
    margin-right: 2.5em !important;
  }

  .md-m-6 {
    margin-right: 3em !important;
  }

  .md-m-7 {
    margin-right: 3.5em !important;
  }

  .md-m-8 {
    margin-right: 4em !important;
  }

  .md-m-9 {
    margin-right: 4.5em !important;
  }

  .md-m-10 {
    margin-right: 5em !important;
  }

  .md-m-11 {
    margin-right: 5.5em !important;
  }

  .md-m-12 {
    margin-right: 6em !important;
  }

  .md-m-13 {
    margin-right: 6.5em !important;
  }

  .md-m-14 {
    margin-right: 7em !important;
  }

  .md-m-15 {
    margin-right: 7.5em !important;
  }

  .mab-m-0 {
    margin-bottom: 0em !important;
  }

  .mab-m-1 {
    margin-bottom: 0.5em !important;
  }

  .mab-m-2 {
    margin-bottom: 1em !important;
  }

  .mab-m-3 {
    margin-bottom: 1.5em !important;
  }

  .mab-m-4 {
    margin-bottom: 2em !important;
  }

  .mab-m-5 {
    margin-bottom: 2.5em !important;
  }

  .mab-m-6 {
    margin-bottom: 3em !important;
  }

  .mab-m-7 {
    margin-bottom: 3.5em !important;
  }

  .mab-m-8 {
    margin-bottom: 4em !important;
  }

  .mab-m-9 {
    margin-bottom: 4.5em !important;
  }

  .mab-m-10 {
    margin-bottom: 5em !important;
  }

  .mab-m-11 {
    margin-bottom: 5.5em !important;
  }

  .mab-m-12 {
    margin-bottom: 6em !important;
  }

  .mab-m-13 {
    margin-bottom: 6.5em !important;
  }

  .mab-m-14 {
    margin-bottom: 7em !important;
  }

  .mab-m-15 {
    margin-bottom: 7.5em !important;
  }

  .mar-m-0 {
    margin-top: 0em !important;
  }

  .mar-m-1 {
    margin-top: 0.5em !important;
  }

  .mar-m-2 {
    margin-top: 1em !important;
  }

  .mar-m-3 {
    margin-top: 1.5em !important;
  }

  .mar-m-4 {
    margin-top: 2em !important;
  }

  .mar-m-5 {
    margin-top: 2.5em !important;
  }

  .mar-m-6 {
    margin-top: 3em !important;
  }

  .mar-m-7 {
    margin-top: 3.5em !important;
  }

  .mar-m-8 {
    margin-top: 4em !important;
  }

  .mar-m-9 {
    margin-top: 4.5em !important;
  }

  .mar-m-10 {
    margin-top: 5em !important;
  }

  .mar-m-11 {
    margin-top: 5.5em !important;
  }

  .mar-m-12 {
    margin-top: 6em !important;
  }

  .mar-m-13 {
    margin-top: 6.5em !important;
  }

  .mar-m-14 {
    margin-top: 7em !important;
  }

  .mar-m-15 {
    margin-top: 7.5em !important;
  }

  .p-m-0 {
    padding: 0em !important;
  }

  .p-m-1 {
    padding: 0.5em !important;
  }

  .p-m-2 {
    padding: 1em !important;
  }

  .p-m-3 {
    padding: 1.5em !important;
  }

  .p-m-4 {
    padding: 2em !important;
  }

  .p-m-5 {
    padding: 2.5em !important;
  }

  .p-m-6 {
    padding: 3em !important;
  }

  .p-m-7 {
    padding: 3.5em !important;
  }

  .p-m-8 {
    padding: 4em !important;
  }

  .p-m-9 {
    padding: 4.5em !important;
  }

  .p-m-10 {
    padding: 5em !important;
  }

  .p-m-11 {
    padding: 5.5em !important;
  }

  .p-m-12 {
    padding: 6em !important;
  }

  .p-m-13 {
    padding: 6.5em !important;
  }

  .p-m-14 {
    padding: 7em !important;
  }

  .p-m-15 {
    padding: 7.5em !important;
  }

  .pi-m-0 {
    padding-left: 0em !important;
  }

  .pi-m-1 {
    padding-left: 0.5em !important;
  }

  .pi-m-2 {
    padding-left: 1em !important;
  }

  .pi-m-3 {
    padding-left: 1.5em !important;
  }

  .pi-m-4 {
    padding-left: 2em !important;
  }

  .pi-m-5 {
    padding-left: 2.5em !important;
  }

  .pi-m-6 {
    padding-left: 3em !important;
  }

  .pi-m-7 {
    padding-left: 3.5em !important;
  }

  .pi-m-8 {
    padding-left: 4em !important;
  }

  .pi-m-9 {
    padding-left: 4.5em !important;
  }

  .pi-m-10 {
    padding-left: 5em !important;
  }

  .pi-m-11 {
    padding-left: 5.5em !important;
  }

  .pi-m-12 {
    padding-left: 6em !important;
  }

  .pi-m-13 {
    padding-left: 6.5em !important;
  }

  .pi-m-14 {
    padding-left: 7em !important;
  }

  .pi-m-15 {
    padding-left: 7.5em !important;
  }

  .pd-m-0 {
    padding-right: 0em !important;
  }

  .pd-m-1 {
    padding-right: 0.5em !important;
  }

  .pd-m-2 {
    padding-right: 1em !important;
  }

  .pd-m-3 {
    padding-right: 1.5em !important;
  }

  .pd-m-4 {
    padding-right: 2em !important;
  }

  .pd-m-5 {
    padding-right: 2.5em !important;
  }

  .pd-m-6 {
    padding-right: 3em !important;
  }

  .pd-m-7 {
    padding-right: 3.5em !important;
  }

  .pd-m-8 {
    padding-right: 4em !important;
  }

  .pd-m-9 {
    padding-right: 4.5em !important;
  }

  .pd-m-10 {
    padding-right: 5em !important;
  }

  .pd-m-11 {
    padding-right: 5.5em !important;
  }

  .pd-m-12 {
    padding-right: 6em !important;
  }

  .pd-m-13 {
    padding-right: 6.5em !important;
  }

  .pd-m-14 {
    padding-right: 7em !important;
  }

  .pd-m-15 {
    padding-right: 7.5em !important;
  }

  .pab-m-0 {
    padding-bottom: 0em !important;
  }

  .pab-m-1 {
    padding-bottom: 0.5em !important;
  }

  .pab-m-2 {
    padding-bottom: 1em !important;
  }

  .pab-m-3 {
    padding-bottom: 1.5em !important;
  }

  .pab-m-4 {
    padding-bottom: 2em !important;
  }

  .pab-m-5 {
    padding-bottom: 2.5em !important;
  }

  .pab-m-6 {
    padding-bottom: 3em !important;
  }

  .pab-m-7 {
    padding-bottom: 3.5em !important;
  }

  .pab-m-8 {
    padding-bottom: 4em !important;
  }

  .pab-m-9 {
    padding-bottom: 4.5em !important;
  }

  .pab-m-10 {
    padding-bottom: 5em !important;
  }

  .pab-m-11 {
    padding-bottom: 5.5em !important;
  }

  .pab-m-12 {
    padding-bottom: 6em !important;
  }

  .pab-m-13 {
    padding-bottom: 6.5em !important;
  }

  .pab-m-14 {
    padding-bottom: 7em !important;
  }

  .pab-m-15 {
    padding-bottom: 7.5em !important;
  }

  .par-m-0 {
    padding-top: 0em !important;
  }

  .par-m-1 {
    padding-top: 0.5em !important;
  }

  .par-m-2 {
    padding-top: 1em !important;
  }

  .par-m-3 {
    padding-top: 1.5em !important;
  }

  .par-m-4 {
    padding-top: 2em !important;
  }

  .par-m-5 {
    padding-top: 2.5em !important;
  }

  .par-m-6 {
    padding-top: 3em !important;
  }

  .par-m-7 {
    padding-top: 3.5em !important;
  }

  .par-m-8 {
    padding-top: 4em !important;
  }

  .par-m-9 {
    padding-top: 4.5em !important;
  }

  .par-m-10 {
    padding-top: 5em !important;
  }

  .par-m-11 {
    padding-top: 5.5em !important;
  }

  .par-m-12 {
    padding-top: 6em !important;
  }

  .par-m-13 {
    padding-top: 6.5em !important;
  }

  .par-m-14 {
    padding-top: 7em !important;
  }

  .par-m-15 {
    padding-top: 7.5em !important;
  }
}
@media (max-width: 770px) {
  .m-s-0 {
    margin: 0em !important;
  }

  .m-s-1 {
    margin: 0.5em !important;
  }

  .m-s-2 {
    margin: 1em !important;
  }

  .m-s-3 {
    margin: 1.5em !important;
  }

  .m-s-4 {
    margin: 2em !important;
  }

  .m-s-5 {
    margin: 2.5em !important;
  }

  .m-s-6 {
    margin: 3em !important;
  }

  .m-s-7 {
    margin: 3.5em !important;
  }

  .m-s-8 {
    margin: 4em !important;
  }

  .m-s-9 {
    margin: 4.5em !important;
  }

  .m-s-10 {
    margin: 5em !important;
  }

  .m-s-11 {
    margin: 5.5em !important;
  }

  .m-s-12 {
    margin: 6em !important;
  }

  .m-s-13 {
    margin: 6.5em !important;
  }

  .m-s-14 {
    margin: 7em !important;
  }

  .m-s-15 {
    margin: 7.5em !important;
  }

  .mi-s-0 {
    margin-left: 0em !important;
  }

  .mi-s-1 {
    margin-left: 0.5em !important;
  }

  .mi-s-2 {
    margin-left: 1em !important;
  }

  .mi-s-3 {
    margin-left: 1.5em !important;
  }

  .mi-s-4 {
    margin-left: 2em !important;
  }

  .mi-s-5 {
    margin-left: 2.5em !important;
  }

  .mi-s-6 {
    margin-left: 3em !important;
  }

  .mi-s-7 {
    margin-left: 3.5em !important;
  }

  .mi-s-8 {
    margin-left: 4em !important;
  }

  .mi-s-9 {
    margin-left: 4.5em !important;
  }

  .mi-s-10 {
    margin-left: 5em !important;
  }

  .mi-s-11 {
    margin-left: 5.5em !important;
  }

  .mi-s-12 {
    margin-left: 6em !important;
  }

  .mi-s-13 {
    margin-left: 6.5em !important;
  }

  .mi-s-14 {
    margin-left: 7em !important;
  }

  .mi-s-15 {
    margin-left: 7.5em !important;
  }

  .md-s-0 {
    margin-right: 0em !important;
  }

  .md-s-1 {
    margin-right: 0.5em !important;
  }

  .md-s-2 {
    margin-right: 1em !important;
  }

  .md-s-3 {
    margin-right: 1.5em !important;
  }

  .md-s-4 {
    margin-right: 2em !important;
  }

  .md-s-5 {
    margin-right: 2.5em !important;
  }

  .md-s-6 {
    margin-right: 3em !important;
  }

  .md-s-7 {
    margin-right: 3.5em !important;
  }

  .md-s-8 {
    margin-right: 4em !important;
  }

  .md-s-9 {
    margin-right: 4.5em !important;
  }

  .md-s-10 {
    margin-right: 5em !important;
  }

  .md-s-11 {
    margin-right: 5.5em !important;
  }

  .md-s-12 {
    margin-right: 6em !important;
  }

  .md-s-13 {
    margin-right: 6.5em !important;
  }

  .md-s-14 {
    margin-right: 7em !important;
  }

  .md-s-15 {
    margin-right: 7.5em !important;
  }

  .mab-s-0 {
    margin-bottom: 0em !important;
  }

  .mab-s-1 {
    margin-bottom: 0.5em !important;
  }

  .mab-s-2 {
    margin-bottom: 1em !important;
  }

  .mab-s-3 {
    margin-bottom: 1.5em !important;
  }

  .mab-s-4 {
    margin-bottom: 2em !important;
  }

  .mab-s-5 {
    margin-bottom: 2.5em !important;
  }

  .mab-s-6 {
    margin-bottom: 3em !important;
  }

  .mab-s-7 {
    margin-bottom: 3.5em !important;
  }

  .mab-s-8 {
    margin-bottom: 4em !important;
  }

  .mab-s-9 {
    margin-bottom: 4.5em !important;
  }

  .mab-s-10 {
    margin-bottom: 5em !important;
  }

  .mab-s-11 {
    margin-bottom: 5.5em !important;
  }

  .mab-s-12 {
    margin-bottom: 6em !important;
  }

  .mab-s-13 {
    margin-bottom: 6.5em !important;
  }

  .mab-s-14 {
    margin-bottom: 7em !important;
  }

  .mab-s-15 {
    margin-bottom: 7.5em !important;
  }

  .mar-s-0 {
    margin-top: 0em !important;
  }

  .mar-s-1 {
    margin-top: 0.5em !important;
  }

  .mar-s-2 {
    margin-top: 1em !important;
  }

  .mar-s-3 {
    margin-top: 1.5em !important;
  }

  .mar-s-4 {
    margin-top: 2em !important;
  }

  .mar-s-5 {
    margin-top: 2.5em !important;
  }

  .mar-s-6 {
    margin-top: 3em !important;
  }

  .mar-s-7 {
    margin-top: 3.5em !important;
  }

  .mar-s-8 {
    margin-top: 4em !important;
  }

  .mar-s-9 {
    margin-top: 4.5em !important;
  }

  .mar-s-10 {
    margin-top: 5em !important;
  }

  .mar-s-11 {
    margin-top: 5.5em !important;
  }

  .mar-s-12 {
    margin-top: 6em !important;
  }

  .mar-s-13 {
    margin-top: 6.5em !important;
  }

  .mar-s-14 {
    margin-top: 7em !important;
  }

  .mar-s-15 {
    margin-top: 7.5em !important;
  }

  .p-s-0 {
    padding: 0em !important;
  }

  .p-s-1 {
    padding: 0.5em !important;
  }

  .p-s-2 {
    padding: 1em !important;
  }

  .p-s-3 {
    padding: 1.5em !important;
  }

  .p-s-4 {
    padding: 2em !important;
  }

  .p-s-5 {
    padding: 2.5em !important;
  }

  .p-s-6 {
    padding: 3em !important;
  }

  .p-s-7 {
    padding: 3.5em !important;
  }

  .p-s-8 {
    padding: 4em !important;
  }

  .p-s-9 {
    padding: 4.5em !important;
  }

  .p-s-10 {
    padding: 5em !important;
  }

  .p-s-11 {
    padding: 5.5em !important;
  }

  .p-s-12 {
    padding: 6em !important;
  }

  .p-s-13 {
    padding: 6.5em !important;
  }

  .p-s-14 {
    padding: 7em !important;
  }

  .p-s-15 {
    padding: 7.5em !important;
  }

  .pi-s-0 {
    padding-left: 0em !important;
  }

  .pi-s-1 {
    padding-left: 0.5em !important;
  }

  .pi-s-2 {
    padding-left: 1em !important;
  }

  .pi-s-3 {
    padding-left: 1.5em !important;
  }

  .pi-s-4 {
    padding-left: 2em !important;
  }

  .pi-s-5 {
    padding-left: 2.5em !important;
  }

  .pi-s-6 {
    padding-left: 3em !important;
  }

  .pi-s-7 {
    padding-left: 3.5em !important;
  }

  .pi-s-8 {
    padding-left: 4em !important;
  }

  .pi-s-9 {
    padding-left: 4.5em !important;
  }

  .pi-s-10 {
    padding-left: 5em !important;
  }

  .pi-s-11 {
    padding-left: 5.5em !important;
  }

  .pi-s-12 {
    padding-left: 6em !important;
  }

  .pi-s-13 {
    padding-left: 6.5em !important;
  }

  .pi-s-14 {
    padding-left: 7em !important;
  }

  .pi-s-15 {
    padding-left: 7.5em !important;
  }

  .pd-s-0 {
    padding-right: 0em !important;
  }

  .pd-s-1 {
    padding-right: 0.5em !important;
  }

  .pd-s-2 {
    padding-right: 1em !important;
  }

  .pd-s-3 {
    padding-right: 1.5em !important;
  }

  .pd-s-4 {
    padding-right: 2em !important;
  }

  .pd-s-5 {
    padding-right: 2.5em !important;
  }

  .pd-s-6 {
    padding-right: 3em !important;
  }

  .pd-s-7 {
    padding-right: 3.5em !important;
  }

  .pd-s-8 {
    padding-right: 4em !important;
  }

  .pd-s-9 {
    padding-right: 4.5em !important;
  }

  .pd-s-10 {
    padding-right: 5em !important;
  }

  .pd-s-11 {
    padding-right: 5.5em !important;
  }

  .pd-s-12 {
    padding-right: 6em !important;
  }

  .pd-s-13 {
    padding-right: 6.5em !important;
  }

  .pd-s-14 {
    padding-right: 7em !important;
  }

  .pd-s-15 {
    padding-right: 7.5em !important;
  }

  .pab-s-0 {
    padding-bottom: 0em !important;
  }

  .pab-s-1 {
    padding-bottom: 0.5em !important;
  }

  .pab-s-2 {
    padding-bottom: 1em !important;
  }

  .pab-s-3 {
    padding-bottom: 1.5em !important;
  }

  .pab-s-4 {
    padding-bottom: 2em !important;
  }

  .pab-s-5 {
    padding-bottom: 2.5em !important;
  }

  .pab-s-6 {
    padding-bottom: 3em !important;
  }

  .pab-s-7 {
    padding-bottom: 3.5em !important;
  }

  .pab-s-8 {
    padding-bottom: 4em !important;
  }

  .pab-s-9 {
    padding-bottom: 4.5em !important;
  }

  .pab-s-10 {
    padding-bottom: 5em !important;
  }

  .pab-s-11 {
    padding-bottom: 5.5em !important;
  }

  .pab-s-12 {
    padding-bottom: 6em !important;
  }

  .pab-s-13 {
    padding-bottom: 6.5em !important;
  }

  .pab-s-14 {
    padding-bottom: 7em !important;
  }

  .pab-s-15 {
    padding-bottom: 7.5em !important;
  }

  .par-s-0 {
    padding-top: 0em !important;
  }

  .par-s-1 {
    padding-top: 0.5em !important;
  }

  .par-s-2 {
    padding-top: 1em !important;
  }

  .par-s-3 {
    padding-top: 1.5em !important;
  }

  .par-s-4 {
    padding-top: 2em !important;
  }

  .par-s-5 {
    padding-top: 2.5em !important;
  }

  .par-s-6 {
    padding-top: 3em !important;
  }

  .par-s-7 {
    padding-top: 3.5em !important;
  }

  .par-s-8 {
    padding-top: 4em !important;
  }

  .par-s-9 {
    padding-top: 4.5em !important;
  }

  .par-s-10 {
    padding-top: 5em !important;
  }

  .par-s-11 {
    padding-top: 5.5em !important;
  }

  .par-s-12 {
    padding-top: 6em !important;
  }

  .par-s-13 {
    padding-top: 6.5em !important;
  }

  .par-s-14 {
    padding-top: 7em !important;
  }

  .par-s-15 {
    padding-top: 7.5em !important;
  }
}
@media (max-width: 400px) {
  .m-xs-0 {
    margin: 0em !important;
  }

  .m-xs-1 {
    margin: 0.5em !important;
  }

  .m-xs-2 {
    margin: 1em !important;
  }

  .m-xs-3 {
    margin: 1.5em !important;
  }

  .m-xs-4 {
    margin: 2em !important;
  }

  .m-xs-5 {
    margin: 2.5em !important;
  }

  .m-xs-6 {
    margin: 3em !important;
  }

  .m-xs-7 {
    margin: 3.5em !important;
  }

  .m-xs-8 {
    margin: 4em !important;
  }

  .m-xs-9 {
    margin: 4.5em !important;
  }

  .m-xs-10 {
    margin: 5em !important;
  }

  .m-xs-11 {
    margin: 5.5em !important;
  }

  .m-xs-12 {
    margin: 6em !important;
  }

  .m-xs-13 {
    margin: 6.5em !important;
  }

  .m-xs-14 {
    margin: 7em !important;
  }

  .m-xs-15 {
    margin: 7.5em !important;
  }

  .mi-xs-0 {
    margin-left: 0em !important;
  }

  .mi-xs-1 {
    margin-left: 0.5em !important;
  }

  .mi-xs-2 {
    margin-left: 1em !important;
  }

  .mi-xs-3 {
    margin-left: 1.5em !important;
  }

  .mi-xs-4 {
    margin-left: 2em !important;
  }

  .mi-xs-5 {
    margin-left: 2.5em !important;
  }

  .mi-xs-6 {
    margin-left: 3em !important;
  }

  .mi-xs-7 {
    margin-left: 3.5em !important;
  }

  .mi-xs-8 {
    margin-left: 4em !important;
  }

  .mi-xs-9 {
    margin-left: 4.5em !important;
  }

  .mi-xs-10 {
    margin-left: 5em !important;
  }

  .mi-xs-11 {
    margin-left: 5.5em !important;
  }

  .mi-xs-12 {
    margin-left: 6em !important;
  }

  .mi-xs-13 {
    margin-left: 6.5em !important;
  }

  .mi-xs-14 {
    margin-left: 7em !important;
  }

  .mi-xs-15 {
    margin-left: 7.5em !important;
  }

  .md-xs-0 {
    margin-right: 0em !important;
  }

  .md-xs-1 {
    margin-right: 0.5em !important;
  }

  .md-xs-2 {
    margin-right: 1em !important;
  }

  .md-xs-3 {
    margin-right: 1.5em !important;
  }

  .md-xs-4 {
    margin-right: 2em !important;
  }

  .md-xs-5 {
    margin-right: 2.5em !important;
  }

  .md-xs-6 {
    margin-right: 3em !important;
  }

  .md-xs-7 {
    margin-right: 3.5em !important;
  }

  .md-xs-8 {
    margin-right: 4em !important;
  }

  .md-xs-9 {
    margin-right: 4.5em !important;
  }

  .md-xs-10 {
    margin-right: 5em !important;
  }

  .md-xs-11 {
    margin-right: 5.5em !important;
  }

  .md-xs-12 {
    margin-right: 6em !important;
  }

  .md-xs-13 {
    margin-right: 6.5em !important;
  }

  .md-xs-14 {
    margin-right: 7em !important;
  }

  .md-xs-15 {
    margin-right: 7.5em !important;
  }

  .mab-xs-0 {
    margin-bottom: 0em !important;
  }

  .mab-xs-1 {
    margin-bottom: 0.5em !important;
  }

  .mab-xs-2 {
    margin-bottom: 1em !important;
  }

  .mab-xs-3 {
    margin-bottom: 1.5em !important;
  }

  .mab-xs-4 {
    margin-bottom: 2em !important;
  }

  .mab-xs-5 {
    margin-bottom: 2.5em !important;
  }

  .mab-xs-6 {
    margin-bottom: 3em !important;
  }

  .mab-xs-7 {
    margin-bottom: 3.5em !important;
  }

  .mab-xs-8 {
    margin-bottom: 4em !important;
  }

  .mab-xs-9 {
    margin-bottom: 4.5em !important;
  }

  .mab-xs-10 {
    margin-bottom: 5em !important;
  }

  .mab-xs-11 {
    margin-bottom: 5.5em !important;
  }

  .mab-xs-12 {
    margin-bottom: 6em !important;
  }

  .mab-xs-13 {
    margin-bottom: 6.5em !important;
  }

  .mab-xs-14 {
    margin-bottom: 7em !important;
  }

  .mab-xs-15 {
    margin-bottom: 7.5em !important;
  }

  .mar-xs-0 {
    margin-top: 0em !important;
  }

  .mar-xs-1 {
    margin-top: 0.5em !important;
  }

  .mar-xs-2 {
    margin-top: 1em !important;
  }

  .mar-xs-3 {
    margin-top: 1.5em !important;
  }

  .mar-xs-4 {
    margin-top: 2em !important;
  }

  .mar-xs-5 {
    margin-top: 2.5em !important;
  }

  .mar-xs-6 {
    margin-top: 3em !important;
  }

  .mar-xs-7 {
    margin-top: 3.5em !important;
  }

  .mar-xs-8 {
    margin-top: 4em !important;
  }

  .mar-xs-9 {
    margin-top: 4.5em !important;
  }

  .mar-xs-10 {
    margin-top: 5em !important;
  }

  .mar-xs-11 {
    margin-top: 5.5em !important;
  }

  .mar-xs-12 {
    margin-top: 6em !important;
  }

  .mar-xs-13 {
    margin-top: 6.5em !important;
  }

  .mar-xs-14 {
    margin-top: 7em !important;
  }

  .mar-xs-15 {
    margin-top: 7.5em !important;
  }

  .p-xs-0 {
    padding: 0em !important;
  }

  .p-xs-1 {
    padding: 0.5em !important;
  }

  .p-xs-2 {
    padding: 1em !important;
  }

  .p-xs-3 {
    padding: 1.5em !important;
  }

  .p-xs-4 {
    padding: 2em !important;
  }

  .p-xs-5 {
    padding: 2.5em !important;
  }

  .p-xs-6 {
    padding: 3em !important;
  }

  .p-xs-7 {
    padding: 3.5em !important;
  }

  .p-xs-8 {
    padding: 4em !important;
  }

  .p-xs-9 {
    padding: 4.5em !important;
  }

  .p-xs-10 {
    padding: 5em !important;
  }

  .p-xs-11 {
    padding: 5.5em !important;
  }

  .p-xs-12 {
    padding: 6em !important;
  }

  .p-xs-13 {
    padding: 6.5em !important;
  }

  .p-xs-14 {
    padding: 7em !important;
  }

  .p-xs-15 {
    padding: 7.5em !important;
  }

  .pi-xs-0 {
    padding-left: 0em !important;
  }

  .pi-xs-1 {
    padding-left: 0.5em !important;
  }

  .pi-xs-2 {
    padding-left: 1em !important;
  }

  .pi-xs-3 {
    padding-left: 1.5em !important;
  }

  .pi-xs-4 {
    padding-left: 2em !important;
  }

  .pi-xs-5 {
    padding-left: 2.5em !important;
  }

  .pi-xs-6 {
    padding-left: 3em !important;
  }

  .pi-xs-7 {
    padding-left: 3.5em !important;
  }

  .pi-xs-8 {
    padding-left: 4em !important;
  }

  .pi-xs-9 {
    padding-left: 4.5em !important;
  }

  .pi-xs-10 {
    padding-left: 5em !important;
  }

  .pi-xs-11 {
    padding-left: 5.5em !important;
  }

  .pi-xs-12 {
    padding-left: 6em !important;
  }

  .pi-xs-13 {
    padding-left: 6.5em !important;
  }

  .pi-xs-14 {
    padding-left: 7em !important;
  }

  .pi-xs-15 {
    padding-left: 7.5em !important;
  }

  .pd-xs-0 {
    padding-right: 0em !important;
  }

  .pd-xs-1 {
    padding-right: 0.5em !important;
  }

  .pd-xs-2 {
    padding-right: 1em !important;
  }

  .pd-xs-3 {
    padding-right: 1.5em !important;
  }

  .pd-xs-4 {
    padding-right: 2em !important;
  }

  .pd-xs-5 {
    padding-right: 2.5em !important;
  }

  .pd-xs-6 {
    padding-right: 3em !important;
  }

  .pd-xs-7 {
    padding-right: 3.5em !important;
  }

  .pd-xs-8 {
    padding-right: 4em !important;
  }

  .pd-xs-9 {
    padding-right: 4.5em !important;
  }

  .pd-xs-10 {
    padding-right: 5em !important;
  }

  .pd-xs-11 {
    padding-right: 5.5em !important;
  }

  .pd-xs-12 {
    padding-right: 6em !important;
  }

  .pd-xs-13 {
    padding-right: 6.5em !important;
  }

  .pd-xs-14 {
    padding-right: 7em !important;
  }

  .pd-xs-15 {
    padding-right: 7.5em !important;
  }

  .pab-xs-0 {
    padding-bottom: 0em !important;
  }

  .pab-xs-1 {
    padding-bottom: 0.5em !important;
  }

  .pab-xs-2 {
    padding-bottom: 1em !important;
  }

  .pab-xs-3 {
    padding-bottom: 1.5em !important;
  }

  .pab-xs-4 {
    padding-bottom: 2em !important;
  }

  .pab-xs-5 {
    padding-bottom: 2.5em !important;
  }

  .pab-xs-6 {
    padding-bottom: 3em !important;
  }

  .pab-xs-7 {
    padding-bottom: 3.5em !important;
  }

  .pab-xs-8 {
    padding-bottom: 4em !important;
  }

  .pab-xs-9 {
    padding-bottom: 4.5em !important;
  }

  .pab-xs-10 {
    padding-bottom: 5em !important;
  }

  .pab-xs-11 {
    padding-bottom: 5.5em !important;
  }

  .pab-xs-12 {
    padding-bottom: 6em !important;
  }

  .pab-xs-13 {
    padding-bottom: 6.5em !important;
  }

  .pab-xs-14 {
    padding-bottom: 7em !important;
  }

  .pab-xs-15 {
    padding-bottom: 7.5em !important;
  }

  .par-xs-0 {
    padding-top: 0em !important;
  }

  .par-xs-1 {
    padding-top: 0.5em !important;
  }

  .par-xs-2 {
    padding-top: 1em !important;
  }

  .par-xs-3 {
    padding-top: 1.5em !important;
  }

  .par-xs-4 {
    padding-top: 2em !important;
  }

  .par-xs-5 {
    padding-top: 2.5em !important;
  }

  .par-xs-6 {
    padding-top: 3em !important;
  }

  .par-xs-7 {
    padding-top: 3.5em !important;
  }

  .par-xs-8 {
    padding-top: 4em !important;
  }

  .par-xs-9 {
    padding-top: 4.5em !important;
  }

  .par-xs-10 {
    padding-top: 5em !important;
  }

  .par-xs-11 {
    padding-top: 5.5em !important;
  }

  .par-xs-12 {
    padding-top: 6em !important;
  }

  .par-xs-13 {
    padding-top: 6.5em !important;
  }

  .par-xs-14 {
    padding-top: 7em !important;
  }

  .par-xs-15 {
    padding-top: 7.5em !important;
  }
}
/****
    Display flex 
*/
.d-flex {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -o-display: flex;
  -ms-display: flex;
}

.flex-fila {
  flex-direction: row;
}

.flex-columna {
  flex-direction: column;
}

.flex-fila-reversa {
  flex-direction: row-reverse;
}

.flex-columna-reversa {
  flex-direction: column-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reversa {
  flex-wrap: wrap-reverse;
}

.just-inicio {
  justify-content: flex-start;
}

.just-final {
  justify-content: flex-end;
}

.just-centrada {
  justify-content: center;
}

.just-cobertura {
  justify-content: space-around;
}

.just-cobertura-tope {
  justify-content: space-between;
}

.ali-centrada {
  align-items: center;
}

.ali-inicio {
  align-items: flex-start;
}

.ali-final {
  align-items: flex-end;
}

.ali-fuente {
  align-items: baseline;
}

.ali-cobertura {
  align-items: stretch;
}

.ali-contenido-centrada {
  align-content: center;
}

.ali-contenido-inicio {
  align-content: flex-start;
}

.ali-contenido-final {
  align-content: flex-end;
}

.ali-contenido-cobertura {
  align-content: stretch;
}

@media (max-width: 1030px) {
  .d-flex-m {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    -ms-display: flex;
  }

  .flex-fila-m {
    flex-direction: row;
  }

  .flex-columna-m {
    flex-direction: column;
  }

  .flex-fila-reversa-m {
    flex-direction: row-reverse;
  }

  .flex-columna-reversa-m {
    flex-direction: column-reverse;
  }

  .flex-no-wrap-m {
    flex-wrap: nowrap;
  }

  .flex-wrap-m {
    flex-wrap: wrap;
  }

  .flex-wrap-reversa-m {
    flex-wrap: wrap-reverse;
  }

  .just-inicio-m {
    justify-content: flex-start;
  }

  .just-final-m {
    justify-content: flex-end;
  }

  .just-centrada-m {
    justify-content: center;
  }

  .just-cobertura-m {
    justify-content: space-around;
  }

  .just-cobertura-tope-m {
    justify-content: space-between;
  }

  .ali-centrada-m {
    align-items: center;
  }

  .ali-inicio-m {
    align-items: flex-start;
  }

  .ali-final-m {
    align-items: flex-end;
  }

  .ali-fuente-m {
    align-items: baseline;
  }

  .ali-cobertura-m {
    align-items: stretch;
  }

  .ali-contenido-centrada-m {
    align-content: center;
  }

  .ali-contenido-inicio-m {
    align-content: flex-start;
  }

  .ali-contenido-final-m {
    align-content: flex-end;
  }

  .ali-contenido-cobertura-m {
    align-content: stretch;
  }
}
@media (max-width: 770px) {
  .d-flex-s {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    -ms-display: flex;
  }

  .flex-fila-s {
    flex-direction: row;
  }

  .flex-columna-s {
    flex-direction: column;
  }

  .flex-fila-reversa-s {
    flex-direction: row-reverse;
  }

  .flex-columna-reversa-s {
    flex-direction: column-reverse;
  }

  .flex-no-wrap-s {
    flex-wrap: nowrap;
  }

  .flex-wrap-s {
    flex-wrap: wrap;
  }

  .flex-wrap-reversa-s {
    flex-wrap: wrap-reverse;
  }

  .just-inicio-s {
    justify-content: flex-start;
  }

  .just-final-s {
    justify-content: flex-end;
  }

  .just-centrada-s {
    justify-content: center;
  }

  .just-cobertura-s {
    justify-content: space-around;
  }

  .just-cobertura-tope-s {
    justify-content: space-between;
  }

  .ali-centrada-s {
    align-items: center;
  }

  .ali-inicio-s {
    align-items: flex-start;
  }

  .ali-final-s {
    align-items: flex-end;
  }

  .ali-fuente-s {
    align-items: baseline;
  }

  .ali-cobertura-s {
    align-items: stretch;
  }

  .ali-contenido-centrada-s {
    align-content: center;
  }

  .ali-contenido-inicio-s {
    align-content: flex-start;
  }

  .ali-contenido-final-s {
    align-content: flex-end;
  }

  .ali-contenido-cobertura-s {
    align-content: stretch;
  }
}
@media (max-width: 400px) {
  .d-flex-xs {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    -ms-display: flex;
  }

  .flex-fila-xs {
    flex-direction: row;
  }

  .flex-columna-xs {
    flex-direction: column;
  }

  .flex-fila-reversa-xs {
    flex-direction: row-reverse;
  }

  .flex-columna-reversa-xs {
    flex-direction: column-reverse;
  }

  .flex-no-wrap-xs {
    flex-wrap: nowrap;
  }

  .flex-wrap-xs {
    flex-wrap: wrap;
  }

  .flex-wrap-reversa-xs {
    flex-wrap: wrap-reverse;
  }

  .just-inicio-xs {
    justify-content: flex-start;
  }

  .just-final-xs {
    justify-content: flex-end;
  }

  .just-centrada-xs {
    justify-content: center;
  }

  .just-cobertura-xs {
    justify-content: space-around;
  }

  .just-cobertura-tope-xs {
    justify-content: space-between;
  }

  .ali-centrada-xs {
    align-items: center;
  }

  .ali-inicio-s {
    align-items: flex-start;
  }

  .ali-final-xs {
    align-items: flex-end;
  }

  .ali-fuente-xs {
    align-items: baseline;
  }

  .ali-cobertura-xs {
    align-items: stretch;
  }

  .ali-contenido-centrada-xs {
    align-content: center;
  }

  .ali-contenido-inicio-xs {
    align-content: flex-start;
  }

  .ali-contenido-final-xs {
    align-content: flex-end;
  }

  .ali-contenido-cobertura-xs {
    align-content: stretch;
  }
}
/****
    Grilla para acomodar los elementos dentro del sitio
    Contiene 4 medidas disponibles
    cxs: MxtraSmall para dispositivos de 400px de ancho max
    cs: Small para dispositivos de 768px de ancho max
    cm: Medium para dispositivos de 1024px de ancho max
    cl: Large para dispositivos de mas de 1100px de ancho max
*/
.fila {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(12, 1fr) !important;
}
.fila .cxs-1 {
  grid-column: span 1;
}
.fila .cxs-2 {
  grid-column: span 2;
}
.fila .cxs-3 {
  grid-column: span 3;
}
.fila .cxs-4 {
  grid-column: span 4;
}
.fila .cxs-5 {
  grid-column: span 5;
}
.fila .cxs-6 {
  grid-column: span 6;
}
.fila .cxs-7 {
  grid-column: span 7;
}
.fila .cxs-8 {
  grid-column: span 8;
}
.fila .cxs-9 {
  grid-column: span 9;
}
.fila .cxs-10 {
  grid-column: span 10;
}
.fila .cxs-11 {
  grid-column: span 11;
}
.fila .cxs-12 {
  grid-column: span 12;
}
.fila .cs-1 {
  grid-column: span 1;
}
.fila .cs-2 {
  grid-column: span 2;
}
.fila .cs-3 {
  grid-column: span 3;
}
.fila .cs-4 {
  grid-column: span 4;
}
.fila .cs-5 {
  grid-column: span 5;
}
.fila .cs-6 {
  grid-column: span 6;
}
.fila .cs-7 {
  grid-column: span 7;
}
.fila .cs-8 {
  grid-column: span 8;
}
.fila .cs-9 {
  grid-column: span 9;
}
.fila .cs-10 {
  grid-column: span 10;
}
.fila .cs-11 {
  grid-column: span 11;
}
.fila .cs-12 {
  grid-column: span 12;
}
.fila .cm-1 {
  grid-column: span 1;
}
.fila .cm-2 {
  grid-column: span 2;
}
.fila .cm-3 {
  grid-column: span 3;
}
.fila .cm-4 {
  grid-column: span 4;
}
.fila .cm-5 {
  grid-column: span 5;
}
.fila .cm-6 {
  grid-column: span 6;
}
.fila .cm-7 {
  grid-column: span 7;
}
.fila .cm-8 {
  grid-column: span 8;
}
.fila .cm-9 {
  grid-column: span 9;
}
.fila .cm-10 {
  grid-column: span 10;
}
.fila .cm-11 {
  grid-column: span 11;
}
.fila .cm-12 {
  grid-column: span 12;
}
.fila .cl-1 {
  grid-column: span 1;
}
.fila .cl-2 {
  grid-column: span 2;
}
.fila .cl-3 {
  grid-column: span 3;
}
.fila .cl-4 {
  grid-column: span 4;
}
.fila .cl-5 {
  grid-column: span 5;
}
.fila .cl-6 {
  grid-column: span 6;
}
.fila .cl-7 {
  grid-column: span 7;
}
.fila .cl-8 {
  grid-column: span 8;
}
.fila .cl-9 {
  grid-column: span 9;
}
.fila .cl-10 {
  grid-column: span 10;
}
.fila .cl-11 {
  grid-column: span 11;
}
.fila .cl-12 {
  grid-column: span 12;
}
.fila .offset-xs-1-1 {
  grid-column: 2/span 1;
}
.fila .offset-xs-1-2 {
  grid-column: 2/span 2;
}
.fila .offset-xs-1-3 {
  grid-column: 2/span 3;
}
.fila .offset-xs-1-4 {
  grid-column: 2/span 4;
}
.fila .offset-xs-1-5 {
  grid-column: 2/span 5;
}
.fila .offset-xs-1-6 {
  grid-column: 2/span 6;
}
.fila .offset-xs-1-7 {
  grid-column: 2/span 7;
}
.fila .offset-xs-1-8 {
  grid-column: 2/span 8;
}
.fila .offset-xs-1-9 {
  grid-column: 2/span 9;
}
.fila .offset-xs-1-10 {
  grid-column: 2/span 10;
}
.fila .offset-xs-1-11 {
  grid-column: 2/span 11;
}
.fila .offset-xs-1-12 {
  grid-column: 2/span 12;
}
.fila .offset-xs-2-1 {
  grid-column: 3/span 1;
}
.fila .offset-xs-2-2 {
  grid-column: 3/span 2;
}
.fila .offset-xs-2-3 {
  grid-column: 3/span 3;
}
.fila .offset-xs-2-4 {
  grid-column: 3/span 4;
}
.fila .offset-xs-2-5 {
  grid-column: 3/span 5;
}
.fila .offset-xs-2-6 {
  grid-column: 3/span 6;
}
.fila .offset-xs-2-7 {
  grid-column: 3/span 7;
}
.fila .offset-xs-2-8 {
  grid-column: 3/span 8;
}
.fila .offset-xs-2-9 {
  grid-column: 3/span 9;
}
.fila .offset-xs-2-10 {
  grid-column: 3/span 10;
}
.fila .offset-xs-2-11 {
  grid-column: 3/span 11;
}
.fila .offset-xs-2-12 {
  grid-column: 3/span 12;
}
.fila .offset-xs-3-1 {
  grid-column: 4/span 1;
}
.fila .offset-xs-3-2 {
  grid-column: 4/span 2;
}
.fila .offset-xs-3-3 {
  grid-column: 4/span 3;
}
.fila .offset-xs-3-4 {
  grid-column: 4/span 4;
}
.fila .offset-xs-3-5 {
  grid-column: 4/span 5;
}
.fila .offset-xs-3-6 {
  grid-column: 4/span 6;
}
.fila .offset-xs-3-7 {
  grid-column: 4/span 7;
}
.fila .offset-xs-3-8 {
  grid-column: 4/span 8;
}
.fila .offset-xs-3-9 {
  grid-column: 4/span 9;
}
.fila .offset-xs-3-10 {
  grid-column: 4/span 10;
}
.fila .offset-xs-3-11 {
  grid-column: 4/span 11;
}
.fila .offset-xs-3-12 {
  grid-column: 4/span 12;
}
.fila .offset-xs-4-1 {
  grid-column: 5/span 1;
}
.fila .offset-xs-4-2 {
  grid-column: 5/span 2;
}
.fila .offset-xs-4-3 {
  grid-column: 5/span 3;
}
.fila .offset-xs-4-4 {
  grid-column: 5/span 4;
}
.fila .offset-xs-4-5 {
  grid-column: 5/span 5;
}
.fila .offset-xs-4-6 {
  grid-column: 5/span 6;
}
.fila .offset-xs-4-7 {
  grid-column: 5/span 7;
}
.fila .offset-xs-4-8 {
  grid-column: 5/span 8;
}
.fila .offset-xs-4-9 {
  grid-column: 5/span 9;
}
.fila .offset-xs-4-10 {
  grid-column: 5/span 10;
}
.fila .offset-xs-4-11 {
  grid-column: 5/span 11;
}
.fila .offset-xs-4-12 {
  grid-column: 5/span 12;
}
.fila .offset-xs-5-1 {
  grid-column: 6/span 1;
}
.fila .offset-xs-5-2 {
  grid-column: 6/span 2;
}
.fila .offset-xs-5-3 {
  grid-column: 6/span 3;
}
.fila .offset-xs-5-4 {
  grid-column: 6/span 4;
}
.fila .offset-xs-5-5 {
  grid-column: 6/span 5;
}
.fila .offset-xs-5-6 {
  grid-column: 6/span 6;
}
.fila .offset-xs-5-7 {
  grid-column: 6/span 7;
}
.fila .offset-xs-5-8 {
  grid-column: 6/span 8;
}
.fila .offset-xs-5-9 {
  grid-column: 6/span 9;
}
.fila .offset-xs-5-10 {
  grid-column: 6/span 10;
}
.fila .offset-xs-5-11 {
  grid-column: 6/span 11;
}
.fila .offset-xs-5-12 {
  grid-column: 6/span 12;
}
.fila .offset-xs-6-1 {
  grid-column: 7/span 1;
}
.fila .offset-xs-6-2 {
  grid-column: 7/span 2;
}
.fila .offset-xs-6-3 {
  grid-column: 7/span 3;
}
.fila .offset-xs-6-4 {
  grid-column: 7/span 4;
}
.fila .offset-xs-6-5 {
  grid-column: 7/span 5;
}
.fila .offset-xs-6-6 {
  grid-column: 7/span 6;
}
.fila .offset-xs-6-7 {
  grid-column: 7/span 7;
}
.fila .offset-xs-6-8 {
  grid-column: 7/span 8;
}
.fila .offset-xs-6-9 {
  grid-column: 7/span 9;
}
.fila .offset-xs-6-10 {
  grid-column: 7/span 10;
}
.fila .offset-xs-6-11 {
  grid-column: 7/span 11;
}
.fila .offset-xs-6-12 {
  grid-column: 7/span 12;
}
.fila .offset-xs-7-1 {
  grid-column: 8/span 1;
}
.fila .offset-xs-7-2 {
  grid-column: 8/span 2;
}
.fila .offset-xs-7-3 {
  grid-column: 8/span 3;
}
.fila .offset-xs-7-4 {
  grid-column: 8/span 4;
}
.fila .offset-xs-7-5 {
  grid-column: 8/span 5;
}
.fila .offset-xs-7-6 {
  grid-column: 8/span 6;
}
.fila .offset-xs-7-7 {
  grid-column: 8/span 7;
}
.fila .offset-xs-7-8 {
  grid-column: 8/span 8;
}
.fila .offset-xs-7-9 {
  grid-column: 8/span 9;
}
.fila .offset-xs-7-10 {
  grid-column: 8/span 10;
}
.fila .offset-xs-7-11 {
  grid-column: 8/span 11;
}
.fila .offset-xs-7-12 {
  grid-column: 8/span 12;
}
.fila .offset-xs-8-1 {
  grid-column: 9/span 1;
}
.fila .offset-xs-8-2 {
  grid-column: 9/span 2;
}
.fila .offset-xs-8-3 {
  grid-column: 9/span 3;
}
.fila .offset-xs-8-4 {
  grid-column: 9/span 4;
}
.fila .offset-xs-8-5 {
  grid-column: 9/span 5;
}
.fila .offset-xs-8-6 {
  grid-column: 9/span 6;
}
.fila .offset-xs-8-7 {
  grid-column: 9/span 7;
}
.fila .offset-xs-8-8 {
  grid-column: 9/span 8;
}
.fila .offset-xs-8-9 {
  grid-column: 9/span 9;
}
.fila .offset-xs-8-10 {
  grid-column: 9/span 10;
}
.fila .offset-xs-8-11 {
  grid-column: 9/span 11;
}
.fila .offset-xs-8-12 {
  grid-column: 9/span 12;
}
.fila .offset-xs-9-1 {
  grid-column: 10/span 1;
}
.fila .offset-xs-9-2 {
  grid-column: 10/span 2;
}
.fila .offset-xs-9-3 {
  grid-column: 10/span 3;
}
.fila .offset-xs-9-4 {
  grid-column: 10/span 4;
}
.fila .offset-xs-9-5 {
  grid-column: 10/span 5;
}
.fila .offset-xs-9-6 {
  grid-column: 10/span 6;
}
.fila .offset-xs-9-7 {
  grid-column: 10/span 7;
}
.fila .offset-xs-9-8 {
  grid-column: 10/span 8;
}
.fila .offset-xs-9-9 {
  grid-column: 10/span 9;
}
.fila .offset-xs-9-10 {
  grid-column: 10/span 10;
}
.fila .offset-xs-9-11 {
  grid-column: 10/span 11;
}
.fila .offset-xs-9-12 {
  grid-column: 10/span 12;
}
.fila .offset-xs-10-1 {
  grid-column: 11/span 1;
}
.fila .offset-xs-10-2 {
  grid-column: 11/span 2;
}
.fila .offset-xs-10-3 {
  grid-column: 11/span 3;
}
.fila .offset-xs-10-4 {
  grid-column: 11/span 4;
}
.fila .offset-xs-10-5 {
  grid-column: 11/span 5;
}
.fila .offset-xs-10-6 {
  grid-column: 11/span 6;
}
.fila .offset-xs-10-7 {
  grid-column: 11/span 7;
}
.fila .offset-xs-10-8 {
  grid-column: 11/span 8;
}
.fila .offset-xs-10-9 {
  grid-column: 11/span 9;
}
.fila .offset-xs-10-10 {
  grid-column: 11/span 10;
}
.fila .offset-xs-10-11 {
  grid-column: 11/span 11;
}
.fila .offset-xs-10-12 {
  grid-column: 11/span 12;
}
.fila .offset-xs-11-1 {
  grid-column: 12/span 1;
}
.fila .offset-xs-11-2 {
  grid-column: 12/span 2;
}
.fila .offset-xs-11-3 {
  grid-column: 12/span 3;
}
.fila .offset-xs-11-4 {
  grid-column: 12/span 4;
}
.fila .offset-xs-11-5 {
  grid-column: 12/span 5;
}
.fila .offset-xs-11-6 {
  grid-column: 12/span 6;
}
.fila .offset-xs-11-7 {
  grid-column: 12/span 7;
}
.fila .offset-xs-11-8 {
  grid-column: 12/span 8;
}
.fila .offset-xs-11-9 {
  grid-column: 12/span 9;
}
.fila .offset-xs-11-10 {
  grid-column: 12/span 10;
}
.fila .offset-xs-11-11 {
  grid-column: 12/span 11;
}
.fila .offset-xs-11-12 {
  grid-column: 12/span 12;
}
.fila .offset-xs-12-1 {
  grid-column: 13/span 1;
}
.fila .offset-xs-12-2 {
  grid-column: 13/span 2;
}
.fila .offset-xs-12-3 {
  grid-column: 13/span 3;
}
.fila .offset-xs-12-4 {
  grid-column: 13/span 4;
}
.fila .offset-xs-12-5 {
  grid-column: 13/span 5;
}
.fila .offset-xs-12-6 {
  grid-column: 13/span 6;
}
.fila .offset-xs-12-7 {
  grid-column: 13/span 7;
}
.fila .offset-xs-12-8 {
  grid-column: 13/span 8;
}
.fila .offset-xs-12-9 {
  grid-column: 13/span 9;
}
.fila .offset-xs-12-10 {
  grid-column: 13/span 10;
}
.fila .offset-xs-12-11 {
  grid-column: 13/span 11;
}
.fila .offset-xs-12-12 {
  grid-column: 13/span 12;
}
.fila .offset-s-1-1 {
  grid-column: 2/span 1;
}
.fila .offset-s-1-2 {
  grid-column: 2/span 2;
}
.fila .offset-s-1-3 {
  grid-column: 2/span 3;
}
.fila .offset-s-1-4 {
  grid-column: 2/span 4;
}
.fila .offset-s-1-5 {
  grid-column: 2/span 5;
}
.fila .offset-s-1-6 {
  grid-column: 2/span 6;
}
.fila .offset-s-1-7 {
  grid-column: 2/span 7;
}
.fila .offset-s-1-8 {
  grid-column: 2/span 8;
}
.fila .offset-s-1-9 {
  grid-column: 2/span 9;
}
.fila .offset-s-1-10 {
  grid-column: 2/span 10;
}
.fila .offset-s-1-11 {
  grid-column: 2/span 11;
}
.fila .offset-s-1-12 {
  grid-column: 2/span 12;
}
.fila .offset-s-2-1 {
  grid-column: 3/span 1;
}
.fila .offset-s-2-2 {
  grid-column: 3/span 2;
}
.fila .offset-s-2-3 {
  grid-column: 3/span 3;
}
.fila .offset-s-2-4 {
  grid-column: 3/span 4;
}
.fila .offset-s-2-5 {
  grid-column: 3/span 5;
}
.fila .offset-s-2-6 {
  grid-column: 3/span 6;
}
.fila .offset-s-2-7 {
  grid-column: 3/span 7;
}
.fila .offset-s-2-8 {
  grid-column: 3/span 8;
}
.fila .offset-s-2-9 {
  grid-column: 3/span 9;
}
.fila .offset-s-2-10 {
  grid-column: 3/span 10;
}
.fila .offset-s-2-11 {
  grid-column: 3/span 11;
}
.fila .offset-s-2-12 {
  grid-column: 3/span 12;
}
.fila .offset-s-3-1 {
  grid-column: 4/span 1;
}
.fila .offset-s-3-2 {
  grid-column: 4/span 2;
}
.fila .offset-s-3-3 {
  grid-column: 4/span 3;
}
.fila .offset-s-3-4 {
  grid-column: 4/span 4;
}
.fila .offset-s-3-5 {
  grid-column: 4/span 5;
}
.fila .offset-s-3-6 {
  grid-column: 4/span 6;
}
.fila .offset-s-3-7 {
  grid-column: 4/span 7;
}
.fila .offset-s-3-8 {
  grid-column: 4/span 8;
}
.fila .offset-s-3-9 {
  grid-column: 4/span 9;
}
.fila .offset-s-3-10 {
  grid-column: 4/span 10;
}
.fila .offset-s-3-11 {
  grid-column: 4/span 11;
}
.fila .offset-s-3-12 {
  grid-column: 4/span 12;
}
.fila .offset-s-4-1 {
  grid-column: 5/span 1;
}
.fila .offset-s-4-2 {
  grid-column: 5/span 2;
}
.fila .offset-s-4-3 {
  grid-column: 5/span 3;
}
.fila .offset-s-4-4 {
  grid-column: 5/span 4;
}
.fila .offset-s-4-5 {
  grid-column: 5/span 5;
}
.fila .offset-s-4-6 {
  grid-column: 5/span 6;
}
.fila .offset-s-4-7 {
  grid-column: 5/span 7;
}
.fila .offset-s-4-8 {
  grid-column: 5/span 8;
}
.fila .offset-s-4-9 {
  grid-column: 5/span 9;
}
.fila .offset-s-4-10 {
  grid-column: 5/span 10;
}
.fila .offset-s-4-11 {
  grid-column: 5/span 11;
}
.fila .offset-s-4-12 {
  grid-column: 5/span 12;
}
.fila .offset-s-5-1 {
  grid-column: 6/span 1;
}
.fila .offset-s-5-2 {
  grid-column: 6/span 2;
}
.fila .offset-s-5-3 {
  grid-column: 6/span 3;
}
.fila .offset-s-5-4 {
  grid-column: 6/span 4;
}
.fila .offset-s-5-5 {
  grid-column: 6/span 5;
}
.fila .offset-s-5-6 {
  grid-column: 6/span 6;
}
.fila .offset-s-5-7 {
  grid-column: 6/span 7;
}
.fila .offset-s-5-8 {
  grid-column: 6/span 8;
}
.fila .offset-s-5-9 {
  grid-column: 6/span 9;
}
.fila .offset-s-5-10 {
  grid-column: 6/span 10;
}
.fila .offset-s-5-11 {
  grid-column: 6/span 11;
}
.fila .offset-s-5-12 {
  grid-column: 6/span 12;
}
.fila .offset-s-6-1 {
  grid-column: 7/span 1;
}
.fila .offset-s-6-2 {
  grid-column: 7/span 2;
}
.fila .offset-s-6-3 {
  grid-column: 7/span 3;
}
.fila .offset-s-6-4 {
  grid-column: 7/span 4;
}
.fila .offset-s-6-5 {
  grid-column: 7/span 5;
}
.fila .offset-s-6-6 {
  grid-column: 7/span 6;
}
.fila .offset-s-6-7 {
  grid-column: 7/span 7;
}
.fila .offset-s-6-8 {
  grid-column: 7/span 8;
}
.fila .offset-s-6-9 {
  grid-column: 7/span 9;
}
.fila .offset-s-6-10 {
  grid-column: 7/span 10;
}
.fila .offset-s-6-11 {
  grid-column: 7/span 11;
}
.fila .offset-s-6-12 {
  grid-column: 7/span 12;
}
.fila .offset-s-7-1 {
  grid-column: 8/span 1;
}
.fila .offset-s-7-2 {
  grid-column: 8/span 2;
}
.fila .offset-s-7-3 {
  grid-column: 8/span 3;
}
.fila .offset-s-7-4 {
  grid-column: 8/span 4;
}
.fila .offset-s-7-5 {
  grid-column: 8/span 5;
}
.fila .offset-s-7-6 {
  grid-column: 8/span 6;
}
.fila .offset-s-7-7 {
  grid-column: 8/span 7;
}
.fila .offset-s-7-8 {
  grid-column: 8/span 8;
}
.fila .offset-s-7-9 {
  grid-column: 8/span 9;
}
.fila .offset-s-7-10 {
  grid-column: 8/span 10;
}
.fila .offset-s-7-11 {
  grid-column: 8/span 11;
}
.fila .offset-s-7-12 {
  grid-column: 8/span 12;
}
.fila .offset-s-8-1 {
  grid-column: 9/span 1;
}
.fila .offset-s-8-2 {
  grid-column: 9/span 2;
}
.fila .offset-s-8-3 {
  grid-column: 9/span 3;
}
.fila .offset-s-8-4 {
  grid-column: 9/span 4;
}
.fila .offset-s-8-5 {
  grid-column: 9/span 5;
}
.fila .offset-s-8-6 {
  grid-column: 9/span 6;
}
.fila .offset-s-8-7 {
  grid-column: 9/span 7;
}
.fila .offset-s-8-8 {
  grid-column: 9/span 8;
}
.fila .offset-s-8-9 {
  grid-column: 9/span 9;
}
.fila .offset-s-8-10 {
  grid-column: 9/span 10;
}
.fila .offset-s-8-11 {
  grid-column: 9/span 11;
}
.fila .offset-s-8-12 {
  grid-column: 9/span 12;
}
.fila .offset-s-9-1 {
  grid-column: 10/span 1;
}
.fila .offset-s-9-2 {
  grid-column: 10/span 2;
}
.fila .offset-s-9-3 {
  grid-column: 10/span 3;
}
.fila .offset-s-9-4 {
  grid-column: 10/span 4;
}
.fila .offset-s-9-5 {
  grid-column: 10/span 5;
}
.fila .offset-s-9-6 {
  grid-column: 10/span 6;
}
.fila .offset-s-9-7 {
  grid-column: 10/span 7;
}
.fila .offset-s-9-8 {
  grid-column: 10/span 8;
}
.fila .offset-s-9-9 {
  grid-column: 10/span 9;
}
.fila .offset-s-9-10 {
  grid-column: 10/span 10;
}
.fila .offset-s-9-11 {
  grid-column: 10/span 11;
}
.fila .offset-s-9-12 {
  grid-column: 10/span 12;
}
.fila .offset-s-10-1 {
  grid-column: 11/span 1;
}
.fila .offset-s-10-2 {
  grid-column: 11/span 2;
}
.fila .offset-s-10-3 {
  grid-column: 11/span 3;
}
.fila .offset-s-10-4 {
  grid-column: 11/span 4;
}
.fila .offset-s-10-5 {
  grid-column: 11/span 5;
}
.fila .offset-s-10-6 {
  grid-column: 11/span 6;
}
.fila .offset-s-10-7 {
  grid-column: 11/span 7;
}
.fila .offset-s-10-8 {
  grid-column: 11/span 8;
}
.fila .offset-s-10-9 {
  grid-column: 11/span 9;
}
.fila .offset-s-10-10 {
  grid-column: 11/span 10;
}
.fila .offset-s-10-11 {
  grid-column: 11/span 11;
}
.fila .offset-s-10-12 {
  grid-column: 11/span 12;
}
.fila .offset-s-11-1 {
  grid-column: 12/span 1;
}
.fila .offset-s-11-2 {
  grid-column: 12/span 2;
}
.fila .offset-s-11-3 {
  grid-column: 12/span 3;
}
.fila .offset-s-11-4 {
  grid-column: 12/span 4;
}
.fila .offset-s-11-5 {
  grid-column: 12/span 5;
}
.fila .offset-s-11-6 {
  grid-column: 12/span 6;
}
.fila .offset-s-11-7 {
  grid-column: 12/span 7;
}
.fila .offset-s-11-8 {
  grid-column: 12/span 8;
}
.fila .offset-s-11-9 {
  grid-column: 12/span 9;
}
.fila .offset-s-11-10 {
  grid-column: 12/span 10;
}
.fila .offset-s-11-11 {
  grid-column: 12/span 11;
}
.fila .offset-s-11-12 {
  grid-column: 12/span 12;
}
.fila .offset-s-12-1 {
  grid-column: 13/span 1;
}
.fila .offset-s-12-2 {
  grid-column: 13/span 2;
}
.fila .offset-s-12-3 {
  grid-column: 13/span 3;
}
.fila .offset-s-12-4 {
  grid-column: 13/span 4;
}
.fila .offset-s-12-5 {
  grid-column: 13/span 5;
}
.fila .offset-s-12-6 {
  grid-column: 13/span 6;
}
.fila .offset-s-12-7 {
  grid-column: 13/span 7;
}
.fila .offset-s-12-8 {
  grid-column: 13/span 8;
}
.fila .offset-s-12-9 {
  grid-column: 13/span 9;
}
.fila .offset-s-12-10 {
  grid-column: 13/span 10;
}
.fila .offset-s-12-11 {
  grid-column: 13/span 11;
}
.fila .offset-s-12-12 {
  grid-column: 13/span 12;
}
.fila .offset-m-1-1 {
  grid-column: 2/span 1;
}
.fila .offset-m-1-2 {
  grid-column: 2/span 2;
}
.fila .offset-m-1-3 {
  grid-column: 2/span 3;
}
.fila .offset-m-1-4 {
  grid-column: 2/span 4;
}
.fila .offset-m-1-5 {
  grid-column: 2/span 5;
}
.fila .offset-m-1-6 {
  grid-column: 2/span 6;
}
.fila .offset-m-1-7 {
  grid-column: 2/span 7;
}
.fila .offset-m-1-8 {
  grid-column: 2/span 8;
}
.fila .offset-m-1-9 {
  grid-column: 2/span 9;
}
.fila .offset-m-1-10 {
  grid-column: 2/span 10;
}
.fila .offset-m-1-11 {
  grid-column: 2/span 11;
}
.fila .offset-m-1-12 {
  grid-column: 2/span 12;
}
.fila .offset-m-2-1 {
  grid-column: 3/span 1;
}
.fila .offset-m-2-2 {
  grid-column: 3/span 2;
}
.fila .offset-m-2-3 {
  grid-column: 3/span 3;
}
.fila .offset-m-2-4 {
  grid-column: 3/span 4;
}
.fila .offset-m-2-5 {
  grid-column: 3/span 5;
}
.fila .offset-m-2-6 {
  grid-column: 3/span 6;
}
.fila .offset-m-2-7 {
  grid-column: 3/span 7;
}
.fila .offset-m-2-8 {
  grid-column: 3/span 8;
}
.fila .offset-m-2-9 {
  grid-column: 3/span 9;
}
.fila .offset-m-2-10 {
  grid-column: 3/span 10;
}
.fila .offset-m-2-11 {
  grid-column: 3/span 11;
}
.fila .offset-m-2-12 {
  grid-column: 3/span 12;
}
.fila .offset-m-3-1 {
  grid-column: 4/span 1;
}
.fila .offset-m-3-2 {
  grid-column: 4/span 2;
}
.fila .offset-m-3-3 {
  grid-column: 4/span 3;
}
.fila .offset-m-3-4 {
  grid-column: 4/span 4;
}
.fila .offset-m-3-5 {
  grid-column: 4/span 5;
}
.fila .offset-m-3-6 {
  grid-column: 4/span 6;
}
.fila .offset-m-3-7 {
  grid-column: 4/span 7;
}
.fila .offset-m-3-8 {
  grid-column: 4/span 8;
}
.fila .offset-m-3-9 {
  grid-column: 4/span 9;
}
.fila .offset-m-3-10 {
  grid-column: 4/span 10;
}
.fila .offset-m-3-11 {
  grid-column: 4/span 11;
}
.fila .offset-m-3-12 {
  grid-column: 4/span 12;
}
.fila .offset-m-4-1 {
  grid-column: 5/span 1;
}
.fila .offset-m-4-2 {
  grid-column: 5/span 2;
}
.fila .offset-m-4-3 {
  grid-column: 5/span 3;
}
.fila .offset-m-4-4 {
  grid-column: 5/span 4;
}
.fila .offset-m-4-5 {
  grid-column: 5/span 5;
}
.fila .offset-m-4-6 {
  grid-column: 5/span 6;
}
.fila .offset-m-4-7 {
  grid-column: 5/span 7;
}
.fila .offset-m-4-8 {
  grid-column: 5/span 8;
}
.fila .offset-m-4-9 {
  grid-column: 5/span 9;
}
.fila .offset-m-4-10 {
  grid-column: 5/span 10;
}
.fila .offset-m-4-11 {
  grid-column: 5/span 11;
}
.fila .offset-m-4-12 {
  grid-column: 5/span 12;
}
.fila .offset-m-5-1 {
  grid-column: 6/span 1;
}
.fila .offset-m-5-2 {
  grid-column: 6/span 2;
}
.fila .offset-m-5-3 {
  grid-column: 6/span 3;
}
.fila .offset-m-5-4 {
  grid-column: 6/span 4;
}
.fila .offset-m-5-5 {
  grid-column: 6/span 5;
}
.fila .offset-m-5-6 {
  grid-column: 6/span 6;
}
.fila .offset-m-5-7 {
  grid-column: 6/span 7;
}
.fila .offset-m-5-8 {
  grid-column: 6/span 8;
}
.fila .offset-m-5-9 {
  grid-column: 6/span 9;
}
.fila .offset-m-5-10 {
  grid-column: 6/span 10;
}
.fila .offset-m-5-11 {
  grid-column: 6/span 11;
}
.fila .offset-m-5-12 {
  grid-column: 6/span 12;
}
.fila .offset-m-6-1 {
  grid-column: 7/span 1;
}
.fila .offset-m-6-2 {
  grid-column: 7/span 2;
}
.fila .offset-m-6-3 {
  grid-column: 7/span 3;
}
.fila .offset-m-6-4 {
  grid-column: 7/span 4;
}
.fila .offset-m-6-5 {
  grid-column: 7/span 5;
}
.fila .offset-m-6-6 {
  grid-column: 7/span 6;
}
.fila .offset-m-6-7 {
  grid-column: 7/span 7;
}
.fila .offset-m-6-8 {
  grid-column: 7/span 8;
}
.fila .offset-m-6-9 {
  grid-column: 7/span 9;
}
.fila .offset-m-6-10 {
  grid-column: 7/span 10;
}
.fila .offset-m-6-11 {
  grid-column: 7/span 11;
}
.fila .offset-m-6-12 {
  grid-column: 7/span 12;
}
.fila .offset-m-7-1 {
  grid-column: 8/span 1;
}
.fila .offset-m-7-2 {
  grid-column: 8/span 2;
}
.fila .offset-m-7-3 {
  grid-column: 8/span 3;
}
.fila .offset-m-7-4 {
  grid-column: 8/span 4;
}
.fila .offset-m-7-5 {
  grid-column: 8/span 5;
}
.fila .offset-m-7-6 {
  grid-column: 8/span 6;
}
.fila .offset-m-7-7 {
  grid-column: 8/span 7;
}
.fila .offset-m-7-8 {
  grid-column: 8/span 8;
}
.fila .offset-m-7-9 {
  grid-column: 8/span 9;
}
.fila .offset-m-7-10 {
  grid-column: 8/span 10;
}
.fila .offset-m-7-11 {
  grid-column: 8/span 11;
}
.fila .offset-m-7-12 {
  grid-column: 8/span 12;
}
.fila .offset-m-8-1 {
  grid-column: 9/span 1;
}
.fila .offset-m-8-2 {
  grid-column: 9/span 2;
}
.fila .offset-m-8-3 {
  grid-column: 9/span 3;
}
.fila .offset-m-8-4 {
  grid-column: 9/span 4;
}
.fila .offset-m-8-5 {
  grid-column: 9/span 5;
}
.fila .offset-m-8-6 {
  grid-column: 9/span 6;
}
.fila .offset-m-8-7 {
  grid-column: 9/span 7;
}
.fila .offset-m-8-8 {
  grid-column: 9/span 8;
}
.fila .offset-m-8-9 {
  grid-column: 9/span 9;
}
.fila .offset-m-8-10 {
  grid-column: 9/span 10;
}
.fila .offset-m-8-11 {
  grid-column: 9/span 11;
}
.fila .offset-m-8-12 {
  grid-column: 9/span 12;
}
.fila .offset-m-9-1 {
  grid-column: 10/span 1;
}
.fila .offset-m-9-2 {
  grid-column: 10/span 2;
}
.fila .offset-m-9-3 {
  grid-column: 10/span 3;
}
.fila .offset-m-9-4 {
  grid-column: 10/span 4;
}
.fila .offset-m-9-5 {
  grid-column: 10/span 5;
}
.fila .offset-m-9-6 {
  grid-column: 10/span 6;
}
.fila .offset-m-9-7 {
  grid-column: 10/span 7;
}
.fila .offset-m-9-8 {
  grid-column: 10/span 8;
}
.fila .offset-m-9-9 {
  grid-column: 10/span 9;
}
.fila .offset-m-9-10 {
  grid-column: 10/span 10;
}
.fila .offset-m-9-11 {
  grid-column: 10/span 11;
}
.fila .offset-m-9-12 {
  grid-column: 10/span 12;
}
.fila .offset-m-10-1 {
  grid-column: 11/span 1;
}
.fila .offset-m-10-2 {
  grid-column: 11/span 2;
}
.fila .offset-m-10-3 {
  grid-column: 11/span 3;
}
.fila .offset-m-10-4 {
  grid-column: 11/span 4;
}
.fila .offset-m-10-5 {
  grid-column: 11/span 5;
}
.fila .offset-m-10-6 {
  grid-column: 11/span 6;
}
.fila .offset-m-10-7 {
  grid-column: 11/span 7;
}
.fila .offset-m-10-8 {
  grid-column: 11/span 8;
}
.fila .offset-m-10-9 {
  grid-column: 11/span 9;
}
.fila .offset-m-10-10 {
  grid-column: 11/span 10;
}
.fila .offset-m-10-11 {
  grid-column: 11/span 11;
}
.fila .offset-m-10-12 {
  grid-column: 11/span 12;
}
.fila .offset-m-11-1 {
  grid-column: 12/span 1;
}
.fila .offset-m-11-2 {
  grid-column: 12/span 2;
}
.fila .offset-m-11-3 {
  grid-column: 12/span 3;
}
.fila .offset-m-11-4 {
  grid-column: 12/span 4;
}
.fila .offset-m-11-5 {
  grid-column: 12/span 5;
}
.fila .offset-m-11-6 {
  grid-column: 12/span 6;
}
.fila .offset-m-11-7 {
  grid-column: 12/span 7;
}
.fila .offset-m-11-8 {
  grid-column: 12/span 8;
}
.fila .offset-m-11-9 {
  grid-column: 12/span 9;
}
.fila .offset-m-11-10 {
  grid-column: 12/span 10;
}
.fila .offset-m-11-11 {
  grid-column: 12/span 11;
}
.fila .offset-m-11-12 {
  grid-column: 12/span 12;
}
.fila .offset-m-12-1 {
  grid-column: 13/span 1;
}
.fila .offset-m-12-2 {
  grid-column: 13/span 2;
}
.fila .offset-m-12-3 {
  grid-column: 13/span 3;
}
.fila .offset-m-12-4 {
  grid-column: 13/span 4;
}
.fila .offset-m-12-5 {
  grid-column: 13/span 5;
}
.fila .offset-m-12-6 {
  grid-column: 13/span 6;
}
.fila .offset-m-12-7 {
  grid-column: 13/span 7;
}
.fila .offset-m-12-8 {
  grid-column: 13/span 8;
}
.fila .offset-m-12-9 {
  grid-column: 13/span 9;
}
.fila .offset-m-12-10 {
  grid-column: 13/span 10;
}
.fila .offset-m-12-11 {
  grid-column: 13/span 11;
}
.fila .offset-m-12-12 {
  grid-column: 13/span 12;
}
.fila .offset-l-1-1 {
  grid-column: 2/span 1;
}
.fila .offset-l-1-2 {
  grid-column: 2/span 2;
}
.fila .offset-l-1-3 {
  grid-column: 2/span 3;
}
.fila .offset-l-1-4 {
  grid-column: 2/span 4;
}
.fila .offset-l-1-5 {
  grid-column: 2/span 5;
}
.fila .offset-l-1-6 {
  grid-column: 2/span 6;
}
.fila .offset-l-1-7 {
  grid-column: 2/span 7;
}
.fila .offset-l-1-8 {
  grid-column: 2/span 8;
}
.fila .offset-l-1-9 {
  grid-column: 2/span 9;
}
.fila .offset-l-1-10 {
  grid-column: 2/span 10;
}
.fila .offset-l-1-11 {
  grid-column: 2/span 11;
}
.fila .offset-l-1-12 {
  grid-column: 2/span 12;
}
.fila .offset-l-2-1 {
  grid-column: 3/span 1;
}
.fila .offset-l-2-2 {
  grid-column: 3/span 2;
}
.fila .offset-l-2-3 {
  grid-column: 3/span 3;
}
.fila .offset-l-2-4 {
  grid-column: 3/span 4;
}
.fila .offset-l-2-5 {
  grid-column: 3/span 5;
}
.fila .offset-l-2-6 {
  grid-column: 3/span 6;
}
.fila .offset-l-2-7 {
  grid-column: 3/span 7;
}
.fila .offset-l-2-8 {
  grid-column: 3/span 8;
}
.fila .offset-l-2-9 {
  grid-column: 3/span 9;
}
.fila .offset-l-2-10 {
  grid-column: 3/span 10;
}
.fila .offset-l-2-11 {
  grid-column: 3/span 11;
}
.fila .offset-l-2-12 {
  grid-column: 3/span 12;
}
.fila .offset-l-3-1 {
  grid-column: 4/span 1;
}
.fila .offset-l-3-2 {
  grid-column: 4/span 2;
}
.fila .offset-l-3-3 {
  grid-column: 4/span 3;
}
.fila .offset-l-3-4 {
  grid-column: 4/span 4;
}
.fila .offset-l-3-5 {
  grid-column: 4/span 5;
}
.fila .offset-l-3-6 {
  grid-column: 4/span 6;
}
.fila .offset-l-3-7 {
  grid-column: 4/span 7;
}
.fila .offset-l-3-8 {
  grid-column: 4/span 8;
}
.fila .offset-l-3-9 {
  grid-column: 4/span 9;
}
.fila .offset-l-3-10 {
  grid-column: 4/span 10;
}
.fila .offset-l-3-11 {
  grid-column: 4/span 11;
}
.fila .offset-l-3-12 {
  grid-column: 4/span 12;
}
.fila .offset-l-4-1 {
  grid-column: 5/span 1;
}
.fila .offset-l-4-2 {
  grid-column: 5/span 2;
}
.fila .offset-l-4-3 {
  grid-column: 5/span 3;
}
.fila .offset-l-4-4 {
  grid-column: 5/span 4;
}
.fila .offset-l-4-5 {
  grid-column: 5/span 5;
}
.fila .offset-l-4-6 {
  grid-column: 5/span 6;
}
.fila .offset-l-4-7 {
  grid-column: 5/span 7;
}
.fila .offset-l-4-8 {
  grid-column: 5/span 8;
}
.fila .offset-l-4-9 {
  grid-column: 5/span 9;
}
.fila .offset-l-4-10 {
  grid-column: 5/span 10;
}
.fila .offset-l-4-11 {
  grid-column: 5/span 11;
}
.fila .offset-l-4-12 {
  grid-column: 5/span 12;
}
.fila .offset-l-5-1 {
  grid-column: 6/span 1;
}
.fila .offset-l-5-2 {
  grid-column: 6/span 2;
}
.fila .offset-l-5-3 {
  grid-column: 6/span 3;
}
.fila .offset-l-5-4 {
  grid-column: 6/span 4;
}
.fila .offset-l-5-5 {
  grid-column: 6/span 5;
}
.fila .offset-l-5-6 {
  grid-column: 6/span 6;
}
.fila .offset-l-5-7 {
  grid-column: 6/span 7;
}
.fila .offset-l-5-8 {
  grid-column: 6/span 8;
}
.fila .offset-l-5-9 {
  grid-column: 6/span 9;
}
.fila .offset-l-5-10 {
  grid-column: 6/span 10;
}
.fila .offset-l-5-11 {
  grid-column: 6/span 11;
}
.fila .offset-l-5-12 {
  grid-column: 6/span 12;
}
.fila .offset-l-6-1 {
  grid-column: 7/span 1;
}
.fila .offset-l-6-2 {
  grid-column: 7/span 2;
}
.fila .offset-l-6-3 {
  grid-column: 7/span 3;
}
.fila .offset-l-6-4 {
  grid-column: 7/span 4;
}
.fila .offset-l-6-5 {
  grid-column: 7/span 5;
}
.fila .offset-l-6-6 {
  grid-column: 7/span 6;
}
.fila .offset-l-6-7 {
  grid-column: 7/span 7;
}
.fila .offset-l-6-8 {
  grid-column: 7/span 8;
}
.fila .offset-l-6-9 {
  grid-column: 7/span 9;
}
.fila .offset-l-6-10 {
  grid-column: 7/span 10;
}
.fila .offset-l-6-11 {
  grid-column: 7/span 11;
}
.fila .offset-l-6-12 {
  grid-column: 7/span 12;
}
.fila .offset-l-7-1 {
  grid-column: 8/span 1;
}
.fila .offset-l-7-2 {
  grid-column: 8/span 2;
}
.fila .offset-l-7-3 {
  grid-column: 8/span 3;
}
.fila .offset-l-7-4 {
  grid-column: 8/span 4;
}
.fila .offset-l-7-5 {
  grid-column: 8/span 5;
}
.fila .offset-l-7-6 {
  grid-column: 8/span 6;
}
.fila .offset-l-7-7 {
  grid-column: 8/span 7;
}
.fila .offset-l-7-8 {
  grid-column: 8/span 8;
}
.fila .offset-l-7-9 {
  grid-column: 8/span 9;
}
.fila .offset-l-7-10 {
  grid-column: 8/span 10;
}
.fila .offset-l-7-11 {
  grid-column: 8/span 11;
}
.fila .offset-l-7-12 {
  grid-column: 8/span 12;
}
.fila .offset-l-8-1 {
  grid-column: 9/span 1;
}
.fila .offset-l-8-2 {
  grid-column: 9/span 2;
}
.fila .offset-l-8-3 {
  grid-column: 9/span 3;
}
.fila .offset-l-8-4 {
  grid-column: 9/span 4;
}
.fila .offset-l-8-5 {
  grid-column: 9/span 5;
}
.fila .offset-l-8-6 {
  grid-column: 9/span 6;
}
.fila .offset-l-8-7 {
  grid-column: 9/span 7;
}
.fila .offset-l-8-8 {
  grid-column: 9/span 8;
}
.fila .offset-l-8-9 {
  grid-column: 9/span 9;
}
.fila .offset-l-8-10 {
  grid-column: 9/span 10;
}
.fila .offset-l-8-11 {
  grid-column: 9/span 11;
}
.fila .offset-l-8-12 {
  grid-column: 9/span 12;
}
.fila .offset-l-9-1 {
  grid-column: 10/span 1;
}
.fila .offset-l-9-2 {
  grid-column: 10/span 2;
}
.fila .offset-l-9-3 {
  grid-column: 10/span 3;
}
.fila .offset-l-9-4 {
  grid-column: 10/span 4;
}
.fila .offset-l-9-5 {
  grid-column: 10/span 5;
}
.fila .offset-l-9-6 {
  grid-column: 10/span 6;
}
.fila .offset-l-9-7 {
  grid-column: 10/span 7;
}
.fila .offset-l-9-8 {
  grid-column: 10/span 8;
}
.fila .offset-l-9-9 {
  grid-column: 10/span 9;
}
.fila .offset-l-9-10 {
  grid-column: 10/span 10;
}
.fila .offset-l-9-11 {
  grid-column: 10/span 11;
}
.fila .offset-l-9-12 {
  grid-column: 10/span 12;
}
.fila .offset-l-10-1 {
  grid-column: 11/span 1;
}
.fila .offset-l-10-2 {
  grid-column: 11/span 2;
}
.fila .offset-l-10-3 {
  grid-column: 11/span 3;
}
.fila .offset-l-10-4 {
  grid-column: 11/span 4;
}
.fila .offset-l-10-5 {
  grid-column: 11/span 5;
}
.fila .offset-l-10-6 {
  grid-column: 11/span 6;
}
.fila .offset-l-10-7 {
  grid-column: 11/span 7;
}
.fila .offset-l-10-8 {
  grid-column: 11/span 8;
}
.fila .offset-l-10-9 {
  grid-column: 11/span 9;
}
.fila .offset-l-10-10 {
  grid-column: 11/span 10;
}
.fila .offset-l-10-11 {
  grid-column: 11/span 11;
}
.fila .offset-l-10-12 {
  grid-column: 11/span 12;
}
.fila .offset-l-11-1 {
  grid-column: 12/span 1;
}
.fila .offset-l-11-2 {
  grid-column: 12/span 2;
}
.fila .offset-l-11-3 {
  grid-column: 12/span 3;
}
.fila .offset-l-11-4 {
  grid-column: 12/span 4;
}
.fila .offset-l-11-5 {
  grid-column: 12/span 5;
}
.fila .offset-l-11-6 {
  grid-column: 12/span 6;
}
.fila .offset-l-11-7 {
  grid-column: 12/span 7;
}
.fila .offset-l-11-8 {
  grid-column: 12/span 8;
}
.fila .offset-l-11-9 {
  grid-column: 12/span 9;
}
.fila .offset-l-11-10 {
  grid-column: 12/span 10;
}
.fila .offset-l-11-11 {
  grid-column: 12/span 11;
}
.fila .offset-l-11-12 {
  grid-column: 12/span 12;
}
.fila .offset-l-12-1 {
  grid-column: 13/span 1;
}
.fila .offset-l-12-2 {
  grid-column: 13/span 2;
}
.fila .offset-l-12-3 {
  grid-column: 13/span 3;
}
.fila .offset-l-12-4 {
  grid-column: 13/span 4;
}
.fila .offset-l-12-5 {
  grid-column: 13/span 5;
}
.fila .offset-l-12-6 {
  grid-column: 13/span 6;
}
.fila .offset-l-12-7 {
  grid-column: 13/span 7;
}
.fila .offset-l-12-8 {
  grid-column: 13/span 8;
}
.fila .offset-l-12-9 {
  grid-column: 13/span 9;
}
.fila .offset-l-12-10 {
  grid-column: 13/span 10;
}
.fila .offset-l-12-11 {
  grid-column: 13/span 11;
}
.fila .offset-l-12-12 {
  grid-column: 13/span 12;
}
@media (max-width: 1030px) {
  .fila .cxs-1 {
    grid-column: span 1;
  }
  .fila .cxs-2 {
    grid-column: span 2;
  }
  .fila .cxs-3 {
    grid-column: span 3;
  }
  .fila .cxs-4 {
    grid-column: span 4;
  }
  .fila .cxs-5 {
    grid-column: span 5;
  }
  .fila .cxs-6 {
    grid-column: span 6;
  }
  .fila .cxs-7 {
    grid-column: span 7;
  }
  .fila .cxs-8 {
    grid-column: span 8;
  }
  .fila .cxs-9 {
    grid-column: span 9;
  }
  .fila .cxs-10 {
    grid-column: span 10;
  }
  .fila .cxs-11 {
    grid-column: span 11;
  }
  .fila .cxs-12 {
    grid-column: span 12;
  }
  .fila .cs-1 {
    grid-column: span 1;
  }
  .fila .cs-2 {
    grid-column: span 2;
  }
  .fila .cs-3 {
    grid-column: span 3;
  }
  .fila .cs-4 {
    grid-column: span 4;
  }
  .fila .cs-5 {
    grid-column: span 5;
  }
  .fila .cs-6 {
    grid-column: span 6;
  }
  .fila .cs-7 {
    grid-column: span 7;
  }
  .fila .cs-8 {
    grid-column: span 8;
  }
  .fila .cs-9 {
    grid-column: span 9;
  }
  .fila .cs-10 {
    grid-column: span 10;
  }
  .fila .cs-11 {
    grid-column: span 11;
  }
  .fila .cs-12 {
    grid-column: span 12;
  }
  .fila .cm-1 {
    grid-column: span 1;
  }
  .fila .cm-2 {
    grid-column: span 2;
  }
  .fila .cm-3 {
    grid-column: span 3;
  }
  .fila .cm-4 {
    grid-column: span 4;
  }
  .fila .cm-5 {
    grid-column: span 5;
  }
  .fila .cm-6 {
    grid-column: span 6;
  }
  .fila .cm-7 {
    grid-column: span 7;
  }
  .fila .cm-8 {
    grid-column: span 8;
  }
  .fila .cm-9 {
    grid-column: span 9;
  }
  .fila .cm-10 {
    grid-column: span 10;
  }
  .fila .cm-11 {
    grid-column: span 11;
  }
  .fila .cm-12 {
    grid-column: span 12;
  }
  .fila .offset-xs-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-xs-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-xs-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-xs-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-xs-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-xs-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-xs-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-xs-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-xs-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-xs-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-xs-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-xs-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-xs-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-xs-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-xs-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-xs-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-xs-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-xs-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-xs-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-xs-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-xs-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-xs-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-xs-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-xs-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-xs-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-xs-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-xs-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-xs-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-xs-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-xs-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-xs-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-xs-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-xs-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-xs-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-xs-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-xs-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-xs-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-xs-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-xs-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-xs-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-xs-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-xs-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-xs-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-xs-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-xs-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-xs-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-xs-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-xs-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-xs-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-xs-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-xs-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-xs-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-xs-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-xs-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-xs-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-xs-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-xs-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-xs-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-xs-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-xs-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-xs-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-xs-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-xs-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-xs-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-xs-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-xs-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-xs-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-xs-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-xs-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-xs-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-xs-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-xs-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-xs-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-xs-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-xs-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-xs-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-xs-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-xs-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-xs-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-xs-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-xs-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-xs-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-xs-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-xs-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-xs-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-xs-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-xs-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-xs-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-xs-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-xs-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-xs-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-xs-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-xs-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-xs-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-xs-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-xs-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-xs-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-xs-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-xs-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-xs-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-xs-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-xs-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-xs-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-xs-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-xs-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-xs-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-xs-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-xs-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-xs-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-xs-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-xs-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-xs-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-xs-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-xs-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-xs-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-xs-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-xs-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-xs-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-xs-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-xs-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-xs-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-xs-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-xs-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-xs-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-xs-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-xs-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-xs-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-xs-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-xs-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-xs-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-xs-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-xs-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-xs-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-xs-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-xs-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-xs-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-xs-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-xs-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-xs-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-xs-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-xs-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-xs-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-xs-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-xs-12-12 {
    grid-column: 13/span 12;
  }
  .fila .offset-s-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-s-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-s-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-s-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-s-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-s-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-s-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-s-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-s-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-s-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-s-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-s-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-s-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-s-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-s-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-s-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-s-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-s-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-s-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-s-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-s-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-s-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-s-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-s-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-s-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-s-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-s-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-s-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-s-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-s-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-s-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-s-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-s-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-s-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-s-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-s-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-s-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-s-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-s-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-s-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-s-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-s-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-s-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-s-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-s-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-s-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-s-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-s-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-s-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-s-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-s-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-s-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-s-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-s-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-s-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-s-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-s-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-s-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-s-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-s-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-s-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-s-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-s-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-s-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-s-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-s-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-s-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-s-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-s-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-s-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-s-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-s-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-s-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-s-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-s-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-s-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-s-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-s-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-s-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-s-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-s-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-s-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-s-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-s-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-s-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-s-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-s-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-s-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-s-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-s-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-s-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-s-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-s-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-s-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-s-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-s-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-s-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-s-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-s-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-s-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-s-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-s-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-s-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-s-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-s-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-s-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-s-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-s-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-s-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-s-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-s-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-s-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-s-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-s-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-s-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-s-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-s-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-s-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-s-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-s-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-s-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-s-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-s-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-s-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-s-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-s-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-s-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-s-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-s-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-s-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-s-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-s-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-s-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-s-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-s-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-s-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-s-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-s-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-s-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-s-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-s-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-s-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-s-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-s-12-12 {
    grid-column: 13/span 12;
  }
  .fila .offset-m-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-m-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-m-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-m-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-m-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-m-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-m-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-m-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-m-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-m-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-m-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-m-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-m-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-m-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-m-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-m-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-m-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-m-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-m-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-m-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-m-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-m-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-m-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-m-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-m-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-m-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-m-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-m-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-m-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-m-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-m-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-m-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-m-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-m-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-m-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-m-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-m-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-m-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-m-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-m-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-m-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-m-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-m-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-m-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-m-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-m-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-m-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-m-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-m-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-m-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-m-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-m-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-m-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-m-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-m-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-m-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-m-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-m-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-m-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-m-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-m-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-m-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-m-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-m-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-m-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-m-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-m-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-m-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-m-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-m-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-m-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-m-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-m-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-m-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-m-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-m-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-m-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-m-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-m-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-m-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-m-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-m-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-m-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-m-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-m-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-m-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-m-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-m-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-m-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-m-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-m-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-m-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-m-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-m-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-m-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-m-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-m-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-m-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-m-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-m-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-m-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-m-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-m-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-m-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-m-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-m-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-m-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-m-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-m-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-m-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-m-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-m-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-m-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-m-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-m-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-m-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-m-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-m-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-m-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-m-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-m-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-m-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-m-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-m-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-m-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-m-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-m-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-m-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-m-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-m-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-m-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-m-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-m-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-m-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-m-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-m-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-m-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-m-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-m-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-m-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-m-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-m-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-m-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-m-12-12 {
    grid-column: 13/span 12;
  }
}
@media (max-width: 770px) {
  .fila .cxs-1 {
    grid-column: span 1;
  }
  .fila .cxs-2 {
    grid-column: span 2;
  }
  .fila .cxs-3 {
    grid-column: span 3;
  }
  .fila .cxs-4 {
    grid-column: span 4;
  }
  .fila .cxs-5 {
    grid-column: span 5;
  }
  .fila .cxs-6 {
    grid-column: span 6;
  }
  .fila .cxs-7 {
    grid-column: span 7;
  }
  .fila .cxs-8 {
    grid-column: span 8;
  }
  .fila .cxs-9 {
    grid-column: span 9;
  }
  .fila .cxs-10 {
    grid-column: span 10;
  }
  .fila .cxs-11 {
    grid-column: span 11;
  }
  .fila .cxs-12 {
    grid-column: span 12;
  }
  .fila .cs-1 {
    grid-column: span 1;
  }
  .fila .cs-2 {
    grid-column: span 2;
  }
  .fila .cs-3 {
    grid-column: span 3;
  }
  .fila .cs-4 {
    grid-column: span 4;
  }
  .fila .cs-5 {
    grid-column: span 5;
  }
  .fila .cs-6 {
    grid-column: span 6;
  }
  .fila .cs-7 {
    grid-column: span 7;
  }
  .fila .cs-8 {
    grid-column: span 8;
  }
  .fila .cs-9 {
    grid-column: span 9;
  }
  .fila .cs-10 {
    grid-column: span 10;
  }
  .fila .cs-11 {
    grid-column: span 11;
  }
  .fila .cs-12 {
    grid-column: span 12;
  }
  .fila .offset-xs-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-xs-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-xs-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-xs-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-xs-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-xs-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-xs-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-xs-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-xs-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-xs-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-xs-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-xs-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-xs-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-xs-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-xs-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-xs-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-xs-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-xs-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-xs-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-xs-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-xs-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-xs-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-xs-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-xs-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-xs-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-xs-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-xs-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-xs-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-xs-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-xs-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-xs-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-xs-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-xs-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-xs-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-xs-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-xs-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-xs-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-xs-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-xs-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-xs-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-xs-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-xs-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-xs-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-xs-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-xs-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-xs-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-xs-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-xs-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-xs-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-xs-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-xs-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-xs-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-xs-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-xs-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-xs-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-xs-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-xs-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-xs-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-xs-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-xs-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-xs-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-xs-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-xs-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-xs-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-xs-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-xs-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-xs-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-xs-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-xs-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-xs-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-xs-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-xs-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-xs-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-xs-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-xs-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-xs-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-xs-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-xs-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-xs-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-xs-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-xs-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-xs-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-xs-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-xs-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-xs-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-xs-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-xs-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-xs-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-xs-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-xs-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-xs-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-xs-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-xs-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-xs-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-xs-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-xs-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-xs-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-xs-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-xs-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-xs-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-xs-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-xs-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-xs-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-xs-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-xs-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-xs-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-xs-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-xs-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-xs-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-xs-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-xs-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-xs-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-xs-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-xs-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-xs-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-xs-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-xs-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-xs-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-xs-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-xs-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-xs-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-xs-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-xs-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-xs-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-xs-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-xs-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-xs-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-xs-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-xs-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-xs-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-xs-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-xs-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-xs-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-xs-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-xs-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-xs-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-xs-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-xs-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-xs-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-xs-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-xs-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-xs-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-xs-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-xs-12-12 {
    grid-column: 13/span 12;
  }
  .fila .offset-s-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-s-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-s-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-s-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-s-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-s-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-s-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-s-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-s-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-s-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-s-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-s-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-s-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-s-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-s-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-s-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-s-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-s-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-s-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-s-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-s-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-s-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-s-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-s-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-s-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-s-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-s-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-s-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-s-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-s-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-s-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-s-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-s-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-s-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-s-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-s-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-s-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-s-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-s-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-s-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-s-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-s-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-s-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-s-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-s-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-s-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-s-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-s-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-s-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-s-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-s-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-s-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-s-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-s-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-s-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-s-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-s-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-s-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-s-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-s-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-s-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-s-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-s-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-s-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-s-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-s-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-s-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-s-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-s-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-s-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-s-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-s-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-s-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-s-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-s-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-s-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-s-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-s-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-s-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-s-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-s-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-s-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-s-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-s-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-s-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-s-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-s-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-s-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-s-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-s-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-s-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-s-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-s-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-s-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-s-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-s-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-s-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-s-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-s-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-s-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-s-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-s-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-s-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-s-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-s-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-s-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-s-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-s-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-s-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-s-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-s-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-s-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-s-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-s-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-s-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-s-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-s-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-s-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-s-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-s-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-s-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-s-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-s-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-s-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-s-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-s-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-s-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-s-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-s-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-s-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-s-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-s-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-s-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-s-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-s-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-s-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-s-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-s-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-s-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-s-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-s-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-s-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-s-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-s-12-12 {
    grid-column: 13/span 12;
  }
}
@media (max-width: 400px) {
  .fila .cxs-1 {
    grid-column: span 1;
  }
  .fila .cxs-2 {
    grid-column: span 2;
  }
  .fila .cxs-3 {
    grid-column: span 3;
  }
  .fila .cxs-4 {
    grid-column: span 4;
  }
  .fila .cxs-5 {
    grid-column: span 5;
  }
  .fila .cxs-6 {
    grid-column: span 6;
  }
  .fila .cxs-7 {
    grid-column: span 7;
  }
  .fila .cxs-8 {
    grid-column: span 8;
  }
  .fila .cxs-9 {
    grid-column: span 9;
  }
  .fila .cxs-10 {
    grid-column: span 10;
  }
  .fila .cxs-11 {
    grid-column: span 11;
  }
  .fila .cxs-12 {
    grid-column: span 12;
  }
  .fila .offset-xs-1-1 {
    grid-column: 2/span 1;
  }
  .fila .offset-xs-1-2 {
    grid-column: 2/span 2;
  }
  .fila .offset-xs-1-3 {
    grid-column: 2/span 3;
  }
  .fila .offset-xs-1-4 {
    grid-column: 2/span 4;
  }
  .fila .offset-xs-1-5 {
    grid-column: 2/span 5;
  }
  .fila .offset-xs-1-6 {
    grid-column: 2/span 6;
  }
  .fila .offset-xs-1-7 {
    grid-column: 2/span 7;
  }
  .fila .offset-xs-1-8 {
    grid-column: 2/span 8;
  }
  .fila .offset-xs-1-9 {
    grid-column: 2/span 9;
  }
  .fila .offset-xs-1-10 {
    grid-column: 2/span 10;
  }
  .fila .offset-xs-1-11 {
    grid-column: 2/span 11;
  }
  .fila .offset-xs-1-12 {
    grid-column: 2/span 12;
  }
  .fila .offset-xs-2-1 {
    grid-column: 3/span 1;
  }
  .fila .offset-xs-2-2 {
    grid-column: 3/span 2;
  }
  .fila .offset-xs-2-3 {
    grid-column: 3/span 3;
  }
  .fila .offset-xs-2-4 {
    grid-column: 3/span 4;
  }
  .fila .offset-xs-2-5 {
    grid-column: 3/span 5;
  }
  .fila .offset-xs-2-6 {
    grid-column: 3/span 6;
  }
  .fila .offset-xs-2-7 {
    grid-column: 3/span 7;
  }
  .fila .offset-xs-2-8 {
    grid-column: 3/span 8;
  }
  .fila .offset-xs-2-9 {
    grid-column: 3/span 9;
  }
  .fila .offset-xs-2-10 {
    grid-column: 3/span 10;
  }
  .fila .offset-xs-2-11 {
    grid-column: 3/span 11;
  }
  .fila .offset-xs-2-12 {
    grid-column: 3/span 12;
  }
  .fila .offset-xs-3-1 {
    grid-column: 4/span 1;
  }
  .fila .offset-xs-3-2 {
    grid-column: 4/span 2;
  }
  .fila .offset-xs-3-3 {
    grid-column: 4/span 3;
  }
  .fila .offset-xs-3-4 {
    grid-column: 4/span 4;
  }
  .fila .offset-xs-3-5 {
    grid-column: 4/span 5;
  }
  .fila .offset-xs-3-6 {
    grid-column: 4/span 6;
  }
  .fila .offset-xs-3-7 {
    grid-column: 4/span 7;
  }
  .fila .offset-xs-3-8 {
    grid-column: 4/span 8;
  }
  .fila .offset-xs-3-9 {
    grid-column: 4/span 9;
  }
  .fila .offset-xs-3-10 {
    grid-column: 4/span 10;
  }
  .fila .offset-xs-3-11 {
    grid-column: 4/span 11;
  }
  .fila .offset-xs-3-12 {
    grid-column: 4/span 12;
  }
  .fila .offset-xs-4-1 {
    grid-column: 5/span 1;
  }
  .fila .offset-xs-4-2 {
    grid-column: 5/span 2;
  }
  .fila .offset-xs-4-3 {
    grid-column: 5/span 3;
  }
  .fila .offset-xs-4-4 {
    grid-column: 5/span 4;
  }
  .fila .offset-xs-4-5 {
    grid-column: 5/span 5;
  }
  .fila .offset-xs-4-6 {
    grid-column: 5/span 6;
  }
  .fila .offset-xs-4-7 {
    grid-column: 5/span 7;
  }
  .fila .offset-xs-4-8 {
    grid-column: 5/span 8;
  }
  .fila .offset-xs-4-9 {
    grid-column: 5/span 9;
  }
  .fila .offset-xs-4-10 {
    grid-column: 5/span 10;
  }
  .fila .offset-xs-4-11 {
    grid-column: 5/span 11;
  }
  .fila .offset-xs-4-12 {
    grid-column: 5/span 12;
  }
  .fila .offset-xs-5-1 {
    grid-column: 6/span 1;
  }
  .fila .offset-xs-5-2 {
    grid-column: 6/span 2;
  }
  .fila .offset-xs-5-3 {
    grid-column: 6/span 3;
  }
  .fila .offset-xs-5-4 {
    grid-column: 6/span 4;
  }
  .fila .offset-xs-5-5 {
    grid-column: 6/span 5;
  }
  .fila .offset-xs-5-6 {
    grid-column: 6/span 6;
  }
  .fila .offset-xs-5-7 {
    grid-column: 6/span 7;
  }
  .fila .offset-xs-5-8 {
    grid-column: 6/span 8;
  }
  .fila .offset-xs-5-9 {
    grid-column: 6/span 9;
  }
  .fila .offset-xs-5-10 {
    grid-column: 6/span 10;
  }
  .fila .offset-xs-5-11 {
    grid-column: 6/span 11;
  }
  .fila .offset-xs-5-12 {
    grid-column: 6/span 12;
  }
  .fila .offset-xs-6-1 {
    grid-column: 7/span 1;
  }
  .fila .offset-xs-6-2 {
    grid-column: 7/span 2;
  }
  .fila .offset-xs-6-3 {
    grid-column: 7/span 3;
  }
  .fila .offset-xs-6-4 {
    grid-column: 7/span 4;
  }
  .fila .offset-xs-6-5 {
    grid-column: 7/span 5;
  }
  .fila .offset-xs-6-6 {
    grid-column: 7/span 6;
  }
  .fila .offset-xs-6-7 {
    grid-column: 7/span 7;
  }
  .fila .offset-xs-6-8 {
    grid-column: 7/span 8;
  }
  .fila .offset-xs-6-9 {
    grid-column: 7/span 9;
  }
  .fila .offset-xs-6-10 {
    grid-column: 7/span 10;
  }
  .fila .offset-xs-6-11 {
    grid-column: 7/span 11;
  }
  .fila .offset-xs-6-12 {
    grid-column: 7/span 12;
  }
  .fila .offset-xs-7-1 {
    grid-column: 8/span 1;
  }
  .fila .offset-xs-7-2 {
    grid-column: 8/span 2;
  }
  .fila .offset-xs-7-3 {
    grid-column: 8/span 3;
  }
  .fila .offset-xs-7-4 {
    grid-column: 8/span 4;
  }
  .fila .offset-xs-7-5 {
    grid-column: 8/span 5;
  }
  .fila .offset-xs-7-6 {
    grid-column: 8/span 6;
  }
  .fila .offset-xs-7-7 {
    grid-column: 8/span 7;
  }
  .fila .offset-xs-7-8 {
    grid-column: 8/span 8;
  }
  .fila .offset-xs-7-9 {
    grid-column: 8/span 9;
  }
  .fila .offset-xs-7-10 {
    grid-column: 8/span 10;
  }
  .fila .offset-xs-7-11 {
    grid-column: 8/span 11;
  }
  .fila .offset-xs-7-12 {
    grid-column: 8/span 12;
  }
  .fila .offset-xs-8-1 {
    grid-column: 9/span 1;
  }
  .fila .offset-xs-8-2 {
    grid-column: 9/span 2;
  }
  .fila .offset-xs-8-3 {
    grid-column: 9/span 3;
  }
  .fila .offset-xs-8-4 {
    grid-column: 9/span 4;
  }
  .fila .offset-xs-8-5 {
    grid-column: 9/span 5;
  }
  .fila .offset-xs-8-6 {
    grid-column: 9/span 6;
  }
  .fila .offset-xs-8-7 {
    grid-column: 9/span 7;
  }
  .fila .offset-xs-8-8 {
    grid-column: 9/span 8;
  }
  .fila .offset-xs-8-9 {
    grid-column: 9/span 9;
  }
  .fila .offset-xs-8-10 {
    grid-column: 9/span 10;
  }
  .fila .offset-xs-8-11 {
    grid-column: 9/span 11;
  }
  .fila .offset-xs-8-12 {
    grid-column: 9/span 12;
  }
  .fila .offset-xs-9-1 {
    grid-column: 10/span 1;
  }
  .fila .offset-xs-9-2 {
    grid-column: 10/span 2;
  }
  .fila .offset-xs-9-3 {
    grid-column: 10/span 3;
  }
  .fila .offset-xs-9-4 {
    grid-column: 10/span 4;
  }
  .fila .offset-xs-9-5 {
    grid-column: 10/span 5;
  }
  .fila .offset-xs-9-6 {
    grid-column: 10/span 6;
  }
  .fila .offset-xs-9-7 {
    grid-column: 10/span 7;
  }
  .fila .offset-xs-9-8 {
    grid-column: 10/span 8;
  }
  .fila .offset-xs-9-9 {
    grid-column: 10/span 9;
  }
  .fila .offset-xs-9-10 {
    grid-column: 10/span 10;
  }
  .fila .offset-xs-9-11 {
    grid-column: 10/span 11;
  }
  .fila .offset-xs-9-12 {
    grid-column: 10/span 12;
  }
  .fila .offset-xs-10-1 {
    grid-column: 11/span 1;
  }
  .fila .offset-xs-10-2 {
    grid-column: 11/span 2;
  }
  .fila .offset-xs-10-3 {
    grid-column: 11/span 3;
  }
  .fila .offset-xs-10-4 {
    grid-column: 11/span 4;
  }
  .fila .offset-xs-10-5 {
    grid-column: 11/span 5;
  }
  .fila .offset-xs-10-6 {
    grid-column: 11/span 6;
  }
  .fila .offset-xs-10-7 {
    grid-column: 11/span 7;
  }
  .fila .offset-xs-10-8 {
    grid-column: 11/span 8;
  }
  .fila .offset-xs-10-9 {
    grid-column: 11/span 9;
  }
  .fila .offset-xs-10-10 {
    grid-column: 11/span 10;
  }
  .fila .offset-xs-10-11 {
    grid-column: 11/span 11;
  }
  .fila .offset-xs-10-12 {
    grid-column: 11/span 12;
  }
  .fila .offset-xs-11-1 {
    grid-column: 12/span 1;
  }
  .fila .offset-xs-11-2 {
    grid-column: 12/span 2;
  }
  .fila .offset-xs-11-3 {
    grid-column: 12/span 3;
  }
  .fila .offset-xs-11-4 {
    grid-column: 12/span 4;
  }
  .fila .offset-xs-11-5 {
    grid-column: 12/span 5;
  }
  .fila .offset-xs-11-6 {
    grid-column: 12/span 6;
  }
  .fila .offset-xs-11-7 {
    grid-column: 12/span 7;
  }
  .fila .offset-xs-11-8 {
    grid-column: 12/span 8;
  }
  .fila .offset-xs-11-9 {
    grid-column: 12/span 9;
  }
  .fila .offset-xs-11-10 {
    grid-column: 12/span 10;
  }
  .fila .offset-xs-11-11 {
    grid-column: 12/span 11;
  }
  .fila .offset-xs-11-12 {
    grid-column: 12/span 12;
  }
  .fila .offset-xs-12-1 {
    grid-column: 13/span 1;
  }
  .fila .offset-xs-12-2 {
    grid-column: 13/span 2;
  }
  .fila .offset-xs-12-3 {
    grid-column: 13/span 3;
  }
  .fila .offset-xs-12-4 {
    grid-column: 13/span 4;
  }
  .fila .offset-xs-12-5 {
    grid-column: 13/span 5;
  }
  .fila .offset-xs-12-6 {
    grid-column: 13/span 6;
  }
  .fila .offset-xs-12-7 {
    grid-column: 13/span 7;
  }
  .fila .offset-xs-12-8 {
    grid-column: 13/span 8;
  }
  .fila .offset-xs-12-9 {
    grid-column: 13/span 9;
  }
  .fila .offset-xs-12-10 {
    grid-column: 13/span 10;
  }
  .fila .offset-xs-12-11 {
    grid-column: 13/span 11;
  }
  .fila .offset-xs-12-12 {
    grid-column: 13/span 12;
  }
}

/*
    Trabajando con los textos 
*/
.a-c {
  text-align: center !important;
}

.a-d {
  text-align: right !important;
}

.a-i {
  text-align: left !important;
}

.f-grosor-1 {
  font-weight: 100 !important;
}

.f-grosor-2 {
  font-weight: 200 !important;
}

.f-grosor-3 {
  font-weight: 300 !important;
}

.f-grosor-4 {
  font-weight: 400 !important;
}

.f-grosor-5 {
  font-weight: 500 !important;
}

.f-grosor-6 {
  font-weight: 600 !important;
}

.f-grosor-7 {
  font-weight: 700 !important;
}

.f-grosor-8 {
  font-weight: 800 !important;
}

.f-grosor-9 {
  font-weight: 900 !important;
}

.f-grosor-b {
  font-weight: bold !important;
}

.t-may {
  text-transform: uppercase !important;
}

.t-min {
  text-transform: lowercase !important;
}

.t-cap {
  text-transform: capitalize !important;
}

.c-rojo {
  color: #bb1818 !important;
}

.c-rojo-c {
  color: #f51515 !important;
}

.c-rojo-o {
  color: #500000 !important;
}

.c-rojo-t {
  color: rgba(255, 51, 0, 0.7) !important;
}

.c-rojo-an {
  color: #ff1100 !important;
}

.c-rojo-ro {
  color: #bb1849 !important;
}

.c-azul {
  color: #1045b7 !important;
}

.c-azul-c {
  color: #006cff !important;
}

.c-azul-o {
  color: #002066 !important;
}

.c-azul-ve {
  color: #06263f !important;
}

.c-azul-ve-s {
  color: #002c38 !important;
}

.c-azul-ve-c {
  color: #134350 !important;
}

.c-azul-t {
  color: rgba(16, 69, 183, 0.5) !important;
}

.c-azul-vi {
  color: #2910b7 !important;
}

.c-verde {
  color: #006e5c !important;
}

.c-verde-c {
  color: #00bb9c !important;
}

.c-verde-o {
  color: #073a31 !important;
}

.c-verde-t {
  color: rgba(0, 110, 92, 0.7) !important;
}

.c-verde-az {
  color: #002a30 !important;
}

.c-verde-am {
  color: #273000 !important;
}

.c-gris {
  color: gray !important;
}

.c-gris-c {
  color: #ececec !important;
}

.c-gris-o {
  color: #212121 !important;
}

.c-gris-t {
  color: rgba(160, 160, 160, 0.5) !important;
}

.c-gris-az {
  color: #1e2029 !important;
}

.c-gris-az-c {
  color: #282e42 !important;
}

.c-gris-az-o {
  color: #15161a !important;
}

.c-gris-n {
  color: #111111 !important;
}

.c-blanco {
  color: white !important;
}

.c-negro {
  color: black !important;
}

.c-violeta {
  color: #3900a3 !important;
}

.c-violeta-c {
  color: #5b02ff !important;
}

.c-violeta-o {
  color: #190047 !important;
}

.fd-violeta-t {
  color: rgba(12, 2, 32, 0.7) !important;
}

.c-violeta-az {
  color: #10013a !important;
}

.c-violeta-ro {
  color: #3a012c !important;
}

.c-naranja {
  color: #d44810 !important;
}

.c-naranja-o {
  color: #8d1c00 !important;
}

.c-naranja-c {
  color: #fc5e37 !important;
}

.c-naranja-t {
  color: rgba(212, 71, 16, 0.7) !important;
}

.c-naranja-ro {
  color: #d42d10 !important;
}

.c-naranja-am {
  color: #f07400 !important;
}

.c-amarillo {
  color: #e4e412 !important;
}

.c-amarillo-c {
  color: #ffff55 !important;
}

.c-amarillo-o {
  color: #777700 !important;
}

.c-amarillo-t {
  color: rgba(228, 228, 18, 0.7) !important;
}

.c-amarillo-ve {
  color: #bde704 !important;
}

.c-amarillo-ro {
  color: #e79f04 !important;
}

.fz-8 {
  font-size: 8px !important;
}

.fz-9 {
  font-size: 9px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-11 {
  font-size: 11px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-17 {
  font-size: 17px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-19 {
  font-size: 19px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-21 {
  font-size: 21px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-23 {
  font-size: 23px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-27 {
  font-size: 27px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-29 {
  font-size: 29px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-31 {
  font-size: 31px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-33 {
  font-size: 33px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.fz-37 {
  font-size: 37px !important;
}

.fz-38 {
  font-size: 38px !important;
}

.fz-39 {
  font-size: 39px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-41 {
  font-size: 41px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-43 {
  font-size: 43px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-47 {
  font-size: 47px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-49 {
  font-size: 49px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-51 {
  font-size: 51px !important;
}

.fz-52 {
  font-size: 52px !important;
}

.fz-53 {
  font-size: 53px !important;
}

.fz-54 {
  font-size: 54px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-56 {
  font-size: 56px !important;
}

.fz-57 {
  font-size: 57px !important;
}

.fz-58 {
  font-size: 58px !important;
}

.fz-59 {
  font-size: 59px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-61 {
  font-size: 61px !important;
}

.fz-62 {
  font-size: 62px !important;
}

.fz-63 {
  font-size: 63px !important;
}

.fz-64 {
  font-size: 64px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-66 {
  font-size: 66px !important;
}

.fz-67 {
  font-size: 67px !important;
}

.fz-68 {
  font-size: 68px !important;
}

.fz-69 {
  font-size: 69px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-71 {
  font-size: 71px !important;
}

.fz-72 {
  font-size: 72px !important;
}

.fz-73 {
  font-size: 73px !important;
}

.fz-74 {
  font-size: 74px !important;
}

.fz-75 {
  font-size: 75px !important;
}

.fz-76 {
  font-size: 76px !important;
}

.fz-77 {
  font-size: 77px !important;
}

.fz-78 {
  font-size: 78px !important;
}

.fz-79 {
  font-size: 79px !important;
}

.fz-80 {
  font-size: 80px !important;
}

.fz-81 {
  font-size: 81px !important;
}

.fz-82 {
  font-size: 82px !important;
}

.fz-83 {
  font-size: 83px !important;
}

.fz-84 {
  font-size: 84px !important;
}

.fz-85 {
  font-size: 85px !important;
}

.fz-86 {
  font-size: 86px !important;
}

.fz-87 {
  font-size: 87px !important;
}

.fz-88 {
  font-size: 88px !important;
}

.fz-89 {
  font-size: 89px !important;
}

.fz-90 {
  font-size: 90px !important;
}

.fz-91 {
  font-size: 91px !important;
}

.fz-92 {
  font-size: 92px !important;
}

.fz-93 {
  font-size: 93px !important;
}

.fz-94 {
  font-size: 94px !important;
}

.fz-95 {
  font-size: 95px !important;
}

.fz-96 {
  font-size: 96px !important;
}

.fz-97 {
  font-size: 97px !important;
}

.fz-98 {
  font-size: 98px !important;
}

.fz-99 {
  font-size: 99px !important;
}

.fz-100 {
  font-size: 100px !important;
}

@media (max-width: 1030px) {
  .fz-m8 {
    font-size: 8px !important;
  }

  .fz-m9 {
    font-size: 9px !important;
  }

  .fz-m10 {
    font-size: 10px !important;
  }

  .fz-m11 {
    font-size: 11px !important;
  }

  .fz-m12 {
    font-size: 12px !important;
  }

  .fz-m13 {
    font-size: 13px !important;
  }

  .fz-m14 {
    font-size: 14px !important;
  }

  .fz-m15 {
    font-size: 15px !important;
  }

  .fz-m16 {
    font-size: 16px !important;
  }

  .fz-m17 {
    font-size: 17px !important;
  }

  .fz-m18 {
    font-size: 18px !important;
  }

  .fz-m19 {
    font-size: 19px !important;
  }

  .fz-m20 {
    font-size: 20px !important;
  }

  .fz-m21 {
    font-size: 21px !important;
  }

  .fz-m22 {
    font-size: 22px !important;
  }

  .fz-m23 {
    font-size: 23px !important;
  }

  .fz-m24 {
    font-size: 24px !important;
  }

  .fz-m25 {
    font-size: 25px !important;
  }

  .fz-m26 {
    font-size: 26px !important;
  }

  .fz-m27 {
    font-size: 27px !important;
  }

  .fz-m28 {
    font-size: 28px !important;
  }

  .fz-m29 {
    font-size: 29px !important;
  }

  .fz-m30 {
    font-size: 30px !important;
  }

  .fz-m31 {
    font-size: 31px !important;
  }

  .fz-m32 {
    font-size: 32px !important;
  }

  .fz-m33 {
    font-size: 33px !important;
  }

  .fz-m34 {
    font-size: 34px !important;
  }

  .fz-m35 {
    font-size: 35px !important;
  }

  .fz-m36 {
    font-size: 36px !important;
  }

  .fz-m37 {
    font-size: 37px !important;
  }

  .fz-m38 {
    font-size: 38px !important;
  }

  .fz-m39 {
    font-size: 39px !important;
  }

  .fz-m40 {
    font-size: 40px !important;
  }

  .fz-m41 {
    font-size: 41px !important;
  }

  .fz-m42 {
    font-size: 42px !important;
  }

  .fz-m43 {
    font-size: 43px !important;
  }

  .fz-m44 {
    font-size: 44px !important;
  }

  .fz-m45 {
    font-size: 45px !important;
  }

  .fz-m46 {
    font-size: 46px !important;
  }

  .fz-m47 {
    font-size: 47px !important;
  }

  .fz-m48 {
    font-size: 48px !important;
  }

  .fz-m49 {
    font-size: 49px !important;
  }

  .fz-m50 {
    font-size: 50px !important;
  }

  .fz-m51 {
    font-size: 51px !important;
  }

  .fz-m52 {
    font-size: 52px !important;
  }

  .fz-m53 {
    font-size: 53px !important;
  }

  .fz-m54 {
    font-size: 54px !important;
  }

  .fz-m55 {
    font-size: 55px !important;
  }

  .fz-m56 {
    font-size: 56px !important;
  }

  .fz-m57 {
    font-size: 57px !important;
  }

  .fz-m58 {
    font-size: 58px !important;
  }

  .fz-m59 {
    font-size: 59px !important;
  }

  .fz-m60 {
    font-size: 60px !important;
  }

  .fz-m61 {
    font-size: 61px !important;
  }

  .fz-m62 {
    font-size: 62px !important;
  }

  .fz-m63 {
    font-size: 63px !important;
  }

  .fz-m64 {
    font-size: 64px !important;
  }

  .fz-m65 {
    font-size: 65px !important;
  }

  .fz-m66 {
    font-size: 66px !important;
  }

  .fz-m67 {
    font-size: 67px !important;
  }

  .fz-m68 {
    font-size: 68px !important;
  }

  .fz-m69 {
    font-size: 69px !important;
  }

  .fz-m70 {
    font-size: 70px !important;
  }

  .fz-m71 {
    font-size: 71px !important;
  }

  .fz-m72 {
    font-size: 72px !important;
  }

  .fz-m73 {
    font-size: 73px !important;
  }

  .fz-m74 {
    font-size: 74px !important;
  }

  .fz-m75 {
    font-size: 75px !important;
  }

  .fz-m76 {
    font-size: 76px !important;
  }

  .fz-m77 {
    font-size: 77px !important;
  }

  .fz-m78 {
    font-size: 78px !important;
  }

  .fz-m79 {
    font-size: 79px !important;
  }

  .fz-m80 {
    font-size: 80px !important;
  }

  .fz-m81 {
    font-size: 81px !important;
  }

  .fz-m82 {
    font-size: 82px !important;
  }

  .fz-m83 {
    font-size: 83px !important;
  }

  .fz-m84 {
    font-size: 84px !important;
  }

  .fz-m85 {
    font-size: 85px !important;
  }

  .fz-m86 {
    font-size: 86px !important;
  }

  .fz-m87 {
    font-size: 87px !important;
  }

  .fz-m88 {
    font-size: 88px !important;
  }

  .fz-m89 {
    font-size: 89px !important;
  }

  .fz-m90 {
    font-size: 90px !important;
  }

  .fz-m91 {
    font-size: 91px !important;
  }

  .fz-m92 {
    font-size: 92px !important;
  }

  .fz-m93 {
    font-size: 93px !important;
  }

  .fz-m94 {
    font-size: 94px !important;
  }

  .fz-m95 {
    font-size: 95px !important;
  }

  .fz-m96 {
    font-size: 96px !important;
  }

  .fz-m97 {
    font-size: 97px !important;
  }

  .fz-m98 {
    font-size: 98px !important;
  }

  .fz-m99 {
    font-size: 99px !important;
  }

  .fz-m100 {
    font-size: 100px !important;
  }
}
@media (max-width: 770px) {
  .fz-s-8 {
    font-size: 8px !important;
  }

  .fz-s-9 {
    font-size: 9px !important;
  }

  .fz-s-10 {
    font-size: 10px !important;
  }

  .fz-s-11 {
    font-size: 11px !important;
  }

  .fz-s-12 {
    font-size: 12px !important;
  }

  .fz-s-13 {
    font-size: 13px !important;
  }

  .fz-s-14 {
    font-size: 14px !important;
  }

  .fz-s-15 {
    font-size: 15px !important;
  }

  .fz-s-16 {
    font-size: 16px !important;
  }

  .fz-s-17 {
    font-size: 17px !important;
  }

  .fz-s-18 {
    font-size: 18px !important;
  }

  .fz-s-19 {
    font-size: 19px !important;
  }

  .fz-s-20 {
    font-size: 20px !important;
  }

  .fz-s-21 {
    font-size: 21px !important;
  }

  .fz-s-22 {
    font-size: 22px !important;
  }

  .fz-s-23 {
    font-size: 23px !important;
  }

  .fz-s-24 {
    font-size: 24px !important;
  }

  .fz-s-25 {
    font-size: 25px !important;
  }

  .fz-s-26 {
    font-size: 26px !important;
  }

  .fz-s-27 {
    font-size: 27px !important;
  }

  .fz-s-28 {
    font-size: 28px !important;
  }

  .fz-s-29 {
    font-size: 29px !important;
  }

  .fz-s-30 {
    font-size: 30px !important;
  }

  .fz-s-31 {
    font-size: 31px !important;
  }

  .fz-s-32 {
    font-size: 32px !important;
  }

  .fz-s-33 {
    font-size: 33px !important;
  }

  .fz-s-34 {
    font-size: 34px !important;
  }

  .fz-s-35 {
    font-size: 35px !important;
  }

  .fz-s-36 {
    font-size: 36px !important;
  }

  .fz-s-37 {
    font-size: 37px !important;
  }

  .fz-s-38 {
    font-size: 38px !important;
  }

  .fz-s-39 {
    font-size: 39px !important;
  }

  .fz-s-40 {
    font-size: 40px !important;
  }

  .fz-s-41 {
    font-size: 41px !important;
  }

  .fz-s-42 {
    font-size: 42px !important;
  }

  .fz-s-43 {
    font-size: 43px !important;
  }

  .fz-s-44 {
    font-size: 44px !important;
  }

  .fz-s-45 {
    font-size: 45px !important;
  }

  .fz-s-46 {
    font-size: 46px !important;
  }

  .fz-s-47 {
    font-size: 47px !important;
  }

  .fz-s-48 {
    font-size: 48px !important;
  }

  .fz-s-49 {
    font-size: 49px !important;
  }

  .fz-s-50 {
    font-size: 50px !important;
  }

  .fz-s-51 {
    font-size: 51px !important;
  }

  .fz-s-52 {
    font-size: 52px !important;
  }

  .fz-s-53 {
    font-size: 53px !important;
  }

  .fz-s-54 {
    font-size: 54px !important;
  }

  .fz-s-55 {
    font-size: 55px !important;
  }

  .fz-s-56 {
    font-size: 56px !important;
  }

  .fz-s-57 {
    font-size: 57px !important;
  }

  .fz-s-58 {
    font-size: 58px !important;
  }

  .fz-s-59 {
    font-size: 59px !important;
  }

  .fz-s-60 {
    font-size: 60px !important;
  }

  .fz-s-61 {
    font-size: 61px !important;
  }

  .fz-s-62 {
    font-size: 62px !important;
  }

  .fz-s-63 {
    font-size: 63px !important;
  }

  .fz-s-64 {
    font-size: 64px !important;
  }

  .fz-s-65 {
    font-size: 65px !important;
  }

  .fz-s-66 {
    font-size: 66px !important;
  }

  .fz-s-67 {
    font-size: 67px !important;
  }

  .fz-s-68 {
    font-size: 68px !important;
  }

  .fz-s-69 {
    font-size: 69px !important;
  }

  .fz-s-70 {
    font-size: 70px !important;
  }

  .fz-s-71 {
    font-size: 71px !important;
  }

  .fz-s-72 {
    font-size: 72px !important;
  }

  .fz-s-73 {
    font-size: 73px !important;
  }

  .fz-s-74 {
    font-size: 74px !important;
  }

  .fz-s-75 {
    font-size: 75px !important;
  }

  .fz-s-76 {
    font-size: 76px !important;
  }

  .fz-s-77 {
    font-size: 77px !important;
  }

  .fz-s-78 {
    font-size: 78px !important;
  }

  .fz-s-79 {
    font-size: 79px !important;
  }

  .fz-s-80 {
    font-size: 80px !important;
  }

  .fz-s-81 {
    font-size: 81px !important;
  }

  .fz-s-82 {
    font-size: 82px !important;
  }

  .fz-s-83 {
    font-size: 83px !important;
  }

  .fz-s-84 {
    font-size: 84px !important;
  }

  .fz-s-85 {
    font-size: 85px !important;
  }

  .fz-s-86 {
    font-size: 86px !important;
  }

  .fz-s-87 {
    font-size: 87px !important;
  }

  .fz-s-88 {
    font-size: 88px !important;
  }

  .fz-s-89 {
    font-size: 89px !important;
  }

  .fz-s-90 {
    font-size: 90px !important;
  }

  .fz-s-91 {
    font-size: 91px !important;
  }

  .fz-s-92 {
    font-size: 92px !important;
  }

  .fz-s-93 {
    font-size: 93px !important;
  }

  .fz-s-94 {
    font-size: 94px !important;
  }

  .fz-s-95 {
    font-size: 95px !important;
  }

  .fz-s-96 {
    font-size: 96px !important;
  }

  .fz-s-97 {
    font-size: 97px !important;
  }

  .fz-s-98 {
    font-size: 98px !important;
  }

  .fz-s-99 {
    font-size: 99px !important;
  }

  .fz-s-100 {
    font-size: 100px !important;
  }
}
@media (max-width: 400px) {
  .fz-xs-8 {
    font-size: 8px !important;
  }

  .fz-xs-9 {
    font-size: 9px !important;
  }

  .fz-xs-10 {
    font-size: 10px !important;
  }

  .fz-xs-11 {
    font-size: 11px !important;
  }

  .fz-xs-12 {
    font-size: 12px !important;
  }

  .fz-xs-13 {
    font-size: 13px !important;
  }

  .fz-xs-14 {
    font-size: 14px !important;
  }

  .fz-xs-15 {
    font-size: 15px !important;
  }

  .fz-xs-16 {
    font-size: 16px !important;
  }

  .fz-xs-17 {
    font-size: 17px !important;
  }

  .fz-xs-18 {
    font-size: 18px !important;
  }

  .fz-xs-19 {
    font-size: 19px !important;
  }

  .fz-xs-20 {
    font-size: 20px !important;
  }

  .fz-xs-21 {
    font-size: 21px !important;
  }

  .fz-xs-22 {
    font-size: 22px !important;
  }

  .fz-xs-23 {
    font-size: 23px !important;
  }

  .fz-xs-24 {
    font-size: 24px !important;
  }

  .fz-xs-25 {
    font-size: 25px !important;
  }

  .fz-xs-26 {
    font-size: 26px !important;
  }

  .fz-xs-27 {
    font-size: 27px !important;
  }

  .fz-xs-28 {
    font-size: 28px !important;
  }

  .fz-xs-29 {
    font-size: 29px !important;
  }

  .fz-xs-30 {
    font-size: 30px !important;
  }

  .fz-xs-31 {
    font-size: 31px !important;
  }

  .fz-xs-32 {
    font-size: 32px !important;
  }

  .fz-xs-33 {
    font-size: 33px !important;
  }

  .fz-xs-34 {
    font-size: 34px !important;
  }

  .fz-xs-35 {
    font-size: 35px !important;
  }

  .fz-xs-36 {
    font-size: 36px !important;
  }

  .fz-xs-37 {
    font-size: 37px !important;
  }

  .fz-xs-38 {
    font-size: 38px !important;
  }

  .fz-xs-39 {
    font-size: 39px !important;
  }

  .fz-xs-40 {
    font-size: 40px !important;
  }

  .fz-xs-41 {
    font-size: 41px !important;
  }

  .fz-xs-42 {
    font-size: 42px !important;
  }

  .fz-xs-43 {
    font-size: 43px !important;
  }

  .fz-xs-44 {
    font-size: 44px !important;
  }

  .fz-xs-45 {
    font-size: 45px !important;
  }

  .fz-xs-46 {
    font-size: 46px !important;
  }

  .fz-xs-47 {
    font-size: 47px !important;
  }

  .fz-xs-48 {
    font-size: 48px !important;
  }

  .fz-xs-49 {
    font-size: 49px !important;
  }

  .fz-xs-50 {
    font-size: 50px !important;
  }

  .fz-xs-51 {
    font-size: 51px !important;
  }

  .fz-xs-52 {
    font-size: 52px !important;
  }

  .fz-xs-53 {
    font-size: 53px !important;
  }

  .fz-xs-54 {
    font-size: 54px !important;
  }

  .fz-xs-55 {
    font-size: 55px !important;
  }

  .fz-xs-56 {
    font-size: 56px !important;
  }

  .fz-xs-57 {
    font-size: 57px !important;
  }

  .fz-xs-58 {
    font-size: 58px !important;
  }

  .fz-xs-59 {
    font-size: 59px !important;
  }

  .fz-xs-60 {
    font-size: 60px !important;
  }

  .fz-xs-61 {
    font-size: 61px !important;
  }

  .fz-xs-62 {
    font-size: 62px !important;
  }

  .fz-xs-63 {
    font-size: 63px !important;
  }

  .fz-xs-64 {
    font-size: 64px !important;
  }

  .fz-xs-65 {
    font-size: 65px !important;
  }

  .fz-xs-66 {
    font-size: 66px !important;
  }

  .fz-xs-67 {
    font-size: 67px !important;
  }

  .fz-xs-68 {
    font-size: 68px !important;
  }

  .fz-xs-69 {
    font-size: 69px !important;
  }

  .fz-xs-70 {
    font-size: 70px !important;
  }

  .fz-xs-71 {
    font-size: 71px !important;
  }

  .fz-xs-72 {
    font-size: 72px !important;
  }

  .fz-xs-73 {
    font-size: 73px !important;
  }

  .fz-xs-74 {
    font-size: 74px !important;
  }

  .fz-xs-75 {
    font-size: 75px !important;
  }

  .fz-xs-76 {
    font-size: 76px !important;
  }

  .fz-xs-77 {
    font-size: 77px !important;
  }

  .fz-xs-78 {
    font-size: 78px !important;
  }

  .fz-xs-79 {
    font-size: 79px !important;
  }

  .fz-xs-80 {
    font-size: 80px !important;
  }

  .fz-xs-81 {
    font-size: 81px !important;
  }

  .fz-xs-82 {
    font-size: 82px !important;
  }

  .fz-xs-83 {
    font-size: 83px !important;
  }

  .fz-xs-84 {
    font-size: 84px !important;
  }

  .fz-xs-85 {
    font-size: 85px !important;
  }

  .fz-xs-86 {
    font-size: 86px !important;
  }

  .fz-xs-87 {
    font-size: 87px !important;
  }

  .fz-xs-88 {
    font-size: 88px !important;
  }

  .fz-xs-89 {
    font-size: 89px !important;
  }

  .fz-xs-90 {
    font-size: 90px !important;
  }

  .fz-xs-91 {
    font-size: 91px !important;
  }

  .fz-xs-92 {
    font-size: 92px !important;
  }

  .fz-xs-93 {
    font-size: 93px !important;
  }

  .fz-xs-94 {
    font-size: 94px !important;
  }

  .fz-xs-95 {
    font-size: 95px !important;
  }

  .fz-xs-96 {
    font-size: 96px !important;
  }

  .fz-xs-97 {
    font-size: 97px !important;
  }

  .fz-xs-98 {
    font-size: 98px !important;
  }

  .fz-xs-99 {
    font-size: 99px !important;
  }

  .fz-xs-100 {
    font-size: 100px !important;
  }
}
/** Borde radio % y px*/
.bor-rad-por-1 {
  border-radius: 1% !important;
}

.bor-rad-por-2 {
  border-radius: 2% !important;
}

.bor-rad-por-3 {
  border-radius: 3% !important;
}

.bor-rad-por-4 {
  border-radius: 4% !important;
}

.bor-rad-por-5 {
  border-radius: 5% !important;
}

.bor-rad-por-6 {
  border-radius: 6% !important;
}

.bor-rad-por-7 {
  border-radius: 7% !important;
}

.bor-rad-por-8 {
  border-radius: 8% !important;
}

.bor-rad-por-9 {
  border-radius: 9% !important;
}

.bor-rad-por-10 {
  border-radius: 10% !important;
}

.bor-rad-por-11 {
  border-radius: 11% !important;
}

.bor-rad-por-12 {
  border-radius: 12% !important;
}

.bor-rad-por-13 {
  border-radius: 13% !important;
}

.bor-rad-por-14 {
  border-radius: 14% !important;
}

.bor-rad-por-15 {
  border-radius: 15% !important;
}

.bor-rad-por-16 {
  border-radius: 16% !important;
}

.bor-rad-por-17 {
  border-radius: 17% !important;
}

.bor-rad-por-18 {
  border-radius: 18% !important;
}

.bor-rad-por-19 {
  border-radius: 19% !important;
}

.bor-rad-por-20 {
  border-radius: 20% !important;
}

.bor-rad-por-21 {
  border-radius: 21% !important;
}

.bor-rad-por-22 {
  border-radius: 22% !important;
}

.bor-rad-por-23 {
  border-radius: 23% !important;
}

.bor-rad-por-24 {
  border-radius: 24% !important;
}

.bor-rad-por-25 {
  border-radius: 25% !important;
}

.bor-rad-por-26 {
  border-radius: 26% !important;
}

.bor-rad-por-27 {
  border-radius: 27% !important;
}

.bor-rad-por-28 {
  border-radius: 28% !important;
}

.bor-rad-por-29 {
  border-radius: 29% !important;
}

.bor-rad-por-30 {
  border-radius: 30% !important;
}

.bor-rad-por-31 {
  border-radius: 31% !important;
}

.bor-rad-por-32 {
  border-radius: 32% !important;
}

.bor-rad-por-33 {
  border-radius: 33% !important;
}

.bor-rad-por-34 {
  border-radius: 34% !important;
}

.bor-rad-por-35 {
  border-radius: 35% !important;
}

.bor-rad-por-36 {
  border-radius: 36% !important;
}

.bor-rad-por-37 {
  border-radius: 37% !important;
}

.bor-rad-por-38 {
  border-radius: 38% !important;
}

.bor-rad-por-39 {
  border-radius: 39% !important;
}

.bor-rad-por-40 {
  border-radius: 40% !important;
}

.bor-rad-por-41 {
  border-radius: 41% !important;
}

.bor-rad-por-42 {
  border-radius: 42% !important;
}

.bor-rad-por-43 {
  border-radius: 43% !important;
}

.bor-rad-por-44 {
  border-radius: 44% !important;
}

.bor-rad-por-45 {
  border-radius: 45% !important;
}

.bor-rad-por-46 {
  border-radius: 46% !important;
}

.bor-rad-por-47 {
  border-radius: 47% !important;
}

.bor-rad-por-48 {
  border-radius: 48% !important;
}

.bor-rad-por-49 {
  border-radius: 49% !important;
}

.bor-rad-por-50 {
  border-radius: 50% !important;
}

.bor-negro-trasp {
  border-bottom: 1px solid rgba(0, 0, 0, 0.055) !important;
}

.bor-pill {
  border-radius: 9999px !important;
}

.bor-rad-1 {
  border-radius: 1px !important;
}

.bor-rad-2 {
  border-radius: 2px !important;
}

.bor-rad-3 {
  border-radius: 3px !important;
}

.bor-rad-4 {
  border-radius: 4px !important;
}

.bor-rad-5 {
  border-radius: 5px !important;
}

.bor-rad-6 {
  border-radius: 6px !important;
}

.bor-rad-7 {
  border-radius: 7px !important;
}

.bor-rad-8 {
  border-radius: 8px !important;
}

.bor-rad-9 {
  border-radius: 9px !important;
}

.bor-rad-10 {
  border-radius: 10px !important;
}

.bor-rad-11 {
  border-radius: 11px !important;
}

.bor-rad-12 {
  border-radius: 12px !important;
}

.bor-rad-13 {
  border-radius: 13px !important;
}

.bor-rad-14 {
  border-radius: 14px !important;
}

.bor-rad-15 {
  border-radius: 15px !important;
}

.bor-rad-16 {
  border-radius: 16px !important;
}

.bor-rad-17 {
  border-radius: 17px !important;
}

.bor-rad-18 {
  border-radius: 18px !important;
}

.bor-rad-19 {
  border-radius: 19px !important;
}

.bor-rad-20 {
  border-radius: 20px !important;
}

.bor-rad-21 {
  border-radius: 21px !important;
}

.bor-rad-22 {
  border-radius: 22px !important;
}

.bor-rad-23 {
  border-radius: 23px !important;
}

.bor-rad-24 {
  border-radius: 24px !important;
}

.bor-rad-25 {
  border-radius: 25px !important;
}

.bor-rad-26 {
  border-radius: 26px !important;
}

.bor-rad-27 {
  border-radius: 27px !important;
}

.bor-rad-28 {
  border-radius: 28px !important;
}

.bor-rad-29 {
  border-radius: 29px !important;
}

.bor-rad-30 {
  border-radius: 30px !important;
}

.bor-rad-31 {
  border-radius: 31px !important;
}

.bor-rad-32 {
  border-radius: 32px !important;
}

.bor-rad-33 {
  border-radius: 33px !important;
}

.bor-rad-34 {
  border-radius: 34px !important;
}

.bor-rad-35 {
  border-radius: 35px !important;
}

.bor-rad-36 {
  border-radius: 36px !important;
}

.bor-rad-37 {
  border-radius: 37px !important;
}

.bor-rad-38 {
  border-radius: 38px !important;
}

.bor-rad-39 {
  border-radius: 39px !important;
}

.bor-rad-40 {
  border-radius: 40px !important;
}

.bor-rad-41 {
  border-radius: 41px !important;
}

.bor-rad-42 {
  border-radius: 42px !important;
}

.bor-rad-43 {
  border-radius: 43px !important;
}

.bor-rad-44 {
  border-radius: 44px !important;
}

.bor-rad-45 {
  border-radius: 45px !important;
}

.bor-rad-46 {
  border-radius: 46px !important;
}

.bor-rad-47 {
  border-radius: 47px !important;
}

.bor-rad-48 {
  border-radius: 48px !important;
}

.bor-rad-49 {
  border-radius: 49px !important;
}

.bor-rad-50 {
  border-radius: 50px !important;
}

.bor-rad-51 {
  border-radius: 51px !important;
}

.bor-rad-52 {
  border-radius: 52px !important;
}

.bor-rad-53 {
  border-radius: 53px !important;
}

.bor-rad-54 {
  border-radius: 54px !important;
}

.bor-rad-55 {
  border-radius: 55px !important;
}

.bor-rad-56 {
  border-radius: 56px !important;
}

.bor-rad-57 {
  border-radius: 57px !important;
}

.bor-rad-58 {
  border-radius: 58px !important;
}

.bor-rad-59 {
  border-radius: 59px !important;
}

.bor-rad-60 {
  border-radius: 60px !important;
}

.bor-rad-61 {
  border-radius: 61px !important;
}

.bor-rad-62 {
  border-radius: 62px !important;
}

.bor-rad-63 {
  border-radius: 63px !important;
}

.bor-rad-64 {
  border-radius: 64px !important;
}

.bor-rad-65 {
  border-radius: 65px !important;
}

.bor-rad-66 {
  border-radius: 66px !important;
}

.bor-rad-67 {
  border-radius: 67px !important;
}

.bor-rad-68 {
  border-radius: 68px !important;
}

.bor-rad-69 {
  border-radius: 69px !important;
}

.bor-rad-70 {
  border-radius: 70px !important;
}

.bor-rad-71 {
  border-radius: 71px !important;
}

.bor-rad-72 {
  border-radius: 72px !important;
}

.bor-rad-73 {
  border-radius: 73px !important;
}

.bor-rad-74 {
  border-radius: 74px !important;
}

.bor-rad-75 {
  border-radius: 75px !important;
}

.bor-rad-76 {
  border-radius: 76px !important;
}

.bor-rad-77 {
  border-radius: 77px !important;
}

.bor-rad-78 {
  border-radius: 78px !important;
}

.bor-rad-79 {
  border-radius: 79px !important;
}

.bor-rad-80 {
  border-radius: 80px !important;
}

.bor-rad-81 {
  border-radius: 81px !important;
}

.bor-rad-82 {
  border-radius: 82px !important;
}

.bor-rad-83 {
  border-radius: 83px !important;
}

.bor-rad-84 {
  border-radius: 84px !important;
}

.bor-rad-85 {
  border-radius: 85px !important;
}

.bor-rad-86 {
  border-radius: 86px !important;
}

.bor-rad-87 {
  border-radius: 87px !important;
}

.bor-rad-88 {
  border-radius: 88px !important;
}

.bor-rad-89 {
  border-radius: 89px !important;
}

.bor-rad-90 {
  border-radius: 90px !important;
}

.bor-rad-91 {
  border-radius: 91px !important;
}

.bor-rad-92 {
  border-radius: 92px !important;
}

.bor-rad-93 {
  border-radius: 93px !important;
}

.bor-rad-94 {
  border-radius: 94px !important;
}

.bor-rad-95 {
  border-radius: 95px !important;
}

.bor-rad-96 {
  border-radius: 96px !important;
}

.bor-rad-97 {
  border-radius: 97px !important;
}

.bor-rad-98 {
  border-radius: 98px !important;
}

.bor-rad-99 {
  border-radius: 99px !important;
}

.bor-rad-100 {
  border-radius: 100px !important;
}

.bor-rad-101 {
  border-radius: 101px !important;
}

.bor-rad-102 {
  border-radius: 102px !important;
}

.bor-rad-103 {
  border-radius: 103px !important;
}

.bor-rad-104 {
  border-radius: 104px !important;
}

.bor-rad-105 {
  border-radius: 105px !important;
}

.bor-rad-106 {
  border-radius: 106px !important;
}

.bor-rad-107 {
  border-radius: 107px !important;
}

.bor-rad-108 {
  border-radius: 108px !important;
}

.bor-rad-109 {
  border-radius: 109px !important;
}

.bor-rad-110 {
  border-radius: 110px !important;
}

.bor-rad-111 {
  border-radius: 111px !important;
}

.bor-rad-112 {
  border-radius: 112px !important;
}

.bor-rad-113 {
  border-radius: 113px !important;
}

.bor-rad-114 {
  border-radius: 114px !important;
}

.bor-rad-115 {
  border-radius: 115px !important;
}

.bor-rad-116 {
  border-radius: 116px !important;
}

.bor-rad-117 {
  border-radius: 117px !important;
}

.bor-rad-118 {
  border-radius: 118px !important;
}

.bor-rad-119 {
  border-radius: 119px !important;
}

.bor-rad-120 {
  border-radius: 120px !important;
}

.bor-rad-121 {
  border-radius: 121px !important;
}

.bor-rad-122 {
  border-radius: 122px !important;
}

.bor-rad-123 {
  border-radius: 123px !important;
}

.bor-rad-124 {
  border-radius: 124px !important;
}

.bor-rad-125 {
  border-radius: 125px !important;
}

.bor-rad-126 {
  border-radius: 126px !important;
}

.bor-rad-127 {
  border-radius: 127px !important;
}

.bor-rad-128 {
  border-radius: 128px !important;
}

.bor-rad-129 {
  border-radius: 129px !important;
}

.bor-rad-130 {
  border-radius: 130px !important;
}

.bor-rad-131 {
  border-radius: 131px !important;
}

.bor-rad-132 {
  border-radius: 132px !important;
}

.bor-rad-133 {
  border-radius: 133px !important;
}

.bor-rad-134 {
  border-radius: 134px !important;
}

.bor-rad-135 {
  border-radius: 135px !important;
}

.bor-rad-136 {
  border-radius: 136px !important;
}

.bor-rad-137 {
  border-radius: 137px !important;
}

.bor-rad-138 {
  border-radius: 138px !important;
}

.bor-rad-139 {
  border-radius: 139px !important;
}

.bor-rad-140 {
  border-radius: 140px !important;
}

.bor-rad-141 {
  border-radius: 141px !important;
}

.bor-rad-142 {
  border-radius: 142px !important;
}

.bor-rad-143 {
  border-radius: 143px !important;
}

.bor-rad-144 {
  border-radius: 144px !important;
}

.bor-rad-145 {
  border-radius: 145px !important;
}

.bor-rad-146 {
  border-radius: 146px !important;
}

.bor-rad-147 {
  border-radius: 147px !important;
}

.bor-rad-148 {
  border-radius: 148px !important;
}

.bor-rad-149 {
  border-radius: 149px !important;
}

.bor-rad-150 {
  border-radius: 150px !important;
}

.bor-rad-151 {
  border-radius: 151px !important;
}

.bor-rad-152 {
  border-radius: 152px !important;
}

.bor-rad-153 {
  border-radius: 153px !important;
}

.bor-rad-154 {
  border-radius: 154px !important;
}

.bor-rad-155 {
  border-radius: 155px !important;
}

.bor-rad-156 {
  border-radius: 156px !important;
}

.bor-rad-157 {
  border-radius: 157px !important;
}

.bor-rad-158 {
  border-radius: 158px !important;
}

.bor-rad-159 {
  border-radius: 159px !important;
}

.bor-rad-160 {
  border-radius: 160px !important;
}

.bor-rad-161 {
  border-radius: 161px !important;
}

.bor-rad-162 {
  border-radius: 162px !important;
}

.bor-rad-163 {
  border-radius: 163px !important;
}

.bor-rad-164 {
  border-radius: 164px !important;
}

.bor-rad-165 {
  border-radius: 165px !important;
}

.bor-rad-166 {
  border-radius: 166px !important;
}

.bor-rad-167 {
  border-radius: 167px !important;
}

.bor-rad-168 {
  border-radius: 168px !important;
}

.bor-rad-169 {
  border-radius: 169px !important;
}

.bor-rad-170 {
  border-radius: 170px !important;
}

.bor-rad-171 {
  border-radius: 171px !important;
}

.bor-rad-172 {
  border-radius: 172px !important;
}

.bor-rad-173 {
  border-radius: 173px !important;
}

.bor-rad-174 {
  border-radius: 174px !important;
}

.bor-rad-175 {
  border-radius: 175px !important;
}

.bor-rad-176 {
  border-radius: 176px !important;
}

.bor-rad-177 {
  border-radius: 177px !important;
}

.bor-rad-178 {
  border-radius: 178px !important;
}

.bor-rad-179 {
  border-radius: 179px !important;
}

.bor-rad-180 {
  border-radius: 180px !important;
}

.bor-rad-181 {
  border-radius: 181px !important;
}

.bor-rad-182 {
  border-radius: 182px !important;
}

.bor-rad-183 {
  border-radius: 183px !important;
}

.bor-rad-184 {
  border-radius: 184px !important;
}

.bor-rad-185 {
  border-radius: 185px !important;
}

.bor-rad-186 {
  border-radius: 186px !important;
}

.bor-rad-187 {
  border-radius: 187px !important;
}

.bor-rad-188 {
  border-radius: 188px !important;
}

.bor-rad-189 {
  border-radius: 189px !important;
}

.bor-rad-190 {
  border-radius: 190px !important;
}

.bor-rad-191 {
  border-radius: 191px !important;
}

.bor-rad-192 {
  border-radius: 192px !important;
}

.bor-rad-193 {
  border-radius: 193px !important;
}

.bor-rad-194 {
  border-radius: 194px !important;
}

.bor-rad-195 {
  border-radius: 195px !important;
}

.bor-rad-196 {
  border-radius: 196px !important;
}

.bor-rad-197 {
  border-radius: 197px !important;
}

.bor-rad-198 {
  border-radius: 198px !important;
}

.bor-rad-199 {
  border-radius: 199px !important;
}

.bor-rad-200 {
  border-radius: 200px !important;
}

.bor-rad-201 {
  border-radius: 201px !important;
}

.bor-rad-202 {
  border-radius: 202px !important;
}

.bor-rad-203 {
  border-radius: 203px !important;
}

.bor-rad-204 {
  border-radius: 204px !important;
}

.bor-rad-205 {
  border-radius: 205px !important;
}

.bor-rad-206 {
  border-radius: 206px !important;
}

.bor-rad-207 {
  border-radius: 207px !important;
}

.bor-rad-208 {
  border-radius: 208px !important;
}

.bor-rad-209 {
  border-radius: 209px !important;
}

.bor-rad-210 {
  border-radius: 210px !important;
}

.bor-rad-211 {
  border-radius: 211px !important;
}

.bor-rad-212 {
  border-radius: 212px !important;
}

.bor-rad-213 {
  border-radius: 213px !important;
}

.bor-rad-214 {
  border-radius: 214px !important;
}

.bor-rad-215 {
  border-radius: 215px !important;
}

.bor-rad-216 {
  border-radius: 216px !important;
}

.bor-rad-217 {
  border-radius: 217px !important;
}

.bor-rad-218 {
  border-radius: 218px !important;
}

.bor-rad-219 {
  border-radius: 219px !important;
}

.bor-rad-220 {
  border-radius: 220px !important;
}

.bor-rad-221 {
  border-radius: 221px !important;
}

.bor-rad-222 {
  border-radius: 222px !important;
}

.bor-rad-223 {
  border-radius: 223px !important;
}

.bor-rad-224 {
  border-radius: 224px !important;
}

.bor-rad-225 {
  border-radius: 225px !important;
}

.bor-rad-226 {
  border-radius: 226px !important;
}

.bor-rad-227 {
  border-radius: 227px !important;
}

.bor-rad-228 {
  border-radius: 228px !important;
}

.bor-rad-229 {
  border-radius: 229px !important;
}

.bor-rad-230 {
  border-radius: 230px !important;
}

.bor-rad-231 {
  border-radius: 231px !important;
}

.bor-rad-232 {
  border-radius: 232px !important;
}

.bor-rad-233 {
  border-radius: 233px !important;
}

.bor-rad-234 {
  border-radius: 234px !important;
}

.bor-rad-235 {
  border-radius: 235px !important;
}

.bor-rad-236 {
  border-radius: 236px !important;
}

.bor-rad-237 {
  border-radius: 237px !important;
}

.bor-rad-238 {
  border-radius: 238px !important;
}

.bor-rad-239 {
  border-radius: 239px !important;
}

.bor-rad-240 {
  border-radius: 240px !important;
}

.bor-rad-241 {
  border-radius: 241px !important;
}

.bor-rad-242 {
  border-radius: 242px !important;
}

.bor-rad-243 {
  border-radius: 243px !important;
}

.bor-rad-244 {
  border-radius: 244px !important;
}

.bor-rad-245 {
  border-radius: 245px !important;
}

.bor-rad-246 {
  border-radius: 246px !important;
}

.bor-rad-247 {
  border-radius: 247px !important;
}

.bor-rad-248 {
  border-radius: 248px !important;
}

.bor-rad-249 {
  border-radius: 249px !important;
}

.bor-rad-250 {
  border-radius: 250px !important;
}

.bor-rad-251 {
  border-radius: 251px !important;
}

.bor-rad-252 {
  border-radius: 252px !important;
}

.bor-rad-253 {
  border-radius: 253px !important;
}

.bor-rad-254 {
  border-radius: 254px !important;
}

.bor-rad-255 {
  border-radius: 255px !important;
}

.bor-rad-256 {
  border-radius: 256px !important;
}

.bor-rad-257 {
  border-radius: 257px !important;
}

.bor-rad-258 {
  border-radius: 258px !important;
}

.bor-rad-259 {
  border-radius: 259px !important;
}

.bor-rad-260 {
  border-radius: 260px !important;
}

.bor-rad-261 {
  border-radius: 261px !important;
}

.bor-rad-262 {
  border-radius: 262px !important;
}

.bor-rad-263 {
  border-radius: 263px !important;
}

.bor-rad-264 {
  border-radius: 264px !important;
}

.bor-rad-265 {
  border-radius: 265px !important;
}

.bor-rad-266 {
  border-radius: 266px !important;
}

.bor-rad-267 {
  border-radius: 267px !important;
}

.bor-rad-268 {
  border-radius: 268px !important;
}

.bor-rad-269 {
  border-radius: 269px !important;
}

.bor-rad-270 {
  border-radius: 270px !important;
}

.bor-rad-271 {
  border-radius: 271px !important;
}

.bor-rad-272 {
  border-radius: 272px !important;
}

.bor-rad-273 {
  border-radius: 273px !important;
}

.bor-rad-274 {
  border-radius: 274px !important;
}

.bor-rad-275 {
  border-radius: 275px !important;
}

.bor-rad-276 {
  border-radius: 276px !important;
}

.bor-rad-277 {
  border-radius: 277px !important;
}

.bor-rad-278 {
  border-radius: 278px !important;
}

.bor-rad-279 {
  border-radius: 279px !important;
}

.bor-rad-280 {
  border-radius: 280px !important;
}

.bor-rad-281 {
  border-radius: 281px !important;
}

.bor-rad-282 {
  border-radius: 282px !important;
}

.bor-rad-283 {
  border-radius: 283px !important;
}

.bor-rad-284 {
  border-radius: 284px !important;
}

.bor-rad-285 {
  border-radius: 285px !important;
}

.bor-rad-286 {
  border-radius: 286px !important;
}

.bor-rad-287 {
  border-radius: 287px !important;
}

.bor-rad-288 {
  border-radius: 288px !important;
}

.bor-rad-289 {
  border-radius: 289px !important;
}

.bor-rad-290 {
  border-radius: 290px !important;
}

.bor-rad-291 {
  border-radius: 291px !important;
}

.bor-rad-292 {
  border-radius: 292px !important;
}

.bor-rad-293 {
  border-radius: 293px !important;
}

.bor-rad-294 {
  border-radius: 294px !important;
}

.bor-rad-295 {
  border-radius: 295px !important;
}

.bor-rad-296 {
  border-radius: 296px !important;
}

.bor-rad-297 {
  border-radius: 297px !important;
}

.bor-rad-298 {
  border-radius: 298px !important;
}

.bor-rad-299 {
  border-radius: 299px !important;
}

.bor-rad-300 {
  border-radius: 300px !important;
}

.bor-1 {
  border: 1px solid black !important;
}

.bor-2 {
  border: 2px solid black !important;
}

.bor-3 {
  border: 3px solid black !important;
}

.bor-4 {
  border: 4px solid black !important;
}

.bor-5 {
  border: 5px solid black !important;
}

.bor-6 {
  border: 6px solid black !important;
}

.bor-7 {
  border: 7px solid black !important;
}

.bor-8 {
  border: 8px solid black !important;
}

.bor-9 {
  border: 9px solid black !important;
}

.bor-10 {
  border: 10px solid black !important;
}

/** Bordes rojos */
.bor-rojo-1 {
  border: 1px solid #bb1818 !important;
}

.bor-rojo-2 {
  border: 2px solid #bb1818 !important;
}

.bor-rojo-3 {
  border: 3px solid #bb1818 !important;
}

.bor-rojo-4 {
  border: 4px solid #bb1818 !important;
}

.bor-rojo-5 {
  border: 5px solid #bb1818 !important;
}

.bor-rojo-6 {
  border: 6px solid #bb1818 !important;
}

.bor-rojo-7 {
  border: 7px solid #bb1818 !important;
}

.bor-rojo-8 {
  border: 8px solid #bb1818 !important;
}

.bor-rojo-9 {
  border: 9px solid #bb1818 !important;
}

.bor-rojo-10 {
  border: 10px solid #bb1818 !important;
}

.bor-rojo-c-1 {
  border: 1px solid #f51515 !important;
}

.bor-rojo-c-2 {
  border: 2px solid #f51515 !important;
}

.bor-rojo-c-3 {
  border: 3px solid #f51515 !important;
}

.bor-rojo-c-4 {
  border: 4px solid #f51515 !important;
}

.bor-rojo-c-5 {
  border: 5px solid #f51515 !important;
}

.bor-rojo-c-6 {
  border: 6px solid #f51515 !important;
}

.bor-rojo-c-7 {
  border: 7px solid #f51515 !important;
}

.bor-rojo-c-8 {
  border: 8px solid #f51515 !important;
}

.bor-rojo-c-9 {
  border: 9px solid #f51515 !important;
}

.bor-rojo-c-10 {
  border: 10px solid #f51515 !important;
}

.bor-rojo-t-1 {
  border: 1px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-2 {
  border: 2px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-3 {
  border: 3px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-4 {
  border: 4px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-5 {
  border: 5px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-6 {
  border: 6px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-7 {
  border: 7px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-8 {
  border: 8px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-9 {
  border: 9px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-t-10 {
  border: 10px solid rgba(255, 51, 0, 0.7) !important;
}

.bor-rojo-o-1 {
  border: 1px solid #500000 !important;
}

.bor-rojo-o-2 {
  border: 2px solid #500000 !important;
}

.bor-rojo-o-3 {
  border: 3px solid #500000 !important;
}

.bor-rojo-o-4 {
  border: 4px solid #500000 !important;
}

.bor-rojo-o-5 {
  border: 5px solid #500000 !important;
}

.bor-rojo-o-6 {
  border: 6px solid #500000 !important;
}

.bor-rojo-o-7 {
  border: 7px solid #500000 !important;
}

.bor-rojo-o-8 {
  border: 8px solid #500000 !important;
}

.bor-rojo-o-9 {
  border: 9px solid #500000 !important;
}

.bor-rojo-o-10 {
  border: 10px solid #500000 !important;
}

/** Bordes rojos verdes*/
.bor-verde-1 {
  border: 1px solid #006e5c !important;
}

.bor-verde-2 {
  border: 2px solid #006e5c !important;
}

.bor-verde-3 {
  border: 3px solid #006e5c !important;
}

.bor-verde-4 {
  border: 4px solid #006e5c !important;
}

.bor-verde-5 {
  border: 5px solid #006e5c !important;
}

.bor-verde-6 {
  border: 6px solid #006e5c !important;
}

.bor-verde-7 {
  border: 7px solid #006e5c !important;
}

.bor-verde-8 {
  border: 8px solid #006e5c !important;
}

.bor-verde-9 {
  border: 9px solid #006e5c !important;
}

.bor-verde-10 {
  border: 10px solid #006e5c !important;
}

.bor-verde-c-1 {
  border: 1px solid #00bb9c !important;
}

.bor-verde-c-2 {
  border: 2px solid #00bb9c !important;
}

.bor-verde-c-3 {
  border: 3px solid #00bb9c !important;
}

.bor-verde-c-4 {
  border: 4px solid #00bb9c !important;
}

.bor-verde-c-5 {
  border: 5px solid #00bb9c !important;
}

.bor-verde-c-6 {
  border: 6px solid #00bb9c !important;
}

.bor-verde-c-7 {
  border: 7px solid #00bb9c !important;
}

.bor-verde-c-8 {
  border: 8px solid #00bb9c !important;
}

.bor-verde-c-9 {
  border: 9px solid #00bb9c !important;
}

.bor-verde-c-10 {
  border: 10px solid #00bb9c !important;
}

.bor-verde-o-1 {
  border: 1px solid #073a31 !important;
}

.bor-verde-o-2 {
  border: 2px solid #073a31 !important;
}

.bor-verde-o-3 {
  border: 3px solid #073a31 !important;
}

.bor-verde-o-4 {
  border: 4px solid #073a31 !important;
}

.bor-verde-o-5 {
  border: 5px solid #073a31 !important;
}

.bor-verde-o-6 {
  border: 6px solid #073a31 !important;
}

.bor-verde-o-7 {
  border: 7px solid #073a31 !important;
}

.bor-verde-o-8 {
  border: 8px solid #073a31 !important;
}

.bor-verde-o-9 {
  border: 9px solid #073a31 !important;
}

.bor-verde-o-10 {
  border: 10px solid #073a31 !important;
}

.bor-verde-az-1 {
  border: 1px solid #002a30 !important;
}

.bor-verde-az-2 {
  border: 2px solid #002a30 !important;
}

.bor-verde-az-3 {
  border: 3px solid #002a30 !important;
}

.bor-verde-az-4 {
  border: 4px solid #002a30 !important;
}

.bor-verde-az-5 {
  border: 5px solid #002a30 !important;
}

.bor-verde-az-6 {
  border: 6px solid #002a30 !important;
}

.bor-verde-az-7 {
  border: 7px solid #002a30 !important;
}

.bor-verde-az-8 {
  border: 8px solid #002a30 !important;
}

.bor-verde-az-9 {
  border: 9px solid #002a30 !important;
}

.bor-verde-az-10 {
  border: 10px solid #002a30 !important;
}

/*bordes azules*/
.bor-azul-1 {
  border: 1px solid #1045b7 !important;
}

.bor-azul-2 {
  border: 2px solid #1045b7 !important;
}

.bor-azul-3 {
  border: 3px solid #1045b7 !important;
}

.bor-azul-4 {
  border: 4px solid #1045b7 !important;
}

.bor-azul-5 {
  border: 5px solid #1045b7 !important;
}

.bor-azul-6 {
  border: 6px solid #1045b7 !important;
}

.bor-azul-7 {
  border: 7px solid #1045b7 !important;
}

.bor-azul-8 {
  border: 8px solid #1045b7 !important;
}

.bor-azul-9 {
  border: 9px solid #1045b7 !important;
}

.bor-azul-10 {
  border: 10px solid #1045b7 !important;
}

.bor-azul-ve-1 {
  border: 1px solid #06263f !important;
}

.bor-azul-ve-2 {
  border: 2px solid #06263f !important;
}

.bor-azul-ve-3 {
  border: 3px solid #06263f !important;
}

.bor-azul-ve-4 {
  border: 4px solid #06263f !important;
}

.bor-azul-ve-5 {
  border: 5px solid #06263f !important;
}

.bor-azul-ve-6 {
  border: 6px solid #06263f !important;
}

.bor-azul-ve-7 {
  border: 7px solid #06263f !important;
}

.bor-azul-ve-8 {
  border: 8px solid #06263f !important;
}

.bor-azul-ve-9 {
  border: 9px solid #06263f !important;
}

.bor-azul-ve-10 {
  border: 10px solid #06263f !important;
}

.bor-azul-c-1 {
  border: 1px solid #006cff !important;
}

.bor-azul-c-2 {
  border: 2px solid #006cff !important;
}

.bor-azul-c-3 {
  border: 3px solid #006cff !important;
}

.bor-azul-c-4 {
  border: 4px solid #006cff !important;
}

.bor-azul-c-5 {
  border: 5px solid #006cff !important;
}

.bor-azul-c-6 {
  border: 6px solid #006cff !important;
}

.bor-azul-c-7 {
  border: 7px solid #006cff !important;
}

.bor-azul-c-8 {
  border: 8px solid #006cff !important;
}

.bor-azul-c-9 {
  border: 9px solid #006cff !important;
}

.bor-azul-c-10 {
  border: 10px solid #006cff !important;
}

.bor-azul-o-1 {
  border: 1px solid #002066 !important;
}

.bor-azul-o-2 {
  border: 2px solid #002066 !important;
}

.bor-azul-o-3 {
  border: 3px solid #002066 !important;
}

.bor-azul-o-4 {
  border: 4px solid #002066 !important;
}

.bor-azul-o-5 {
  border: 5px solid #002066 !important;
}

.bor-azul-o-6 {
  border: 6px solid #002066 !important;
}

.bor-azul-o-7 {
  border: 7px solid #002066 !important;
}

.bor-azul-o-8 {
  border: 8px solid #002066 !important;
}

.bor-azul-o-9 {
  border: 9px solid #002066 !important;
}

.bor-azul-o-10 {
  border: 10px solid #002066 !important;
}

/** Bordes grises*/
.bor-gris-1 {
  border: 1px solid gray !important;
}

.bor-gris-2 {
  border: 2px solid gray !important;
}

.bor-gris-3 {
  border: 3px solid gray !important;
}

.bor-gris-4 {
  border: 4px solid gray !important;
}

.bor-gris-5 {
  border: 5px solid gray !important;
}

.bor-gris-6 {
  border: 6px solid gray !important;
}

.bor-gris-7 {
  border: 7px solid gray !important;
}

.bor-gris-8 {
  border: 8px solid gray !important;
}

.bor-gris-9 {
  border: 9px solid gray !important;
}

.bor-gris-10 {
  border: 10px solid gray !important;
}

.bor-gris-n-1 {
  border: 1px solid #111111 !important;
}

.bor-gris-n-2 {
  border: 2px solid #111111 !important;
}

.bor-gris-n-3 {
  border: 3px solid #111111 !important;
}

.bor-gris-n-4 {
  border: 4px solid #111111 !important;
}

.bor-gris-n-5 {
  border: 5px solid #111111 !important;
}

.bor-gris-n-6 {
  border: 6px solid #111111 !important;
}

.bor-gris-n-7 {
  border: 7px solid #111111 !important;
}

.bor-gris-n-8 {
  border: 8px solid #111111 !important;
}

.bor-gris-n-9 {
  border: 9px solid #111111 !important;
}

.bor-gris-n-10 {
  border: 10px solid #111111 !important;
}

.bor-azul-az-1 {
  border: 1px solid #1e2029 !important;
}

.bor-azul-az-2 {
  border: 2px solid #1e2029 !important;
}

.bor-azul-az-3 {
  border: 3px solid #1e2029 !important;
}

.bor-azul-az-4 {
  border: 4px solid #1e2029 !important;
}

.bor-azul-az-5 {
  border: 5px solid #1e2029 !important;
}

.bor-azul-az-6 {
  border: 6px solid #1e2029 !important;
}

.bor-azul-az-7 {
  border: 7px solid #1e2029 !important;
}

.bor-azul-az-8 {
  border: 8px solid #1e2029 !important;
}

.bor-azul-az-9 {
  border: 9px solid #1e2029 !important;
}

.bor-azul-az-10 {
  border: 10px solid #1e2029 !important;
}

.bor-azul-az-o-1 {
  border: 1px solid #15161a !important;
}

.bor-azul-az-o-2 {
  border: 2px solid #15161a !important;
}

.bor-azul-az-o-3 {
  border: 3px solid #15161a !important;
}

.bor-azul-az-o-4 {
  border: 4px solid #15161a !important;
}

.bor-azul-az-o-5 {
  border: 5px solid #15161a !important;
}

.bor-azul-az-o-6 {
  border: 6px solid #15161a !important;
}

.bor-azul-az-o-7 {
  border: 7px solid #15161a !important;
}

.bor-azul-az-o-8 {
  border: 8px solid #15161a !important;
}

.bor-azul-az-o-9 {
  border: 9px solid #15161a !important;
}

.bor-azul-az-o-10 {
  border: 10px solid #15161a !important;
}

.bor-blanco-1 {
  border: 1px solid white !important;
}

.bor-blanco-2 {
  border: 2px solid white !important;
}

.bor-blanco-3 {
  border: 3px solid white !important;
}

.bor-blanco-4 {
  border: 4px solid white !important;
}

.bor-blanco-5 {
  border: 5px solid white !important;
}

.bor-blanco-6 {
  border: 6px solid white !important;
}

.bor-blanco-7 {
  border: 7px solid white !important;
}

.bor-blanco-8 {
  border: 8px solid white !important;
}

.bor-blanco-9 {
  border: 9px solid white !important;
}

.bor-blanco-10 {
  border: 10px solid white !important;
}

.ancho-5 {
  width: 5% !important;
}

.ancho-10 {
  width: 10% !important;
}

.ancho-15 {
  width: 15% !important;
}

.ancho-20 {
  width: 20% !important;
}

.ancho-25 {
  width: 25% !important;
}

.ancho-30 {
  width: 30% !important;
}

.ancho-35 {
  width: 35% !important;
}

.ancho-40 {
  width: 40% !important;
}

.ancho-45 {
  width: 45% !important;
}

.ancho-50 {
  width: 50% !important;
}

.ancho-55 {
  width: 55% !important;
}

.ancho-60 {
  width: 60% !important;
}

.ancho-65 {
  width: 65% !important;
}

.ancho-70 {
  width: 70% !important;
}

.ancho-75 {
  width: 75% !important;
}

.ancho-80 {
  width: 80% !important;
}

.ancho-85 {
  width: 85% !important;
}

.ancho-90 {
  width: 90% !important;
}

.ancho-95 {
  width: 95% !important;
}

.ancho-100 {
  width: 100% !important;
}

.alto-5 {
  height: 5% !important;
}

.alto-10 {
  height: 10% !important;
}

.alto-15 {
  height: 15% !important;
}

.alto-20 {
  height: 20% !important;
}

.alto-25 {
  height: 25% !important;
}

.alto-30 {
  height: 30% !important;
}

.alto-35 {
  height: 35% !important;
}

.alto-40 {
  height: 40% !important;
}

.alto-45 {
  height: 45% !important;
}

.alto-50 {
  height: 50% !important;
}

.alto-55 {
  height: 55% !important;
}

.alto-60 {
  height: 60% !important;
}

.alto-65 {
  height: 65% !important;
}

.alto-70 {
  height: 70% !important;
}

.alto-75 {
  height: 75% !important;
}

.alto-80 {
  height: 80% !important;
}

.alto-85 {
  height: 85% !important;
}

.alto-90 {
  height: 90% !important;
}

.alto-95 {
  height: 95% !important;
}

.alto-100 {
  height: 100% !important;
}

@media (max-width: 1030px) {
  .ancho-m-5 {
    width: 5% !important;
  }

  .ancho-m-10 {
    width: 10% !important;
  }

  .ancho-m-15 {
    width: 15% !important;
  }

  .ancho-m-20 {
    width: 20% !important;
  }

  .ancho-m-25 {
    width: 25% !important;
  }

  .ancho-m-30 {
    width: 30% !important;
  }

  .ancho-m-35 {
    width: 35% !important;
  }

  .ancho-m-40 {
    width: 40% !important;
  }

  .ancho-m-45 {
    width: 45% !important;
  }

  .ancho-m-50 {
    width: 50% !important;
  }

  .ancho-m-55 {
    width: 55% !important;
  }

  .ancho-m-60 {
    width: 60% !important;
  }

  .ancho-m-65 {
    width: 65% !important;
  }

  .ancho-m-70 {
    width: 70% !important;
  }

  .ancho-m-75 {
    width: 75% !important;
  }

  .ancho-m-80 {
    width: 80% !important;
  }

  .ancho-m-85 {
    width: 85% !important;
  }

  .ancho-m-90 {
    width: 90% !important;
  }

  .ancho-m-95 {
    width: 95% !important;
  }

  .ancho-m-100 {
    width: 100% !important;
  }

  .alto-m-5 {
    height: 5% !important;
  }

  .alto-m-10 {
    height: 10% !important;
  }

  .alto-m-15 {
    height: 15% !important;
  }

  .alto-m-20 {
    height: 20% !important;
  }

  .alto-m-25 {
    height: 25% !important;
  }

  .alto-m-30 {
    height: 30% !important;
  }

  .alto-m-35 {
    height: 35% !important;
  }

  .alto-m-40 {
    height: 40% !important;
  }

  .alto-m-45 {
    height: 45% !important;
  }

  .alto-m-50 {
    height: 50% !important;
  }

  .alto-m-55 {
    height: 55% !important;
  }

  .alto-m-60 {
    height: 60% !important;
  }

  .alto-m-65 {
    height: 65% !important;
  }

  .alto-m-70 {
    height: 70% !important;
  }

  .alto-m-75 {
    height: 75% !important;
  }

  .alto-m-80 {
    height: 80% !important;
  }

  .alto-m-85 {
    height: 85% !important;
  }

  .alto-m-90 {
    height: 90% !important;
  }

  .alto-m-95 {
    height: 95% !important;
  }

  .alto-m-100 {
    height: 100% !important;
  }
}
@media (max-width: 770px) {
  .ancho-s-5 {
    width: 5% !important;
  }

  .ancho-s-10 {
    width: 10% !important;
  }

  .ancho-s-15 {
    width: 15% !important;
  }

  .ancho-s-20 {
    width: 20% !important;
  }

  .ancho-s-25 {
    width: 25% !important;
  }

  .ancho-s-30 {
    width: 30% !important;
  }

  .ancho-s-35 {
    width: 35% !important;
  }

  .ancho-s-40 {
    width: 40% !important;
  }

  .ancho-s-45 {
    width: 45% !important;
  }

  .ancho-s-50 {
    width: 50% !important;
  }

  .ancho-s-55 {
    width: 55% !important;
  }

  .ancho-s-60 {
    width: 60% !important;
  }

  .ancho-s-65 {
    width: 65% !important;
  }

  .ancho-s-70 {
    width: 70% !important;
  }

  .ancho-s-75 {
    width: 75% !important;
  }

  .ancho-s-80 {
    width: 80% !important;
  }

  .ancho-s-85 {
    width: 85% !important;
  }

  .ancho-s-90 {
    width: 90% !important;
  }

  .ancho-s-95 {
    width: 95% !important;
  }

  .ancho-s-100 {
    width: 100% !important;
  }

  .alto-s-5 {
    height: 5% !important;
  }

  .alto-s-10 {
    height: 10% !important;
  }

  .alto-s-15 {
    height: 15% !important;
  }

  .alto-s-20 {
    height: 20% !important;
  }

  .alto-s-25 {
    height: 25% !important;
  }

  .alto-s-30 {
    height: 30% !important;
  }

  .alto-s-35 {
    height: 35% !important;
  }

  .alto-s-40 {
    height: 40% !important;
  }

  .alto-s-45 {
    height: 45% !important;
  }

  .alto-s-50 {
    height: 50% !important;
  }

  .alto-s-55 {
    height: 55% !important;
  }

  .alto-s-60 {
    height: 60% !important;
  }

  .alto-s-65 {
    height: 65% !important;
  }

  .alto-s-70 {
    height: 70% !important;
  }

  .alto-s-75 {
    height: 75% !important;
  }

  .alto-s-80 {
    height: 80% !important;
  }

  .alto-s-85 {
    height: 85% !important;
  }

  .alto-s-90 {
    height: 90% !important;
  }

  .alto-s-95 {
    height: 95% !important;
  }

  .alto-s-100 {
    height: 100% !important;
  }
}
@media (max-width: 400px) {
  .ancho-xs-5 {
    width: 5% !important;
  }

  .ancho-xs-10 {
    width: 10% !important;
  }

  .ancho-xs-15 {
    width: 15% !important;
  }

  .ancho-xs-20 {
    width: 20% !important;
  }

  .ancho-xs-25 {
    width: 25% !important;
  }

  .ancho-xs-30 {
    width: 30% !important;
  }

  .ancho-xs-35 {
    width: 35% !important;
  }

  .ancho-xs-40 {
    width: 40% !important;
  }

  .ancho-xs-45 {
    width: 45% !important;
  }

  .ancho-xs-50 {
    width: 50% !important;
  }

  .ancho-xs-55 {
    width: 55% !important;
  }

  .ancho-xs-60 {
    width: 60% !important;
  }

  .ancho-xs-65 {
    width: 65% !important;
  }

  .ancho-xs-70 {
    width: 70% !important;
  }

  .ancho-xs-75 {
    width: 75% !important;
  }

  .ancho-xs-80 {
    width: 80% !important;
  }

  .ancho-xs-85 {
    width: 85% !important;
  }

  .ancho-xs-90 {
    width: 90% !important;
  }

  .ancho-xs-95 {
    width: 95% !important;
  }

  .ancho-xs-100 {
    width: 100% !important;
  }

  .alto-xs-5 {
    height: 5% !important;
  }

  .alto-xs-10 {
    height: 10% !important;
  }

  .alto-xs-15 {
    height: 15% !important;
  }

  .alto-xs-20 {
    height: 20% !important;
  }

  .alto-xs-25 {
    height: 25% !important;
  }

  .alto-xs-30 {
    height: 30% !important;
  }

  .alto-xs-35 {
    height: 35% !important;
  }

  .alto-xs-40 {
    height: 40% !important;
  }

  .alto-xs-45 {
    height: 45% !important;
  }

  .alto-xs-50 {
    height: 50% !important;
  }

  .alto-xs-55 {
    height: 55% !important;
  }

  .alto-xs-60 {
    height: 60% !important;
  }

  .alto-xs-65 {
    height: 65% !important;
  }

  .alto-xs-70 {
    height: 70% !important;
  }

  .alto-xs-75 {
    height: 75% !important;
  }

  .alto-xs-80 {
    height: 80% !important;
  }

  .alto-xs-85 {
    height: 85% !important;
  }

  .alto-xs-90 {
    height: 90% !important;
  }

  .alto-xs-95 {
    height: 95% !important;
  }

  .alto-xs-100 {
    height: 100% !important;
  }
}
.opa-0 {
  opacity: 0;
}

.opa-1 {
  opacity: 0.1;
}

.opa-2 {
  opacity: 0.2;
}

.opa-3 {
  opacity: 0.3;
}

.opa-4 {
  opacity: 0.4;
}

.opa-5 {
  opacity: 0.5;
}

.opa-6 {
  opacity: 0.6;
}

.opa-7 {
  opacity: 0.7;
}

.opa-8 {
  opacity: 0.8;
}

.opa-9 {
  opacity: 0.9;
}

.opa-10 {
  opacity: 1;
}

.divisor {
  height: 0;
  width: 100%;
  padding: 0;
  margin: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.164);
}

.divisorH {
  height: 100%;
  width: 0;
  min-height: 30px;
  border-right: 1px solid rgba(0, 0, 0, 0.151);
  border-radius: 50%;
  margin: 0 10px;
}

.efecto-borde-rojo,
.efecto-borde-azul,
.efecto-borde-verde,
.efecto-borde-negro,
.efecto-borde-gris,
.efecto-borde-blanco {
  position: relative;
}
.efecto-borde-rojo::before,
.efecto-borde-azul::before,
.efecto-borde-verde::before,
.efecto-borde-negro::before,
.efecto-borde-gris::before,
.efecto-borde-blanco::before {
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.efecto-borde-rojo:hover::before,
.efecto-borde-azul:hover::before,
.efecto-borde-verde:hover::before,
.efecto-borde-negro:hover::before,
.efecto-borde-gris:hover::before,
.efecto-borde-blanco:hover::before {
  width: 100%;
}

.efecto-borde-rojo::before {
  background-color: #bb1818;
}

.efecto-borde-azul::before {
  background-color: #1045b7;
}

.efecto-borde-verde::before {
  background-color: #006e5c;
}

.efecto-borde-gris::before {
  background-color: gray;
}

.efecto-borde-negro::before {
  background-color: black;
}

.efecto-borde-blanco::before {
  background-color: white;
}

.derecha::before {
  right: 0 !important;
}

.izquierda::before {
  left: 0 !important;
}

.centro::before {
  left: 50% !important;
}
.centro:hover::before {
  left: 0 !important;
}

.e-borde-izq-rojo-1,
.e-borde-izq-verde-1,
.e-borde-izq-azul-1,
.e-borde-izq-gris-1,
.e-borde-izq-negro-1,
.e-borde-izq-blanco-1 {
  position: relative;
}
.e-borde-izq-rojo-1::before,
.e-borde-izq-verde-1::before,
.e-borde-izq-azul-1::before,
.e-borde-izq-gris-1::before,
.e-borde-izq-negro-1::before,
.e-borde-izq-blanco-1::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-1:hover::before,
.e-borde-izq-verde-1:hover::before,
.e-borde-izq-azul-1:hover::before,
.e-borde-izq-gris-1:hover::before,
.e-borde-izq-negro-1:hover::before,
.e-borde-izq-blanco-1:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-1::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-1::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-1::before {
  background-color: gray;
}

.e-borde-izq-negro-1::before {
  background-color: black;
}

.e-borde-izq-blanco-1::before {
  background-color: white;
}

.e-borde-izq-rojo-2,
.e-borde-izq-verde-2,
.e-borde-izq-azul-2,
.e-borde-izq-gris-2,
.e-borde-izq-negro-2,
.e-borde-izq-blanco-2 {
  position: relative;
}
.e-borde-izq-rojo-2::before,
.e-borde-izq-verde-2::before,
.e-borde-izq-azul-2::before,
.e-borde-izq-gris-2::before,
.e-borde-izq-negro-2::before,
.e-borde-izq-blanco-2::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-2:hover::before,
.e-borde-izq-verde-2:hover::before,
.e-borde-izq-azul-2:hover::before,
.e-borde-izq-gris-2:hover::before,
.e-borde-izq-negro-2:hover::before,
.e-borde-izq-blanco-2:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-2::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-2::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-2::before {
  background-color: gray;
}

.e-borde-izq-negro-2::before {
  background-color: black;
}

.e-borde-izq-blanco-2::before {
  background-color: white;
}

.e-borde-izq-rojo-3,
.e-borde-izq-verde-3,
.e-borde-izq-azul-3,
.e-borde-izq-gris-3,
.e-borde-izq-negro-3,
.e-borde-izq-blanco-3 {
  position: relative;
}
.e-borde-izq-rojo-3::before,
.e-borde-izq-verde-3::before,
.e-borde-izq-azul-3::before,
.e-borde-izq-gris-3::before,
.e-borde-izq-negro-3::before,
.e-borde-izq-blanco-3::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-3:hover::before,
.e-borde-izq-verde-3:hover::before,
.e-borde-izq-azul-3:hover::before,
.e-borde-izq-gris-3:hover::before,
.e-borde-izq-negro-3:hover::before,
.e-borde-izq-blanco-3:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-3::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-3::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-3::before {
  background-color: gray;
}

.e-borde-izq-negro-3::before {
  background-color: black;
}

.e-borde-izq-blanco-3::before {
  background-color: white;
}

.e-borde-izq-rojo-4,
.e-borde-izq-verde-4,
.e-borde-izq-azul-4,
.e-borde-izq-gris-4,
.e-borde-izq-negro-4,
.e-borde-izq-blanco-4 {
  position: relative;
}
.e-borde-izq-rojo-4::before,
.e-borde-izq-verde-4::before,
.e-borde-izq-azul-4::before,
.e-borde-izq-gris-4::before,
.e-borde-izq-negro-4::before,
.e-borde-izq-blanco-4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-4:hover::before,
.e-borde-izq-verde-4:hover::before,
.e-borde-izq-azul-4:hover::before,
.e-borde-izq-gris-4:hover::before,
.e-borde-izq-negro-4:hover::before,
.e-borde-izq-blanco-4:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-4::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-4::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-4::before {
  background-color: gray;
}

.e-borde-izq-negro-4::before {
  background-color: black;
}

.e-borde-izq-blanco-4::before {
  background-color: white;
}

.e-borde-izq-rojo-5,
.e-borde-izq-verde-5,
.e-borde-izq-azul-5,
.e-borde-izq-gris-5,
.e-borde-izq-negro-5,
.e-borde-izq-blanco-5 {
  position: relative;
}
.e-borde-izq-rojo-5::before,
.e-borde-izq-verde-5::before,
.e-borde-izq-azul-5::before,
.e-borde-izq-gris-5::before,
.e-borde-izq-negro-5::before,
.e-borde-izq-blanco-5::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 5px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-5:hover::before,
.e-borde-izq-verde-5:hover::before,
.e-borde-izq-azul-5:hover::before,
.e-borde-izq-gris-5:hover::before,
.e-borde-izq-negro-5:hover::before,
.e-borde-izq-blanco-5:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-5::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-5::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-5::before {
  background-color: gray;
}

.e-borde-izq-negro-5::before {
  background-color: black;
}

.e-borde-izq-blanco-5::before {
  background-color: white;
}

.e-borde-izq-rojo-6,
.e-borde-izq-verde-6,
.e-borde-izq-azul-6,
.e-borde-izq-gris-6,
.e-borde-izq-negro-6,
.e-borde-izq-blanco-6 {
  position: relative;
}
.e-borde-izq-rojo-6::before,
.e-borde-izq-verde-6::before,
.e-borde-izq-azul-6::before,
.e-borde-izq-gris-6::before,
.e-borde-izq-negro-6::before,
.e-borde-izq-blanco-6::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 6px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-6:hover::before,
.e-borde-izq-verde-6:hover::before,
.e-borde-izq-azul-6:hover::before,
.e-borde-izq-gris-6:hover::before,
.e-borde-izq-negro-6:hover::before,
.e-borde-izq-blanco-6:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-6::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-6::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-6::before {
  background-color: gray;
}

.e-borde-izq-negro-6::before {
  background-color: black;
}

.e-borde-izq-blanco-6::before {
  background-color: white;
}

.e-borde-izq-rojo-7,
.e-borde-izq-verde-7,
.e-borde-izq-azul-7,
.e-borde-izq-gris-7,
.e-borde-izq-negro-7,
.e-borde-izq-blanco-7 {
  position: relative;
}
.e-borde-izq-rojo-7::before,
.e-borde-izq-verde-7::before,
.e-borde-izq-azul-7::before,
.e-borde-izq-gris-7::before,
.e-borde-izq-negro-7::before,
.e-borde-izq-blanco-7::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 7px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-7:hover::before,
.e-borde-izq-verde-7:hover::before,
.e-borde-izq-azul-7:hover::before,
.e-borde-izq-gris-7:hover::before,
.e-borde-izq-negro-7:hover::before,
.e-borde-izq-blanco-7:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-7::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-7::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-7::before {
  background-color: gray;
}

.e-borde-izq-negro-7::before {
  background-color: black;
}

.e-borde-izq-blanco-7::before {
  background-color: white;
}

.e-borde-izq-rojo-8,
.e-borde-izq-verde-8,
.e-borde-izq-azul-8,
.e-borde-izq-gris-8,
.e-borde-izq-negro-8,
.e-borde-izq-blanco-8 {
  position: relative;
}
.e-borde-izq-rojo-8::before,
.e-borde-izq-verde-8::before,
.e-borde-izq-azul-8::before,
.e-borde-izq-gris-8::before,
.e-borde-izq-negro-8::before,
.e-borde-izq-blanco-8::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-8:hover::before,
.e-borde-izq-verde-8:hover::before,
.e-borde-izq-azul-8:hover::before,
.e-borde-izq-gris-8:hover::before,
.e-borde-izq-negro-8:hover::before,
.e-borde-izq-blanco-8:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-8::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-8::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-8::before {
  background-color: gray;
}

.e-borde-izq-negro-8::before {
  background-color: black;
}

.e-borde-izq-blanco-8::before {
  background-color: white;
}

.e-borde-izq-rojo-9,
.e-borde-izq-verde-9,
.e-borde-izq-azul-9,
.e-borde-izq-gris-9,
.e-borde-izq-negro-9,
.e-borde-izq-blanco-9 {
  position: relative;
}
.e-borde-izq-rojo-9::before,
.e-borde-izq-verde-9::before,
.e-borde-izq-azul-9::before,
.e-borde-izq-gris-9::before,
.e-borde-izq-negro-9::before,
.e-borde-izq-blanco-9::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 9px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-9:hover::before,
.e-borde-izq-verde-9:hover::before,
.e-borde-izq-azul-9:hover::before,
.e-borde-izq-gris-9:hover::before,
.e-borde-izq-negro-9:hover::before,
.e-borde-izq-blanco-9:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-9::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-9::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-9::before {
  background-color: gray;
}

.e-borde-izq-negro-9::before {
  background-color: black;
}

.e-borde-izq-blanco-9::before {
  background-color: white;
}

.e-borde-izq-rojo-10,
.e-borde-izq-verde-10,
.e-borde-izq-azul-10,
.e-borde-izq-gris-10,
.e-borde-izq-negro-10,
.e-borde-izq-blanco-10 {
  position: relative;
}
.e-borde-izq-rojo-10::before,
.e-borde-izq-verde-10::before,
.e-borde-izq-azul-10::before,
.e-borde-izq-gris-10::before,
.e-borde-izq-negro-10::before,
.e-borde-izq-blanco-10::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 10px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-izq-rojo-10:hover::before,
.e-borde-izq-verde-10:hover::before,
.e-borde-izq-azul-10:hover::before,
.e-borde-izq-gris-10:hover::before,
.e-borde-izq-negro-10:hover::before,
.e-borde-izq-blanco-10:hover::before {
  opacity: 1;
}

.e-borde-izq-verde-10::before {
  background-color: #006e5c;
}

.e-borde-izq-azul-10::before {
  background-color: #1045b7;
}

.e-borde-izq-gris-10::before {
  background-color: gray;
}

.e-borde-izq-negro-10::before {
  background-color: black;
}

.e-borde-izq-blanco-10::before {
  background-color: white;
}

.e-borde-der-rojo-1,
.e-borde-der-verde-1,
.e-borde-der-azul-1,
.e-borde-der-gris-1,
.e-borde-der-negro-1,
.e-borde-der-blanco-1 {
  position: relative;
}
.e-borde-der-rojo-1::before,
.e-borde-der-verde-1::before,
.e-borde-der-azul-1::before,
.e-borde-der-gris-1::before,
.e-borde-der-negro-1::before,
.e-borde-der-blanco-1::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-1:hover::before,
.e-borde-der-verde-1:hover::before,
.e-borde-der-azul-1:hover::before,
.e-borde-der-gris-1:hover::before,
.e-borde-der-negro-1:hover::before,
.e-borde-der-blanco-1:hover::before {
  opacity: 1;
}

.e-borde-der-verde-1::before {
  background-color: #006e5c;
}

.e-borde-der-azul-1::before {
  background-color: #1045b7;
}

.e-borde-der-gris-1::before {
  background-color: gray;
}

.e-borde-der-negro-1::before {
  background-color: black;
}

.e-borde-der-blanco-1::before {
  background-color: white;
}

.e-borde-der-rojo-2,
.e-borde-der-verde-2,
.e-borde-der-azul-2,
.e-borde-der-gris-2,
.e-borde-der-negro-2,
.e-borde-der-blanco-2 {
  position: relative;
}
.e-borde-der-rojo-2::before,
.e-borde-der-verde-2::before,
.e-borde-der-azul-2::before,
.e-borde-der-gris-2::before,
.e-borde-der-negro-2::before,
.e-borde-der-blanco-2::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-2:hover::before,
.e-borde-der-verde-2:hover::before,
.e-borde-der-azul-2:hover::before,
.e-borde-der-gris-2:hover::before,
.e-borde-der-negro-2:hover::before,
.e-borde-der-blanco-2:hover::before {
  opacity: 1;
}

.e-borde-der-verde-2::before {
  background-color: #006e5c;
}

.e-borde-der-azul-2::before {
  background-color: #1045b7;
}

.e-borde-der-gris-2::before {
  background-color: gray;
}

.e-borde-der-negro-2::before {
  background-color: black;
}

.e-borde-der-blanco-2::before {
  background-color: white;
}

.e-borde-der-rojo-3,
.e-borde-der-verde-3,
.e-borde-der-azul-3,
.e-borde-der-gris-3,
.e-borde-der-negro-3,
.e-borde-der-blanco-3 {
  position: relative;
}
.e-borde-der-rojo-3::before,
.e-borde-der-verde-3::before,
.e-borde-der-azul-3::before,
.e-borde-der-gris-3::before,
.e-borde-der-negro-3::before,
.e-borde-der-blanco-3::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-3:hover::before,
.e-borde-der-verde-3:hover::before,
.e-borde-der-azul-3:hover::before,
.e-borde-der-gris-3:hover::before,
.e-borde-der-negro-3:hover::before,
.e-borde-der-blanco-3:hover::before {
  opacity: 1;
}

.e-borde-der-verde-3::before {
  background-color: #006e5c;
}

.e-borde-der-azul-3::before {
  background-color: #1045b7;
}

.e-borde-der-gris-3::before {
  background-color: gray;
}

.e-borde-der-negro-3::before {
  background-color: black;
}

.e-borde-der-blanco-3::before {
  background-color: white;
}

.e-borde-der-rojo-4,
.e-borde-der-verde-4,
.e-borde-der-azul-4,
.e-borde-der-gris-4,
.e-borde-der-negro-4,
.e-borde-der-blanco-4 {
  position: relative;
}
.e-borde-der-rojo-4::before,
.e-borde-der-verde-4::before,
.e-borde-der-azul-4::before,
.e-borde-der-gris-4::before,
.e-borde-der-negro-4::before,
.e-borde-der-blanco-4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-4:hover::before,
.e-borde-der-verde-4:hover::before,
.e-borde-der-azul-4:hover::before,
.e-borde-der-gris-4:hover::before,
.e-borde-der-negro-4:hover::before,
.e-borde-der-blanco-4:hover::before {
  opacity: 1;
}

.e-borde-der-verde-4::before {
  background-color: #006e5c;
}

.e-borde-der-azul-4::before {
  background-color: #1045b7;
}

.e-borde-der-gris-4::before {
  background-color: gray;
}

.e-borde-der-negro-4::before {
  background-color: black;
}

.e-borde-der-blanco-4::before {
  background-color: white;
}

.e-borde-der-rojo-5,
.e-borde-der-verde-5,
.e-borde-der-azul-5,
.e-borde-der-gris-5,
.e-borde-der-negro-5,
.e-borde-der-blanco-5 {
  position: relative;
}
.e-borde-der-rojo-5::before,
.e-borde-der-verde-5::before,
.e-borde-der-azul-5::before,
.e-borde-der-gris-5::before,
.e-borde-der-negro-5::before,
.e-borde-der-blanco-5::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 5px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-5:hover::before,
.e-borde-der-verde-5:hover::before,
.e-borde-der-azul-5:hover::before,
.e-borde-der-gris-5:hover::before,
.e-borde-der-negro-5:hover::before,
.e-borde-der-blanco-5:hover::before {
  opacity: 1;
}

.e-borde-der-verde-5::before {
  background-color: #006e5c;
}

.e-borde-der-azul-5::before {
  background-color: #1045b7;
}

.e-borde-der-gris-5::before {
  background-color: gray;
}

.e-borde-der-negro-5::before {
  background-color: black;
}

.e-borde-der-blanco-5::before {
  background-color: white;
}

.e-borde-der-rojo-6,
.e-borde-der-verde-6,
.e-borde-der-azul-6,
.e-borde-der-gris-6,
.e-borde-der-negro-6,
.e-borde-der-blanco-6 {
  position: relative;
}
.e-borde-der-rojo-6::before,
.e-borde-der-verde-6::before,
.e-borde-der-azul-6::before,
.e-borde-der-gris-6::before,
.e-borde-der-negro-6::before,
.e-borde-der-blanco-6::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 6px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-6:hover::before,
.e-borde-der-verde-6:hover::before,
.e-borde-der-azul-6:hover::before,
.e-borde-der-gris-6:hover::before,
.e-borde-der-negro-6:hover::before,
.e-borde-der-blanco-6:hover::before {
  opacity: 1;
}

.e-borde-der-verde-6::before {
  background-color: #006e5c;
}

.e-borde-der-azul-6::before {
  background-color: #1045b7;
}

.e-borde-der-gris-6::before {
  background-color: gray;
}

.e-borde-der-negro-6::before {
  background-color: black;
}

.e-borde-der-blanco-6::before {
  background-color: white;
}

.e-borde-der-rojo-7,
.e-borde-der-verde-7,
.e-borde-der-azul-7,
.e-borde-der-gris-7,
.e-borde-der-negro-7,
.e-borde-der-blanco-7 {
  position: relative;
}
.e-borde-der-rojo-7::before,
.e-borde-der-verde-7::before,
.e-borde-der-azul-7::before,
.e-borde-der-gris-7::before,
.e-borde-der-negro-7::before,
.e-borde-der-blanco-7::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 7px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-7:hover::before,
.e-borde-der-verde-7:hover::before,
.e-borde-der-azul-7:hover::before,
.e-borde-der-gris-7:hover::before,
.e-borde-der-negro-7:hover::before,
.e-borde-der-blanco-7:hover::before {
  opacity: 1;
}

.e-borde-der-verde-7::before {
  background-color: #006e5c;
}

.e-borde-der-azul-7::before {
  background-color: #1045b7;
}

.e-borde-der-gris-7::before {
  background-color: gray;
}

.e-borde-der-negro-7::before {
  background-color: black;
}

.e-borde-der-blanco-7::before {
  background-color: white;
}

.e-borde-der-rojo-8,
.e-borde-der-verde-8,
.e-borde-der-azul-8,
.e-borde-der-gris-8,
.e-borde-der-negro-8,
.e-borde-der-blanco-8 {
  position: relative;
}
.e-borde-der-rojo-8::before,
.e-borde-der-verde-8::before,
.e-borde-der-azul-8::before,
.e-borde-der-gris-8::before,
.e-borde-der-negro-8::before,
.e-borde-der-blanco-8::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-8:hover::before,
.e-borde-der-verde-8:hover::before,
.e-borde-der-azul-8:hover::before,
.e-borde-der-gris-8:hover::before,
.e-borde-der-negro-8:hover::before,
.e-borde-der-blanco-8:hover::before {
  opacity: 1;
}

.e-borde-der-verde-8::before {
  background-color: #006e5c;
}

.e-borde-der-azul-8::before {
  background-color: #1045b7;
}

.e-borde-der-gris-8::before {
  background-color: gray;
}

.e-borde-der-negro-8::before {
  background-color: black;
}

.e-borde-der-blanco-8::before {
  background-color: white;
}

.e-borde-der-rojo-9,
.e-borde-der-verde-9,
.e-borde-der-azul-9,
.e-borde-der-gris-9,
.e-borde-der-negro-9,
.e-borde-der-blanco-9 {
  position: relative;
}
.e-borde-der-rojo-9::before,
.e-borde-der-verde-9::before,
.e-borde-der-azul-9::before,
.e-borde-der-gris-9::before,
.e-borde-der-negro-9::before,
.e-borde-der-blanco-9::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 9px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-9:hover::before,
.e-borde-der-verde-9:hover::before,
.e-borde-der-azul-9:hover::before,
.e-borde-der-gris-9:hover::before,
.e-borde-der-negro-9:hover::before,
.e-borde-der-blanco-9:hover::before {
  opacity: 1;
}

.e-borde-der-verde-9::before {
  background-color: #006e5c;
}

.e-borde-der-azul-9::before {
  background-color: #1045b7;
}

.e-borde-der-gris-9::before {
  background-color: gray;
}

.e-borde-der-negro-9::before {
  background-color: black;
}

.e-borde-der-blanco-9::before {
  background-color: white;
}

.e-borde-der-rojo-10,
.e-borde-der-verde-10,
.e-borde-der-azul-10,
.e-borde-der-gris-10,
.e-borde-der-negro-10,
.e-borde-der-blanco-10 {
  position: relative;
}
.e-borde-der-rojo-10::before,
.e-borde-der-verde-10::before,
.e-borde-der-azul-10::before,
.e-borde-der-gris-10::before,
.e-borde-der-negro-10::before,
.e-borde-der-blanco-10::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 10px;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
  background-color: #bb1818;
}
.e-borde-der-rojo-10:hover::before,
.e-borde-der-verde-10:hover::before,
.e-borde-der-azul-10:hover::before,
.e-borde-der-gris-10:hover::before,
.e-borde-der-negro-10:hover::before,
.e-borde-der-blanco-10:hover::before {
  opacity: 1;
}

.e-borde-der-verde-10::before {
  background-color: #006e5c;
}

.e-borde-der-azul-10::before {
  background-color: #1045b7;
}

.e-borde-der-gris-10::before {
  background-color: gray;
}

.e-borde-der-negro-10::before {
  background-color: black;
}

.e-borde-der-blanco-10::before {
  background-color: white;
}

table,
.tabla-oscura,
.tabla-roja,
.tabla-verde,
.tabla-azul {
  text-align: left;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: none;
  width: 100%;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.centrada {
  text-align: center !important;
}

.tabla-responsive::-webkit-scrollbar {
  width: 10px !important;
  height: 10px;
  background-color: #272727 !important;
}

.tabla-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(138, 138, 138, 0.527) !important;
  border-radius: 5px !important;
}

table thead tr,
table tbody tr,
.tabla-roja thead tr,
.tabla-roja tbody tr,
.tabla-roja thead tr,
.tabla-roja tbody tr,
.tabla-azul thead tr,
.tabla-azul tbody tr,
.tabla-oscura thead tr,
.tabla-oscura tbody tr {
  color: #212121;
}

table thead tr td,
table tbody tr td,
.tabla-roja thead tr td,
.tabla-roja tbody tr td,
.tabla-verde thead tr td,
.tabla-verde tbody tr td,
.tabla-azul thead tr td,
.tabla-azul tbody tr td,
.tabla-oscura thead tr td,
.tabla-oscura tbody tr td {
  padding: 1em 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-left: none;
  font-weight: 600;
}

table tbody tr td {
  border-top: none;
  cursor: pointer;
  color: #212121;
}

table thead {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

table tbody tr td {
  border-radius: 0;
  font-weight: 500;
}

.tabla-oscura {
  background-color: #282e42;
}

.tabla-oscura tbody tr td {
  border-top: none;
  color: white;
  font-weight: 500;
}

.tabla-oscura thead tr,
.tabla-oscura tbody tr {
  color: white;
}

.tabla-oscura thead tr td:nth-child(1),
.tabla-oscura tbody tr td:nth-child(1) {
  border-left: none;
}

.tabla-oscura thead tr {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.tabla-roja {
  background-color: #bb1818 !important;
}

.tabla-roja tbody tr td {
  border-top: none;
  color: white;
  font-weight: 500;
}

.tabla-roja tbody tr td {
  border-top: none;
  color: white;
  font-weight: 500;
}

.tabla-roja thead tr,
.tabla-roja tbody tr {
  background-color: #bb1818;
  color: white;
}

.tabla-roja thead tr td:nth-child(1),
.tabla-roja tbody tr td:nth-child(1) {
  border-left: none;
}

.tabla-roja thead tr {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.tabla-azul {
  background-color: #006cff !important;
}

.tabla-azul tbody tr td {
  border-top: none;
  color: white;
  font-weight: 500;
}

.tabla-azul thead tr,
.tabla-azul tbody tr {
  color: white;
}

.tabla-azul thead tr td:nth-child(1),
.tabla-azul tbody tr td:nth-child(1) {
  border-left: none;
}

.tabla-azul thead tr {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.selector tbody tr:nth-child(2n+1) > td {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.tabla-verde {
  background-color: #007585 !important;
}

.tabla-verde tbody tr td {
  border-top: none;
  color: white;
  font-weight: 500;
}

.tabla-verde thead tr,
.tabla-verde tbody tr {
  color: white;
}

.tabla-verde thead tr td:nth-child(1),
.tabla-verde tbody tr td:nth-child(1) {
  border-left: none;
}

.tabla-verde thead tr {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.hover tbody tr:hover > td {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.tabla-sm thead tr td,
.tabla-sm tbody tr td {
  padding: 0.5em 1em;
}

.tabla-bor-rojo thead {
  border-top: 3px solid #bb1818;
  border-radius: 3px !important;
}

.tabla-bor-verde thead {
  border-top: 3px solid #006e5c;
  border-radius: 3px !important;
}

.tabla-bor-azul thead {
  border-top: 3px solid #1045b7;
  border-radius: 3px !important;
}

.tabla-bor-gris thead {
  border-top: 3px solid gray;
  border-radius: 3px !important;
}

.tabla-bor-negro thead {
  border-top: 3px solid black;
  border-radius: 3px !important;
}

.tabla-bor-blanco thead {
  border-top: 3px solid white;
  border-radius: 3px !important;
}

@media (max-width: 1200px) {
  .tabla-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .tabla-responsive > table {
    margin-bottom: 0;
  }

  .tabla-responsive > table > thead > tr > th,
.tabla-responsive > table > tbody > tr > th,
.tabla-responsive > table > tfoot > tr > th,
.tabla-responsive > table > thead > tr > td,
.tabla-responsive > table > tbody > tr > td,
.tabla-responsive > table > tfoot > tr > td {
    white-space: nowrap;
  }
}
.alerta-roja,
.alerta-azul,
.alerta-verde,
.alerta-blanca,
.alerta-gris,
.alerta-negra {
  display: inline-block;
  padding: 15px 15px;
  background-color: #fafafa !important;
  border: 1px solid #cccccc !important;
  border-radius: 5px;
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
  border-left: 4px solid #0050b9 !important;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.alerta-roja {
  border-left: 4px solid #b90000 !important;
}

.alerta-verde {
  border-left: 4px solid #0e7e66 !important;
}

.alerta-gris {
  border-left: 4px solid #333333 !important;
}

.alerta-negra {
  border-left: 4px solid black !important;
}

.alerta-blanca {
  border-left: 4px solid #f0f0f0 !important;
}

.alerta-op-rojo,
.alerta-op-verde,
.alerta-op-azul,
.alerta-op-negro,
.alerta-op-blanco,
.alerta-op-gris {
  padding: 15px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  border-radius: 3px;
}
.alerta-op-rojo h1,
.alerta-op-rojo h2,
.alerta-op-rojo h3,
.alerta-op-rojo h4,
.alerta-op-rojo h5,
.alerta-op-rojo h6,
.alerta-op-verde h1,
.alerta-op-verde h2,
.alerta-op-verde h3,
.alerta-op-verde h4,
.alerta-op-verde h5,
.alerta-op-verde h6,
.alerta-op-azul h1,
.alerta-op-azul h2,
.alerta-op-azul h3,
.alerta-op-azul h4,
.alerta-op-azul h5,
.alerta-op-azul h6,
.alerta-op-negro h1,
.alerta-op-negro h2,
.alerta-op-negro h3,
.alerta-op-negro h4,
.alerta-op-negro h5,
.alerta-op-negro h6,
.alerta-op-blanco h1,
.alerta-op-blanco h2,
.alerta-op-blanco h3,
.alerta-op-blanco h4,
.alerta-op-blanco h5,
.alerta-op-blanco h6,
.alerta-op-gris h1,
.alerta-op-gris h2,
.alerta-op-gris h3,
.alerta-op-gris h4,
.alerta-op-gris h5,
.alerta-op-gris h6 {
  font-weight: 600;
  margin-bottom: 10px;
}

.alerta-op-rojo {
  background-color: #ffdfdf;
  border: 1px solid #bb1818;
  color: #bb1818;
}

.alerta-op-verde {
  background-color: #e2ffe2;
  border: 1px solid #006e5c;
  color: #006e5c;
}

.alerta-op-azul {
  background-color: #e1ecfc;
  border: 1px solid #1045b7;
  color: #1045b7;
}

.alerta-op-negro {
  background-color: #d4d4d4;
  border: 1px solid black;
  color: black;
}

.alerta-op-gris {
  background-color: #f0f0f0;
  border: 1px solid gray;
  color: #212121;
}

.alerta-op-blanco {
  background-color: white;
  border: 1px solid #ececec;
  color: #212121;
}

.alerta-cerrar {
  position: relative;
  cursor: pointer;
}
.alerta-cerrar::before, .alerta-cerrar::after {
  content: "";
  position: absolute;
  background-color: black;
  width: 12px;
  height: 3px;
  right: 7px;
  top: 10px;
  transform: rotate(45deg);
}
.alerta-cerrar::after {
  transform: rotate(-45deg);
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: auto;
  border-radius: 0.25rem;
  margin-left: 3px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.badge-verde {
  background-color: #1ebe8e;
  color: white;
}

.badge-rojo {
  background-color: #d41c1c;
  color: white;
}

.badge-gris {
  background-color: #3f3f3f;
  color: white;
}

.badge-azul {
  background-color: #004799;
  color: white;
}

.badge-negro {
  background-color: black;
  color: white;
}

.badge-blanco {
  background-color: white;
  color: black;
}

.b-redondo {
  border-radius: 50%;
}

.badges-etiqueta,
.badges-etiqueta-sm,
.badges-etiqueta-lg {
  font-size: 14px;
  padding: 5px 11px;
  height: 30px;
  min-width: 170px;
  max-width: 200px;
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  z-index: 10;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badges-etiqueta::before,
.badges-etiqueta-sm::before,
.badges-etiqueta-lg::before {
  content: "";
  width: 21.6px;
  height: 21.6px;
  transform: rotate(45deg);
  left: -10.5px;
  top: 4px;
  position: absolute;
  z-index: 2;
}
.badges-etiqueta::after,
.badges-etiqueta-sm::after,
.badges-etiqueta-lg::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: white;
  position: absolute;
  left: -3px;
  top: 8px;
  border-radius: 50%;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.685);
  z-index: 4;
}

.badges-etiqueta-lg {
  font-size: 16px;
  padding: 7px 13px;
  height: 33px;
  min-width: 170px;
  max-width: 210px;
}
.badges-etiqueta-lg::before {
  content: "";
  width: 23.5px;
  height: 23.5px;
  transform: rotate(45deg);
  left: -12px;
  top: 5px;
  position: absolute;
  z-index: 2;
}
.badges-etiqueta-lg::after {
  content: "";
  width: 15px;
  height: 15px;
  left: -3px;
  top: 8px;
}

.badges-etiqueta-sm {
  font-size: 13px;
  padding: 4px 10px;
  height: 28px;
  min-width: 130px;
  max-width: 150px;
}
.badges-etiqueta-sm::before {
  content: "";
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  left: -10px;
  top: 4px;
  position: absolute;
  z-index: 2;
}
.badges-etiqueta-sm::after {
  content: "";
  width: 13px;
  height: 13px;
  left: -3px;
  top: 7px;
}

.badges-etiqueta-rojo,
.badges-etiqueta-verde,
.badges-etiqueta-azul,
.badges-etiqueta-verde,
.badges-etiqueta-gris,
.badges-etiqueta-negro,
.badges-etiqueta-blanco {
  font-weight: 600;
  text-align: center;
  border-radius: 0 5px 5px 0;
  background-color: red;
  color: white;
}
.badges-etiqueta-rojo:hover,
.badges-etiqueta-verde:hover,
.badges-etiqueta-azul:hover,
.badges-etiqueta-verde:hover,
.badges-etiqueta-gris:hover,
.badges-etiqueta-negro:hover,
.badges-etiqueta-blanco:hover {
  background-color: #c90000;
}
.badges-etiqueta-rojo:hover::before,
.badges-etiqueta-verde:hover::before,
.badges-etiqueta-azul:hover::before,
.badges-etiqueta-verde:hover::before,
.badges-etiqueta-gris:hover::before,
.badges-etiqueta-negro:hover::before,
.badges-etiqueta-blanco:hover::before {
  background-color: #c90000;
}
.badges-etiqueta-rojo::before,
.badges-etiqueta-verde::before,
.badges-etiqueta-azul::before,
.badges-etiqueta-verde::before,
.badges-etiqueta-gris::before,
.badges-etiqueta-negro::before,
.badges-etiqueta-blanco::before {
  content: "";
  background-color: red;
  z-index: 2;
}

.badges-etiqueta-verde {
  background-color: #006d5e;
}
.badges-etiqueta-verde::before {
  content: "";
  background-color: #006d5e;
}
.badges-etiqueta-verde:hover {
  background-color: #004d42;
}
.badges-etiqueta-verde:hover::before {
  background-color: #004d42;
}

.badges-etiqueta-azul {
  background-color: #224891;
}
.badges-etiqueta-azul::before {
  content: "";
  background-color: #224891;
}
.badges-etiqueta-azul:hover {
  background-color: #102c5f;
}
.badges-etiqueta-azul:hover::before {
  background-color: #102c5f;
}

.badges-etiqueta-negro {
  background-color: black;
}
.badges-etiqueta-negro::before {
  content: "";
  background-color: black;
}
.badges-etiqueta-negro:hover {
  background-color: #1d1d1d;
}
.badges-etiqueta-negro:hover::before {
  background-color: #1d1d1d;
}

.badges-etiqueta-blanco {
  background-color: white;
  color: black;
}
.badges-etiqueta-blanco::before {
  content: "";
  background-color: white;
}
.badges-etiqueta-blanco:hover {
  background-color: #e4e4e4;
}
.badges-etiqueta-blanco:hover::before {
  background-color: #e4e4e4;
}

.badges-etiqueta-gris {
  background-color: #e7e7e7;
  color: black;
}
.badges-etiqueta-gris::before {
  content: "";
  background-color: #e7e7e7;
}
.badges-etiqueta-gris:hover {
  background-color: #c4c4c4;
}
.badges-etiqueta-gris:hover::before {
  background-color: #c4c4c4;
}

.badges-parrafo {
  width: 270px;
  height: 120px;
  display: flex !important;
  max-width: 270px !important;
  user-select: none !important;
  padding: 20px !important;
  background-color: rgba(245, 245, 245, 0.274) !important;
  border-radius: 3px !important;
  cursor: pointer !important;
}
.badges-parrafo .contenedor-img {
  padding: 1px !important;
  overflow: hidden !important;
  background-color: #133d58 !important;
  width: 40% !important;
}
.badges-parrafo .contenedor-img img {
  height: 100% !important;
  width: 100% !important;
}
.badges-parrafo p {
  width: 60% !important;
  display: flex !important;
  align-items: center !important;
  margin-left: 5px !important;
  font-size: 12px !important;
  color: #161616 !important;
  line-height: 18px !important;
  background: none !important;
}

.badge-mje-izq,
.badge-mje-der,
.badge-mje-arr,
.badge-mje-aba,
.badge-mje-aba {
  display: inline-block;
  position: relative;
  padding: 7px;
  text-align: center;
  font-weight: 300;
  font-size: 15px;
  border-radius: 5px;
  z-index: 10;
  margin-top: 12px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background-color: white;
}
.badge-mje-izq::before,
.badge-mje-der::before,
.badge-mje-arr::before,
.badge-mje-aba::before,
.badge-mje-aba::before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
  background-color: white;
}

.badge-mje-izq::before {
  left: -5px;
  top: calc(50% - 5px);
  z-index: -1;
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}

.badge-mje-der::before {
  right: -5px;
  top: calc(50% - 5px);
  z-index: -1;
  border-bottom: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}

.badge-mje-arr::before {
  left: calc(50% - 5px);
  top: -5px;
  z-index: -1;
  border-bottom: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}

.badge-mje-aba::before {
  left: calc(50% - 5px);
  bottom: -5px;
  z-index: -1;
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}

.badge-mje-rojo {
  border: 1px solid #bb1818;
  color: #bb1818;
}
.badge-mje-rojo::before {
  border: 1px solid #bb1818;
}

.badge-mje-azul {
  border: 1px solid #1045b7;
  color: #1045b7;
}
.badge-mje-azul::before {
  border: 1px solid #1045b7;
}

.badge-mje-verde {
  border: 1px solid #006e5c;
  color: #006e5c;
}
.badge-mje-verde::before {
  border: 1px solid #006e5c;
}

.badge-mje-negro {
  border: 1px solid black;
  color: black;
}
.badge-mje-negro::before {
  border: 1px solid black;
}

.badge-mje-blanco {
  border: 1px solid white;
  color: white;
}
.badge-mje-blanco::before {
  border: 1px solid white;
}

.badge-mje-gris {
  border: 1px solid gray;
  color: gray;
}
.badge-mje-gris::before {
  border: 1px solid gray;
}

.badge-social {
  overflow: hidden;
  display: flex;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-social .badge-like {
  background-color: #1045b7;
  color: white;
  font-size: 70%;
  vertical-align: middle;
  font-weight: 600;
  padding: 4px;
  border-radius: 3px;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.badge-social .badge-like:hover {
  background-color: #002066;
}
.badge-social .badge-cantidad {
  border: 1px solid rgba(0, 0, 0, 0.336);
  padding: 5px;
  font-size: 10px;
  background-color: #f1f1f1;
  text-align: center;
  min-width: 70px;
  margin-left: 7px;
  position: relative;
  font-weight: 600;
  border-radius: 3px;
}
.badge-social .badge-cantidad::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.336);
  border-left: 1px solid rgba(0, 0, 0, 0.336);
  transform: rotate(45deg);
  background-color: #f1f1f1;
  left: -5px;
  top: calc(50% - 3.5px);
}

.badge-compartir-gris,
.badge-compartir-rojo,
.badge-compartir-verde,
.badge-compartir-azul,
.badge-compartir-negro,
.badge-compartir-blanco {
  padding: 9px;
  background-color: #dadada;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  font-weight: 600;
  border-radius: 5px;
  font-size: 75%;
  text-transform: uppercase;
  min-width: 60px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  letter-spacing: 0;
  color: #222222;
  position: relative;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-compartir-gris:hover,
.badge-compartir-rojo:hover,
.badge-compartir-verde:hover,
.badge-compartir-azul:hover,
.badge-compartir-negro:hover,
.badge-compartir-blanco:hover {
  background-color: rgba(0, 0, 0, 0.219);
}
.badge-compartir-gris span,
.badge-compartir-rojo span,
.badge-compartir-verde span,
.badge-compartir-azul span,
.badge-compartir-negro span,
.badge-compartir-blanco span {
  display: inline-block;
  position: absolute;
  min-width: 100%;
  max-width: 100%;
  border: 1px solid #797979;
  text-align: center;
  white-space: nowrap;
  bottom: 130%;
  left: 0;
  padding: 7px 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.493);
}
.badge-compartir-gris span::before,
.badge-compartir-rojo span::before,
.badge-compartir-verde span::before,
.badge-compartir-azul span::before,
.badge-compartir-negro span::before,
.badge-compartir-blanco span::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  transform: rotate(45deg);
  bottom: -4px;
  left: calc(50% - 3.5px);
  border-right: 1px solid #797979;
  border-bottom: 1px solid #797979;
  background-color: white;
}

.badge-compartir-rojo {
  background-color: #bb1818;
  color: white;
}
.badge-compartir-rojo span {
  color: #222222;
}
.badge-compartir-rojo:hover {
  background-color: #500000;
}

.badge-compartir-verde {
  background-color: #006e5c;
  color: white;
}
.badge-compartir-verde span {
  color: #222222;
}
.badge-compartir-verde:hover {
  background-color: #073a31;
}

.badge-compartir-azul {
  background-color: #1045b7;
  color: white;
}
.badge-compartir-azul span {
  color: #222222;
}
.badge-compartir-azul:hover {
  background-color: #002066;
}

.badge-compartir-negro {
  background-color: black;
  color: white;
}
.badge-compartir-negro span {
  color: #222222;
}
.badge-compartir-negro:hover {
  background-color: #212121;
}

.badge-compartir-blanco {
  background-color: white;
  color: black;
}
.badge-compartir-blanco span {
  color: #222222;
}
.badge-compartir-blanco:hover {
  background-color: #212121;
  color: white;
}

.badge-solapa-rojo,
.badge-solapa-azul,
.badge-solapa-verde,
.badge-solapa-blanco,
.badge-solapa-negro,
.badge-solapa-gris {
  position: absolute;
  padding: 5px 20px;
  padding-left: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bb1818;
  display: inline-block;
  font-size: 75%;
  font-weight: 600;
  color: white;
  border-radius: 0 3px 3px 0;
  top: 30px;
  left: -19px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-solapa-rojo::before,
.badge-solapa-azul::before,
.badge-solapa-verde::before,
.badge-solapa-blanco::before,
.badge-solapa-negro::before,
.badge-solapa-gris::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 30px;
  clip-path: polygon(0% 1%, 0 70%, 100% 100%, 100% 30%);
  -webkit-clip-path: polygon(0% 1%, 0 70%, 100% 100%, 100% 30%);
  background-color: #500000;
  left: 0;
  bottom: -9px;
  z-index: -1;
}

.badge-solapa-azul {
  background-color: #1045b7;
}
.badge-solapa-azul::before {
  background-color: #002066;
}

.badge-solapa-verde {
  background-color: #006e5c;
}
.badge-solapa-verde::before {
  background-color: #073a31;
}

.badge-solapa-gris {
  background-color: #ececec;
  color: black;
}
.badge-solapa-gris::before {
  background-color: #212121;
}

.badge-solapa-blanco {
  background-color: white;
  color: black;
}
.badge-solapa-blanco::before {
  background-color: #ececec;
}

.badge-solapa-negro {
  background-color: black;
}
.badge-solapa-negro::before {
  background-color: #212121;
}

.contenedor-relativo {
  position: relative !important;
}

.ov-hidden {
  overflow: hidden !important;
}

.ov-visible {
  overflow: visible !important;
}

.badge-esquina-sup-izq-rojo,
.badge-esquina-sup-izq-verde,
.badge-esquina-sup-izq-azul,
.badge-esquina-sup-izq-gris,
.badge-esquina-sup-izq-blanco,
.badge-esquina-sup-izq-negro,
.badge-esquina-sup-der-rojo,
.badge-esquina-sup-der-verde,
.badge-esquina-sup-der-azul,
.badge-esquina-sup-der-gris,
.badge-esquina-sup-der-blanco,
.badge-esquina-sup-der-negro,
.badge-esquina-inf-der-rojo,
.badge-esquina-inf-der-verde,
.badge-esquina-inf-der-azul,
.badge-esquina-inf-der-gris,
.badge-esquina-inf-der-blanco,
.badge-esquina-inf-der-negro,
.badge-esquina-inf-izq-rojo,
.badge-esquina-inf-izq-verde,
.badge-esquina-inf-izq-azul,
.badge-esquina-inf-izq-gris,
.badge-esquina-inf-izq-blanco,
.badge-esquina-inf-izq-negro {
  font-size: 16px;
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 10000;
  left: -50px;
  top: -50px;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.904);
}
.badge-esquina-sup-izq-rojo *,
.badge-esquina-sup-izq-verde *,
.badge-esquina-sup-izq-azul *,
.badge-esquina-sup-izq-gris *,
.badge-esquina-sup-izq-blanco *,
.badge-esquina-sup-izq-negro *,
.badge-esquina-sup-der-rojo *,
.badge-esquina-sup-der-verde *,
.badge-esquina-sup-der-azul *,
.badge-esquina-sup-der-gris *,
.badge-esquina-sup-der-blanco *,
.badge-esquina-sup-der-negro *,
.badge-esquina-inf-der-rojo *,
.badge-esquina-inf-der-verde *,
.badge-esquina-inf-der-azul *,
.badge-esquina-inf-der-gris *,
.badge-esquina-inf-der-blanco *,
.badge-esquina-inf-der-negro *,
.badge-esquina-inf-izq-rojo *,
.badge-esquina-inf-izq-verde *,
.badge-esquina-inf-izq-azul *,
.badge-esquina-inf-izq-gris *,
.badge-esquina-inf-izq-blanco *,
.badge-esquina-inf-izq-negro * {
  transform: rotate(-45deg);
  position: absolute;
  top: 45px;
  left: 70px;
}

.badge-esquina-sup-der-rojo,
.badge-esquina-sup-der-verde,
.badge-esquina-sup-der-azul,
.badge-esquina-sup-der-gris,
.badge-esquina-sup-der-blanco,
.badge-esquina-sup-der-negro {
  transform: rotate(-45deg);
  left: calc(100% - 50px);
  background-color: #bb1818;
}
.badge-esquina-sup-der-rojo *,
.badge-esquina-sup-der-verde *,
.badge-esquina-sup-der-azul *,
.badge-esquina-sup-der-gris *,
.badge-esquina-sup-der-blanco *,
.badge-esquina-sup-der-negro * {
  transform: rotate(45deg);
  position: absolute;
  top: 40px;
  left: 10px;
}

.badge-esquina-inf-der-rojo,
.badge-esquina-inf-der-verde,
.badge-esquina-inf-der-azul,
.badge-esquina-inf-der-gris,
.badge-esquina-inf-der-blanco,
.badge-esquina-inf-der-negro {
  transform: rotate(45deg);
  left: calc(100% - 50px);
  top: calc(100% - 50px);
  background-color: #bb1818;
}
.badge-esquina-inf-der-rojo *,
.badge-esquina-inf-der-verde *,
.badge-esquina-inf-der-azul *,
.badge-esquina-inf-der-gris *,
.badge-esquina-inf-der-blanco *,
.badge-esquina-inf-der-negro * {
  transform: rotate(-45deg);
  position: absolute;
  top: 40px;
  left: 10px;
}

.badge-esquina-inf-izq-rojo,
.badge-esquina-inf-izq-verde,
.badge-esquina-inf-izq-azul,
.badge-esquina-inf-izq-gris,
.badge-esquina-inf-izq-blanco,
.badge-esquina-inf-izq-negro {
  transform: rotate(-45deg);
  left: -50px;
  top: calc(100% - 50px);
  background-color: #bb1818;
}
.badge-esquina-inf-izq-rojo *,
.badge-esquina-inf-izq-verde *,
.badge-esquina-inf-izq-azul *,
.badge-esquina-inf-izq-gris *,
.badge-esquina-inf-izq-blanco *,
.badge-esquina-inf-izq-negro * {
  transform: rotate(45deg);
  position: absolute;
  top: 40px;
  left: 70px;
}

.badge-esquina-sup-der-rojo,
.badge-esquina-sup-izq-rojo,
.badge-esquina-inf-der-rojo,
.badge-esquina-inf-izq-rojo {
  background-color: #bb1818;
  color: white;
}

.badge-esquina-sup-der-azul,
.badge-esquina-sup-izq-azul,
.badge-esquina-inf-der-azul,
.badge-esquina-inf-izq-azul {
  background-color: #1045b7;
  color: white;
}

.badge-esquina-sup-der-verde,
.badge-esquina-sup-izq-verde,
.badge-esquina-inf-der-verde,
.badge-esquina-inf-izq-verde {
  background-color: #006e5c;
  color: white;
}

.badge-esquina-sup-der-gris,
.badge-esquina-sup-izq-gris,
.badge-esquina-inf-der-gris,
.badge-esquina-inf-izq-gris {
  background-color: gray;
  color: black;
}

.badge-esquina-sup-der-negro,
.badge-esquina-sup-izq-negro,
.badge-esquina-inf-der-negro,
.badge-esquina-inf-izq-negro {
  background-color: black;
  color: white;
}

.badge-esquina-sup-der-blanco,
.badge-esquina-sup-izq-blanco,
.badge-esquina-inf-der-blanco,
.badge-esquina-inf-izq-blanco {
  background-color: white;
  color: black;
}

.badge-red-rojo,
.badge-red-gris,
.badge-red-blanco,
.badge-red-verde,
.badge-red-azul,
.badge-red-negro {
  display: inline-block;
  min-width: 25px;
  min-height: 25px;
  padding: 10px;
  font-size: 70%;
  border-radius: 50%;
  position: relative;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-red-rojo span,
.badge-red-gris span,
.badge-red-blanco span,
.badge-red-verde span,
.badge-red-azul span,
.badge-red-negro span {
  display: inline-block;
  position: absolute;
  color: white;
  width: 15px;
  height: 15px;
  top: calc(50% - 7.5px);
  left: calc(50% - 7.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.badge-red-rojo {
  background-color: #bb1818;
}

.badge-red-verde {
  background-color: #006e5c;
}

.badge-red-azul {
  background-color: #1045b7;
}

.badge-red-gris {
  background-color: gray;
}

.badge-red-negro {
  background-color: black;
}

.badge-red-blanco {
  background-color: white;
}
.badge-red-blanco span {
  color: black;
}

.badge-imagen {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  background-color: #e9e9e9;
  max-width: 300px;
  min-width: 150px;
  border: 1px solid rgba(0, 0, 0, 0.171);
  cursor: pointer;
  position: relative;
  user-select: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-imagen:active {
  background-color: #d4d4d4;
}
.badge-imagen:hover .elementos span {
  color: #212121;
}
.badge-imagen .elementos {
  display: flex;
  justify-content: center;
  align-items: center;
}
.badge-imagen .elementos img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  border-radius: 2px;
}
.badge-imagen .elementos span {
  font-size: 15px;
  font-weight: 600;
  color: #555555;
}
.badge-imagen .seguidores {
  position: absolute;
  display: inline-block;
  border-radius: 5px;
  padding: 10px;
  width: 80px;
  text-align: center;
  background-color: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.288);
  top: -50px;
  left: calc(50% - 40px);
  font-size: 13px;
  font-weight: 600;
}
.badge-imagen .seguidores::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #f7f7f7;
  transform: rotate(45deg);
  bottom: -5px;
  left: calc(50% - 5px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.288);
  border-right: 1px solid rgba(0, 0, 0, 0.288);
}

.badge-cierre-rojo,
.badge-cierre-verde,
.badge-cierre-azul,
.badge-cierre-gris,
.badge-cierre-blanco,
.badge-cierre-negro {
  padding: 5px;
  padding-right: 20px;
  border-radius: 3px;
  background-color: #bb1818;
  color: white;
  font-size: 10px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-cierre-rojo:hover,
.badge-cierre-verde:hover,
.badge-cierre-azul:hover,
.badge-cierre-gris:hover,
.badge-cierre-blanco:hover,
.badge-cierre-negro:hover {
  background-color: #500000;
}
.badge-cierre-rojo .cerrar,
.badge-cierre-verde .cerrar,
.badge-cierre-azul .cerrar,
.badge-cierre-gris .cerrar,
.badge-cierre-blanco .cerrar,
.badge-cierre-negro .cerrar {
  width: 10px;
  height: 2px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
  top: calc(50% - 1.5px);
  transform: rotate(45deg);
  background-color: white;
}
.badge-cierre-rojo .cerrar::before,
.badge-cierre-verde .cerrar::before,
.badge-cierre-azul .cerrar::before,
.badge-cierre-gris .cerrar::before,
.badge-cierre-blanco .cerrar::before,
.badge-cierre-negro .cerrar::before {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 10px;
  position: absolute;
  right: 0px;
  top: calc(50% - 1px);
  transform: rotate(-90deg);
  background-color: white;
}

.badge-cierre-verde {
  background-color: #006e5c;
}
.badge-cierre-verde:hover {
  background-color: #073a31;
}

.badge-cierre-azul {
  background-color: #1045b7;
}
.badge-cierre-azul:hover {
  background-color: #002066;
}

.badge-cierre-gris {
  background-color: gray;
}
.badge-cierre-gris:hover {
  background-color: #212121;
}

.badge-cierre-negro {
  background-color: #111111;
}
.badge-cierre-negro:hover {
  background-color: black;
}

.badge-cierre-blanco {
  background-color: white;
  color: black;
}
.badge-cierre-blanco:hover {
  background-color: #ececec;
}
.badge-cierre-blanco .cerrar {
  background-color: black;
}
.badge-cierre-blanco .cerrar::before {
  background-color: black;
}

.badge-xs,
.badge-md,
.badge-sm,
.badge-lg,
.badge-xl {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.badge-xs {
  padding: 3px 6px;
  font-size: 10px;
}

.badge-md {
  padding: 7px 10px;
  font-size: 15px;
}

.badge-sm {
  padding: 5px 7px;
  font-size: 12px;
}

.badge-lg {
  padding: 10px 15px;
  font-size: 18px;
}

.badge-xl {
  padding: 12px 18px;
  font-size: 20px;
}

.badge-sub {
  display: inline-block;
  padding: 7px;
  font-size: 70%;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  position: relative;
  background-color: #bb1818;
  color: white;
  user-select: none;
  cursor: pointer;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.badge-sub:hover {
  background-color: #aa1f1f;
}
.badge-sub:active {
  background-color: #f51515;
}
.badge-sub span {
  position: absolute;
  padding: 7px 10px;
  background-color: whitesmoke;
  right: -107px;
  top: 0;
  max-width: 100%;
  min-width: 100px;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.192);
  border-radius: 3px;
}
.badge-sub span::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: whitesmoke;
  transform: rotate(45deg);
  left: -4px;
  top: calc(50% - 3.5px);
  border-left: 1px solid rgba(0, 0, 0, 0.192);
  border-bottom: 1px solid rgba(0, 0, 0, 0.192);
}

.badge-flot {
  position: absolute !important;
  top: -10px !important;
  right: 5px !important;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.contenedor-efecto3d {
  width: 100%;
  height: 100%;
  z-index: 30000;
  cursor: pointer;
}
.contenedor-efecto3d .adelante,
.contenedor-efecto3d .atras-horizontal, .contenedor-efecto3d .atras-vertical {
  transition: all 0.5s ease;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
.contenedor-efecto3d .atras-vertical, .contenedor-efecto3d .atras-horizontal {
  position: absolute;
  z-index: 30000;
  top: 0;
  bottom: 0;
}
.contenedor-efecto3d .contenedor-vertical,
.contenedor-efecto3d .contenedor-horizontal {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  transform-style: preserve-3d;
  top: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}
.contenedor-efecto3d .contenedor-vertical {
  transform: perspective(600px) rotateY(0deg);
  -moz-transform: perspective(600px) rotateY(0deg);
  -webkit-transform: perspective(600px) rotateY(0deg);
  -o-transform: perspective(600px) rotateY(0deg);
}
.contenedor-efecto3d .contenedor-vertical .atras-vertical {
  transform: perspective(600px) rotateY(180deg);
  -moz-transform: perspective(600px) rotateY(180deg);
  -webkit-transform: perspective(600px) rotateY(180deg);
  -o-transform: perspective(600px) rotateY(180deg);
}
.contenedor-efecto3d .contenedor-horizontal {
  transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
}
.contenedor-efecto3d .contenedor-horizontal .atras-horizontal {
  transform: perspective(600px) rotateX(180deg);
  -moz-transform: perspective(600px) rotateX(180deg);
  -webkit-transform: perspective(600px) rotateX(180deg);
  -o-transform: perspective(600px) rotateX(180deg);
}
.contenedor-efecto3d:hover .contenedor-vertical {
  transform: perspective(600px) rotateY(180deg);
  -webkit-transform: perspective(600px) rotateY(180deg);
  -moz-transform: perspective(600px) rotateY(180deg);
  -o-transform: perspective(600px) rotateY(180deg);
  -webkit-box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
  -moz-box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
  box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
}
.contenedor-efecto3d:hover .contenedor-horizontal {
  transform: perspective(600px) rotateX(180deg);
  -webkit-transform: perspective(600px) rotateX(180deg);
  -moz-transform: perspective(600px) rotateX(180deg);
  -o-transform: perspective(600px) rotateX(180deg);
  -webkit-box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
  -moz-box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
  box-shadow: 0px 0px 14px 4px rgba(117, 117, 117, 0.71);
}

.dec-rojo,
.dec-verde,
.dec-azul,
.dec-negro,
.dec-gris,
.dec-blanco {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

.dec-rojo::before,
.dec-azul::before,
.dec-verde::before,
.dec-negro::before,
.dec-gris::before,
.dec-blanco::before {
  content: "";
  position: absolute;
  background-color: #bb1818;
  height: 4px;
  width: 50px;
  bottom: 0;
  left: calc(50% - 25px);
}

.dec-azul::before {
  background-color: #1045b7;
}

.dec-verde::before {
  background-color: #006e5c;
}

.dec-negro::before {
  background-color: black;
}

.dec-blanco::before {
  background-color: white;
}

.dec-gris::before {
  background-color: gray;
}

.forma-circulo {
  -webkit-clip-path: circle(50% at 50% 50%) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.forma-elipse {
  -webkit-clip-path: ellipse(25% 40% at 50% 50%) !important;
  clip-path: ellipse(25% 40% at 50% 50%) !important;
}

.forma-triangulo {
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%) !important;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%) !important;
}

.forma-triangulo-recto-inf {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%) !important;
  clip-path: polygon(0 0, 0% 100%, 100% 100%) !important;
}

.forma-triangulo-recto-sup {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
}

.forma-triangulo-recto-inf-der {
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%) !important;
  clip-path: polygon(0 100%, 100% 0, 100% 100%) !important;
}

.forma-triangulo-invertido {
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
  clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
}

.forma-trapecio {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%) !important;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%) !important;
}

.forma-rombo {
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
}

.forma-pentagono {
  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%) !important;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%) !important;
}

.forma-hexagono {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
}

.forma-heptagono {
  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.forma-octagono {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;
}

.forma-flecha-izquierda {
  -webkit-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%) !important;
  clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%) !important;
}

.forma-flecha-derecha {
  -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%) !important;
  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%) !important;
}

.forma-punto-izquierda {
  -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%) !important;
  clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%) !important;
}

.forma-punto-derecha {
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%) !important;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%) !important;
}

.forma-punto-abajo {
  -webkit-clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0% 70%, 0 0) !important;
  clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0% 70%, 0 0) !important;
}

.forma-punto-arriba {
  -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0 100%, 0 20%) !important;
  clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0 100%, 0 20%) !important;
}

.forma-banda-izquierda {
  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%) !important;
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%) !important;
}

.forma-banda-derecha {
  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%) !important;
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%) !important;
}

.forma-mensaje {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%) !important;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%) !important;
}

.forma-estrella {
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%) !important;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%) !important;
}

.forma-cruz {
  -webkit-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%) !important;
  clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%) !important;
}

.forma-cerrar {
  -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%) !important;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%) !important;
}

.forma-ventana {
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%) !important;
  clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%) !important;
}

.footer {
  background-color: #15161a;
  padding: 50px 30px 100px 30px;
  text-align: center;
  position: relative;
  font-family: "Roboto", sans-serif;
}
.footer .footer-titulo {
  font-size: 25px;
  color: white;
  font-weight: 600;
  padding: 10px;
}
.footer .footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  height: 100%;
  font-size: 60px;
}
.footer ul li a {
  text-decoration: none;
  display: block;
  color: white;
  padding: 5px;
  font-size: 20px;
}
.footer ul li a:hover {
  color: #34c9ce;
}
.footer .footer-pie {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.363);
  display: flex;
  text-align: center;
  justify-content: space-between;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 10px 10px;
  border-top: 1px solid black;
  color: white;
}
.footer .footer-parrafo {
  padding: 15px;
  background-color: rgba(131, 131, 131, 0.233);
  color: white;
  margin-bottom: 20px;
  font-size: 22px;
}

.con-simbolo {
  position: relative;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.308);
  padding: 30px 30px;
  background-color: #fafafa;
  overflow: auto;
}
.con-simbolo .etiqueta,
.con-simbolo .etiqueta-total {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.027);
  padding: 5px 10px;
  text-align: center;
  color: #757575;
  font-size: 13px;
  font-weight: 600;
}
.con-simbolo .etiqueta-total {
  width: 100%;
  left: 0;
  right: 0;
}
.con-simbolo .arriba {
  top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.089);
}
.con-simbolo .abajo {
  border-top: 1px solid rgba(0, 0, 0, 0.089);
  bottom: 0;
}
.con-simbolo .arriba-derecha {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.089);
  border-bottom: 1px solid rgba(0, 0, 0, 0.089);
  border-radius: 0 0 0 5px;
}
.con-simbolo .arriba-izquierda {
  top: 0;
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.089);
  border-bottom: 1px solid rgba(0, 0, 0, 0.089);
  border-radius: 0 0 5px 0;
}
.con-simbolo .abajo-izquierda {
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.089);
  border-right: 1px solid rgba(0, 0, 0, 0.089);
  border-radius: 0 5px 0 0;
}
.con-simbolo .abajo-derecha {
  bottom: 0;
  right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.089);
  border-left: 1px solid rgba(0, 0, 0, 0.089);
  border-radius: 5px 0 0 0;
}

.hover-contenedor {
  overflow: hidden;
  display: block;
  position: relative;
  cursor: pointer;
}
.hover-contenedor * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hover-contenedor:hover .lateral-derecha {
  left: 100%;
  transition: left 0.3s;
}
.hover-contenedor:hover .lateral-izquierda {
  left: -100%;
  transition: left 0.3s;
}
.hover-contenedor:hover .arriba {
  top: -100%;
  transition: top 0.3s;
}
.hover-contenedor:hover .abajo {
  top: 100%;
  transition: top 0.3s;
}
.hover-contenedor:hover .girar-derecha {
  left: 100%;
  animation: girar-derecha 0.3s 0s 1 linear;
  transition: top 0.3s;
}
.hover-contenedor:hover .girar-izquierda {
  left: -100%;
  animation: girar-izquierda 0.3s 0s 1 linear;
  transition: top 0.3s;
}

@keyframes girar-derecha {
  from {
    transform: rotate(0deg);
    left: 0;
  }
  to {
    transform: rotate(180deg);
    left: 100%;
  }
}
@keyframes girar-izquierda {
  from {
    transform: rotate(0deg);
    left: 0;
  }
  to {
    transform: rotate(-180deg);
    left: -100%;
  }
}
.efecto-hover-borde {
  position: relative;
  z-index: 0;
}
.efecto-hover-borde * {
  z-index: 20;
}
.efecto-hover-borde .borde-izq,
.efecto-hover-borde .borde-der,
.efecto-hover-borde .borde-aba,
.efecto-hover-borde .borde-arr {
  position: absolute;
  transition: all 0.3s;
  z-index: -1 !important;
}
.efecto-hover-borde .borde-der,
.efecto-hover-borde .borde-izq {
  height: 100%;
  width: 5px;
  top: 0;
  transition: all 0.3s;
}
.efecto-hover-borde .borde-izq {
  left: 0;
}
.efecto-hover-borde .borde-der {
  right: 0;
}
.efecto-hover-borde .borde-aba,
.efecto-hover-borde .borde-arr {
  height: 5px;
  width: 100%;
}
.efecto-hover-borde .borde-aba {
  bottom: 0;
}
.efecto-hover-borde .borde-arr {
  top: 0;
}
.efecto-hover-borde:hover .borde-izq, .efecto-hover-borde:hover .borde-der {
  width: 100%;
}
.efecto-hover-borde:hover .borde-arr, .efecto-hover-borde:hover .borde-aba {
  height: 100%;
}

.breadcrumb-negro,
.breadcrumb-blanco {
  display: flex;
}
.breadcrumb-negro a,
.breadcrumb-blanco a {
  display: block;
  text-decoration: none;
  color: #353535;
  position: relative;
  font-size: 15px;
  white-space: nowrap;
}
.breadcrumb-negro a:hover,
.breadcrumb-blanco a:hover {
  color: black;
}
.breadcrumb-negro a:nth-child(n-1),
.breadcrumb-blanco a:nth-child(n-1) {
  padding-right: 30px;
}
.breadcrumb-negro a:nth-child(n):not(:last-child)::before, .breadcrumb-negro a:nth-child(n):not(:last-child)::after,
.breadcrumb-blanco a:nth-child(n):not(:last-child)::before,
.breadcrumb-blanco a:nth-child(n):not(:last-child)::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  transform: rotate(45deg);
  background-color: #222222;
  right: 13px;
  top: calc(50% - 2px);
}
.breadcrumb-negro a:nth-child(n):not(:last-child)::after,
.breadcrumb-blanco a:nth-child(n):not(:last-child)::after {
  transform: rotate(-45deg);
  top: 60%;
}
.breadcrumb-negro .br-activo,
.breadcrumb-blanco .br-activo {
  color: black !important;
  font-weight: 600;
}

.breadcrumb-blanco a {
  color: #ebebeb;
}
.breadcrumb-blanco a:hover {
  color: #b9b9b9;
}
.breadcrumb-blanco a:nth-child(n):not(:last-child)::before, .breadcrumb-blanco a:nth-child(n):not(:last-child)::after {
  background-color: white;
}
.breadcrumb-blanco .br-activo {
  color: white !important;
  font-weight: 600;
}

.social {
  position: fixed;
  right: 0;
  top: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10000;
}
.social a {
  padding: 15px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1045b7;
  text-align: center;
  font-size: 1.2em;
  position: relative;
}
.social a span {
  position: absolute;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  left: 100%;
  padding: 0 15px;
  border-radius: 7px 0 0 7px;
  transition: all 0.3s;
  z-index: -1;
  min-width: 100px;
  max-width: 135px;
  white-space: nowrap;
}
.social a:hover span {
  left: -185%;
}
.social a:first-child {
  border-radius: 5px 0 0 0;
}
.social a:last-child {
  border-radius: 0 0 0 5px;
}

.social-horizontal-rot,
.social-horizontal-esc {
  display: flex;
  position: relative;
  max-height: 60px;
}
.social-horizontal-rot ul,
.social-horizontal-esc ul {
  display: flex;
  position: absolute;
}
.social-horizontal-rot ul a,
.social-horizontal-esc ul a {
  padding: 15px;
  color: white;
  display: block;
  transition: all 0.5s;
}
.social-horizontal-rot ul a:hover,
.social-horizontal-esc ul a:hover {
  transform: rotate(365deg);
  box-shadow: 0 0 5px 3px rgba(250, 253, 205, 0.363);
  border-radius: 50% !important;
  margin: 0 5px;
}
.social-horizontal-rot ul a:first-child,
.social-horizontal-esc ul a:first-child {
  border-radius: 5px 0 0 5px;
}
.social-horizontal-rot ul a:last-child,
.social-horizontal-esc ul a:last-child {
  border-radius: 0 5px 5px 0;
}

.social-horizontal-esc ul a {
  padding: 15px;
  color: white;
  display: block;
  transition: all 0.5s;
}
.social-horizontal-esc ul a:hover {
  transform: scale(1.8);
  box-shadow: 0 0 5px 3px rgba(250, 253, 205, 0.363);
}

.social-horizontal-ext {
  display: flex;
  position: relative;
  max-height: 60px;
}
.social-horizontal-ext ul {
  display: flex;
  justify-content: space-between;
  position: absolute;
}
.social-horizontal-ext ul a {
  padding: 15px;
  color: white;
  display: block;
  transition: all 0.5s;
  border-radius: 50%;
  margin-right: 10px;
  box-sizing: border-box;
}
.social-horizontal-ext ul a:hover {
  transform: scale(1.5);
  border: 1px solid black;
  color: black;
  background-color: white !important;
}

.lista-float-izq,
.lista-float-der {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  z-index: 100000;
  transition: all 0.5s;
}
.lista-float-izq .lista-item,
.lista-float-der .lista-item {
  position: relative;
  min-width: 240px;
  height: 50px;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.164);
  white-space: nowrap;
  cursor: pointer;
}
.lista-float-izq .lista-item:last-child,
.lista-float-der .lista-item:last-child {
  border-bottom: none !important;
}
.lista-float-izq .lista-item .borde,
.lista-float-der .lista-item .borde {
  position: absolute;
  width: 8px;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 0;
  transition: all 0.3s;
}
.lista-float-izq .lista-item a,
.lista-float-der .lista-item a {
  display: block;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lista-float-izq .lista-item:hover .borde,
.lista-float-der .lista-item:hover .borde {
  width: 100%;
}
.lista-float-izq .lista-item:hover a,
.lista-float-der .lista-item:hover a {
  z-index: 20000;
}
.lista-float-izq .abrir,
.lista-float-izq .cerrar,
.lista-float-der .abrir,
.lista-float-der .cerrar {
  padding: 5px;
  position: absolute;
  top: -30px;
}

.lista-float-izq {
  left: 0;
}
.lista-float-izq .abrir,
.lista-float-izq .cerrar {
  right: -15px;
}

.lista-float-der {
  right: 0;
  z-index: 100000;
}
.lista-float-der .lista-item {
  border-radius: 5px 0 0 5px;
}
.lista-float-der .lista-item .borde {
  left: 0;
}
.lista-float-der .abrir,
.lista-float-der .cerrar {
  left: -15px;
}

.sombra-aba-abi,
.sombra-der-abi,
.sombra-izq-abi,
.sombra-arr-abi {
  position: relative;
}
.sombra-aba-abi::before, .sombra-aba-abi::after,
.sombra-der-abi::before,
.sombra-der-abi::after,
.sombra-izq-abi::before,
.sombra-izq-abi::after,
.sombra-arr-abi::before,
.sombra-arr-abi::after {
  content: "";
  position: absolute;
  width: 47%;
  height: 10px;
  background-color: black;
  border-radius: 500px;
  z-index: -1;
  box-shadow: 0px 2px 5px 1px black;
}

.sombra-aba-abi::before {
  left: 5%;
  transform: rotate(-4deg);
  bottom: 1.8%;
}

.sombra-aba-abi::after {
  right: 5%;
  transform: rotate(4deg);
  bottom: 1.8%;
}

.sombra-arr-abi::before,
.sombra-arr-abi::after {
  top: 1.8%;
  box-shadow: 0px -2px 5px 1px black;
}

.sombra-arr-abi::before {
  left: 5%;
  transform: rotate(4deg);
}

.sombra-arr-abi::after {
  right: 5%;
  transform: rotate(-4deg);
}

.sombra-der-abi::before, .sombra-der-abi::after {
  width: 10px;
  height: 47%;
  right: 1.5%;
  box-shadow: 0px -2px 5px 1px black;
}
.sombra-der-abi::before {
  bottom: 5%;
  transform: rotate(-4deg);
}
.sombra-der-abi::after {
  top: 5%;
  transform: rotate(4deg);
}

.sombra-izq-abi::before, .sombra-izq-abi::after {
  width: 10px;
  height: 47%;
  left: 1.5%;
}
.sombra-izq-abi::before {
  bottom: 5%;
  transform: rotate(4deg);
}
.sombra-izq-abi::after {
  top: 5%;
  transform: rotate(-4deg);
}

.sombra-aba-cer,
.sombra-arr-cer {
  position: relative;
}
.sombra-aba-cer::before,
.sombra-arr-cer::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 15px;
  border-radius: 50%;
  background-color: black;
  box-shadow: 0px 2px 2.5px 1px black;
  z-index: -1;
}

.sombra-aba-cer::before {
  bottom: 0%;
  left: 5%;
}

.sombra-arr-cer::before {
  top: 0%;
  left: 5%;
  box-shadow: 0px -2px 2.5px 1px black;
}

.dropdown-toggle {
  position: relative !important;
  display: flex !important;
  padding-right: 40px !important;
  z-index: 1000000;
  cursor: pointer;
}

.drop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.dropdown {
  position: absolute;
  font-size: 16px;
  min-width: 12.5em;
  max-width: 50em;
  background-color: white !important;
  border: 1px solid #d1d1d1 !important;
  border-radius: 3px;
  display: none;
  z-index: 1000000 !important;
  padding: 10px 0;
}
.dropdown ul {
  list-style: none;
}
.dropdown ul li a.dd-a {
  width: 100%;
  display: block;
  color: #2b2b2b;
  padding: 0.4em 1.2em;
  font-size: 1em;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "HelveticaNeue", "Roboto", Helvetica, sans-serif;
  white-space: nowrap;
}
.dropdown ul li a.dd-a:hover:not(.disabled) {
  color: black;
  background-color: rgba(0, 0, 0, 0.055);
}
.dropdown ul li .activo {
  background-color: #006cff !important;
  color: white !important;
}
.dropdown ul li .activo:hover {
  background-color: rgba(0, 109, 233, 0.801) !important;
  color: white !important;
}
.dropdown ul li .desactivado {
  color: #b4b4b4 !important;
  cursor: default !important;
}

.waves {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.efecto-waves {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  opacity: 0.8;
  padding: 0;
  margin: 0;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
}

.img-exp {
  cursor: zoom-in;
}

.contenedor-imagen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.925);
  z-index: 100000;
  padding: 0 30px;
}
.contenedor-imagen img {
  transform: scale(0.7);
}

.img-red-bor {
  border-radius: 5px !important;
}

.img-redonda-20 {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.img-redonda-25 {
  height: 25px;
  width: 25px;
  border-radius: 50%;
}

.img-redonda-30 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.img-redonda-35 {
  height: 35px;
  width: 35px;
  border-radius: 50%;
}

.img-redonda-40 {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.img-redonda-45 {
  height: 45px;
  width: 45px;
  border-radius: 50%;
}

.img-redonda-50 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.img-redonda-55 {
  height: 55px;
  width: 55px;
  border-radius: 50%;
}

.img-redonda-60 {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.img-redonda-65 {
  height: 65px;
  width: 65px;
  border-radius: 50%;
}

.img-redonda-70 {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.img-redonda-75 {
  height: 75px;
  width: 75px;
  border-radius: 50%;
}

.img-redonda-80 {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.img-redonda-85 {
  height: 85px;
  width: 85px;
  border-radius: 50%;
}

.img-redonda-90 {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}

.img-redonda-95 {
  height: 95px;
  width: 95px;
  border-radius: 50%;
}

.img-redonda-100 {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.img-redonda-105 {
  height: 105px;
  width: 105px;
  border-radius: 50%;
}

.img-redonda-110 {
  height: 110px;
  width: 110px;
  border-radius: 50%;
}

.img-redonda-115 {
  height: 115px;
  width: 115px;
  border-radius: 50%;
}

.img-redonda-120 {
  height: 120px;
  width: 120px;
  border-radius: 50%;
}

.img-redonda-125 {
  height: 125px;
  width: 125px;
  border-radius: 50%;
}

.img-redonda-130 {
  height: 130px;
  width: 130px;
  border-radius: 50%;
}

.img-redonda-135 {
  height: 135px;
  width: 135px;
  border-radius: 50%;
}

.img-redonda-140 {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.img-redonda-145 {
  height: 145px;
  width: 145px;
  border-radius: 50%;
}

.img-redonda-150 {
  height: 150px;
  width: 150px;
  border-radius: 50%;
}

.img-redonda-155 {
  height: 155px;
  width: 155px;
  border-radius: 50%;
}

.img-redonda-160 {
  height: 160px;
  width: 160px;
  border-radius: 50%;
}

.img-redonda-165 {
  height: 165px;
  width: 165px;
  border-radius: 50%;
}

.img-redonda-170 {
  height: 170px;
  width: 170px;
  border-radius: 50%;
}

.img-redonda-175 {
  height: 175px;
  width: 175px;
  border-radius: 50%;
}

.img-redonda-180 {
  height: 180px;
  width: 180px;
  border-radius: 50%;
}

.img-redonda-185 {
  height: 185px;
  width: 185px;
  border-radius: 50%;
}

.img-redonda-190 {
  height: 190px;
  width: 190px;
  border-radius: 50%;
}

.img-redonda-195 {
  height: 195px;
  width: 195px;
  border-radius: 50%;
}

.img-redonda-200 {
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.img-redonda-205 {
  height: 205px;
  width: 205px;
  border-radius: 50%;
}

.img-redonda-210 {
  height: 210px;
  width: 210px;
  border-radius: 50%;
}

.img-redonda-215 {
  height: 215px;
  width: 215px;
  border-radius: 50%;
}

.img-redonda-220 {
  height: 220px;
  width: 220px;
  border-radius: 50%;
}

.img-redonda-225 {
  height: 225px;
  width: 225px;
  border-radius: 50%;
}

.img-redonda-230 {
  height: 230px;
  width: 230px;
  border-radius: 50%;
}

.img-redonda-235 {
  height: 235px;
  width: 235px;
  border-radius: 50%;
}

.img-redonda-240 {
  height: 240px;
  width: 240px;
  border-radius: 50%;
}

.img-redonda-245 {
  height: 245px;
  width: 245px;
  border-radius: 50%;
}

.img-redonda-250 {
  height: 250px;
  width: 250px;
  border-radius: 50%;
}

.img-redonda-255 {
  height: 255px;
  width: 255px;
  border-radius: 50%;
}

.img-redonda-260 {
  height: 260px;
  width: 260px;
  border-radius: 50%;
}

.img-redonda-265 {
  height: 265px;
  width: 265px;
  border-radius: 50%;
}

.img-redonda-270 {
  height: 270px;
  width: 270px;
  border-radius: 50%;
}

.img-redonda-275 {
  height: 275px;
  width: 275px;
  border-radius: 50%;
}

.img-redonda-280 {
  height: 280px;
  width: 280px;
  border-radius: 50%;
}

.img-redonda-285 {
  height: 285px;
  width: 285px;
  border-radius: 50%;
}

.img-redonda-290 {
  height: 290px;
  width: 290px;
  border-radius: 50%;
}

.img-redonda-295 {
  height: 295px;
  width: 295px;
  border-radius: 50%;
}

.img-redonda-300 {
  height: 300px;
  width: 300px;
  border-radius: 50%;
}

.img-redonda-305 {
  height: 305px;
  width: 305px;
  border-radius: 50%;
}

.img-redonda-310 {
  height: 310px;
  width: 310px;
  border-radius: 50%;
}

.img-redonda-315 {
  height: 315px;
  width: 315px;
  border-radius: 50%;
}

.img-redonda-320 {
  height: 320px;
  width: 320px;
  border-radius: 50%;
}

.img-redonda-325 {
  height: 325px;
  width: 325px;
  border-radius: 50%;
}

.img-redonda-330 {
  height: 330px;
  width: 330px;
  border-radius: 50%;
}

.img-redonda-335 {
  height: 335px;
  width: 335px;
  border-radius: 50%;
}

.img-redonda-340 {
  height: 340px;
  width: 340px;
  border-radius: 50%;
}

.img-redonda-345 {
  height: 345px;
  width: 345px;
  border-radius: 50%;
}

.img-redonda-350 {
  height: 350px;
  width: 350px;
  border-radius: 50%;
}

.img-redonda-355 {
  height: 355px;
  width: 355px;
  border-radius: 50%;
}

.img-redonda-360 {
  height: 360px;
  width: 360px;
  border-radius: 50%;
}

.img-redonda-365 {
  height: 365px;
  width: 365px;
  border-radius: 50%;
}

.img-redonda-370 {
  height: 370px;
  width: 370px;
  border-radius: 50%;
}

.img-redonda-375 {
  height: 375px;
  width: 375px;
  border-radius: 50%;
}

.img-redonda-380 {
  height: 380px;
  width: 380px;
  border-radius: 50%;
}

.img-redonda-385 {
  height: 385px;
  width: 385px;
  border-radius: 50%;
}

.img-redonda-390 {
  height: 390px;
  width: 390px;
  border-radius: 50%;
}

.img-redonda-395 {
  height: 395px;
  width: 395px;
  border-radius: 50%;
}

.img-redonda-400 {
  height: 400px;
  width: 400px;
  border-radius: 50%;
}

.img-redonda-405 {
  height: 405px;
  width: 405px;
  border-radius: 50%;
}

.img-redonda-410 {
  height: 410px;
  width: 410px;
  border-radius: 50%;
}

.img-redonda-415 {
  height: 415px;
  width: 415px;
  border-radius: 50%;
}

.img-redonda-420 {
  height: 420px;
  width: 420px;
  border-radius: 50%;
}

.img-redonda-425 {
  height: 425px;
  width: 425px;
  border-radius: 50%;
}

.img-redonda-430 {
  height: 430px;
  width: 430px;
  border-radius: 50%;
}

.img-redonda-435 {
  height: 435px;
  width: 435px;
  border-radius: 50%;
}

.img-redonda-440 {
  height: 440px;
  width: 440px;
  border-radius: 50%;
}

.img-redonda-445 {
  height: 445px;
  width: 445px;
  border-radius: 50%;
}

.img-redonda-450 {
  height: 450px;
  width: 450px;
  border-radius: 50%;
}

.img-redonda-455 {
  height: 455px;
  width: 455px;
  border-radius: 50%;
}

.img-redonda-460 {
  height: 460px;
  width: 460px;
  border-radius: 50%;
}

.img-redonda-465 {
  height: 465px;
  width: 465px;
  border-radius: 50%;
}

.img-redonda-470 {
  height: 470px;
  width: 470px;
  border-radius: 50%;
}

.img-redonda-475 {
  height: 475px;
  width: 475px;
  border-radius: 50%;
}

.img-redonda-480 {
  height: 480px;
  width: 480px;
  border-radius: 50%;
}

.img-redonda-485 {
  height: 485px;
  width: 485px;
  border-radius: 50%;
}

.img-redonda-490 {
  height: 490px;
  width: 490px;
  border-radius: 50%;
}

.img-redonda-495 {
  height: 495px;
  width: 495px;
  border-radius: 50%;
}

.img-redonda-500 {
  height: 500px;
  width: 500px;
  border-radius: 50%;
}

.img-redonda-505 {
  height: 505px;
  width: 505px;
  border-radius: 50%;
}

.img-redonda-510 {
  height: 510px;
  width: 510px;
  border-radius: 50%;
}

.img-redonda-515 {
  height: 515px;
  width: 515px;
  border-radius: 50%;
}

.usuario-imagen {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 250px;
  min-width: 160px;
}
.usuario-imagen img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.usuario-imagen a {
  display: block;
  height: 100%;
  color: black;
  margin-left: 10px;
}

.img-display-enc {
  padding: 5px !important;
  border: 1px solid rgba(0, 0, 0, 0.158);
}

.img-display-8 {
  height: 8px;
  width: 8px;
}

.img-display-16 {
  height: 16px;
  width: 16px;
}

.img-display-24 {
  height: 24px;
  width: 24px;
}

.img-display-32 {
  height: 32px;
  width: 32px;
}

.img-display-40 {
  height: 40px;
  width: 40px;
}

.img-display-48 {
  height: 48px;
  width: 48px;
}

.img-display-56 {
  height: 56px;
  width: 56px;
}

.img-display-64 {
  height: 64px;
  width: 64px;
}

.img-display-72 {
  height: 72px;
  width: 72px;
}

.img-display-80 {
  height: 80px;
  width: 80px;
}

.img-display-88 {
  height: 88px;
  width: 88px;
}

.img-display-96 {
  height: 96px;
  width: 96px;
}

.img-display-104 {
  height: 104px;
  width: 104px;
}

.img-display-112 {
  height: 112px;
  width: 112px;
}

.img-display-120 {
  height: 120px;
  width: 120px;
}

.img-display-128 {
  height: 128px;
  width: 128px;
}

.img-display-136 {
  height: 136px;
  width: 136px;
}

.img-display-144 {
  height: 144px;
  width: 144px;
}

.img-display-152 {
  height: 152px;
  width: 152px;
}

.img-display-160 {
  height: 160px;
  width: 160px;
}

.img-display-168 {
  height: 168px;
  width: 168px;
}

.img-display-176 {
  height: 176px;
  width: 176px;
}

.img-display-184 {
  height: 184px;
  width: 184px;
}

.img-display-192 {
  height: 192px;
  width: 192px;
}

.img-display-200 {
  height: 200px;
  width: 200px;
}

.img-display-208 {
  height: 208px;
  width: 208px;
}

.img-display-216 {
  height: 216px;
  width: 216px;
}

.img-display-224 {
  height: 224px;
  width: 224px;
}

.img-display-232 {
  height: 232px;
  width: 232px;
}

.img-display-240 {
  height: 240px;
  width: 240px;
}

.img-display-248 {
  height: 248px;
  width: 248px;
}

.img-display-256 {
  height: 256px;
  width: 256px;
}

.img-display-264 {
  height: 264px;
  width: 264px;
}

.img-display-272 {
  height: 272px;
  width: 272px;
}

.img-display-280 {
  height: 280px;
  width: 280px;
}

.img-display-288 {
  height: 288px;
  width: 288px;
}

.img-display-296 {
  height: 296px;
  width: 296px;
}

.img-display-304 {
  height: 304px;
  width: 304px;
}

.img-display-312 {
  height: 312px;
  width: 312px;
}

.img-display-320 {
  height: 320px;
  width: 320px;
}

.img-display-328 {
  height: 328px;
  width: 328px;
}

.img-display-336 {
  height: 336px;
  width: 336px;
}

.img-display-344 {
  height: 344px;
  width: 344px;
}

.img-display-352 {
  height: 352px;
  width: 352px;
}

.img-display-360 {
  height: 360px;
  width: 360px;
}

.img-display-368 {
  height: 368px;
  width: 368px;
}

.img-display-376 {
  height: 376px;
  width: 376px;
}

.img-display-384 {
  height: 384px;
  width: 384px;
}

.img-display-392 {
  height: 392px;
  width: 392px;
}

.img-display-400 {
  height: 400px;
  width: 400px;
}

.img-display-408 {
  height: 408px;
  width: 408px;
}

.img-display-416 {
  height: 416px;
  width: 416px;
}

.img-display-424 {
  height: 424px;
  width: 424px;
}

.img-display-432 {
  height: 432px;
  width: 432px;
}

.img-display-440 {
  height: 440px;
  width: 440px;
}

.img-display-448 {
  height: 448px;
  width: 448px;
}

.img-display-456 {
  height: 456px;
  width: 456px;
}

.img-display-464 {
  height: 464px;
  width: 464px;
}

.img-display-472 {
  height: 472px;
  width: 472px;
}

.img-display-480 {
  height: 480px;
  width: 480px;
}

.img-display-488 {
  height: 488px;
  width: 488px;
}

.img-display-496 {
  height: 496px;
  width: 496px;
}

.img-display-504 {
  height: 504px;
  width: 504px;
}

.img-display-512 {
  height: 512px;
  width: 512px;
}

.img-display-520 {
  height: 520px;
  width: 520px;
}

.img-display-528 {
  height: 528px;
  width: 528px;
}

.img-display-536 {
  height: 536px;
  width: 536px;
}

.img-display-544 {
  height: 544px;
  width: 544px;
}

.img-display-552 {
  height: 552px;
  width: 552px;
}

.img-display-560 {
  height: 560px;
  width: 560px;
}

.img-display-568 {
  height: 568px;
  width: 568px;
}

.img-display-576 {
  height: 576px;
  width: 576px;
}

.img-display-584 {
  height: 584px;
  width: 584px;
}

.img-display-592 {
  height: 592px;
  width: 592px;
}

.img-display-600 {
  height: 600px;
  width: 600px;
}

.img-display-608 {
  height: 608px;
  width: 608px;
}

.img-display-616 {
  height: 616px;
  width: 616px;
}

.img-display-624 {
  height: 624px;
  width: 624px;
}

.img-display-632 {
  height: 632px;
  width: 632px;
}

.img-display-640 {
  height: 640px;
  width: 640px;
}

.img-display-648 {
  height: 648px;
  width: 648px;
}

.img-display-656 {
  height: 656px;
  width: 656px;
}

.img-display-664 {
  height: 664px;
  width: 664px;
}

.img-display-672 {
  height: 672px;
  width: 672px;
}

.img-display-680 {
  height: 680px;
  width: 680px;
}

.img-display-688 {
  height: 688px;
  width: 688px;
}

.img-display-696 {
  height: 696px;
  width: 696px;
}

.img-display-704 {
  height: 704px;
  width: 704px;
}

.img-display-712 {
  height: 712px;
  width: 712px;
}

.img-display-720 {
  height: 720px;
  width: 720px;
}

.img-display-728 {
  height: 728px;
  width: 728px;
}

.img-display-736 {
  height: 736px;
  width: 736px;
}

.img-display-744 {
  height: 744px;
  width: 744px;
}

.img-display-752 {
  height: 752px;
  width: 752px;
}

.img-display-760 {
  height: 760px;
  width: 760px;
}

.img-display-768 {
  height: 768px;
  width: 768px;
}

.img-display-776 {
  height: 776px;
  width: 776px;
}

.img-display-784 {
  height: 784px;
  width: 784px;
}

.img-display-792 {
  height: 792px;
  width: 792px;
}

.img-display-800 {
  height: 800px;
  width: 800px;
}

.img-responsive {
  max-width: 100%;
}

.tips {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 20px 10px;
  color: white;
  background-color: rgba(0, 0, 0, 0.863);
  border-radius: 5px;
  white-space: nowrap;
  max-height: 40px !important;
  min-height: 40px !important;
  z-index: 100000 !important;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  transform: translate(0);
  transition: transform 0.3s ease;
}
.tips .mueca-aba,
.tips .mueca-izq,
.tips .mueca-der,
.tips .mueca-arr {
  position: absolute !important;
  width: 0;
  height: 0;
}
.tips .mueca-aba {
  border-top: 5px solid rgba(0, 0, 0, 0.863) !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.tips .mueca-arr {
  border-bottom: 5px solid rgba(0, 0, 0, 0.863) !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.tips .mueca-izq {
  border-right: 5px solid rgba(0, 0, 0, 0.863) !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}
.tips .mueca-der {
  border-left: 5px solid rgba(0, 0, 0, 0.863) !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}

.tips-ele {
  z-index: 0;
  position: relative;
  overflow: visible !important;
}

.toast {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  padding: 15px;
  font-size: 17px;
  background-color: #282e42;
  text-align: center;
  right: 3%;
  top: 100px;
  color: white;
  animation: subir 1s 0s 1 linear;
  border-radius: 3px;
  user-select: none;
  box-shadow: 0 0.5px 3px 1px rgba(0, 0, 0, 0.534);
}

@keyframes subir {
  from {
    top: 300px;
  }
  to {
    top: 100px;
  }
}
.btn-flotante {
  width: 70px;
  height: 300px;
  position: fixed;
  top: 210px;
  right: 80px;
  z-index: 30000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  user-select: none;
}
.btn-flotante .btn,
.btn-flotante .btn-lg,
.btn-flotante .btn-sm {
  border-radius: 0 !important;
  font-size: 12px !important;
  padding: 3px !important;
}
.btn-flotante .boton-menu {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bb1818;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 25px;
  box-shadow: 0 0.5px 3px 1px rgba(0, 0, 0, 0.534);
}
.btn-flotante .boton-menu:hover {
  background-color: #a12323;
}
.btn-flotante .submenu {
  width: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.btn-flotante .submenu .boton-opciones {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 0.5px 3px 1px rgba(0, 0, 0, 0.534);
}
.btn-flotante .submenu .boton-opciones:hover {
  background-color: rgba(2, 34, 48, 0.877) !important;
}

.lista-scroll {
  width: 15%;
  position: fixed;
  top: 100px;
  right: 0;
}
.lista-scroll ul li a {
  position: relative;
  display: block;
  padding: 6px 15px;
  color: #5e5e5e;
  font-weight: 300;
  font-size: 18px;
}

.elemento-seleccionado {
  width: 3px;
  height: 29px;
  background-color: #006cff;
  position: absolute;
  left: 0;
}

.paralax-contenedor {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.boton-inicio {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #303030;
  box-shadow: 0.5px 2px 1px black;
  cursor: pointer;
}
.boton-inicio::before, .boton-inicio::after {
  content: "";
  width: 20px;
  height: 5px;
  background-color: white;
  position: absolute;
  top: calc(50% - 5px);
}
.boton-inicio::before {
  left: 10px;
  transform: rotate(-45deg);
}
.boton-inicio::after {
  left: calc(100% - 29px);
  transform: rotate(45deg);
}
.boton-inicio:hover {
  opacity: 1;
}

.efecto-scroll {
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.efecto-scroll .c-efecto {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.efecto-scroll .c-efecto .izquierda,
.efecto-scroll .c-efecto .derecha,
.efecto-scroll .c-efecto .arriba,
.efecto-scroll .c-efecto .abajo {
  position: absolute;
  transition: all 1s;
  opacity: 0;
}
.efecto-scroll .c-efecto .izquierda {
  left: calc(-100% - 100px);
}
.efecto-scroll .c-efecto .derecha {
  right: calc(-100% - 100px);
}
.efecto-scroll .c-efecto .arriba {
  top: calc(-100% - 100px);
}
.efecto-scroll .c-efecto .abajo {
  bottom: calc(-100% - 100px);
}

.preloader,
.preloader-sm,
.preloader-lg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px solid #d6d6d6;
  position: relative;
}

.preloader-sm {
  width: 20px;
  height: 20px;
}

.preloader-lg {
  width: 60px;
  height: 60px;
}

.pre-rojo {
  border-radius: 50%;
  border-top: 5px solid #bb1818;
  border-left: 5px solid #bb1818;
  border-bottom: 5px solid #bb1818;
  animation: girar-preloader 0.5s 0s infinite linear;
}

.pre-verde {
  border-radius: 50%;
  border-top: 5px solid #006e5c;
  border-left: 5px solid #006e5c;
  border-bottom: 5px solid #006e5c;
  animation: girar-preloader 0.5s 0s infinite linear;
}

.pre-azul {
  border-radius: 50%;
  border-top: 5px solid #006cff;
  border-left: 5px solid #006cff;
  border-bottom: 5px solid #006cff;
  animation: girar-preloader 0.5s 0s infinite linear;
}

.pre-negro {
  border-radius: 50%;
  border-top: 5px solid #111111;
  border-left: 5px solid #111111;
  border-bottom: 5px solid #111111;
  animation: girar-preloader 0.5s 0s infinite linear;
}

.pre-gris {
  border-radius: 50%;
  border-top: 5px solid gray;
  border-left: 5px solid gray;
  border-bottom: 5px solid gray;
  animation: girar-preloader 0.5s 0s infinite linear;
}

.pre-blanco {
  border-radius: 50%;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
  animation: girar-preloader 0.5s 0s infinite linear;
}

@keyframes girar-preloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.progress-bar,
.progress-bar-sm,
.progress-bar-lg {
  width: 100%;
  height: 10px;
  background-color: #cccccc;
  border-radius: 3px;
}
.progress-bar .progress-rojo,
.progress-bar-sm .progress-rojo,
.progress-bar-lg .progress-rojo {
  border-radius: 3px;
  height: 100%;
  background-color: #bb1818;
}
.progress-bar .progress-verde,
.progress-bar-sm .progress-verde,
.progress-bar-lg .progress-verde {
  border-radius: 3px;
  height: 100%;
  background-color: #006e5c;
}
.progress-bar .progress-azul,
.progress-bar-sm .progress-azul,
.progress-bar-lg .progress-azul {
  border-radius: 3px;
  height: 100%;
  background-color: #1045b7;
}
.progress-bar .progress-gris,
.progress-bar-sm .progress-gris,
.progress-bar-lg .progress-gris {
  border-radius: 3px;
  height: 100%;
  background-color: gray;
}
.progress-bar .progress-negro,
.progress-bar-sm .progress-negro,
.progress-bar-lg .progress-negro {
  border-radius: 3px;
  height: 100%;
  background-color: #111111;
}

.progress-bar-sm {
  height: 5px;
}

.progress-bar-lg {
  height: 15px;
}

.btn,
.btn-lg,
.btn-sm,
.btn-cubrir,
.btn-cubrir-sm,
.btn-cubrir-lg,
.btn-o,
.btn-lg-o,
.btn-sm-o,
.btn-cubrir-o,
.btn-cubrir-sm-o,
.btn-cubrir-lg-o {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  font-size: 18px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  position: relative;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  user-select: none;
  appearance: none;
  white-space: nowrap;
}

button.btn,
button.btn-lg,
button.btn-sm,
button.btn-cubrir,
button.btn-cubrir-sm,
button.btn-cubrir-lg,
button.btn-o,
button.btn-lg-o,
button.btn-sm-o,
button.btn-cubrir-o,
button.btn-cubrir-sm-o,
button.btn-cubrir-lg-o {
  width: 100%;
}

input.btn,
input.btn-lg,
input.btn-sm,
input.btn-cubrir,
input.btn-cubrir-sm,
input.btn-cubrir-lg,
input.btn-o,
input.btn-lg-o,
input.btn-sm-o,
input.btn-cubrir-o,
input.btn-cubrir-sm-o,
input.btn-cubrir-lg-o {
  width: 100%;
}

.btn,
.btn-lg,
.btn-sm,
.btn-cubrir,
.btn-cubrir-sm,
.btn-cubrir-lg {
  border-style: none;
  outline: none;
  line-height: 0;
  box-shadow: none;
  background: none;
  min-width: unset;
  max-width: unset;
  min-height: unset;
  max-height: unset;
  display: flex;
  background-color: #006cff;
  color: white;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.btn:focus,
.btn-lg:focus,
.btn-sm:focus,
.btn-cubrir:focus,
.btn-cubrir-sm:focus,
.btn-cubrir-lg:focus {
  border: none !important;
}
.btn:hover[class*=fd-rojo],
.btn-lg:hover[class*=fd-rojo],
.btn-sm:hover[class*=fd-rojo],
.btn-cubrir:hover[class*=fd-rojo],
.btn-cubrir-sm:hover[class*=fd-rojo],
.btn-cubrir-lg:hover[class*=fd-rojo] {
  background-color: #750000 !important;
}
.btn:hover[class*=fd-verde],
.btn-lg:hover[class*=fd-verde],
.btn-sm:hover[class*=fd-verde],
.btn-cubrir:hover[class*=fd-verde],
.btn-cubrir-sm:hover[class*=fd-verde],
.btn-cubrir-lg:hover[class*=fd-verde] {
  background-color: #007058 !important;
}
.btn:hover[class*=fd-azul],
.btn-lg:hover[class*=fd-azul],
.btn-sm:hover[class*=fd-azul],
.btn-cubrir:hover[class*=fd-azul],
.btn-cubrir-sm:hover[class*=fd-azul],
.btn-cubrir-lg:hover[class*=fd-azul] {
  background-color: #124199 !important;
}
.btn:hover[class*=fd-gris],
.btn-lg:hover[class*=fd-gris],
.btn-sm:hover[class*=fd-gris],
.btn-cubrir:hover[class*=fd-gris],
.btn-cubrir-sm:hover[class*=fd-gris],
.btn-cubrir-lg:hover[class*=fd-gris] {
  background-color: #222222 !important;
}
.btn:hover[class*=fd-negro],
.btn-lg:hover[class*=fd-negro],
.btn-sm:hover[class*=fd-negro],
.btn-cubrir:hover[class*=fd-negro],
.btn-cubrir-sm:hover[class*=fd-negro],
.btn-cubrir-lg:hover[class*=fd-negro] {
  background-color: #222222 !important;
}
.btn:hover[class*=fd-blanco],
.btn-lg:hover[class*=fd-blanco],
.btn-sm:hover[class*=fd-blanco],
.btn-cubrir:hover[class*=fd-blanco],
.btn-cubrir-sm:hover[class*=fd-blanco],
.btn-cubrir-lg:hover[class*=fd-blanco] {
  background-color: #c9c9c9 !important;
}
.btn:hover[class*=fd-violeta],
.btn-lg:hover[class*=fd-violeta],
.btn-sm:hover[class*=fd-violeta],
.btn-cubrir:hover[class*=fd-violeta],
.btn-cubrir-sm:hover[class*=fd-violeta],
.btn-cubrir-lg:hover[class*=fd-violeta] {
  background-color: #230050 !important;
}
.btn:hover[class*=fd-amarillo],
.btn-lg:hover[class*=fd-amarillo],
.btn-sm:hover[class*=fd-amarillo],
.btn-cubrir:hover[class*=fd-amarillo],
.btn-cubrir-sm:hover[class*=fd-amarillo],
.btn-cubrir-lg:hover[class*=fd-amarillo] {
  background-color: #504800 !important;
}
.btn:hover[class*=fd-naranja],
.btn-lg:hover[class*=fd-naranja],
.btn-sm:hover[class*=fd-naranja],
.btn-cubrir:hover[class*=fd-naranja],
.btn-cubrir-sm:hover[class*=fd-naranja],
.btn-cubrir-lg:hover[class*=fd-naranja] {
  background-color: #8f3900 !important;
}

.btn-sm-o,
.btn-o,
.btn-lg-o,
.btn-cubrir-o,
.btn-cubrir-lg-o,
.btn-cubrir-sm-o {
  border-style: none;
  outline: none;
  line-height: 0;
  box-shadow: none;
  background: none;
  min-width: unset;
  max-width: unset;
  min-height: unset;
  max-height: unset;
  display: flex;
}

.btn:hover,
.btn-lg:hover,
.btn-sm:hover {
  z-index: 10;
}

.btn,
.btn-o {
  padding: 20px 25px;
  min-width: 35px;
  max-width: 200px !important;
  max-height: 40px;
  min-height: 40px;
}

.btn-lg,
.btn-lg-o {
  padding: 25px 40px;
  min-width: 35px;
  max-width: 200px !important;
  max-height: 50px;
  min-height: 50px;
}

.btn-sm,
.btn-sm-o {
  padding: 15px 18px;
  min-width: 35px;
  max-width: 200px !important;
  max-height: 35px;
  min-height: 35px;
}

.btn-cubrir-sm,
.btn-cubrir-sm-o {
  padding: 15px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1em;
  margin: auto;
}

.btn-cubrir,
.btn-cubrir-o {
  padding: 20px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2em;
  margin: auto;
}

.btn-cubrir-lg,
.btn-cubrir-lg-o {
  padding: 35px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.4em;
  margin: auto;
}

.btn-rojo-o {
  border: 1px solid #bb1818 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #bb1818 !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-rojo-o:hover {
  background-color: #a12323 !important;
  color: white !important;
  box-shadow: 0 0 2px 4px rgba(199, 60, 60, 0.7) !important;
}

.btn-verde-o {
  border: 1px solid #009c80 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #009c80 !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-verde-o:hover {
  background-color: #00886f !important;
  color: white !important;
  box-shadow: 0 0 2px 4px rgba(37, 145, 125, 0.7) !important;
}

.btn-azul-o {
  border: 1px solid #006cff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #006cff !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-azul-o:hover {
  background-color: #0054c9 !important;
  color: white !important;
  box-shadow: 0 0 2px 4px rgba(58, 111, 185, 0.7) !important;
}

.btn-gris-o {
  border: 1px solid #212121 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #212121 !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-gris-o:hover {
  background-color: #3f3f3f !important;
  color: white !important;
  box-shadow: 0 0 2px 4px rgba(65, 65, 65, 0.7) !important;
}

.btn-negro-o {
  border: 1px solid black !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: black !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-negro-o:hover {
  background-color: #222222 !important;
  color: white !important;
  box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.btn-blanco-o {
  border: 1px solid white !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: white !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-blanco-o:hover {
  background-color: white !important;
  color: black !important;
  box-shadow: 0 0 2px 4px rgba(238, 238, 238, 0.5) !important;
}

.btn-gris-c-o {
  border: 1px solid 1px solid #3f3f3f !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #59646e !important;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}

.btn-gris-c-o:hover {
  background-color: #e6edee !important;
  color: black !important;
  box-shadow: 0 0 5px 3px rgba(206, 210, 212, 0.856) !important;
}

.btn-complemento {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.btn.desactivado,
.btn-sm.desactivado,
.btn-lg.desactivado,
.btn-cubrir.desactivado,
.btn-cubrir-sm.desactivado,
.btn-cubrir-lg.desactivado,
.btn:disabled,
.btn-sm:disabled,
.btn-lg:disabled,
.btn-cubrir:disabled,
.btn-cubrir-sm:disabled,
.btn-cubrir-lg:disabled,
.btn[disabled],
.btn-sm[disabled],
.btn-lg[disabled],
.btn-cubrir[disabled],
.btn-cubrir-sm[disabled],
.btn-cubrir-lg[disabled] {
  background-color: #ececec !important;
  color: gray !important;
  box-shadow: none !important;
}
.btn.desactivado:hover,
.btn-sm.desactivado:hover,
.btn-lg.desactivado:hover,
.btn-cubrir.desactivado:hover,
.btn-cubrir-sm.desactivado:hover,
.btn-cubrir-lg.desactivado:hover,
.btn:disabled:hover,
.btn-sm:disabled:hover,
.btn-lg:disabled:hover,
.btn-cubrir:disabled:hover,
.btn-cubrir-sm:disabled:hover,
.btn-cubrir-lg:disabled:hover,
.btn[disabled]:hover,
.btn-sm[disabled]:hover,
.btn-lg[disabled]:hover,
.btn-cubrir[disabled]:hover,
.btn-cubrir-sm[disabled]:hover,
.btn-cubrir-lg[disabled]:hover {
  background-color: #ececec !important;
  color: gray !important;
  box-shadow: none !important;
  cursor: default !important;
}

.btn-o.desactivado,
.btn-o-sm.desactivado,
.btn-o-lg.desactivado,
.btn-o:disabled,
.btn-o-sm:disabled,
.btn-o-lg:disabled {
  border: 1px solid #aaaaaa !important;
  color: #aaaaaa !important;
}
.btn-o.desactivado:hover,
.btn-o-sm.desactivado:hover,
.btn-o-lg.desactivado:hover,
.btn-o:disabled:hover,
.btn-o-sm:disabled:hover,
.btn-o-lg:disabled:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: default !important;
}

.btn-grupo,
.btn-grupo-lg,
.btn-grupo-sm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-grupo .btn,
.btn-grupo .btn-sm,
.btn-grupo .btn-lg,
.btn-grupo-lg .btn,
.btn-grupo-lg .btn-sm,
.btn-grupo-lg .btn-lg,
.btn-grupo-sm .btn,
.btn-grupo-sm .btn-sm,
.btn-grupo-sm .btn-lg {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  padding: 6px 10px;
  max-width: 150px;
  max-height: 30px;
  min-height: 30px;
  font-size: 12px;
}
.btn-grupo .fd-gris,
.btn-grupo-lg .fd-gris,
.btn-grupo-sm .fd-gris {
  background-color: #3b3b3b;
  color: white;
}
.btn-grupo .fd-gris:hover,
.btn-grupo-lg .fd-gris:hover,
.btn-grupo-sm .fd-gris:hover {
  background-color: #111111;
}
.btn-grupo .btn:first-child, .btn-grupo .btn-sm:first-child, .btn-grupo .btn-lg:first-child,
.btn-grupo-lg .btn:first-child,
.btn-grupo-lg .btn-sm:first-child,
.btn-grupo-lg .btn-lg:first-child,
.btn-grupo-sm .btn:first-child,
.btn-grupo-sm .btn-sm:first-child,
.btn-grupo-sm .btn-lg:first-child {
  border-radius: 5px 0 0 5px;
}
.btn-grupo .btn:last-child, .btn-grupo .btn-sm:last-child, .btn-grupo .btn-lg:last-child,
.btn-grupo-lg .btn:last-child,
.btn-grupo-lg .btn-sm:last-child,
.btn-grupo-lg .btn-lg:last-child,
.btn-grupo-sm .btn:last-child,
.btn-grupo-sm .btn-sm:last-child,
.btn-grupo-sm .btn-lg:last-child {
  border-radius: 0 5px 5px 0;
  border-right: none;
}

.btn-grupo-lg .btn,
.btn-grupo-lg .btn-sm,
.btn-grupo-lg .btn-lg {
  padding: 8px 12px !important;
  max-width: 160px;
  max-height: 40px !important;
  min-height: 40px !important;
  font-size: 15px !important;
}

.btn-grupo-sm .btn,
.btn-grupo-sm .btn-sm,
.btn-grupo-sm .btn-lg {
  padding: 4px 7px !important;
  max-width: 140px;
  max-height: 25px !important;
  min-height: 25px !important;
  font-size: 10px !important;
}

.tarjeta {
  font-size: 16px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: content-box;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.24);
  position: relative;
  background-color: white;
  font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
}
.tarjeta .tarjeta-titulo {
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 0.075em;
  margin-bottom: 0.7em;
}
.tarjeta .tarjeta-cabecera,
.tarjeta .tarjeta-pie {
  padding: 0.9375em;
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  background-color: rgba(0, 0, 0, 0.03);
}
.tarjeta .tarjeta-cuerpo {
  padding: 0.9375em;
  line-height: 1.5625em;
  color: #1e2029;
  font-size: 1em !important;
}
.tarjeta .tarjeta-pie {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: none;
}
.tarjeta .tarjeta-link {
  border: none;
  font-size: 1.2em;
  color: #0050b9;
  letter-spacing: 1.2px;
}
.tarjeta .tarjeta-link:hover {
  color: #1a6edb;
}
.tarjeta .tarjeta-img {
  overflow: hidden;
  width: 100%;
  max-height: 30%;
  min-height: 30%;
  cursor: pointer;
  color: white;
  position: relative;
}
.tarjeta .tarjeta-img img {
  max-width: 100%;
  max-height: 100%;
}
.tarjeta .tarjeta-img .tarjeta-capa {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  max-height: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.795);
  z-index: 10;
  transition: left 0.3s ease;
}
.tarjeta .tarjeta-img:hover > .tarjeta-capa {
  left: 0;
}
.tarjeta small {
  font-size: 0.8125em;
  color: #8f8f8f;
}
.tarjeta .tarjeta-cobertura {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: top 0.3s ease;
  background-color: white;
  z-index: 10;
  color: black;
  line-height: 1.5em;
  overflow: auto;
}
.tarjeta:hover > .tarjeta-cobertura {
  top: 0;
}

.modal-fondo {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.349);
  z-index: 300;
  overflow: auto;
}
.modal-fondo .complemento {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 299;
}

.modal {
  font-size: 16px;
  width: 70%;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  margin: auto;
  z-index: 10000000;
  background-color: white;
}
.modal .modal-cabecera,
.modal .modal-pie {
  padding: 0.8em 1.5em;
  background-color: rgba(0, 0, 0, 0.034);
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  font-size: 1.25em;
}
.modal .modal-pie {
  border-top: 1px solid rgba(0, 0, 0, 0.24);
}
.modal .modal-cuerpo {
  padding: 1.5em;
}
.modal .modal-titulo {
  font-size: 1.375em;
  color: black;
  font-weight: 300;
  margin-bottom: 1em;
}
.modal .modal-scroll {
  overflow: auto;
  height: 200px;
}
.modal .modal-salir {
  height: 0;
  width: 0;
  position: relative;
  cursor: pointer;
}
.modal .modal-salir::before {
  content: "";
  height: 3px;
  width: 15px;
  position: absolute;
  background-color: black;
  transform: rotate(45deg);
  top: 10px;
}
.modal .modal-salir::after {
  content: "";
  height: 3px;
  width: 15px;
  position: absolute;
  background-color: black;
  transform: rotate(-45deg);
  top: 10px;
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  background-color: #06263f;
  min-height: 3.5em;
  z-index: 100000;
  font-family: "HelveticaNeue", "Roboto", Helvetica, sans-serif;
}
.menu .menu-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  font-size: 1.2em;
  font-weight: 600;
  margin: auto;
  color: white;
}
.menu .lateral-boton {
  display: flex;
  flex-direction: column;
  padding: 6.7px;
  align-items: flex-end;
  width: 80%;
  color: white;
  z-index: 100000000;
}
.menu .lateral-boton span {
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
  background-color: white;
}
@media (min-width: 1030px) {
  .menu .lateral-boton {
    display: none !important;
  }
}
.menu .lista {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
}
.menu .lista li a {
  display: block;
  padding: 1em 1.3em;
  color: white;
  cursor: pointer;
  font-size: 1.2em;
}
.menu .lista li a.desactivado {
  color: #757575;
}
.menu .lista li a.desactivado:hover {
  background-color: transparent !important;
}
.menu .lista li a:hover {
  background-color: rgba(0, 0, 0, 0.445);
}
.menu .borde-seleccionado {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: #006cff;
}
.menu .contenedor {
  display: flex;
}

.menu-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.menu-ext {
  background-color: white;
  display: block;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.212);
}
.menu-ext ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.menu-ext ul li {
  min-width: 100px;
}
.menu-ext ul li a {
  display: flex;
  flex-direction: column;
  color: #4e4e4e;
  text-align: center;
  padding: 10px 0;
}
.menu-ext ul li a:hover {
  color: black;
}
.menu-ext ul li a span:first-child {
  font-size: 30px;
  margin-bottom: 7px;
}
.menu-ext ul li a span:last-child {
  font-size: 1em;
}

.colapso {
  display: none;
  opacity: 0;
}

.selector-colapso {
  position: relative;
  overflow: hidden;
}

.menu-colapso {
  height: 3em;
  display: flex;
  align-items: center;
  background-color: #06263f;
  padding: 1em;
}
.menu-colapso .menu-boton {
  display: flex;
  flex-direction: column;
  color: white;
}
.menu-colapso .menu-boton span {
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
  background-color: white;
}

.menu-colapso-contenedor {
  padding: 30px;
  border-bottom: 1px solid #dadada;
  background-color: #f7f7f7;
  opacity: 0;
}
.menu-colapso-contenedor span {
  font-size: 1.2em;
  font-weight: 600;
}
.menu-colapso-contenedor ul li a {
  display: block;
  color: #212121;
  padding: 3px 7px;
}
.menu-colapso-contenedor ul li a:hover {
  color: #1045b7;
}
.menu-colapso-contenedor ul li a.desactivado {
  color: #afafaf !important;
}
.menu-colapso-contenedor ul li a.desactivado:hover {
  background-color: transparent !important;
}

.menu-lateral {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -240px;
  background-color: #06263f;
  width: 240px;
  z-index: 10000;
  user-select: none;
}
.menu-lateral ul li a {
  display: block;
  padding: 13px 13px;
  color: white;
  font-size: 1.4em;
}
.menu-lateral ul li a:hover {
  background-color: rgba(0, 0, 0, 0.445);
}
.menu-lateral ul li a.desactivado {
  color: #afafaf !important;
}
.menu-lateral ul li a.desactivado:hover {
  background-color: transparent !important;
}

.complemento {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
}

.sidebar-barra {
  width: 100%;
  min-height: 3em;
  max-height: 3.5em;
  position: fixed;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: #06263f;
  transition: all 0.5s ease;
  z-index: 100000;
}
.sidebar-barra .sidebar-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: white;
}
.sidebar-barra .sidebar-menu span {
  width: 18px;
  height: 2px;
  margin-bottom: 3px;
  background-color: white;
}

.sidebar-lateral {
  position: fixed;
  top: 0em;
  bottom: 0;
  left: -240px;
  width: 240px;
  background-color: #15161a;
  transition: all 0.5s ease;
  z-index: 100000;
  overflow: auto;
  font-family: "Roboto", sans-serif;
}
.sidebar-lateral .titulo {
  color: white;
  display: block;
  padding: 10px;
  border-bottom: 1px solid black;
  position: relative;
}
.sidebar-lateral .lista {
  background-color: #1e2029;
}
.sidebar-lateral .lista li a {
  display: block;
  padding: 10px 15px;
  color: white;
  font-size: 0.8em;
}
.sidebar-lateral .lista li a:hover {
  background-color: rgba(0, 0, 0, 0.418);
}
.sidebar-lateral .logo {
  padding: 0.5em 2em;
  color: white;
  background-color: #06263f;
  font-size: 22px;
}

.sidebarFija {
  position: fixed;
  top: 0;
  right: 500;
  bottom: 0;
  left: 0;
  width: 300px;
  background-color: #06263f;
  overflow: auto;
  padding-bottom: 40px;
  user-select: none;
  border-right: 2px solid rgba(0, 0, 0, 0.185);
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px;
}
.sidebarFija .sedebarLogo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.349);
  text-align: center;
  color: white;
  background-color: #122f4b;
  margin-bottom: 40px;
  box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.308);
}
.sidebarFija .sedebarLogo h2 {
  font-size: 25px;
  margin-bottom: 15px;
}
.sidebarFija .sedebarLogo span {
  font-size: 13px;
}
.sidebarFija .titulo {
  display: block;
  color: white;
  padding: 10px 15px;
  font-size: 1.1em;
  position: relative;
  cursor: pointer;
}
.sidebarFija .lista li a {
  display: block;
  color: #ebebeb;
  padding: 10px 35px;
  font-size: 1em;
}
.sidebarFija .lista li a:hover {
  color: #00fff2;
}

.slider-show {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: black;
}
.slider-show .slider li {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-show .slider li img {
  position: absolute;
  top: -100;
}
.slider-show .slider li .contenido {
  z-index: 10;
  position: absolute;
  text-align: center;
  color: white;
  margin: auto;
  width: 100%;
  padding: 20px;
}
.slider-show .slider li .contenido h2 {
  line-height: 80px;
  font-size: 60px;
  font-weight: 300;
  margin-bottom: 20px;
}
.slider-show .slider li .contenido h4 {
  font-weight: 600;
}
.slider-show .slider li .contenido p {
  line-height: 30px;
}
.slider-show .botones {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 10000;
  height: 40px;
  color: white;
  font-size: 35px;
  width: 100%;
  left: 0;
  right: 0;
}
.slider-show .botones span {
  height: 40px;
  width: 40px;
  position: absolute;
  cursor: pointer;
}
.slider-show .botones span:first-child {
  left: -20%;
  transition: left 0.5s ease;
}
.slider-show .botones span:last-child {
  right: -20%;
  transition: right 0.5s ease;
}
.slider-show .selectores-contenedor {
  position: absolute;
  display: flex;
  bottom: 3%;
  left: 0;
  width: 100%;
  justify-content: center;
}
.slider-show .selectores {
  height: 3px;
  background-color: grey;
  margin-left: 3px;
  width: 16px;
  cursor: pointer;
  bottom: 3%;
}
.slider-show:hover .botones span:first-child {
  left: 3%;
}
.slider-show:hover .botones span:last-child {
  right: 3%;
}

.lista-contenedor {
  display: flex;
  flex-direction: column;
  font-size: 16px !important;
  min-width: 260px;
  box-sizing: content-box !important;
  border-radius: 5px;
  border-top: rgba(0, 0, 0, 0.055);
  border-bottom: rgba(0, 0, 0, 0.055);
}
.lista-contenedor .lista-cabecera,
.lista-contenedor .lista-pie {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.062);
  padding: 7px;
  font-size: 0.9em;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.055) !important;
}
.lista-contenedor .lista-pie {
  border-radius: 0 0 5px 5px;
  border-top: none !important;
}
.lista-contenedor .lista-item {
  padding: 7px 10px;
  font-size: 1.1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.123);
  border-left: 1px solid rgba(0, 0, 0, 0.123);
  border-right: 1px solid rgba(0, 0, 0, 0.123);
  display: flex;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.lista-contenedor .lista-item.desactivado * {
  color: #afafaf !important;
}
.lista-contenedor .lista-item.desactivado *:hover {
  color: #afafaf !important;
}
.lista-contenedor .lista-item a {
  display: block;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.lista-contenedor .lista-item:hover {
  background-color: rgba(0, 0, 0, 0.048) !important;
}
.lista-contenedor .lista-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.123);
}
.lista-contenedor .desplegable {
  background-color: rgba(0, 0, 0, 0.096);
  font-size: 15px !important;
  padding: 7px;
}
.lista-contenedor .desplegable p {
  padding: 5px !important;
  line-height: 22px !important;
  margin: 0 !important;
}
.lista-contenedor .desplegable ul li a {
  display: block;
  padding: 5px;
}
.lista-contenedor .desplegable ul li a:hover {
  background-color: rgba(0, 0, 0, 0.096);
}

.tab {
  box-sizing: border-box;
}
.tab .op-tab {
  overflow-y: auto;
}
.tab .op-tab .op-listado {
  max-height: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.185);
}
.tab .op-tab .op-listado label {
  white-space: nowrap;
  display: block;
  color: #464646;
  padding: 11px;
  background-color: transparent;
  cursor: pointer;
}
.tab .op-tab .op-listado label:hover {
  color: black;
}
.tab .op-tab .op-listado label.desactivado {
  color: #c4c4c4 !important;
}
.tab .op-tab .op-listado label.desactivado:hover {
  color: #c4c4c4 !important;
  font-weight: 100 !important;
}
.tab .op-tab .op-listado .activo {
  border: 1px solid rgba(0, 0, 0, 0.185);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  position: relative;
  font-weight: 600;
  color: black;
  background-color: white !important;
}
.tab .op-tab .op-listado .activo::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -1px;
  background-color: white;
  z-index: 15;
  border-bottom: 1px solid white;
}
.tab .contenido-tab {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.185);
  border-top: none;
  border-radius: 0 0 5px 5px;
  background-color: white;
}

.tab-borde {
  box-sizing: border-box;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.178);
}
.tab-borde .op-tab-borde ul {
  overflow-x: auto;
  display: flex;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.226);
  width: 100%;
}
.tab-borde .op-tab-borde ul label {
  white-space: nowrap;
  position: relative;
  display: block;
  padding: 15px;
  color: #444444;
  cursor: pointer;
}
.tab-borde .op-tab-borde ul label.desactivado {
  color: #c4c4c4 !important;
}
.tab-borde .op-tab-borde ul label.desactivado:hover {
  color: #c4c4c4 !important;
  font-weight: 100 !important;
}
.tab-borde .op-tab-borde ul label:hover {
  color: rgba(0, 0, 0, 0.63);
}
.tab-borde .op-tab-borde ul label .activo {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: black;
  bottom: 0;
  left: 0;
}
.tab-borde .contenido-tab {
  background-color: white;
}

.switch-grupo input[type=checkbox] {
  display: none;
}
.switch-grupo .switch-rojo,
.switch-grupo .switch-negro,
.switch-grupo .switch-verde,
.switch-grupo .switch-azul,
.switch-grupo .switch-gris {
  height: 15px;
  width: 40px;
  background-color: rgba(161, 161, 161, 0.5);
  border-radius: 8px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.switch-grupo .switch-rojo::before,
.switch-grupo .switch-negro::before,
.switch-grupo .switch-verde::before,
.switch-grupo .switch-azul::before,
.switch-grupo .switch-gris::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: white;
  top: -3.5px;
  left: -1%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.37);
  transition: left 0.3s ease;
}
.switch-grupo .switch-rojo::after,
.switch-grupo .switch-negro::after,
.switch-grupo .switch-verde::after,
.switch-grupo .switch-azul::after,
.switch-grupo .switch-gris::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  background-color: rgba(163, 163, 163, 0.22);
  top: -3.5px;
  left: -1%;
  border-radius: 50%;
  transform: translate(-11px, -11px);
  transition: all 0.5s ease;
  display: none;
}
.switch-grupo .switch-rojo:active::after,
.switch-grupo .switch-negro:active::after,
.switch-grupo .switch-verde:active::after,
.switch-grupo .switch-azul:active::after,
.switch-grupo .switch-gris:active::after {
  display: inline-block;
}
.switch-grupo input[type=checkbox]:checked + .switch-rojo {
  background-color: rgba(238, 0, 0, 0.5);
}
.switch-grupo input[type=checkbox]:checked + .switch-rojo::before {
  background-color: #ee0000;
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-rojo::after {
  background-color: rgba(238, 0, 0, 0.123);
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-negro {
  background-color: rgba(0, 0, 0, 0.5);
}
.switch-grupo input[type=checkbox]:checked + .switch-negro::before {
  background-color: black;
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-negro::after {
  background-color: rgba(0, 0, 0, 0.123);
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-verde {
  background-color: rgba(17, 187, 144, 0.5);
}
.switch-grupo input[type=checkbox]:checked + .switch-verde::before {
  background-color: #11bb90;
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-verde::after {
  background-color: rgba(17, 187, 144, 0.2);
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-azul {
  background-color: rgba(0, 72, 155, 0.5);
}
.switch-grupo input[type=checkbox]:checked + .switch-azul::before {
  background-color: #00489b;
  left: calc(100% - 19px);
}
.switch-grupo input[type=checkbox]:checked + .switch-azul::after {
  background-color: rgba(0, 72, 155, 0.123);
  left: calc(100% - 19px);
}

/**
    Input de tipo texto e email
    con la clase validación para poder mostrar 
    que la informacion del campo es erronea
*/
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=url],
input[type=search],
textarea {
  outline: none;
  height: 2.1em;
  width: 100%;
  border: 1px solid #a3a3a3;
  padding: 0.6em;
  border-radius: 3px;
  font-size: 1.1em;
  font-family: "Roboto", Helvetica, sans-serif;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
input[type=text].desactivado,
input[type=email].desactivado,
input[type=number].desactivado,
input[type=password].desactivado,
input[type=url].desactivado,
input[type=search].desactivado,
textarea.desactivado {
  background-color: #ececec !important;
  border: 1px solid #e0e0e0 !important;
}
input[type=text]:focus.desactivado,
input[type=email]:focus.desactivado,
input[type=number]:focus.desactivado,
input[type=password]:focus.desactivado,
input[type=url]:focus.desactivado,
input[type=search]:focus.desactivado,
textarea:focus.desactivado {
  background-color: #ececec !important;
  box-shadow: none !important;
  border: 1px solid #e0e0e0 !important;
}

.input-file {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  opacity: 0;
}

.f-label {
  position: relative;
  width: 20%;
  min-width: 60px !important;
  appearance: none;
  padding: 10px;
  background-color: #1045b7;
  color: white;
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.397);
  border-radius: 3px;
}

.f-label:hover {
  background-color: #0037af;
}

.archivo-seleccionado {
  overflow: auto;
  width: 300%;
  height: 70%;
  position: absolute;
  border-bottom: 1px solid #888888;
  color: #383838;
  left: calc(100% + 10px);
  bottom: 0;
  padding-bottom: 1px;
  font-size: 15px;
}

@media (max-width: 500px) {
  .f-label .archivo-seleccionado {
    left: 0;
    top: calc(100% + 10px);
    width: 500%;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus {
  box-shadow: 0 0 0 3px rgba(111, 196, 245, 0.582);
  border: 1px solid #6fc4f5;
  z-index: 2;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
textarea::placeholder {
  color: grey;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.i-error {
  border: 2px solid #fa5c5c !important;
  z-index: 2;
}

.input-sm {
  height: 2.1em !important;
  font-size: 0.9em !important;
}

.input-lg {
  height: 2.2em !important;
  font-size: 1.3em !important;
}

.input-icon {
  outline: none;
  height: 2.1em;
  width: 100%;
  border: 1px solid #a3a3a3;
  padding: 0.6em;
  border-radius: 3px;
  font-size: 1.1em;
  font-family: "Roboto", Helvetica, sans-serif;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  position: relative;
  display: flex;
  padding: 6px 10px;
  justify-content: space-between;
  height: 2.1em;
  background-color: white;
}
.input-icon input[type=text],
.input-icon input[type=email],
.input-icon input[type=number],
.input-icon input[type=password],
.input-icon input[type=url],
.input-icon input[type=search] {
  box-shadow: none !important;
  border: none;
  z-index: 1;
  height: 1em;
  font-size: 1.1em;
  top: 0.25em;
  left: 0;
}
.input-icon input[type=text]:focus,
.input-icon input[type=email]:focus,
.input-icon input[type=number]:focus,
.input-icon input[type=password]:focus,
.input-icon input[type=url]:focus,
.input-icon input[type=search]:focus {
  box-shadow: none !important;
  border: none !important;
}
.input-icon .elemento:first-child {
  color: #838383;
  font-size: 1.1em;
}
.input-icon input[type=text]:focus,
.input-icon input[type=email]:focus,
.input-icon input[type=number]:focus,
.input-icon input[type=password]:focus,
.input-icon input[type=url]:focus,
.input-icon input[type=search]:focus {
  box-shadow: none !important;
  border: none;
}
.input-icon input[type=text]:focus ~ .elemento,
.input-icon input[type=email]:focus + .elemento,
.input-icon input[type=number]:focus + .elemento,
.input-icon input[type=password]:focus + .elemento,
.input-icon input[type=url]:focus + .elemento,
.input-icon input[type=search]:focus + .elemento {
  color: #212121;
}

.input-cargando {
  background-color: silver !important;
}

.input-cargando:focus {
  border: none;
  box-shadow: none;
}

.check-radio-grupo.desactivado [class^=cb], .check-radio-grupo.desactivado [class^=rd],
.check-radio-grupo.desactivado [class^=cb],
.check-radio-grupo.desactivado [class^=rd] {
  background-color: #e7e7e7 !important;
  color: lightgray !important;
}
.check-radio-grupo.desactivado [class^=cb]::before, .check-radio-grupo.desactivado [class^=rd]::before,
.check-radio-grupo.desactivado [class^=cb]::before,
.check-radio-grupo.desactivado [class^=rd]::before {
  border: 2px solid #c2c2c2 !important;
}
.check-radio-grupo.desactivado .checkbox, .check-radio-grupo.desactivado .radiobtn,
.check-radio-grupo.desactivado .checkbox,
.check-radio-grupo.desactivado .radiobtn {
  color: lightgray !important;
}
.check-radio-grupo.desactivado .checkbox::before, .check-radio-grupo.desactivado .radiobtn::before,
.check-radio-grupo.desactivado .checkbox::before,
.check-radio-grupo.desactivado .radiobtn::before {
  border: 2px solid #e4e4e4 !important;
  background-color: #ececec !important;
}

.check-radio-grupo input[type=checkbox],
.check-radio-grupo input[type=radio] {
  display: none;
}
.check-radio-grupo input[type=checkbox].desactivado + [class^=cb], .check-radio-grupo input[type=checkbox].desactivado + [class^=rd],
.check-radio-grupo input[type=radio].desactivado + [class^=cb],
.check-radio-grupo input[type=radio].desactivado + [class^=rd] {
  background-color: #e7e7e7 !important;
  color: lightgray !important;
}
.check-radio-grupo input[type=checkbox].desactivado + [class^=cb]::before, .check-radio-grupo input[type=checkbox].desactivado + [class^=rd]::before,
.check-radio-grupo input[type=radio].desactivado + [class^=cb]::before,
.check-radio-grupo input[type=radio].desactivado + [class^=rd]::before {
  border: 2px solid #c2c2c2 !important;
}
.check-radio-grupo input[type=checkbox].desactivado + .checkbox, .check-radio-grupo input[type=checkbox].desactivado + .radiobtn,
.check-radio-grupo input[type=radio].desactivado + .checkbox,
.check-radio-grupo input[type=radio].desactivado + .radiobtn {
  color: lightgray !important;
}
.check-radio-grupo input[type=checkbox].desactivado + .checkbox::before, .check-radio-grupo input[type=checkbox].desactivado + .radiobtn::before,
.check-radio-grupo input[type=radio].desactivado + .checkbox::before,
.check-radio-grupo input[type=radio].desactivado + .radiobtn::before {
  border: 2px solid #e4e4e4 !important;
  background-color: #ececec !important;
}

.cb-rojo,
.cb-azul,
.cb-verde,
.cb-gris,
.cb-negro,
.cb-blanco,
.rd-rojo,
.rd-azul,
.rd-verde,
.rd-gris,
.rd-negro,
.rd-blanco {
  display: inline-block;
  font-size: 17px;
  padding: 0.5em;
  padding-right: 17px;
  padding-left: 51px;
  position: relative;
  background-color: rgba(255, 0, 0, 0.404);
  border-radius: 4px;
  color: black;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  user-select: none;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.cb-azul,
.rd-azul {
  background-color: rgba(17, 101, 226, 0.39);
}

.cb-verde,
.rd-verde {
  background-color: rgba(2, 194, 146, 0.39);
}

.cb-gris,
.rd-gris {
  background-color: rgba(212, 212, 212, 0.39);
}

.cb-negro,
.rd-negro {
  background-color: rgba(0, 0, 0, 0.199);
}

.cb-blanco,
.rd-blanco {
  background-color: rgba(255, 255, 255, 0.397);
  color: black;
}

.cb-rojo::before,
.cb-verde::before,
.cb-azul::before,
.cb-gris::before,
.cb-negro::before,
.cb-blanco::before,
.rd-rojo::before,
.rd-verde::before,
.rd-azul::before,
.rd-gris::before,
.rd-negro::before,
.rd-blanco::before {
  content: "";
  position: absolute;
  height: 17px;
  width: 17px;
  border: 2px solid red;
  border-radius: 4px;
  left: 17px;
}

.rd-rojo::before,
.rd-verde::before,
.rd-azul::before,
.rd-gris::before,
.rd-negro::before,
.rd-blanco::before {
  content: "";
  border-radius: 50%;
}

.cb-verde::before {
  content: "";
  border: 2px solid #02c292;
}

.rd-verde::before {
  content: "";
  border: 2px solid #02c292;
}

.cb-azul::before {
  content: "";
  border: 2px solid #1165e2;
}

.rd-azul::before {
  content: "";
  border: 2px solid #1165e2;
}

.cb-gris::before {
  content: "";
  border: 2px solid #d4d4d4;
}

.rd-gris::before {
  content: "";
  border: 2px solid #d4d4d4;
}

.cb-negro::before {
  content: "";
  border: 2px solid black;
}

.rd-negro::before {
  content: "";
  border: 2px solid black;
}

.cb-blanco::before {
  content: "";
  border: 2px solid black;
}

.rd-blanco::before {
  content: "";
  border: 2px solid black;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-rojo::before,
.check-radio-grupo input[type=checkbox]:checked + .cb-verde::before,
.check-radio-grupo input[type=checkbox]:checked + .cb-azul::before,
.check-radio-grupo input[type=checkbox]:checked + .cb-gris::before,
.check-radio-grupo input[type=checkbox]:checked + .cb-negro::before,
.check-radio-grupo input[type=checkbox]:checked + .cb-blanco::before,
.check-radio-grupo input[type=radio]:checked + .rd-rojo::before,
.check-radio-grupo input[type=radio]:checked + .rd-verde::before,
.check-radio-grupo input[type=radio]:checked + .rd-azul::before,
.check-radio-grupo input[type=radio]:checked + .rd-gris::before,
.check-radio-grupo input[type=radio]:checked + .rd-negro::before,
.check-radio-grupo input[type=radio]:checked + .rd-blanco::before {
  display: none;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-rojo,
.check-radio-grupo input[type=checkbox]:checked + .cb-verde,
.check-radio-grupo input[type=checkbox]:checked + .cb-azul,
.check-radio-grupo input[type=checkbox]:checked + .cb-gris,
.check-radio-grupo input[type=checkbox]:checked + .cb-negro,
.check-radio-grupo input[type=checkbox]:checked + .cb-blanco,
.check-radio-grupo input[type=radio]:checked + .rd-rojo,
.check-radio-grupo input[type=radio]:checked + .rd-verde,
.check-radio-grupo input[type=radio]:checked + .rd-azul,
.check-radio-grupo input[type=radio]:checked + .rd-gris,
.check-radio-grupo input[type=radio]:checked + .rd-negro,
.check-radio-grupo input[type=radio]:checked + .rd-blanco {
  padding-left: 34px;
  padding-right: 34px;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-rojo,
.check-radio-grupo input[type=radio]:checked + .rd-rojo {
  background-color: red;
  color: white;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-verde,
.check-radio-grupo input[type=radio]:checked + .rd-verde {
  background-color: #02c292;
  color: white;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-azul,
.check-radio-grupo input[type=radio]:checked + .rd-azul {
  background-color: #1165e2;
  color: white;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-gris,
.check-radio-grupo input[type=radio]:checked + .rd-gris {
  background-color: #d4d4d4;
  color: black;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-negro,
.check-radio-grupo input[type=radio]:checked + .rd-negro {
  background-color: black;
  color: white;
}

.check-radio-grupo input[type=checkbox]:checked + .cb-blanco,
.check-radio-grupo input[type=radio]:checked + .rd-blanco {
  background-color: white;
  color: black;
}

.checkbox, .radiobtn {
  display: inline-block;
  font-size: 1em;
  padding: 5px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  user-select: none;
  color: #1a1a1a;
}
.checkbox:active, .radiobtn:active {
  color: black;
}
.checkbox::before, .radiobtn::before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  border: 1px solid #d6d6d6;
  left: 0;
  top: 5px;
}
.checkbox::after, .radiobtn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1em;
  height: 1em;
  clip-path: polygon(30% 36%, 17% 52%, 49% 77%, 87% 30%, 72% 17%, 47% 50%);
  background-color: black;
  display: none;
}

.radiobtn::before {
  border-radius: 50%;
}
.radiobtn::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  clip-path: none;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  display: none;
}

.check-radio-grupo input[type=checkbox]:checked + .checkbox::after,
.check-radio-grupo input[type=radio]:checked + .radiobtn::after {
  display: inline-block;
}

.check-radio-grupo input[type=checkbox]:checked + .checkbox::before,
.check-radio-grupo input[type=radio]:checked + .radiobtn::before {
  border: 1px solid rgba(45, 206, 255, 0.418);
}

.input-g {
  font-size: 16px;
  font-family: "HelveticaNeue", "Roboto", Helvetica, sans-serif;
}
.input-g input[type=text],
.input-g input[type=email],
.input-g input[type=number],
.input-g input[type=password],
.input-g input[type=url],
.input-g input[type=search],
.input-g textarea {
  border: none;
  font-size: 1em;
}
.input-g input[type=text]:focus,
.input-g input[type=email]:focus,
.input-g input[type=number]:focus,
.input-g input[type=password]:focus,
.input-g input[type=url]:focus,
.input-g input[type=search]:focus,
.input-g textarea:focus {
  z-index: 2000;
}
.input-g .grupo,
.input-g .grupo-sm,
.input-g .grupo-lg {
  display: flex;
  border-radius: 4px;
}
.input-g .grupo .span-grupo,
.input-g .grupo-sm .span-grupo,
.input-g .grupo-lg .span-grupo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px !important;
  font-size: 1em;
  min-height: 40px;
  background-color: #e6edee;
  color: #51555a;
  white-space: nowrap;
}
.input-g .grupo .span-grupo *,
.input-g .grupo-sm .span-grupo *,
.input-g .grupo-lg .span-grupo * {
  border: none !important;
}
.input-g .grupo input[type=text],
.input-g .grupo input[type=email],
.input-g .grupo input[type=number],
.input-g .grupo input[type=password],
.input-g .grupo input[type=url],
.input-g .grupo input[type=search],
.input-g .grupo textarea,
.input-g .grupo-sm input[type=text],
.input-g .grupo-sm input[type=email],
.input-g .grupo-sm input[type=number],
.input-g .grupo-sm input[type=password],
.input-g .grupo-sm input[type=url],
.input-g .grupo-sm input[type=search],
.input-g .grupo-sm textarea,
.input-g .grupo-lg input[type=text],
.input-g .grupo-lg input[type=email],
.input-g .grupo-lg input[type=number],
.input-g .grupo-lg input[type=password],
.input-g .grupo-lg input[type=url],
.input-g .grupo-lg input[type=search],
.input-g .grupo-lg textarea {
  min-height: 40px !important;
}
.input-g .grupo input[type=text]:focus,
.input-g .grupo input[type=email]:focus,
.input-g .grupo input[type=number]:focus,
.input-g .grupo input[type=password]:focus,
.input-g .grupo input[type=url]:focus,
.input-g .grupo input[type=search]:focus,
.input-g .grupo textarea:focus,
.input-g .grupo-sm input[type=text]:focus,
.input-g .grupo-sm input[type=email]:focus,
.input-g .grupo-sm input[type=number]:focus,
.input-g .grupo-sm input[type=password]:focus,
.input-g .grupo-sm input[type=url]:focus,
.input-g .grupo-sm input[type=search]:focus,
.input-g .grupo-sm textarea:focus,
.input-g .grupo-lg input[type=text]:focus,
.input-g .grupo-lg input[type=email]:focus,
.input-g .grupo-lg input[type=number]:focus,
.input-g .grupo-lg input[type=password]:focus,
.input-g .grupo-lg input[type=url]:focus,
.input-g .grupo-lg input[type=search]:focus,
.input-g .grupo-lg textarea:focus {
  z-index: 100000000;
}
.input-g .grupo .btn,
.input-g .grupo .btn-o,
.input-g .grupo .btn-sm,
.input-g .grupo .btn-sm-o,
.input-g .grupo .btn-lg,
.input-g .grupo .btn-lg-o,
.input-g .grupo-sm .btn,
.input-g .grupo-sm .btn-o,
.input-g .grupo-sm .btn-sm,
.input-g .grupo-sm .btn-sm-o,
.input-g .grupo-sm .btn-lg,
.input-g .grupo-sm .btn-lg-o,
.input-g .grupo-lg .btn,
.input-g .grupo-lg .btn-o,
.input-g .grupo-lg .btn-sm,
.input-g .grupo-lg .btn-sm-o,
.input-g .grupo-lg .btn-lg,
.input-g .grupo-lg .btn-lg-o {
  border-radius: 4px 0 0 4px;
  border: 1px solid #3f3f3f;
  padding: 0 16px !important;
  min-height: 40px;
  font-size: 1em !important;
  box-shadow: none;
  min-width: none !important;
  background-color: #fafdff !important;
}
.input-g .grupo .btn:hover,
.input-g .grupo .btn-o:hover,
.input-g .grupo .btn-sm:hover,
.input-g .grupo .btn-sm-o:hover,
.input-g .grupo .btn-lg:hover,
.input-g .grupo .btn-lg-o:hover,
.input-g .grupo-sm .btn:hover,
.input-g .grupo-sm .btn-o:hover,
.input-g .grupo-sm .btn-sm:hover,
.input-g .grupo-sm .btn-sm-o:hover,
.input-g .grupo-sm .btn-lg:hover,
.input-g .grupo-sm .btn-lg-o:hover,
.input-g .grupo-lg .btn:hover,
.input-g .grupo-lg .btn-o:hover,
.input-g .grupo-lg .btn-sm:hover,
.input-g .grupo-lg .btn-sm-o:hover,
.input-g .grupo-lg .btn-lg:hover,
.input-g .grupo-lg .btn-lg-o:hover {
  background-color: #e6edee !important;
  z-index: 1000000;
}
.input-g .grupo .btn *,
.input-g .grupo .btn-o *,
.input-g .grupo .btn-sm *,
.input-g .grupo .btn-sm-o *,
.input-g .grupo .btn-lg *,
.input-g .grupo .btn-lg-o *,
.input-g .grupo-sm .btn *,
.input-g .grupo-sm .btn-o *,
.input-g .grupo-sm .btn-sm *,
.input-g .grupo-sm .btn-sm-o *,
.input-g .grupo-sm .btn-lg *,
.input-g .grupo-sm .btn-lg-o *,
.input-g .grupo-lg .btn *,
.input-g .grupo-lg .btn-o *,
.input-g .grupo-lg .btn-sm *,
.input-g .grupo-lg .btn-sm-o *,
.input-g .grupo-lg .btn-lg *,
.input-g .grupo-lg .btn-lg-o * {
  border: none !important;
}
.input-g .grupo .btn .f-abajo-grupo,
.input-g .grupo .btn-o .f-abajo-grupo,
.input-g .grupo .btn-sm .f-abajo-grupo,
.input-g .grupo .btn-sm-o .f-abajo-grupo,
.input-g .grupo .btn-lg .f-abajo-grupo,
.input-g .grupo .btn-lg-o .f-abajo-grupo,
.input-g .grupo-sm .btn .f-abajo-grupo,
.input-g .grupo-sm .btn-o .f-abajo-grupo,
.input-g .grupo-sm .btn-sm .f-abajo-grupo,
.input-g .grupo-sm .btn-sm-o .f-abajo-grupo,
.input-g .grupo-sm .btn-lg .f-abajo-grupo,
.input-g .grupo-sm .btn-lg-o .f-abajo-grupo,
.input-g .grupo-lg .btn .f-abajo-grupo,
.input-g .grupo-lg .btn-o .f-abajo-grupo,
.input-g .grupo-lg .btn-sm .f-abajo-grupo,
.input-g .grupo-lg .btn-sm-o .f-abajo-grupo,
.input-g .grupo-lg .btn-lg .f-abajo-grupo,
.input-g .grupo-lg .btn-lg-o .f-abajo-grupo {
  border-top: 4px solid #51555a !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}
.input-g .grupo .a-ajuste-btn,
.input-g .grupo-sm .a-ajuste-btn,
.input-g .grupo-lg .a-ajuste-btn {
  min-width: 130px !important;
  display: flex !important;
  justify-content: space-between !important;
}
.input-g .grupo *:first-child,
.input-g .grupo-sm *:first-child,
.input-g .grupo-lg *:first-child {
  border-radius: 4px 0 0 4px;
  border: 1px solid #ced4da;
  border-right: none;
}
.input-g .grupo *:last-child,
.input-g .grupo-sm *:last-child,
.input-g .grupo-lg *:last-child {
  border-radius: 0 4px 4px 0;
  border: 1px solid #ced4da;
  border-left: none;
}
.input-g .grupo *:not(:first-child):not(:last-child),
.input-g .grupo-sm *:not(:first-child):not(:last-child),
.input-g .grupo-lg *:not(:first-child):not(:last-child) {
  border-radius: 0;
  border: 1px solid #ced4da;
  border-left: none;
}
.input-g .grupo *:nth-child(2),
.input-g .grupo-sm *:nth-child(2),
.input-g .grupo-lg *:nth-child(2) {
  border-left: 1px solid #ced4da !important;
}
.input-g .grupo .dropdown,
.input-g .grupo-sm .dropdown,
.input-g .grupo-lg .dropdown {
  border: 1px solid #d1d1d1 !important;
  background-color: white !important;
  z-index: 100000;
}
.input-g .grupo .dropdown *,
.input-g .grupo-sm .dropdown *,
.input-g .grupo-lg .dropdown * {
  border: none !important;
}
.input-g .grupo .dropdown-toggle,
.input-g .grupo-sm .dropdown-toggle,
.input-g .grupo-lg .dropdown-toggle {
  z-index: 100000;
}
.input-g .grupo-sm input[type=text],
.input-g .grupo-sm input[type=email],
.input-g .grupo-sm input[type=number],
.input-g .grupo-sm input[type=password],
.input-g .grupo-sm input[type=url],
.input-g .grupo-sm input[type=search],
.input-g .grupo-sm textarea {
  font-size: 0.9em;
  min-height: 30px !important;
}
.input-g .grupo-sm .span-grupo {
  font-size: 0.9em;
  min-height: 30px;
  padding: 0 13px !important;
}
.input-g .grupo-sm .btn,
.input-g .grupo-sm .btn-o,
.input-g .grupo-sm .btn-sm,
.input-g .grupo-sm .btn-sm-o,
.input-g .grupo-sm .btn-lg,
.input-g .grupo-sm .btn-lg-o {
  border-radius: 4px 0 0 4px;
  min-height: 30px;
  padding: 0 13px !important;
  font-size: 0.9em !important;
}
.input-g .grupo-sm *:last-child {
  border-radius: 0 4px 4px 0;
  border: 1px solid #ced4da;
  border-left: none;
}
.input-g .grupo-lg input[type=text],
.input-g .grupo-lg input[type=email],
.input-g .grupo-lg input[type=number],
.input-g .grupo-lg input[type=password],
.input-g .grupo-lg input[type=url],
.input-g .grupo-lg input[type=search],
.input-g .grupo-lg textarea {
  font-size: 1.3em;
  min-height: 50px !important;
}
.input-g .grupo-lg .span-grupo {
  padding: 0 20px !important;
  font-size: 1.3em;
  min-height: 50px;
}
.input-g .grupo-lg .btn,
.input-g .grupo-lg .btn-o,
.input-g .grupo-lg .btn-sm,
.input-g .grupo-lg .btn-sm-o,
.input-g .grupo-lg .btn-lg,
.input-g .grupo-lg .btn-lg-o {
  min-height: 50px;
  padding: 0 20px !important;
  font-size: 1.3em !important;
}

.select-contenedor {
  position: relative;
  padding: 0;
  margin: 0;
}
.select-contenedor::before {
  content: "";
  position: absolute;
  width: 15px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 200;
  background-color: white;
  border-radius: 5px;
}
.select-contenedor::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #6b6b6b;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: calc(50% - 2.5px);
  right: 20px;
}
.select-contenedor:hover::after {
  border-bottom: none;
  border-top: 6px solid black;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.select,
.select-sm,
.select-lg {
  outline: none;
  background-color: white;
  line-height: 0;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #a3a3a3;
  color: #212121;
  font-size: 18px;
}

.select-sm {
  padding: 5px 10px;
  font-size: 15px;
}

.select-lg {
  padding: 13px 10px;
  font-size: 20px;
}

select:focus {
  border: 1px solid #007fd3;
}

.select-modificado {
  appearance: none;
  border-radius: 3px;
  height: 2.1em;
  border: 1px solid rgba(0, 0, 0, 0.171);
  background-color: white;
  position: relative;
}
.select-modificado .listado {
  position: absolute;
}
.select-modificado .listado li {
  display: block;
  width: 100%;
  padding: 5px;
  color: black;
}

.form-grupo,
.form-grupo-linea {
  font-size: 16px;
}
.form-grupo small,
.form-grupo-linea small {
  padding: 0;
  margin: 0;
  font-size: 0.875em;
  color: grey;
}
.form-grupo label,
.form-grupo-linea label {
  font-size: 1.125em !important;
  line-height: 2.5em;
  color: black;
  white-space: nowrap;
}

.form-grupo-linea {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.form-grupo-linea input,
.form-grupo-linea .input-icon {
  margin-bottom: 10px;
}
.form-grupo-linea *:last-child:not(input):not(select):not(.input-icon) {
  margin-left: 10px;
}
.form-grupo-linea *:last-child {
  margin-bottom: 10px;
}
.form-grupo-linea label {
  padding-right: 1.25em;
  display: flex;
  align-items: center;
  min-width: 7.5em;
  height: 2.1em;
}
@media (max-width: 770px) {
  .form-grupo-linea {
    display: block;
  }
  .form-grupo-linea *:last-child:not(input):not(select):not(.input-icon) {
    margin-left: 0;
  }
  .form-grupo-linea input, .form-grupo-linea .input-icon {
    margin: 0;
    margin-bottom: 10px;
  }
}

.input-range {
  position: relative;
}
.input-range span {
  position: absolute;
  padding: 10px 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: #1e2029;
  color: white;
  top: -6px;
  left: calc(100% - 60px);
  border-radius: 3px;
}
.input-range::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  background-color: #1e2029;
  bottom: 100%;
  left: calc(100% - 63px);
  top: 7px;
}
.input-range input[type=range] {
  -webkit-appearance: none;
  outline: none;
  width: calc(100% - 80px);
  height: 3px;
  border-radius: 5px;
  background-color: black;
}
.input-range input[type=range]:hover {
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.116);
}
.input-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #00bb9c;
  position: relative;
  cursor: pointer;
}
.input-range input[type=range]::-webkit-slider-thumb:hover {
  box-shadow: 1px 0 10px 5px rgba(12, 151, 144, 0.349);
}

.tem-formulario {
  font-family: "Roboto", Helvetica, sans-serif;
}
.tem-formulario h3 {
  font-size: 1.5em !important;
  margin-bottom: 30px !important;
  font-weight: 300 !important;
  color: #141414 !important;
  letter-spacing: 0 !important;
}
.tem-formulario h4 {
  font-size: 1.2em !important;
  margin-bottom: 15px !important;
  font-weight: 300 !important;
  color: #494949 !important;
  letter-spacing: 0 !important;
}
.tem-formulario .division {
  border: 0.5px solid rgba(0, 0, 0, 0.075);
  margin: 40px 0;
}
.tem-formulario .tem-input {
  position: relative;
  width: 100%;
  height: 3em;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.171);
  border-radius: 5px;
  font-family: "Roboto";
}
.tem-formulario .tem-input input, .tem-formulario .tem-input select {
  border: none;
  background: none;
  position: absolute;
  z-index: 1;
  top: 0.2em;
  font-size: 15px;
  color: #3b3b3b;
  appearance: none;
}
.tem-formulario .tem-input input:focus, .tem-formulario .tem-input select:focus {
  border: none !important;
  box-shadow: none !important;
}
.tem-formulario .tem-input select {
  top: 0.35em;
  height: 86%;
}
.tem-formulario .tem-input .flechas {
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 5px solid grey;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 30px;
  top: calc(50% - 2.5px);
}
.tem-formulario .tem-input .flechas::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 2.8em;
  background-color: white;
  right: -35px;
  top: -25px;
  z-index: 2;
}
.tem-formulario .tem-input input:focus {
  box-shadow: none !important;
  border: none !important;
}
.tem-formulario .tem-input label {
  position: absolute;
  font-size: 15px;
  top: calc(50% - 9px);
  left: 8px;
  color: gray !important;
  transition: all 0.3s;
}
.tem-formulario small {
  margin: 0;
  padding: 0;
  font-size: 12px !important;
  color: #494949;
}
.tem-formulario .checkbox,
.tem-formulario .radiobtn {
  color: #585858 !important;
}
.tem-formulario .tem-error {
  border: 2px solid #ff4b4b !important;
}
.tem-formulario .tem-ok {
  border: 2px solid #17dd91 !important;
}

/*# sourceMappingURL=bodystyle.css.map */