@charset "UTF-8";
/**
  EDgrid es una librería CSS para construir layouts con Responsive Web Design
  Importe este archivo en su proyecto para empezar a usarlo
**/
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

form {
  width: 100%;
  max-width: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body.dev:before,
body.desarrollo:before, body.dev .ed-container:before,
body.desarrollo .ed-container:before, body.dev .ed-item:before,
body.desarrollo .ed-item:before {
  content: attr(class);
  font-style: italic;
  font-size: 0.75rem;
  font-weight: normal;
  z-index: 1;
  right: 0;
  position: absolute;
  display: table;
  width: 100%;
  padding: 0 0.3125em;
  height: 1.25rem;
  line-height: 1.25rem;
}

.ed-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.ed-item {
  margin: 0;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

.ed-item {
  width: 100%;
}

.ed-item.ed-container {
  padding-left: 0;
  padding-right: 0;
}

/*
| Mixin para crear cuadriculas
|
| $selector: nombre del selector CSS de cada item de la cuadricula
|
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
.button,
button, .button.round,
button.round, .button.radius,
button.radius, .button-modal {
  display: inline-block;
  line-height: 2.5em;
  padding: 0 1.5em;
  cursor: pointer;
  margin-bottom: 1em;
  border: none;
  outline: none;
}

.boton {
  display: inline-block;
  line-height: 2.5em;
  cursor: pointer;
  margin-bottom: .5em;
  border: none;
  height: 2.5em;
}

.s-offset-5 {
  margin-left: 5%;
}

.s-offset-10 {
  margin-left: 10%;
}

.s-offset-15 {
  margin-left: 15%;
}

.s-offset-20 {
  margin-left: 20%;
}

.s-offset-25 {
  margin-left: 25%;
}

.s-offset-30 {
  margin-left: 30%;
}

.s-offset-35 {
  margin-left: 35%;
}

.s-offset-40 {
  margin-left: 40%;
}

.s-offset-45 {
  margin-left: 45%;
}

.s-offset-50 {
  margin-left: 50%;
}

.s-offset-55 {
  margin-left: 55%;
}

.s-offset-60 {
  margin-left: 60%;
}

.s-offset-65 {
  margin-left: 65%;
}

.s-offset-70 {
  margin-left: 70%;
}

.s-offset-75 {
  margin-left: 75%;
}

.s-offset-80 {
  margin-left: 80%;
}

.s-offset-85 {
  margin-left: 85%;
}

.s-offset-90 {
  margin-left: 90%;
}

.s-offset-95 {
  margin-left: 95%;
}

.s-offset-100 {
  margin-left: 100%;
}

.s-offset-1-3 {
  margin-left: 33.33333%;
}

.s-offset-2-3 {
  margin-left: 66.66667%;
}

.s-offset-1-6 {
  margin-left: 16.66667%;
}

.s-offset-2-6 {
  margin-left: 33.33333%;
}

@media all and (min-width: 400px) {
  .sm-offset-5 {
    margin-left: 5%;
  }
  .sm-offset-10 {
    margin-left: 10%;
  }
  .sm-offset-15 {
    margin-left: 15%;
  }
  .sm-offset-20 {
    margin-left: 20%;
  }
  .sm-offset-25 {
    margin-left: 25%;
  }
  .sm-offset-30 {
    margin-left: 30%;
  }
  .sm-offset-35 {
    margin-left: 35%;
  }
  .sm-offset-40 {
    margin-left: 40%;
  }
  .sm-offset-45 {
    margin-left: 45%;
  }
  .sm-offset-50 {
    margin-left: 50%;
  }
  .sm-offset-55 {
    margin-left: 55%;
  }
  .sm-offset-60 {
    margin-left: 60%;
  }
  .sm-offset-65 {
    margin-left: 65%;
  }
  .sm-offset-70 {
    margin-left: 70%;
  }
  .sm-offset-75 {
    margin-left: 75%;
  }
  .sm-offset-80 {
    margin-left: 80%;
  }
  .sm-offset-85 {
    margin-left: 85%;
  }
  .sm-offset-90 {
    margin-left: 90%;
  }
  .sm-offset-95 {
    margin-left: 95%;
  }
  .sm-offset-100 {
    margin-left: 100%;
  }
  .sm-offset-1-3 {
    margin-left: 33.33333%;
  }
  .sm-offset-2-3 {
    margin-left: 66.66667%;
  }
  .sm-offset-1-6 {
    margin-left: 16.66667%;
  }
  .sm-offset-2-6 {
    margin-left: 33.33333%;
  }
}

@media all and (min-width: 640px) {
  .m-offset-5 {
    margin-left: 5%;
  }
  .m-offset-10 {
    margin-left: 10%;
  }
  .m-offset-15 {
    margin-left: 15%;
  }
  .m-offset-20 {
    margin-left: 20%;
  }
  .m-offset-25 {
    margin-left: 25%;
  }
  .m-offset-30 {
    margin-left: 30%;
  }
  .m-offset-35 {
    margin-left: 35%;
  }
  .m-offset-40 {
    margin-left: 40%;
  }
  .m-offset-45 {
    margin-left: 45%;
  }
  .m-offset-50 {
    margin-left: 50%;
  }
  .m-offset-55 {
    margin-left: 55%;
  }
  .m-offset-60 {
    margin-left: 60%;
  }
  .m-offset-65 {
    margin-left: 65%;
  }
  .m-offset-70 {
    margin-left: 70%;
  }
  .m-offset-75 {
    margin-left: 75%;
  }
  .m-offset-80 {
    margin-left: 80%;
  }
  .m-offset-85 {
    margin-left: 85%;
  }
  .m-offset-90 {
    margin-left: 90%;
  }
  .m-offset-95 {
    margin-left: 95%;
  }
  .m-offset-100 {
    margin-left: 100%;
  }
  .m-offset-1-3 {
    margin-left: 33.33333%;
  }
  .m-offset-2-3 {
    margin-left: 66.66667%;
  }
  .m-offset-1-6 {
    margin-left: 16.66667%;
  }
  .m-offset-2-6 {
    margin-left: 33.33333%;
  }
}

@media all and (min-width: 959px) {
  .ml-offset-5 {
    margin-left: 5%;
  }
  .ml-offset-10 {
    margin-left: 10%;
  }
  .ml-offset-15 {
    margin-left: 15%;
  }
  .ml-offset-20 {
    margin-left: 20%;
  }
  .ml-offset-25 {
    margin-left: 25%;
  }
  .ml-offset-30 {
    margin-left: 30%;
  }
  .ml-offset-35 {
    margin-left: 35%;
  }
  .ml-offset-40 {
    margin-left: 40%;
  }
  .ml-offset-45 {
    margin-left: 45%;
  }
  .ml-offset-50 {
    margin-left: 50%;
  }
  .ml-offset-55 {
    margin-left: 55%;
  }
  .ml-offset-60 {
    margin-left: 60%;
  }
  .ml-offset-65 {
    margin-left: 65%;
  }
  .ml-offset-70 {
    margin-left: 70%;
  }
  .ml-offset-75 {
    margin-left: 75%;
  }
  .ml-offset-80 {
    margin-left: 80%;
  }
  .ml-offset-85 {
    margin-left: 85%;
  }
  .ml-offset-90 {
    margin-left: 90%;
  }
  .ml-offset-95 {
    margin-left: 95%;
  }
  .ml-offset-100 {
    margin-left: 100%;
  }
  .ml-offset-1-3 {
    margin-left: 33.33333%;
  }
  .ml-offset-2-3 {
    margin-left: 66.66667%;
  }
  .ml-offset-1-6 {
    margin-left: 16.66667%;
  }
  .ml-offset-2-6 {
    margin-left: 33.33333%;
  }
}

@media all and (min-width: 1024px) {
  .l-offset-5 {
    margin-left: 5%;
  }
  .l-offset-10 {
    margin-left: 10%;
  }
  .l-offset-15 {
    margin-left: 15%;
  }
  .l-offset-20 {
    margin-left: 20%;
  }
  .l-offset-25 {
    margin-left: 25%;
  }
  .l-offset-30 {
    margin-left: 30%;
  }
  .l-offset-35 {
    margin-left: 35%;
  }
  .l-offset-40 {
    margin-left: 40%;
  }
  .l-offset-45 {
    margin-left: 45%;
  }
  .l-offset-50 {
    margin-left: 50%;
  }
  .l-offset-55 {
    margin-left: 55%;
  }
  .l-offset-60 {
    margin-left: 60%;
  }
  .l-offset-65 {
    margin-left: 65%;
  }
  .l-offset-70 {
    margin-left: 70%;
  }
  .l-offset-75 {
    margin-left: 75%;
  }
  .l-offset-80 {
    margin-left: 80%;
  }
  .l-offset-85 {
    margin-left: 85%;
  }
  .l-offset-90 {
    margin-left: 90%;
  }
  .l-offset-95 {
    margin-left: 95%;
  }
  .l-offset-100 {
    margin-left: 100%;
  }
  .l-offset-1-3 {
    margin-left: 33.33333%;
  }
  .l-offset-2-3 {
    margin-left: 66.66667%;
  }
  .l-offset-1-6 {
    margin-left: 16.66667%;
  }
  .l-offset-2-6 {
    margin-left: 33.33333%;
  }
}

@media all and (min-width: 1440px) {
  .xl-offset-5 {
    margin-left: 5%;
  }
  .xl-offset-10 {
    margin-left: 10%;
  }
  .xl-offset-15 {
    margin-left: 15%;
  }
  .xl-offset-20 {
    margin-left: 20%;
  }
  .xl-offset-25 {
    margin-left: 25%;
  }
  .xl-offset-30 {
    margin-left: 30%;
  }
  .xl-offset-35 {
    margin-left: 35%;
  }
  .xl-offset-40 {
    margin-left: 40%;
  }
  .xl-offset-45 {
    margin-left: 45%;
  }
  .xl-offset-50 {
    margin-left: 50%;
  }
  .xl-offset-55 {
    margin-left: 55%;
  }
  .xl-offset-60 {
    margin-left: 60%;
  }
  .xl-offset-65 {
    margin-left: 65%;
  }
  .xl-offset-70 {
    margin-left: 70%;
  }
  .xl-offset-75 {
    margin-left: 75%;
  }
  .xl-offset-80 {
    margin-left: 80%;
  }
  .xl-offset-85 {
    margin-left: 85%;
  }
  .xl-offset-90 {
    margin-left: 90%;
  }
  .xl-offset-95 {
    margin-left: 95%;
  }
  .xl-offset-100 {
    margin-left: 100%;
  }
  .xl-offset-1-3 {
    margin-left: 33.33333%;
  }
  .xl-offset-2-3 {
    margin-left: 66.66667%;
  }
  .xl-offset-1-6 {
    margin-left: 16.66667%;
  }
  .xl-offset-2-6 {
    margin-left: 33.33333%;
  }
}

.s-order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.s-order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.s-order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.s-order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.s-order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.s-order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.s-order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.s-order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.s-order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.s-order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

@media screen and (min-width: 400px) {
  .sm-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .sm-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .sm-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .sm-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .sm-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .sm-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .sm-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .sm-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .sm-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .sm-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media screen and (min-width: 640px) {
  .m-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .m-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .m-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .m-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .m-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .m-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .m-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .m-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .m-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .m-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media screen and (min-width: 959px) {
  .ml-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .ml-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .ml-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .ml-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .ml-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .ml-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .ml-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .ml-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .ml-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .ml-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media screen and (min-width: 1024px) {
  .l-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .l-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .l-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .l-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .l-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .l-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .l-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .l-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .l-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .l-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media screen and (min-width: 1440px) {
  .xl-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .xl-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .xl-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .xl-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .xl-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .xl-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .xl-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .xl-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .xl-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .xl-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
}

.s-justify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media all and (min-width: 400px) {
  .sm-justify {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 640px) {
  .m-justify {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 959px) {
  .ml-justify {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1024px) {
  .l-justify {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1440px) {
  .xl-justify {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.s-distribute {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

@media all and (min-width: 400px) {
  .sm-distribute {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media all and (min-width: 640px) {
  .m-distribute {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media all and (min-width: 959px) {
  .ml-distribute {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media all and (min-width: 1024px) {
  .l-distribute {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media all and (min-width: 1440px) {
  .xl-distribute {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

.s-main-start {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media all and (min-width: 400px) {
  .sm-main-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 640px) {
  .m-main-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 959px) {
  .ml-main-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 1024px) {
  .l-main-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 1440px) {
  .xl-main-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.s-main-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (min-width: 400px) {
  .sm-main-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 640px) {
  .m-main-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 959px) {
  .ml-main-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 1024px) {
  .l-main-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 1440px) {
  .xl-main-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.s-main-end {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media all and (min-width: 400px) {
  .sm-main-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 640px) {
  .m-main-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 959px) {
  .ml-main-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 1024px) {
  .l-main-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media all and (min-width: 1440px) {
  .xl-main-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.s-cross-start {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

@media all and (min-width: 400px) {
  .sm-cross-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

@media all and (min-width: 640px) {
  .m-cross-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

@media all and (min-width: 959px) {
  .ml-cross-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

@media all and (min-width: 1024px) {
  .l-cross-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

@media all and (min-width: 1440px) {
  .xl-cross-start {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
  }
}

@media all and (min-width: 0) {
  .s-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 400px) {
  .sm-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 640px) {
  .m-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 959px) {
  .ml-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 1024px) {
  .l-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 1440px) {
  .xl-cross-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

.s-cross-end {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
}

@media all and (min-width: 400px) {
  .sm-cross-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
  }
}

@media all and (min-width: 640px) {
  .m-cross-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
  }
}

@media all and (min-width: 959px) {
  .ml-cross-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
  }
}

@media all and (min-width: 1024px) {
  .l-cross-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
  }
}

@media all and (min-width: 1440px) {
  .xl-cross-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
  }
}

.s-reverse {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media all and (min-width: 400px) {
  .sm-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 640px) {
  .m-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 959px) {
  .ml-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 1024px) {
  .l-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 1440px) {
  .xl-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.s-column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (min-width: 400px) {
  .sm-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 640px) {
  .m-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 959px) {
  .ml-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 1024px) {
  .l-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media all and (min-width: 1440px) {
  .xl-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.s-column-reverse {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media all and (min-width: 400px) {
  .sm-column-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media all and (min-width: 640px) {
  .m-column-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media all and (min-width: 959px) {
  .ml-column-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media all and (min-width: 1024px) {
  .l-column-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media all and (min-width: 1440px) {
  .xl-column-reverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.grid-container.grid-1234 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.grid-container.grid-1234 img {
  display: block;
}

body {
  overflow-x: hidden;
}

.grid-container.grid-1234 > .grid-item {
  width: calc(100% - 1em);
  margin: 0.5em;
}

@media screen and (min-width: 400px) {
  .grid-container.grid-1234 > .grid-item {
    width: calc(50% - 1em);
  }
}

@media screen and (min-width: 640px) {
  .grid-container.grid-1234 > .grid-item {
    width: calc(33.33333% - 1em);
  }
}

@media screen and (min-width: 959px) {
  .grid-container.grid-1234 > .grid-item {
    width: calc(25% - 1em);
  }
}

.grid-container.grid-2345 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.grid-container.grid-2345 img {
  display: block;
}

body {
  overflow-x: hidden;
}

.grid-container.grid-2345 > .grid-item {
  width: calc(50% - 1em);
  margin: 0.5em;
}

@media screen and (min-width: 400px) {
  .grid-container.grid-2345 > .grid-item {
    width: calc(33.33333% - 1em);
  }
}

@media screen and (min-width: 640px) {
  .grid-container.grid-2345 > .grid-item {
    width: calc(25% - 1em);
  }
}

@media screen and (min-width: 959px) {
  .grid-container.grid-2345 > .grid-item {
    width: calc(20% - 1em);
  }
}

body.dev,
body.desarrollo {
  margin: 0 !important;
  position: relative;
  top: 66px;
}

body.dev:before,
body.desarrollo:before {
  position: fixed;
  background: steelblue;
  color: #FFF;
  font-size: 0.875rem;
  text-align: center;
  line-height: 36px;
  height: 36px;
  top: 0;
}

body.dev:before,
body.desarrollo:before {
  content: "ed-grid: size s, from 0 (ed-containers: red, ed-items: blue, yellow)";
}

@media screen and (min-width: 400px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size sm, from 400px (ed-containers: red, ed-items: blue, yellow)";
  }
}

@media screen and (min-width: 640px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size m, from 640px (ed-containers: red, ed-items: blue, yellow)";
  }
}

@media screen and (min-width: 959px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size ml, from 959px (ed-containers: red, ed-items: blue, yellow)";
  }
}

@media screen and (min-width: 1024px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size l, from 1024px (ed-containers: red, ed-items: blue, yellow)";
  }
}

@media screen and (min-width: 1440px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size xl, from 1440px (ed-containers: red, ed-items: blue, yellow)";
  }
}

body.dev .ed-container,
body.desarrollo .ed-container {
  padding-top: 1.25rem;
  margin-bottom: 10px;
  outline: 1px solid tomato;
  position: relative;
}

body.dev .ed-container .ed-container,
body.desarrollo .ed-container .ed-container {
  margin-bottom: 0;
}

body.dev .ed-container:before,
body.desarrollo .ed-container:before {
  top: 0;
  background: rgba(255, 99, 71, 0.3);
  color: tomato;
}

body.dev .ed-item,
body.desarrollo .ed-item {
  position: relative;
  padding-bottom: 1.25rem;
  background-color: rgba(255, 255, 0, 0.3);
  background-clip: content-box;
}

body.dev .ed-item:before,
body.desarrollo .ed-item:before {
  background: rgba(70, 130, 180, 0.8);
  color: #FFF;
  bottom: 0;
}

body.dev .ed-item:nth-child(even):before,
body.desarrollo .ed-item:nth-child(even):before {
  background: rgba(70, 130, 180, 0.4);
  color: steelblue;
}

.button,
button {
  background: #ddd;
  color: #333;
}

.button:hover,
button:hover {
  background: #d0d0d0;
  text-decoration: none;
}

.button:active,
button:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.button.round,
button.round {
  background: #DDD;
  color: #333;
  border-radius: 1.25em;
}

.button.round:hover,
button.round:hover {
  background: #d0d0d0;
  text-decoration: none;
}

.button.round:active,
button.round:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.button.radius,
button.radius {
  background: #DDD;
  color: #333;
  border-radius: .25em;
}

.button.radius:hover,
button.radius:hover {
  background: #d0d0d0;
  text-decoration: none;
}

.button.radius:active,
button.radius:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.ed-menu.s-horizontal {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ed-menu.s-horizontal, .ed-menu.s-horizontal ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.ed-menu.s-horizontal li {
  position: relative;
  list-style: none;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.s-horizontal li.parent-submenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ed-menu.s-horizontal li.parent-submenu a {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.s-horizontal ul {
  display: none;
}

.ed-menu.s-horizontal ul.show-submenu {
  display: block;
  width: 100%;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  margin-left: 1em;
  margin-bottom: .5em;
}

.ed-menu.s-horizontal a {
  display: block;
  line-height: 3em;
  padding: 0 1em;
}

.ed-menu.s-horizontal a:hover {
  text-decoration: none;
}

.ed-menu.s-horizontal a {
  text-align: center;
}

.ed-menu.s-horizontal .expand {
  display: none;
}

.ed-menu.s-horizontal ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  white-space: nowrap;
}

.ed-menu.s-horizontal ul a {
  text-align: left;
}

.ed-menu.s-horizontal ul ul {
  top: 0;
  left: 100%;
}

.ed-menu.s-horizontal li:hover > ul {
  display: block;
}

.ed-menu.s-horizontal .expand-submenu {
  display: none;
  position: relative;
  right: 0;
  width: 3em;
  height: 3em;
  cursor: pointer;
  transition: all .3s;
}

.ed-menu.s-horizontal .expand-submenu::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 40%;
  top: 20%;
  left: 30%;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid;
  border-radius: 0.24em;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all .3s;
  color: #163935;
}

.ed-menu.s-horizontal .expand-submenu.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ed-menu.s-horizontal.default {
  background: #eee;
}

.ed-menu.s-horizontal.default li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.default ul {
  background: #e1e1e1;
}

.ed-menu.s-horizontal.default a {
  color: #666;
}

.ed-menu.s-horizontal.nav-bar {
  background: #EEE;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.nav-bar li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.nav-bar ul {
  background: #e1e1e1;
}

.ed-menu.s-horizontal.nav-bar a {
  color: #666;
}

.ed-menu.s-horizontal.nav-bar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.nav-bar li:last-child {
  border-right: none;
  border-bottom: none;
}

.ed-menu.s-horizontal.nav-bar ul {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.nav-bar ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.s-horizontal.nav-bar ul li:last-child {
  border-bottom: none;
}

.ed-menu.s-horizontal.nav-bar > li {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
}

.ed-menu.s-horizontal.button-bar li {
  margin-bottom: .5em;
  margin-right: .5em;
}

.ed-menu.s-horizontal.button-bar a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #EEE;
  line-height: 2.5em;
  padding: 0 1.5em;
  border-radius: 4px;
  color: #666;
}

.ed-menu.s-horizontal.button-bar a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal {
  width: 100%;
}

.ed-menu.m-horizontal, .ed-menu.m-horizontal ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.ed-menu.m-horizontal li {
  position: relative;
  list-style: none;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.m-horizontal li.parent-submenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ed-menu.m-horizontal li.parent-submenu a {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.m-horizontal ul {
  display: none;
}

@media screen and (max-width: 639px) {
  .ed-menu.m-horizontal ul.show-submenu {
    display: block;
    width: 100%;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 1em;
    margin-bottom: .5em;
  }
}

.ed-menu.m-horizontal a {
  display: block;
  line-height: 3em;
  padding: 0 1em;
}

.ed-menu.m-horizontal a:hover {
  text-decoration: none;
}

@media screen and (min-width: 640px) {
  .ed-menu.m-horizontal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ed-menu.m-horizontal a {
    text-align: center;
  }
  .ed-menu.m-horizontal .expand {
    display: none;
  }
  .ed-menu.m-horizontal ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    white-space: nowrap;
  }
  .ed-menu.m-horizontal ul a {
    text-align: left;
  }
  .ed-menu.m-horizontal ul ul {
    top: 0;
    left: 100%;
  }
  .ed-menu.m-horizontal li:hover > ul {
    display: block;
  }
}

.ed-menu.m-horizontal .expand-submenu {
  position: relative;
  right: 0;
  width: 3em;
  height: 3em;
  cursor: pointer;
  transition: all .3s;
}

@media screen and (min-width: 640px) {
  .ed-menu.m-horizontal .expand-submenu {
    display: none;
  }
}

.ed-menu.m-horizontal .expand-submenu::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 40%;
  top: 20%;
  left: 30%;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid;
  border-radius: 0.24em;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all .3s;
  color: #163935;
}

.ed-menu.m-horizontal .expand-submenu.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ed-menu.m-horizontal.default {
  background: #eee;
}

.ed-menu.m-horizontal.default li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.default ul {
  background: #e1e1e1;
}

.ed-menu.m-horizontal.default a {
  color: #666;
}

.ed-menu.m-horizontal.nav-bar {
  background: #EEE;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.nav-bar li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.nav-bar ul {
  background: #e1e1e1;
}

.ed-menu.m-horizontal.nav-bar a {
  color: #666;
}

.ed-menu.m-horizontal.nav-bar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.nav-bar li:last-child {
  border-right: none;
  border-bottom: none;
}

.ed-menu.m-horizontal.nav-bar ul {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.nav-bar ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.m-horizontal.nav-bar ul li:last-child {
  border-bottom: none;
}

@media screen and (min-width: 640px) {
  .ed-menu.m-horizontal.nav-bar > li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }
}

.ed-menu.m-horizontal.button-bar li {
  margin-bottom: .5em;
  margin-right: .5em;
}

.ed-menu.m-horizontal.button-bar a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #EEE;
  line-height: 2.5em;
  padding: 0 1.5em;
  border-radius: 4px;
  color: #666;
}

.ed-menu.m-horizontal.button-bar a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal {
  width: 100%;
}

.ed-menu.l-horizontal, .ed-menu.l-horizontal ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.ed-menu.l-horizontal li {
  position: relative;
  list-style: none;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.l-horizontal li.parent-submenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ed-menu.l-horizontal li.parent-submenu a {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.l-horizontal ul {
  display: none;
}

@media screen and (max-width: 1023px) {
  .ed-menu.l-horizontal ul.show-submenu {
    display: block;
    width: 100%;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 1em;
    margin-bottom: .5em;
  }
}

.ed-menu.l-horizontal a {
  display: block;
  line-height: 3em;
  padding: 0 1em;
}

.ed-menu.l-horizontal a:hover {
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .ed-menu.l-horizontal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ed-menu.l-horizontal a {
    text-align: center;
  }
  .ed-menu.l-horizontal .expand {
    display: none;
  }
  .ed-menu.l-horizontal ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    white-space: nowrap;
  }
  .ed-menu.l-horizontal ul a {
    text-align: left;
  }
  .ed-menu.l-horizontal ul ul {
    top: 0;
    left: 100%;
  }
  .ed-menu.l-horizontal li:hover > ul {
    display: block;
  }
}

.ed-menu.l-horizontal .expand-submenu {
  position: relative;
  right: 0;
  width: 3em;
  height: 3em;
  cursor: pointer;
  transition: all .3s;
}

@media screen and (min-width: 1024px) {
  .ed-menu.l-horizontal .expand-submenu {
    display: none;
  }
}

.ed-menu.l-horizontal .expand-submenu::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 40%;
  top: 20%;
  left: 30%;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid;
  border-radius: 0.24em;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all .3s;
  color: #163935;
}

.ed-menu.l-horizontal .expand-submenu.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ed-menu.l-horizontal.default {
  background: #eee;
}

.ed-menu.l-horizontal.default li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.default ul {
  background: #e1e1e1;
}

.ed-menu.l-horizontal.default a {
  color: #666;
}

.ed-menu.l-horizontal.nav-bar {
  background: #EEE;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.nav-bar li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.nav-bar ul {
  background: #e1e1e1;
}

.ed-menu.l-horizontal.nav-bar a {
  color: #666;
}

.ed-menu.l-horizontal.nav-bar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.nav-bar li:last-child {
  border-right: none;
  border-bottom: none;
}

.ed-menu.l-horizontal.nav-bar ul {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.nav-bar ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.l-horizontal.nav-bar ul li:last-child {
  border-bottom: none;
}

@media screen and (min-width: 1024px) {
  .ed-menu.l-horizontal.nav-bar > li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }
}

.ed-menu.l-horizontal.button-bar li {
  margin-bottom: .5em;
  margin-right: .5em;
}

.ed-menu.l-horizontal.button-bar a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #EEE;
  line-height: 2.5em;
  padding: 0 1.5em;
  border-radius: 4px;
  color: #666;
}

.ed-menu.l-horizontal.button-bar a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal {
  width: 100%;
}

.ed-menu.xl-horizontal, .ed-menu.xl-horizontal ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.ed-menu.xl-horizontal li {
  position: relative;
  list-style: none;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.xl-horizontal li.parent-submenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ed-menu.xl-horizontal li.parent-submenu a {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.ed-menu.xl-horizontal ul {
  display: none;
}

@media screen and (max-width: 1439px) {
  .ed-menu.xl-horizontal ul.show-submenu {
    display: block;
    width: 100%;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 1em;
    margin-bottom: .5em;
  }
}

.ed-menu.xl-horizontal a {
  display: block;
  line-height: 3em;
  padding: 0 1em;
}

.ed-menu.xl-horizontal a:hover {
  text-decoration: none;
}

@media screen and (min-width: 1440px) {
  .ed-menu.xl-horizontal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ed-menu.xl-horizontal a {
    text-align: center;
  }
  .ed-menu.xl-horizontal .expand {
    display: none;
  }
  .ed-menu.xl-horizontal ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    white-space: nowrap;
  }
  .ed-menu.xl-horizontal ul a {
    text-align: left;
  }
  .ed-menu.xl-horizontal ul ul {
    top: 0;
    left: 100%;
  }
  .ed-menu.xl-horizontal li:hover > ul {
    display: block;
  }
}

.ed-menu.xl-horizontal .expand-submenu {
  position: relative;
  right: 0;
  width: 3em;
  height: 3em;
  cursor: pointer;
  transition: all .3s;
}

@media screen and (min-width: 1440px) {
  .ed-menu.xl-horizontal .expand-submenu {
    display: none;
  }
}

.ed-menu.xl-horizontal .expand-submenu::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 40%;
  top: 20%;
  left: 30%;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid;
  border-radius: 0.24em;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: all .3s;
  color: #163935;
}

.ed-menu.xl-horizontal .expand-submenu.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ed-menu.xl-horizontal.default {
  background: #eee;
}

.ed-menu.xl-horizontal.default li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.default ul {
  background: #e1e1e1;
}

.ed-menu.xl-horizontal.default a {
  color: #666;
}

.ed-menu.xl-horizontal.nav-bar {
  background: #EEE;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.nav-bar li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.nav-bar ul {
  background: #e1e1e1;
}

.ed-menu.xl-horizontal.nav-bar a {
  color: #666;
}

.ed-menu.xl-horizontal.nav-bar li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.nav-bar li:last-child {
  border-right: none;
  border-bottom: none;
}

.ed-menu.xl-horizontal.nav-bar ul {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.nav-bar ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ed-menu.xl-horizontal.nav-bar ul li:last-child {
  border-bottom: none;
}

@media screen and (min-width: 1440px) {
  .ed-menu.xl-horizontal.nav-bar > li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }
}

.ed-menu.xl-horizontal.button-bar li {
  margin-bottom: .5em;
  margin-right: .5em;
}

.ed-menu.xl-horizontal.button-bar a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #EEE;
  line-height: 2.5em;
  padding: 0 1.5em;
  border-radius: 4px;
  color: #666;
}

.ed-menu.xl-horizontal.button-bar a:hover {
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1023px) {
  .ed-nav.l-top {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    top: -100%;
  }
  .ed-nav.l-top.show-menu {
    top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .ed-nav.l-bottom {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    bottom: -100%;
  }
  .ed-nav.l-bottom.show-menu {
    bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .ed-nav.l-left {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    left: -85%;
  }
  .ed-nav.l-left.show-menu {
    left: 0;
  }
}

@media screen and (max-width: 1023px) {
  .ed-nav.l-right {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    right: -85%;
  }
  .ed-nav.l-right.show-menu {
    right: 0;
  }
}

@media screen and (max-width: 1439px) {
  .ed-nav.x-top {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    top: -100%;
  }
  .ed-nav.x-top.show-menu {
    top: 0;
  }
}

@media screen and (max-width: 1439px) {
  .ed-nav.xl-bottom {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    bottom: -100%;
  }
  .ed-nav.xl-bottom.show-menu {
    bottom: 0;
  }
}

@media screen and (max-width: 1439px) {
  .ed-nav.xl-left {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    left: -85%;
  }
  .ed-nav.xl-left.show-menu {
    left: 0;
  }
}

@media screen and (max-width: 1439px) {
  .ed-nav.xl-right {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    right: -85%;
  }
  .ed-nav.xl-right.show-menu {
    right: 0;
  }
}

@media screen and (max-width: 639px) {
  .ed-nav.m-top {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    top: -100%;
  }
  .ed-nav.m-top.show-menu {
    top: 0;
  }
}

@media screen and (max-width: 639px) {
  .ed-nav.m-bottom {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 100%;
    width: 100%;
    left: 0;
    bottom: -100%;
  }
  .ed-nav.m-bottom.show-menu {
    bottom: 0;
  }
}

@media screen and (max-width: 639px) {
  .ed-nav.m-left {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    left: -85%;
  }
  .ed-nav.m-left.show-menu {
    left: 0;
  }
}

@media screen and (max-width: 639px) {
  .ed-nav.m-right {
    position: fixed;
    transition: all .3s;
    height: 100vh;
    z-index: 200;
    overflow-y: auto;
    width: 85%;
    right: -85%;
  }
  .ed-nav.m-right.show-menu {
    right: 0;
  }
}

.nav-toggle {
  position: relative;
  z-index: 300;
  width: 30px;
  height: 20px;
  box-shadow: 0 4px #333 inset;
  cursor: pointer;
}

.nav-toggle::after, .nav-toggle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #333;
  bottom: 0;
  border-radius: .25em;
}

.nav-toggle::after {
  bottom: 8px;
}

.s-5,
.ed-item.s-5 {
  width: 5%;
}

.s-10,
.ed-item.s-10 {
  width: 10%;
}

.s-15,
.ed-item.s-15 {
  width: 15%;
}

.s-20,
.ed-item.s-20 {
  width: 20%;
}

.s-25,
.ed-item.s-25 {
  width: 25%;
}

.s-30,
.ed-item.s-30 {
  width: 30%;
}

.s-35,
.ed-item.s-35 {
  width: 35%;
}

.s-40,
.ed-item.s-40 {
  width: 40%;
}

.s-45,
.ed-item.s-45 {
  width: 45%;
}

.s-50,
.ed-item.s-50 {
  width: 50%;
}

.s-55,
.ed-item.s-55 {
  width: 55%;
}

.s-60,
.ed-item.s-60 {
  width: 60%;
}

.s-65,
.ed-item.s-65 {
  width: 65%;
}

.s-70,
.ed-item.s-70 {
  width: 70%;
}

.s-75,
.ed-item.s-75 {
  width: 75%;
}

.s-80,
.ed-item.s-80 {
  width: 80%;
}

.s-85,
.ed-item.s-85 {
  width: 85%;
}

.s-90,
.ed-item.s-90 {
  width: 90%;
}

.s-95,
.ed-item.s-95 {
  width: 95%;
}

.s-100,
.ed-item.s-100 {
  width: 100%;
}

.s-1-3,
.ed-item.s-1-3 {
  width: 33.33333%;
}

.s-2-3,
.ed-item.s-2-3 {
  width: 66.66667%;
}

.s-3-3,
.ed-item.s-3-3 {
  width: 100%;
}

.s-1-6,
.ed-item.s-1-6 {
  width: 16.66667%;
}

.s-2-6,
.ed-item.s-2-6 {
  width: 33.33333%;
}

.s-3-6,
.ed-item.s-3-6 {
  width: 50%;
}

.s-4-6,
.ed-item.s-4-6 {
  width: 66.66667%;
}

.s-5-6,
.ed-item.s-5-6 {
  width: 83.33333%;
}

.s-6-6,
.ed-item.s-6-6 {
  width: 100%;
}

@media all and (min-width: 400px) {
  .sm-5,
  .ed-item.sm-5 {
    width: 5%;
  }
  .sm-10,
  .ed-item.sm-10 {
    width: 10%;
  }
  .sm-15,
  .ed-item.sm-15 {
    width: 15%;
  }
  .sm-20,
  .ed-item.sm-20 {
    width: 20%;
  }
  .sm-25,
  .ed-item.sm-25 {
    width: 25%;
  }
  .sm-30,
  .ed-item.sm-30 {
    width: 30%;
  }
  .sm-35,
  .ed-item.sm-35 {
    width: 35%;
  }
  .sm-40,
  .ed-item.sm-40 {
    width: 40%;
  }
  .sm-45,
  .ed-item.sm-45 {
    width: 45%;
  }
  .sm-50,
  .ed-item.sm-50 {
    width: 50%;
  }
  .sm-55,
  .ed-item.sm-55 {
    width: 55%;
  }
  .sm-60,
  .ed-item.sm-60 {
    width: 60%;
  }
  .sm-65,
  .ed-item.sm-65 {
    width: 65%;
  }
  .sm-70,
  .ed-item.sm-70 {
    width: 70%;
  }
  .sm-75,
  .ed-item.sm-75 {
    width: 75%;
  }
  .sm-80,
  .ed-item.sm-80 {
    width: 80%;
  }
  .sm-85,
  .ed-item.sm-85 {
    width: 85%;
  }
  .sm-90,
  .ed-item.sm-90 {
    width: 90%;
  }
  .sm-95,
  .ed-item.sm-95 {
    width: 95%;
  }
  .sm-100,
  .ed-item.sm-100 {
    width: 100%;
  }
  .sm-1-3,
  .ed-item.sm-1-3 {
    width: 33.33333%;
  }
  .sm-2-3,
  .ed-item.sm-2-3 {
    width: 66.66667%;
  }
  .sm-3-3,
  .ed-item.sm-3-3 {
    width: 100%;
  }
  .sm-1-6,
  .ed-item.sm-1-6 {
    width: 16.66667%;
  }
  .sm-2-6,
  .ed-item.sm-2-6 {
    width: 33.33333%;
  }
  .sm-3-6,
  .ed-item.sm-3-6 {
    width: 50%;
  }
  .sm-4-6,
  .ed-item.sm-4-6 {
    width: 66.66667%;
  }
  .sm-5-6,
  .ed-item.sm-5-6 {
    width: 83.33333%;
  }
  .sm-6-6,
  .ed-item.sm-6-6 {
    width: 100%;
  }
}

@media all and (min-width: 640px) {
  .m-5,
  .ed-item.m-5 {
    width: 5%;
  }
  .m-10,
  .ed-item.m-10 {
    width: 10%;
  }
  .m-15,
  .ed-item.m-15 {
    width: 15%;
  }
  .m-20,
  .ed-item.m-20 {
    width: 20%;
  }
  .m-25,
  .ed-item.m-25 {
    width: 25%;
  }
  .m-30,
  .ed-item.m-30 {
    width: 30%;
  }
  .m-35,
  .ed-item.m-35 {
    width: 35%;
  }
  .m-40,
  .ed-item.m-40 {
    width: 40%;
  }
  .m-45,
  .ed-item.m-45 {
    width: 45%;
  }
  .m-50,
  .ed-item.m-50 {
    width: 50%;
  }
  .m-55,
  .ed-item.m-55 {
    width: 55%;
  }
  .m-60,
  .ed-item.m-60 {
    width: 60%;
  }
  .m-65,
  .ed-item.m-65 {
    width: 65%;
  }
  .m-70,
  .ed-item.m-70 {
    width: 70%;
  }
  .m-75,
  .ed-item.m-75 {
    width: 75%;
  }
  .m-80,
  .ed-item.m-80 {
    width: 80%;
  }
  .m-85,
  .ed-item.m-85 {
    width: 85%;
  }
  .m-90,
  .ed-item.m-90 {
    width: 90%;
  }
  .m-95,
  .ed-item.m-95 {
    width: 95%;
  }
  .m-100,
  .ed-item.m-100 {
    width: 100%;
  }
  .m-1-3,
  .ed-item.m-1-3 {
    width: 33.33333%;
  }
  .m-2-3,
  .ed-item.m-2-3 {
    width: 66.66667%;
  }
  .m-3-3,
  .ed-item.m-3-3 {
    width: 100%;
  }
  .m-1-6,
  .ed-item.m-1-6 {
    width: 16.66667%;
  }
  .m-2-6,
  .ed-item.m-2-6 {
    width: 33.33333%;
  }
  .m-3-6,
  .ed-item.m-3-6 {
    width: 50%;
  }
  .m-4-6,
  .ed-item.m-4-6 {
    width: 66.66667%;
  }
  .m-5-6,
  .ed-item.m-5-6 {
    width: 83.33333%;
  }
  .m-6-6,
  .ed-item.m-6-6 {
    width: 100%;
  }
}

@media all and (min-width: 959px) {
  .ml-5,
  .ed-item.ml-5 {
    width: 5%;
  }
  .ml-10,
  .ed-item.ml-10 {
    width: 10%;
  }
  .ml-15,
  .ed-item.ml-15 {
    width: 15%;
  }
  .ml-20,
  .ed-item.ml-20 {
    width: 20%;
  }
  .ml-25,
  .ed-item.ml-25 {
    width: 25%;
  }
  .ml-30,
  .ed-item.ml-30 {
    width: 30%;
  }
  .ml-35,
  .ed-item.ml-35 {
    width: 35%;
  }
  .ml-40,
  .ed-item.ml-40 {
    width: 40%;
  }
  .ml-45,
  .ed-item.ml-45 {
    width: 45%;
  }
  .ml-50,
  .ed-item.ml-50 {
    width: 50%;
  }
  .ml-55,
  .ed-item.ml-55 {
    width: 55%;
  }
  .ml-60,
  .ed-item.ml-60 {
    width: 60%;
  }
  .ml-65,
  .ed-item.ml-65 {
    width: 65%;
  }
  .ml-70,
  .ed-item.ml-70 {
    width: 70%;
  }
  .ml-75,
  .ed-item.ml-75 {
    width: 75%;
  }
  .ml-80,
  .ed-item.ml-80 {
    width: 80%;
  }
  .ml-85,
  .ed-item.ml-85 {
    width: 85%;
  }
  .ml-90,
  .ed-item.ml-90 {
    width: 90%;
  }
  .ml-95,
  .ed-item.ml-95 {
    width: 95%;
  }
  .ml-100,
  .ed-item.ml-100 {
    width: 100%;
  }
  .ml-1-3,
  .ed-item.ml-1-3 {
    width: 33.33333%;
  }
  .ml-2-3,
  .ed-item.ml-2-3 {
    width: 66.66667%;
  }
  .ml-3-3,
  .ed-item.ml-3-3 {
    width: 100%;
  }
  .ml-1-6,
  .ed-item.ml-1-6 {
    width: 16.66667%;
  }
  .ml-2-6,
  .ed-item.ml-2-6 {
    width: 33.33333%;
  }
  .ml-3-6,
  .ed-item.ml-3-6 {
    width: 50%;
  }
  .ml-4-6,
  .ed-item.ml-4-6 {
    width: 66.66667%;
  }
  .ml-5-6,
  .ed-item.ml-5-6 {
    width: 83.33333%;
  }
  .ml-6-6,
  .ed-item.ml-6-6 {
    width: 100%;
  }
}

@media all and (min-width: 1024px) {
  .l-5,
  .ed-item.l-5 {
    width: 5%;
  }
  .l-10,
  .ed-item.l-10 {
    width: 10%;
  }
  .l-15,
  .ed-item.l-15 {
    width: 15%;
  }
  .l-20,
  .ed-item.l-20 {
    width: 20%;
  }
  .l-25,
  .ed-item.l-25 {
    width: 25%;
  }
  .l-30,
  .ed-item.l-30 {
    width: 30%;
  }
  .l-35,
  .ed-item.l-35 {
    width: 35%;
  }
  .l-40,
  .ed-item.l-40 {
    width: 40%;
  }
  .l-45,
  .ed-item.l-45 {
    width: 45%;
  }
  .l-50,
  .ed-item.l-50 {
    width: 50%;
  }
  .l-55,
  .ed-item.l-55 {
    width: 55%;
  }
  .l-60,
  .ed-item.l-60 {
    width: 60%;
  }
  .l-65,
  .ed-item.l-65 {
    width: 65%;
  }
  .l-70,
  .ed-item.l-70 {
    width: 70%;
  }
  .l-75,
  .ed-item.l-75 {
    width: 75%;
  }
  .l-80,
  .ed-item.l-80 {
    width: 80%;
  }
  .l-85,
  .ed-item.l-85 {
    width: 85%;
  }
  .l-90,
  .ed-item.l-90 {
    width: 90%;
  }
  .l-95,
  .ed-item.l-95 {
    width: 95%;
  }
  .l-100,
  .ed-item.l-100 {
    width: 100%;
  }
  .l-1-3,
  .ed-item.l-1-3 {
    width: 33.33333%;
  }
  .l-2-3,
  .ed-item.l-2-3 {
    width: 66.66667%;
  }
  .l-3-3,
  .ed-item.l-3-3 {
    width: 100%;
  }
  .l-1-6,
  .ed-item.l-1-6 {
    width: 16.66667%;
  }
  .l-2-6,
  .ed-item.l-2-6 {
    width: 33.33333%;
  }
  .l-3-6,
  .ed-item.l-3-6 {
    width: 50%;
  }
  .l-4-6,
  .ed-item.l-4-6 {
    width: 66.66667%;
  }
  .l-5-6,
  .ed-item.l-5-6 {
    width: 83.33333%;
  }
  .l-6-6,
  .ed-item.l-6-6 {
    width: 100%;
  }
}

@media all and (min-width: 1440px) {
  .xl-5,
  .ed-item.xl-5 {
    width: 5%;
  }
  .xl-10,
  .ed-item.xl-10 {
    width: 10%;
  }
  .xl-15,
  .ed-item.xl-15 {
    width: 15%;
  }
  .xl-20,
  .ed-item.xl-20 {
    width: 20%;
  }
  .xl-25,
  .ed-item.xl-25 {
    width: 25%;
  }
  .xl-30,
  .ed-item.xl-30 {
    width: 30%;
  }
  .xl-35,
  .ed-item.xl-35 {
    width: 35%;
  }
  .xl-40,
  .ed-item.xl-40 {
    width: 40%;
  }
  .xl-45,
  .ed-item.xl-45 {
    width: 45%;
  }
  .xl-50,
  .ed-item.xl-50 {
    width: 50%;
  }
  .xl-55,
  .ed-item.xl-55 {
    width: 55%;
  }
  .xl-60,
  .ed-item.xl-60 {
    width: 60%;
  }
  .xl-65,
  .ed-item.xl-65 {
    width: 65%;
  }
  .xl-70,
  .ed-item.xl-70 {
    width: 70%;
  }
  .xl-75,
  .ed-item.xl-75 {
    width: 75%;
  }
  .xl-80,
  .ed-item.xl-80 {
    width: 80%;
  }
  .xl-85,
  .ed-item.xl-85 {
    width: 85%;
  }
  .xl-90,
  .ed-item.xl-90 {
    width: 90%;
  }
  .xl-95,
  .ed-item.xl-95 {
    width: 95%;
  }
  .xl-100,
  .ed-item.xl-100 {
    width: 100%;
  }
  .xl-1-3,
  .ed-item.xl-1-3 {
    width: 33.33333%;
  }
  .xl-2-3,
  .ed-item.xl-2-3 {
    width: 66.66667%;
  }
  .xl-3-3,
  .ed-item.xl-3-3 {
    width: 100%;
  }
  .xl-1-6,
  .ed-item.xl-1-6 {
    width: 16.66667%;
  }
  .xl-2-6,
  .ed-item.xl-2-6 {
    width: 33.33333%;
  }
  .xl-3-6,
  .ed-item.xl-3-6 {
    width: 50%;
  }
  .xl-4-6,
  .ed-item.xl-4-6 {
    width: 66.66667%;
  }
  .xl-5-6,
  .ed-item.xl-5-6 {
    width: 83.33333%;
  }
  .xl-6-6,
  .ed-item.xl-6-6 {
    width: 100%;
  }
}

.to-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.to-left {
  float: left;
  width: auto;
  margin-right: 1em;
}

.to-right {
  float: right;
  width: auto;
  margin-left: 1em;
}

.full {
  max-width: 100%;
}

.circle {
  border-radius: 50%;
}

.clearfix:before, .clearfix:after {
  content: "";
  width: 100%;
  display: table;
  clear: both;
}

.no-padding.ed-container > .ed-item {
  padding-left: 0em;
  padding-right: 0em;
}

.no-padding.ed-item {
  padding-left: 0em;
  padding-right: 0em;
}

.padding {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}

.padding-2 {
  padding-left: 1.875em;
  padding-right: 1.875em;
}

.padding-3 {
  padding-left: 2.8125em;
  padding-right: 2.8125em;
}

body.sticky-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

body.sticky-footer > footer {
  margin-top: auto;
}

.main-justify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-distribute {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.main-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-start {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-end {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cross-start {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.cross-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.cross-end {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
}

.flex-reverse {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-column-reverse {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.abcenter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.from-s {
  display: none;
}

.to-s {
  display: none;
}

@media screen and (max-width: 399px) {
  .from-sm {
    display: none;
  }
}

@media screen and (min-width: 400px) {
  .to-sm {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .from-m {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .to-m {
    display: none;
  }
}

@media screen and (max-width: 958px) {
  .from-ml {
    display: none;
  }
}

@media screen and (min-width: 959px) {
  .to-ml {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .from-l {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .to-l {
    display: none;
  }
}

@media screen and (max-width: 1439px) {
  .from-xl {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .to-xl {
    display: none;
  }
}

.ed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.ed-video > iframe,
.ed-video > video,
.ed-video > .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button {
  background: #ddd;
  color: #333;
}

.button:hover {
  background: #d0d0d0;
  text-decoration: none;
}

.button:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.caja-flotante {
  background: gray;
  min-height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.caja-flotante__pagina {
  position: relative;
  background: #fff;
  width: 30em;
  min-height: 35em;
  padding: .5em;
  box-shadow: 0 0 5px 0 white;
}

@media screen and (max-width: 399px) {
  .caja-flotante__pagina {
    min-height: 100vh;
  }
}

.caja-flotante__pagina--header {
  text-align: center;
  padding: 0;
}

.caja-flotante__pagina_logo {
  width: 100%;
  height: 6em;
  padding: .3em 0;
}

.caja-flotante__pagina_logo img {
  max-height: 100%;
}

.caja-flotante__pagina_logo.logo_colegio {
  display: flex;
  justify-content: space-around;
  height: 8em;
}

.caja-flotante__pagina_titulo {
  color: #052E4D;
  padding: 1em .5em 1.5em .5em;
}

.caja-flotante__pagina_titulo .titulo {
  margin: 0;
}

.caja-flotante__pagina--footer {
  position: relative;
  margin-top: 2em;
  min-height: 3em;
  width: 100%;
  padding: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.login-caja {
  width: 30em;
}

.login__formulario {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.login__link-return {
  width: 100%;
  display: block;
  padding: .5em 0;
  font-size: 1.3em;
  text-align: center;
  color: #052E4D;
  text-decoration: none;
  transition: background .5s;
}

.login__link-return:hover {
  text-decoration: none;
  background: #f2f2f2;
}

.login__link-return:before {
  content: "\f0a8";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

.login-bottones {
  overflow: hidden;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.login-bottones .login-boton {
  background-image: linear-gradient(#052E4D, #0B69B1);
  border-radius: 0.25em;
  color: #fff;
  padding: 0;
  margin-bottom: 0;
  padding: 0 .5em;
  width: 100%;
  height: 100%;
  font-size: 1em;
}

@media screen and (min-width: 640px) {
  .login-bottones .login-boton {
    text-align: center !important;
  }
}

.login-bottones .botton-login-der,
.login-bottones .botton-login-izq {
  width: 50%;
  height: 3em;
  margin: 0;
  font-size: 1em;
}

.login-bottones .botton-login-der:hover,
.login-bottones .botton-login-izq:hover {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.login-bottones .botton-login-izq .login-boton {
  padding-right: 2.5em;
  text-align: left;
  box-shadow: 0 0 0 1px #999 inset, 0 0 3px 1px #0B69B1 inset, 2px -2px 6px 0px #B7DDFA inset;
}

.login-bottones .botton-login-der .login-boton {
  padding-left: 2.5em;
  text-align: right;
  box-shadow: 0 0 0 1px #999 inset, 0 0 3px 1px #0B69B1 inset, -2px -2px 6px 0px #B7DDFA inset;
}

.login-bottones .botton-login-separate {
  text-transform: uppercase;
  width: 0%;
  text-align: center;
  background: rgba(255, 0, 255, 0.1);
  height: 3em;
  position: relative;
  color: #666;
}

.login-bottones .botton-login-separate:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 4em;
  height: 4em;
  background: white;
  border-radius: 50%  50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #999 inset, 0 0 3px 0px #0B69B1 inset, 0px 0 6px 0px white inset;
}

.login-bottones .botton-login-separate:after {
  content: "ó";
  position: absolute;
  z-index: 3;
  font-family: cursive;
  font-size: 1.5em;
  font-weight: bold;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.login-grupo {
  padding: .5em 0em;
  position: relative;
  z-index: 2;
  margin: 1.5em 0;
}

.login-label {
  position: absolute;
  top: 50%;
  z-index: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: .5em;
  display: block;
  width: 100%;
  font-weight: bold;
  color: gray;
}

.label-user:before,
.label-pass:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

.label-user:before {
  content: "\f007";
}

.label-pass:before {
  content: "\f023";
}

.login-input {
  position: relative;
  z-index: 1;
  width: 100%;
  line-height: 2.5;
  padding: 0em .5em;
  font-size: 1.2em;
  outline: none;
  border: none;
  box-shadow: 0 0 3px #052E4D inset;
  background: transparent;
  border-radius: .25em;
  color: #666;
}

.formularioRegistroEst {
  width: 40em;
}

.formularioRegistro {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25em;
  margin-right: -0.25em;
}

.formularioRegistro img {
  display: block;
}

body {
  overflow-x: hidden;
}

.formularioRegistro > .formularioRegistro-item {
  width: calc(100% - 0.5em);
  margin: 0.25em;
}

@media screen and (min-width: 400px) {
  .formularioRegistro > .formularioRegistro-item {
    width: calc(50% - 0.5em);
  }
}

.container__body-content {
  padding-top: 3em;
  min-height: calc(100vh - 3em);
  background: #FCFCFC;
}

.page-container {
  margin: 1em 0;
}

.page-container-item {
  padding-top: 1em;
  padding-bottom: 1em;
}

.content {
  width: 100%;
}

.page-box {
  box-shadow: -1px 1px 2px 2px #cccccc;
  border-radius: .25em;
  overflow: hidden;
}

.page-tittle {
  background: #C6E4FB;
}

.page-tittle h2 {
  margin: 0;
  padding: .2em;
  color: #666;
}

.page-content {
  padding: .5em .2em;
  background: #FAFDFF;
}

.bottom-top {
  position: fixed;
  bottom: 1em;
  right: 1em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 1.25em;
  z-index: 100;
  background: #999999;
  box-shadow: 0 0 2px 1px #F0F0F0;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}

.bottom-top:before {
  position: absolute;
  content: "\f102";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 2em;
}

.bottom-top:hover {
  background: gray;
}

@media screen and (max-width: 639px) {
  .bottom-top {
    bottom: 1em;
    right: 1em;
    width: 2.5em;
    height: 2.5em;
  }
  .bottom-top:before {
    font-size: 2em;
  }
}

@media screen and (min-width: 640px) {
  .caja-border:last-of-type {
    box-shadow: -1px 0 0 #C6E4FB;
  }
}

@media screen and (max-width: 639px) {
  .caja-border:last-of-type {
    box-shadow: 0 -1px 0 #C6E4FB;
    padding-top: 1em;
    margin-top: 1em;
  }
}

.color-green {
  color: #00FF00 !important;
}

.color-red {
  color: #FF0000 !important;
}

.font-size-small {
  font-size: 0.8em !important;
}

.font-size-big {
  font-size: 1.2em !important;
}

.text-descoration-undeline {
  text-decoration: underline !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-right {
  text-align: right !important;
}

.foto-user-table {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.foto-user-table img {
  max-width: 2.5em;
  height: 2.5em;
  box-shadow: 0 0 2px 1px white;
}

.foto-user-table span {
  padding-left: .5em;
}

td .td_etiqueta_descuento {
  position: relative;
}

.span_etiqueta_descuento {
  display: block;
  position: absolute;
  background: green;
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  padding: .3em;
  font-weight: normal;
}

.cuadroDialogo {
  z-index: 1500 !important;
}

.formulario_readonly {
  border: 2px dotted #ccc !important;
}

.modal-notas {
  font-size: .8em;
}

.formulario-control {
  font-family: 'Open Sans', sans-serif;
}

.factura-container_filtro {
  border: 1px solid #ddd;
  margin-bottom: .5em;
}

.factura-title_filtro {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}

.factura-cerrar_ciclo {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}

.filtro-container_filtro {
  border: 1px solid #ddd;
  margin-bottom: .5em;
}

.filtro-title_filtro {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}

.filtro-cerrar_ciclo {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}

.asignar_estudiante_caja {
  /*box container items*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5em 0;
  border: 1px solid #ccc;
  background: rgba(0, 0, 0, 0.05);
}

.asignar_estudiante_user {
  padding-right: .5em;
  text-decoration: underline;
}

input.asignar_estudiante_parentesto {
  /*span btn close*/
  width: 35%;
  display: inline-block;
}

.asignar_estudiante_delete {
  color: red;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
}

.asignar_estudiante_responsable {
  /*label input checkbox*/
  padding: 0 .5em;
}

.nube-items_content {
  background: #F7F7F7;
}

.nube-title {
  margin: 0;
  padding: .5em .2em;
  color: #07416E;
}

.nube-items-all {
  font-size: .9em;
  margin: .4em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nube-items-all label {
  background: #FFFFFF;
  border-radius: .125em;
  box-shadow: 0 0 1px;
  padding: .3em;
}

.nube-item {
  display: inline-block;
  margin: .3em;
  width: 6em;
  height: 7em;
}

.nube-item-container {
  position: relative;
  background: #E6ECEF;
  height: 100%;
  overflow: hidden;
}

.nube-item_logo {
  display: block;
  width: 100%;
  height: 70%;
  font-size: 4em;
}

.nube-item_logo.fa {
  text-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: gray;
}

.nube-item_nombre {
  display: block;
  width: 100%;
  height: 30%;
  font-size: .8em;
  color: #454545;
  overflow: hidden;
  text-align: center;
}

.nube-item_checkbox {
  position: absolute;
  padding: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  border-radius: .125em;
}

.nute-item-fichero-descargar {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: .125em;
  width: 20px;
  height: 20px;
  text-align: center;
}

.nute-item-fichero-descargar:hover {
  text-decoration: none;
}

.nute-item-fichero-descargar:before {
  color: #07416E;
}

.nube-item_checkbox span {
  font-size: 1.2em;
}

.options-container {
  background: #FFFFFF;
  padding: .5em 0;
}

.options-group {
  margin: 0;
  padding: 0;
}

.btn-opcion {
  display: inline-block;
  padding: .2em .5em;
  text-align: center;
  background: #C6E4FB;
  box-shadow: 0 0 5px 1px #7CA7CB inset;
  border-radius: .25em;
  margin: .2em;
  color: #333;
  min-width: 6em;
}

.btn-opcion.disabled {
  box-shadow: 0 0 1px inset;
  background: #EEEEEE;
}

.btn-opcion:hover {
  box-shadow: 0 0 1px #FFFFFF inset;
  cursor: pointer;
}

.ocultar {
  display: none;
}

.box-info {
  display: table;
  background: #F0F0F0;
  color: #666;
  padding: .2em .4em;
  box-shadow: 0 0 1px 0px #aaa inset;
  border-radius: .125em;
}

.ficheros-listado {
  border: 1px solid #ccc;
  min-height: 5em;
}

.fichero-item {
  margin: .2em;
}

.fichero-data {
  position: relative;
  padding: .2em;
  background: #C6E4FB;
}

.fichero-btn-subir {
  margin-bottom: 0.3em;
}

.fichero-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  background: #FFFFFF;
  box-shadow: 0 0 1px #ccc inset;
  border-radius: 1.25%;
  text-align: center;
}

.fichero-delete:hover {
  cursor: pointer;
  box-shadow: 0 0 1px #999 inset;
}

.fichero-delete:before {
  position: absolute;
  top: 50%;
  left: 50%;
  color: red;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list li {
  padding: .1em;
}

#header {
  height: 3em;
  color: #666;
  border-bottom: 1px solid #8c8c8c;
  background: #999999;
  position: fixed;
}

.header-menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .2em;
}

