bodystylecss/dist/css/bodystyle.css

Librería de estilos css

@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-