.header-menu .header-logotipo {
  display: flex;
  align-items: center;
}

.header-menu .header-logotipo span {
  display: block;
  text-align: center;
  width: 20px;
  margin: 0 5px;
  font-size: xx-large;
  font-weight: bold;
  color: white;
}

.header-menu .header-logotipo:hover {
  text-decoration: none;
}

.header-menu .header-logotipo img {
  max-height: 2.5em;
}

/*@media screen and (max-width: 639px) {*/
/*  .header-menu .header-logotipo-big {*/
/*    display: none;*/
/*  }*/
/*}*/

/*.header-menu .header-logotipo-small {*/
/*  width: 100%;*/
/*}*/

/*@media screen and (min-width: 640px) {*/
/*  .header-menu .header-logotipo-small {*/
/*    display: none;*/
/*  }*/
/*}*/

@media screen and (max-width: 1023px) {
  .header-cuenta {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.header-cuenta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-cuenta {
  padding: 0;
  text-align: center;
}

.header-cuenta-box {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-cuenta-box .header-cuenta-item:last-child {
  margin-right: .3em;
}

.header-cuenta-box .header-usuario-nombre {
  font-size: .85em;
  font-weight: bold;
}

@media screen and (max-width: 639px) {
  .header-cuenta-box .header-usuario-nombre {
    display: none;
  }
}

.header-cuenta-box .header-usuario-nombre {
  color: #F0F0F0;
  text-decoration: none;
}

.header-cuenta-box .header-usuario-imagen {
  width: 2.2em;
  height: 2.2em;
  border-radius: .25em;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

@media screen and (max-width: 639px) {
  .header-cuenta-box .header-usuario-imagen {
    width: 1.8em;
    height: 1.8em;
  }
  .header-cuenta-box .header-usuario-imagen img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}

.header-cuenta-box .header-usuario-imagen img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.header-cuenta-box .header-usuario-cerrar {
  color: #0B69B1;
  font-size: 1.5em;
  font-weight: bold;
  transition: all .3s;
}

.header-cuenta-box .header-usuario-cerrar:hover {
  text-decoration: none;
  color: #052E4D;
}

@media screen and (max-width: 639px) {
  .header-cuenta-box .header-usuario-cerrar {
    font-size: 1em;
  }
}

.header-cuenta-box .header-mostrar-menu {
  width: 1.5em;
}

.header-mostrar-menu {
  font-size: 1.5em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.header-mostrar-menu--span {
  color: #0B69B1;
  transition: all .3s;
  cursor: pointer;
}

.header-mostrar-menu--span:hover {
  color: #052E4D;
}

@media screen and (max-width: 639px) {
  -cuenta .cuenta {
    font-size: .8em;
  }
}

.header-notificacion {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.header-notificacion-box {
  padding: 0 .5em;
  position: relative;
}

@media screen and (max-width: 639px) {
  .header-notificacion-box {
    padding: 0 .1em;
  }
}

.header-notificacion-box__icono {
  text-align: center;
  cursor: pointer;
  background: gray;
  width: 2em;
  height: 2em;
  border-radius: .25em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.header-notificacion-box__icono-icono {
  position: relative;
  z-index: 2;
}

.header-notificacion-box__icono-cantidad {
  position: absolute;
  z-index: 1;
  top: -0.4em;
  left: 1em;
}

.header-notificacion-box__icono .notificacion-icono {
  color: #F0F0F0;
  font-size: 1.3em;
}

.header-notificacion-box__icono .notificacion-cantidad {
  color: #F0F0F0;
  background: #07416E;
  box-shadow: 0 0 2px 1px #666;
  border-radius: .25em;
  padding: 0 0.5em;
}

.header-notificacion-box__icono.iconoArrow:after, .header-notificacion-box__icono.iconoArrow:before {
  content: "";
  position: absolute;
  margin: auto;
  right: 0;
  bottom: -1.125em;
  left: 0;
  width: 0;
  height: 0;
  z-index: 1;
  display: block;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.header-notificacion-box__icono.iconoArrow:before {
  border-bottom: 1.125em solid #aaa;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  bottom: -1.125em;
}

.header-notificacion-box__icono.iconoArrow:after {
  border-bottom: 1em solid #eee;
  border-left: 0.875em solid transparent;
  border-right: 0.875em solid transparent;
}

@media screen and (max-width: 639px) {
  .header-notificacion-box__icono.iconoArrow:after, .header-notificacion-box__icono.iconoArrow:before {
    bottom: -1.25em;
  }
  .header-notificacion-box__icono.iconoArrow:before {
    border-bottom: 1.25em solid #aaa;
    border-left: 1.125em solid transparent;
    border-right: 1.125em solid transparent;
    bottom: -1.25em;
  }
  .header-notificacion-box__icono.iconoArrow:after {
    border-bottom: 1.125em solid #eee;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
  }
}

.header-notificacion-box__icono:hover .notificacion-icono {
  font-size: 1.4em;
  color: #d6d6d6;
}

@media screen and (max-width: 639px) {
  .header-notificacion-box__icono:hover .notificacion-icono {
    font-size: 1.1em;
  }
}

.header-notificacion-box__icono:hover .notificacion-cantidad {
  box-shadow: 0 0;
}

@media screen and (max-width: 639px) {
  .header-notificacion-box__icono {
    width: 1.8em;
    height: 1.8em;
  }
  .header-notificacion-box__icono .notificacion-icono {
    font-size: 1em;
  }
  .header-notificacion-box__icono .notificacion-cantidad {
    font-size: .78em;
  }
}

.header-notificacion-box__listado {
  position: fixed;
  top: 3.5em;
  left: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: none;
}

.header-notificacion-box__listado-box {
  background: #eee;
  padding: 0 .5em;
  border: 2px solid #aaa;
  max-height: 40vh;
  border-radius: .25em;
  overflow: auto;
}

@media screen and (min-width: 640px) {
  .header-notificacion-box__listado-box {
    width: 30%;
  }
}

@media screen and (max-width: 399px) {
  .header-notificacion-box__listado-box {
    width: 50%;
  }
}

@media screen and (max-width: 639px) {
  .header-notificacion-box__listado-box {
    width: 90%;
  }
}

.header-notificacion-box__listado-item {
  width: 100%;
  padding-top: .5em;
}

.header-notificacion-box__listado-item-link {
  background: #bbb;
  border-radius: .25em;
  height: 3em;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-notificacion-box__listado-item-link:hover {
  text-decoration: none;
  background: #ddd;
}

.header-notificacion-box__listado-total {
  background: #a2a2a2;
  text-align: center;
  margin: .5em 0;
  border-radius: .25em;
  position: relative;
}

.header-notificacion-box__listado-total .notificacion-total-link {
  color: #F0F0F0;
}

.header-notificacion-box__listado-total .notificacion-total-link:hover {
  text-decoration: none;
}

.header-notificacion-box__listado-total .notificacion-total-span {
  font-weight: bold;
}

.header-notificacion-box__listado-total:hover {
  background: #959595;
  color: #666;
}

.header-notificacion-box__listado-total:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background: #bbb;
  top: -0.25em;
  left: 0;
}

.header-notificacion-box__listado .notificacion-imagen {
  width: 3m;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.header-notificacion-box__listado .notificacion-imagen img {
  width: 3em;
  height: 3em;
}

.header-notificacion-box__listado .notificacion-descripcion {
  width: calc(100% - 3em);
  color: #666;
  padding-left: .2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.header-notificacion-box__listado .notificacion-descripcion-title {
  font-weight: bold;
}

.header-notificacion-box__listado .notificacion-descripcion-contenido {
  padding-left: .2em;
}

@media screen and (max-width: 639px) {
  .header-notificacion-box__listado .notificacion-descripcion {
    font-size: .75em;
    padding: 0;
  }
}

.main-menu {
  width: 100%;
  min-height: calc(100vh - 7em);
  position: fixed;
  z-index: 100;
  display: none;
  overflow-y: auto;
  padding-bottom: 2.5em;
  background: #999999;
}

.main-menu a {
  color: #F0F0F0;
  transition: all .3s;
  display: block;
  padding: .5em;
  border-bottom: 1px solid #8c8c8c;
  text-decoration: none;
}

.main-menu a:hover {
  padding-left: 1.5em;
}

.main-menu .menu-links {
  margin: 0;
  padding: 0;
}

.main-menu .menu-links li {
  display: block;
}

.main-menu .menu-links li a {
  padding-left: 1em;
  background: #999999;
}

.main-menu .menu-links li .children {
  width: 100%;
  position: relative;
  display: none;
  padding: 0;
}

.main-menu .menu-links li .children li {
  margin: 0;
}

.main-menu .menu-links li .children li a {
  padding-left: 1.8em;
  background: #8f8f8f;
  border-bottom: 1px solid gray;
}

.main-menu .menu-links li .children li a:hover {
  padding-left: 2.3em;
}

.main-menu .menu-links li .caret {
  float: right;
}

.main-menu-user {
  bottom: 0;
  width: 100%;
  position: fixed;
  bottom: 48px;
  display: none;
  background: #999999;
}

.main-menu-user a {
  color: #F0F0F0;
  transition: all .3s;
  display: block;
  padding: .5em;
  border-bottom: 1px solid #8c8c8c;
  text-decoration: none;
}

.main-menu-user a:hover {
  padding-left: 1.5em;
}

.menu-user {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.menu-user li {
  display: block;
  position: relative;
}

.menu-user li a {
  padding-left: 1em;
  background: #a6a6a6;
  border-bottom: none;
  border-top: 1px solid #8c8c8c;
}

.menu-user li .children {
  width: 100%;
  position: absolute;
  display: none;
  padding: 0;
  bottom: 100%;
  z-index: 1;
}

.menu-user li .children li {
  margin: 0;
}

.menu-user li .children li a {
  padding-left: 1.8em;
  background: #adadad;
  border-top: 1px solid #969696;
}

.menu-user li .children li a:hover {
  padding-left: 2.3em;
}

.menu-user li .caret {
  float: right;
}

@media screen and (min-width: 1024px) {
  .main-menu,
  .main-menu-user {
    display: block;
  }
}

@media screen and (min-width: 640px) {
  .main-menu {
    position: relative;
    float: left;
  }
  .main-menu-user {
    position: absolute;
    bottom: 0;
  }
}

.formulario-control {
  display: block;
  width: 100%;
  padding: .2em .3em;
  font-size: .8em;
  line-height: 2;
  color: #666;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: .25em;
}

.formulario-control.inputDate {
  height: 32px;
}

select.formulario-control {
  height: 2.5em;
}

.formulario-items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25em;
  margin-right: -0.25em;
}

.formulario-items img {
  display: block;
}

body {
  overflow-x: hidden;
}

.formulario-items > .formulario-item-label {
  width: calc(33.33333% - 0.5em);
  margin: 0.25em;
}

@media screen and (min-width: 400px) {
  .formulario-items > .formulario-item-label {
    width: calc(16.66667% - 0.5em);
  }
}

.formulario-item-label {
  text-align: center;
}

.label-formulario {
  width: 100%;
}

.formulario-grupo {
  margin-bottom: .5em;
  width: 100%;
}

.mensaje-form {
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: .7em;
  color: red;
  text-align: right;
  font-weight: 600;
}

.radio,
.checkbox {
  display: none;
}

.radio + span,
.checkbox + span {
  color: #666;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5em;
  cursor: pointer;
}

.radio + span:before,
.checkbox + span:before {
  color: #07416E;
}

.radio + span > i,
.checkbox + span > i {
  padding-left: .1em;
}

.radio.checkboxAll + span,
.checkbox.checkboxAll + span {
  margin-top: .8em;
  font-size: 1em;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.radio.checkboxAll + span:after,
.checkbox.checkboxAll + span:after {
  content: "Todos";
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: .8em;
  display: table;
  position: absolute;
  top: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 399px) {
  .radio.checkboxAll + span:after,
  .checkbox.checkboxAll + span:after {
    font-size: .6em;
  }
}

.radio + span:before {
  content: "\f10c";
}

.radio:checked + span:before {
  content: "\f192";
}

.radio:checked + span > i {
  color: #07416E;
}

.checkbox + span:before {
  content: "\f096";
}

.checkbox:checked + span:before {
  content: "\f14a";
}

.checkbox.marcarGrupo + span {
  float: left;
  font-size: 1em;
}

.botton-icono {
  background: transparent;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.botton-icono:hover {
  background: transparent;
}

.botton-icono span {
  font-size: 1.5em;
}

.botton-icono span:hover {
  color: #07416E;
}

.boxSearch-caja {
  width: 50%;
  padding: 0 1em;
  margin: 0 auto;
}

@media screen and (max-width: 639px) {
  .boxSearch-caja {
    width: 100%;
  }
}

.boxSearch {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1em;
}

.boxSearch_input {
  margin-right: .5em;
}

.boxSearch_button {
  margin-bottom: 0;
}

.form_foto {
  position: relative;
  height: 7em;
  width: 7em;
  box-shadow: 0 0 2px 0;
}

.form_foto-icono {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  color: gray;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 1.8em;
  display: none;
  transition: 5s;
}

.form_foto-img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.form_foto:hover img {
  opacity: .7;
  cursor: pointer;
}

.form_foto:hover .form_foto-icono {
  display: initial;
}

.file_add {
  background: #67C100;
  padding: .2em .4em;
  border-radius: 1.25em;
  color: #F0F0F0;
  font-weight: bold;
  box-shadow: 0 0 2px 1px #4c8e00;
  cursor: pointer;
}

.file_add:hover {
  box-shadow: 0 0 2px 1px #3e7500;
}

.file__container {
  box-shadow: 0 0 2px 1px gray inset;
  background: #fff;
}

.file_progress {
  display: block;
}

.file-item {
  padding: .3em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  border-bottom: 1px solid #666;
}

.file-item:last-of-type {
  border-bottom: none;
}

.file-name {
  display: inline-block;
  width: calc(80% - 1em);
  margin-right: 1em;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .file-name {
    width: calc(65% - 1em);
  }
}

.file-btn-delete {
  font-weight: bold;
  margin-bottom: 0;
  width: 20%;
}

@media screen and (max-width: 639px) {
  .file-btn-delete {
    width: 35%;
  }
}

.loader {
  height: 35px;
  position: relative;
  margin: auto;
  cursor: wait;
  background: repeating-linear-gradient(-60deg, #67C100 0, #67C100 15px, #c5e5e7 15px, #c5e5e7 30px) 0/200%;
  -webkit-animation: loader 5s linear infinite;
          animation: loader 5s linear infinite;
}

.loader:before {
  content: "Subiendo..";
  position: absolute;
  font-weight: bold;
  color: #152800;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@-webkit-keyframes loader {
  to {
    background-position: 100% 0;
  }
}

@keyframes loader {
  to {
    background-position: 100% 0;
  }
}

.boton-derecha {
  float: right;
}

.button-aceptar {
  color: #F0F0F0;
  background: green;
}

.button-aceptar:hover {
  background: rgba(0, 128, 0, 0.7);
}

.button-cancelar {
  color: #F0F0F0;
  background: red;
}

.button-cancelar:hover {
  background: rgba(255, 0, 0, 0.7);
}

.button:disabled {
  cursor: not-allowed;
}

input:disabled {
  cursor: not-allowed;
}

button:disabled {
  cursor: not-allowed;
}

a.disabled {
  pointer-events: none;
}

.formulario-bottones {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 639px) {
  .formulario-bottones {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.formulario-bottones__item {
  display: block;
  background: none;
  outline: none;
  margin-bottom: 0;
  color: #666;
  padding: 0em;
  width: 1.875em;
  font-size: 1.5em;
  height: 1.875em;
  border-radius: 0.25em;
  margin: 0 .2em .2em .2em;
  transition: all .3s;
}

.formulario-bottones__item:hover {
  color: #fff;
  box-shadow: 0 0 2px 0 inset;
}

.formulario-bottones__item--add {
  box-shadow: 0 0 2px 0 green;
}

.formulario-bottones__item--add:hover {
  background: #07416E;
}

.formulario-bottones__item--update {
  box-shadow: 0 0 2px 0  orange;
}

.formulario-bottones__item--update:hover {
  background: #FFA500;
}

.formulario-bottones__item--delete {
  box-shadow: 0 0 2px 0 red;
}

.formulario-bottones__item--delete:hover {
  background: #EB001B;
}

.formulario-bottones .icono-botton {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.button-modal {
  background: #C6E4FB;
  color: #07416E;
  border-radius: .25em;
  box-shadow: 0 0 2px 0 #999999;
}

.button-modal:hover {
  background: #ccddeb;
  text-decoration: none;
}

.button-modal:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}

.btn-previous {
  position: relative;
}

.btn-previous:before {
  content: "\f060";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: .25em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

.btn-next {
  position: relative;
}

.btn-next:before {
  content: "\f061";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: .25em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

.btn-finish {
  position: relative;
}

.btn-finish:before {
  content: "\f00c";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: .25em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

#footer {
  background: #999999;
  border-top: 1px solid #8c8c8c;
  width: 100%;
  min-height: 3em;
  position: relative;
  z-index: 100;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

#footer p {
  position: relative;
  font-size: .8em;
  display: inline-block;
  padding: .2em .5em;
  margin: 0;
  color: #F0F0F0;
  border-right: 2px solid #F0F0F0;
}

#footer p:last-of-type {
  border: none;
}

@media screen and (min-width: 640px) {
  #footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 639px) {
  #footer {
    text-align: center;
  }
  #footer p {
    border-right: none;
    width: 100%;
  }
}

.modal-main-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 400;
  overflow: auto;
}

.modal-main-menu__box {
  position: relative;
  left: 0;
  width: 25%;
  height: 100%;
  left: -100%;
  background: white;
  padding: .5em 1em;
  overflow: auto;
}

@media screen and (max-width: 958px) {
  .modal-main-menu__box {
    width: 50%;
  }
}

@media screen and (max-width: 639px) {
  .modal-main-menu__box {
    width: 100%;
  }
}

.modal-main-menu-header {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.modal-main-title {
  color: #07416E;
  text-align: center;
}

.modal-main-descripcion {
  width: 100%;
  margin: 0;
  color: #666;
  text-decoration: underline;
  text-align: center;
}

.container-close-modal {
  background: rgba(255, 255, 255, 0.6);
  padding: 0;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  display: none;
  font-size: 1.5em;
  right: 1em;
}

.modal-main-close {
  padding: 0;
  line-height: 1.5em !important;
  color: #999999;
}

.modal-main-close:hover {
  color: #b3b3b3;
}

@media screen and (max-width: 399px) {
  .modal-main-close {
    position: fixed;
  }
}

.modal-main-menu-contenido {
  padding-top: 1.5em;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25em;
  margin-right: -0.25em;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-main-menu-contenido img {
  display: block;
}

body {
  overflow-x: hidden;
}

.modal-main-menu-contenido > .modal-main-menu__carpetas {
  width: calc(100% - 0.5em);
  margin: 0.25em;
}

.modal-main-menu__carpetas {
  background: #07416E;
  padding: .3em;
  border-radius: .25em;
  overflow: hidden;
}

.modal-main-menu__carpetas-titulo {
  margin: 0;
  padding: .5em .2em;
  width: 100%;
  color: #F0F0F0;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.modal-main-menu__carpetas-titulo--icono {
  width: 10%;
  font-size: 1.5em !important;
}

.modal-main-menu__carpetas-titulo--titulo {
  width: 80%;
  text-align: left;
  padding: 0;
  margin: 0;
}

.modal-main-menu__carpetas-titulo--arrow {
  width: 10%;
  text-align: right;
  cursor: pointer;
}

.modal-main-menu__carpetas-titulo--arrow:before {
  content: "\f063";
}

.modal-main-menu__carpetas-titulo--arrow:hover {
  color: #b9d1e4;
}

.modal-main-menu__carpetas-titulo--arrow:active {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.modal-main-menu__carpetas-listado {
  list-style: none;
  margin-top: 0em;
  margin-bottom: 0;
  padding-left: 0;
  display: none;
}

.modal-main-menu__carpetas-listado-open {
  list-style: none;
  margin-top: 0em;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
}

.modal-main-menu__carpetas-item {
  margin: 0.125em 0.1em;
  padding: .2em .5em;
  background: #C6E4FB;
  border-radius: .125em;
  box-shadow: 0 0 2px 0 #052E4D;
}

.modal-main-menu__carpetas-item:hover {
  background: #ccddeb;
  box-shadow: 0 0;
}

.modal-main-menu__carpetas-item:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
  background: #b9d1e4;
}

.modal-main-menu__carpetas-link {
  color: #666;
  display: block;
  width: 100%;
  padding: .25em 0;
  padding-left: .5em;
  transition: all .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal-main-menu__carpetas-link:hover {
  text-decoration: none;
}

.modal-main-menu__carpetas-link span {
  font-size: 1.5em;
  padding-right: .5em;
  color: #666;
}

.modal-main-menu__carpetas-link:hover {
  padding-left: .8em;
}

.modal-main-menu__carpetas-link.active {
  font-weight: bold;
}

.modal-main-menu__carpetas.none {
  padding: 0;
  background: none;
}

.modal-main-menu__carpetas.none .modal-main-menu__carpetas-item {
  box-shadow: 0 0 2px 0 #052E4D inset;
}

.modal-main-menu__carpetas.open .modal-main-menu__carpetas-titulo--arrow:before {
  content: "\f062";
}

.cuadroDialogo {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
}

.cuadroDialogo-close {
  top: 0%;
  right: .2em;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.cuadroDialogo-icono {
  width: 20%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cuadroDialogo-icono .correcto {
  color: green;
}

.cuadroDialogo-icono .incorrecto {
  color: red;
}

.cuadroDialogo-icono .informacion {
  color: #C73C27;
}

.cuadroDialogo-icono span {
  width: 100%;
  font-size: 4em;
}

.cuadroDialogo-content {
  width: 80%;
  font-size: .9em;
  padding-right: 1.5em;
}

.cuadroDialogo .cuadroDialogo-link {
  display: block;
  color: #999999;
  font-weight: bold;
}

.cuadroDialogo .cuadroDialogo-link:hover {
  text-decoration: none;
  color: #4d4d4d;
}

.cuadroDialogo .cuadroDialogoBox {
  position: relative;
  right: .5em;
  bottom: 3.5em;
  border-radius: .25em;
  overflow: hidden;
  background: #C6E4FB;
  box-shadow: 0 0 3px 1px #999999 inset;
  width: 20em;
  padding: .2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

@media screen and (max-width: 399px) {
  .cuadroDialogo .cuadroDialogoBox {
    width: 15em;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 399px) {
  .cuadroDialogo {
    width: 95%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cuadroDialogo .cuadroDialogoBox {
    width: 100%;
  }
}

.cuadroConfirmarBox-icono {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
}

.cuadroConfirmarBox-icono span {
  font-size: 3.5em;
}

.cuadroConfirmarBox-icono .informacion {
  color: #C73C27;
}

.fade {
  display: none;
}

.cuadroConfirmarBox-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 85%;
  padding-right: 15%;
}

.modal-panel {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  overflow: auto;
}

.modal-panelBox {
  position: relative;
  width: 35em;
  max-width: 100%;
  background: white;
  top: 3em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: .8em;
  border-radius: .25em;
  border-top-right-radius: 0;
  box-shadow: 0 0 5px 0px #fff;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 639px) {
  .modal-panelBox {
    width: 93%;
    top: 2em;
    margin-bottom: 1em;
  }
}

.modal-panel-title {
  width: 100%;
}

.modal-title {
  color: #999999;
  margin-top: 0;
}

.modal-panelBox-content {
  text-align: left;
  width: 100%;
}

.modal-panelBox-close {
  color: #999999;
  position: absolute;
  top: -.5em;
  right: -.3em;
  background: #fff;
  width: .8em;
  height: .8em;
  border-radius: 1.25em;
  box-shadow: 0 0 5px 0px #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5em;
  padding: .8em;
  cursor: pointer;
  z-index: -1;
}

.modal-panelBox-close:hover {
  color: gray;
}

.modal-panelBox-button {
  width: 100%;
  padding-top: 1em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.modal-panelBox-button input {
  margin-bottom: 0;
}

.filtro_ciclo_box-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  height: 2.5em;
}

.filtro_ciclo_box-container i,
.filtro_ciclo_box-container em {
  color: #999999;
  cursor: pointer;
  font-size: 1.2em;
}

.filtro_ciclo_box-container i:hover,
.filtro_ciclo_box-container em:hover {
  color: gray;
}

.filtro_ciclo_box-iconos {
  padding-left: .5em;
}

.mi-cuenta-rol {
  font-size: .6em;
}

.mi-cuenta-campo {
  margin-bottom: .5em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.mi-cuenta-grupo {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25em;
  margin-right: -0.25em;
}

.mi-cuenta-grupo img {
  display: block;
}

body {
  overflow-x: hidden;
}

.mi-cuenta-grupo > .mi-cuenta-grupo__item {
  width: calc(100% - 0.5em);
  margin: 0.25em;
}

@media screen and (min-width: 400px) {
  .mi-cuenta-grupo > .mi-cuenta-grupo__item {
    width: calc(50% - 0.5em);
  }
}

.mi-cuenta__campo {
  width: 100%;
  display: block;
  background: #fff;
  border: 1px solid #666;
  padding: .2em;
  border-radius: .25em;
  font-weight: 600;
}

.mi-cuenta__campo-titulo {
  color: rgba(102, 102, 102, 0.5);
  font-size: .8em;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mi-cuenta__campo-descripcion {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #666;
  overflow: hidden;
}

.mi-cuenta-foto {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .5em!important;
}

.mi-cuenta-foto img {
  max-height: 10em;
  border-radius: 0.25em;
  overflow: hidden;
  border: 1px solid #666;
}

.remplaceTdTh {
  font-weight: 600;
  text-align: right;
}

.remplaceTdTh:after {
  content: ":";
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  background: #fff;
  color: #444;
}

.table th,
.table td {
  padding: .38em;
  line-height: 1;
  vertical-align: center;
  border-top: 1px solid #bbb;
}

.table thead th {
  font-weight: bold;
  vertical-align: bottom;
  border-bottom: 2px solid #bbb;
}

.table tbody + tbody {
  border-top: 2px solid #bbb;
}

.table thead .th-checkbox {
  width: 3em;
  position: relative;
}

@media screen and (max-width: 399px) {
  .table thead .th-checkbox {
    width: 2em;
  }
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #bbb;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F1F7FD;
}

.table-hover tbody tr:hover td {
  background-color: #E2F1FD;
}

.table tbody tr.select {
  background-color: #BCDEFA;
}

.table tbody tr.select:hover {
  background-color: #E2F1FD;
}

.table-responsive {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto;
}

.table-flip-scroll table {
  width: 100%;
}

@media only screen and (max-width: 800px) {
  .table-flip-scroll .flip-content:after,
  .table-flip-scroll .flip-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .table-flip-scroll html .flip-content,
  .table-flip-scroll html .flip-header {
    -ms-zoom: 1;
    zoom: 1;
  }
  .table-flip-scroll *:first-child + html .flip-content,
  .table-flip-scroll *:first-child + html .flip-header {
    -ms-zoom: 1;
    zoom: 1;
  }
  .table-flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
  }
  .table-flip-scroll th,
  .table-flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .table-flip-scroll th:last-child,
  .table-flip-scroll td:last-child {
    border-bottom: 1px solid #bbb;
  }
  .table-flip-scroll th {
    border: 0 !important;
    border-right: 1px solid #bbb !important;
    width: auto !important;
    display: block;
    text-align: right;
  }
  .table-flip-scroll td {
    display: block;
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #bbb !important;
  }
  .table-flip-scroll thead {
    display: block;
    float: left;
  }
  .table-flip-scroll thead tr {
    display: block;
  }
  .table-flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table-flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
    border-left: 1px solid #bbb;
  }
}

.prematricula {
  box-shadow: 0 0 1px #999999;
  background: #fff;
  padding: 0 .5em;
  margin-bottom: 1em;
}

.prematricula_sinDatos-p {
  margin: 0;
  text-align: center;
  padding: .5em 0;
}

.prematricula_titulo-h, .prematricula_titulo-p {
  margin: 0;
  text-align: center;
  padding: .5em 0;
}

.prematricula_titulo-h {
  color: #07416E;
}

.prematricula_titulo-p {
  color: #666;
}

.tabs_container {
  max-width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .tabs_header-nav {
    max-width: calc(100% - 3em);
    position: relative;
    text-align: center;
    margin: 0 auto;
  }
  .tabs_header-nav .tabs_btn-scroll {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.5em;
    height: 100%;
    background: #fff;
    border-radius: 1.25em;
    z-index: 4;
    height: 1.5em;
    color: #0B69B1;
    cursor: pointer;
    box-shadow: 0 0 2px 1px #0B69B1;
    text-decoration: none;
  }
  .tabs_header-nav .tabs_btn-scroll-left {
    left: -1.4em;
  }
  .tabs_header-nav .tabs_btn-scroll-right {
    width: 1.5em;
    right: -1.4em;
  }
  .tabs_header-nav .tabs_btn-scroll i {
    display: block;
    position: relative;
    line-height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 640px) {
  .tabs_header-nav .tabs_btn-scroll {
    display: none;
  }
}

.tabs_header-ul {
  padding: 0;
  margin: 0;
  max-height: 2em;
}

@media screen and (min-width: 640px) {
  .tabs_header-ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .tabs_header-ul .tabs_btn-scroll {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .tabs_header-ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.tabs_header-li {
  min-width: 125px;
  line-height: 2em;
  text-align: center;
  border: 1px solid #0B69B1;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #052E4D;
  color: #F0F0F0;
  cursor: pointer;
}

@media screen and (max-width: 639px) {
  .tabs_header-li {
    margin: 0 .2em;
  }
}

.tabs_header-li.active {
  font-weight: bold;
  border: 2px solid #0B69B1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  position: relative;
  background: #fff;
  color: #666;
}

.tabs_header-li.active:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 2px;
  z-index: 2;
  background: #fff;
  bottom: -2px;
}

.tabs_content {
  position: relative;
}

.tabs_content-item {
  position: realtive;
  background: #fff;
  border: 2px solid #0B69B1;
  border-radius: 5px;
  display: none;
  padding: .2em .5em;
}

.tabs_content-item.active {
  z-index: 1;
  display: block;
}

.tabs_content-item_header-title {
  margin: 0;
  padding: .2em 0;
  color: #666;
}

.tabs_content-item_content {
  max-width: 100%;
}

.tabs_footer {
  margin-top: .5em;
  border-top: 1px solid gray;
  padding: .4em 0 .2em 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tabs_footer-btn {
  margin: 0 .8em;
}

.tabs_footer-btn:last-of-type {
  margin: 0;
}

/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Light/OpenSans-Light.woff2?v=1.101") format("woff2"), url("../fonts/Light/OpenSans-Light.woff?v=1.101") format("woff");
  font-weight: 300;
  font-style: normal;
}

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.101") format("woff2"), url("../fonts/LightItalic/OpenSans-LightItalic.woff?v=1.101") format("woff");
  font-weight: 300;
  font-style: italic;
}

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Regular/OpenSans-Regular.woff2?v=1.101") format("woff2"), url("../fonts/Regular/OpenSans-Regular.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Italic/OpenSans-Italic.woff2?v=1.101") format("woff2"), url("../fonts/Italic/OpenSans-Italic.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: italic;
}

/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Semibold/OpenSans-Semibold.woff2?v=1.101") format("woff2"), url("../fonts/Semibold/OpenSans-Semibold.woff?v=1.101") format("woff");
  font-weight: 600;
  font-style: normal;
}

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.101") format("woff2"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.101") format("woff");
  font-weight: 600;
  font-style: italic;
}

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Bold/OpenSans-Bold.woff2?v=1.101") format("woff2"), url("../fonts/Bold/OpenSans-Bold.woff?v=1.101") format("woff");
  font-weight: bold;
  font-style: normal;
}

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.101") format("woff2"), url("../fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.101") format("woff");
  font-weight: bold;
  font-style: italic;
}

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.101") format("woff2"), url("../fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.101") format("woff");
  font-weight: 800;
  font-style: normal;
}

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.101") format("woff2"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.101") format("woff");
  font-weight: 800;
  font-style: italic;
}

/* END Extrabold Italic */