@import url(fonts.css);

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto
}

.container-fluid {
  padding-right: 8px;
  padding-left: 8px
}

.row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  margin-right: calc(-4px);
  margin-left: calc(-4px);
  -moz-flex: 0 1 auto;
  -moz-flex-direction: row;
  -moz-flex-wrap: wrap;
}

.row *,
.row:after,
.row:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row.columna {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}




.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.row .col-1 {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: calc(4px);
  padding-left: calc(4px);
  -moz-flex: 0 0 auto;
}

.row.row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
}

.row.row-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.row.row-center {
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.row.row-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.row.row-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.row.row-middle {
  -webkit-align-items: center;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.row.row-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.row.row-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
}

.row.row-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
}

.row.row-first {
  -webkit-order: -1;
  order: -1;
  -moz-order: -1;
  -ms-order: -1;
}

.row.row-last {
  -webkit-order: 1;
  order: 1;
  -moz-order: 1;
  -ms-order: 1;
}

.row .col-margin-top {
  margin-top: 16px
}

.row .col-margin-right {
  margin-right: 16px
}

.row .col-margin-bottom {
  margin-bottom: 16px
}

.row .col-margin-left {
  margin-left: 16px
}

.row .col-margin-none {
  margin: 0 !important
}

.row .col-alignment-start {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.row .col-alignment-center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.row .col-alignment-end {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.row .col-alignment-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.row .col-alignment-middle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.row .col-alignment-bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.row>.col-12 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
}

.row>.col-11 {
  -webkit-flex-basis: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
  -moz-flex-basis: 91.66666667%;
  -ms-flex-basis: 91.66666667%;
}

.row>.col-10 {
  -webkit-flex-basis: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
  -moz-flex-basis: 83.33333333%;
  -ms-flex-basis: 83.33333333%;
}

.row>.col-9 {
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-basis: 75%;
}

.row>.col-8 {
  -webkit-flex-basis: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
  -moz-flex-basis: 66.66666667%;
  -ms-flex-basis: 66.66666667%;
}

.row>.col-7 {
  -webkit-flex-basis: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
  -moz-flex-basis: 58.33333333%;
  -ms-flex-basis: 58.33333333%;
}

.row>.col-6 {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
}

.row>.col-5 {
  -webkit-flex-basis: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
  -moz-flex-basis: 41.66666667%;
  -ms-flex-basis: 41.66666667%;
}

.row>.col-4 {
  -webkit-flex-basis: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  -moz-flex-basis: 33.33333333%;
  -ms-flex-basis: 33.33333333%;
}

.row>.col-3 {
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-basis: 25%;
}

.row>.col-2 {
  -webkit-flex-basis: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
  -moz-flex-basis: 16.66666667%;
  -ms-flex-basis: 16.66666667%;
}

.row>.col-1 {
  -webkit-flex-basis: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
  -moz-flex-basis: 8.33333333%;
  -ms-flex-basis: 8.33333333%;
}

.row>.col-offset-12 {
  margin-left: 100%
}

.row>.col-offset-11 {
  margin-left: 91.66666667%
}

.row>.col-offset-10 {
  margin-left: 83.33333333%
}

.row>.col-offset-9 {
  margin-left: 75%
}

.row>.col-offset-8 {
  margin-left: 66.66666667%
}

.row>.col-offset-7 {
  margin-left: 58.33333333%
}

.row>.col-offset-6 {
  margin-left: 50%
}

.row>.col-offset-5 {
  margin-left: 41.66666667%
}

.row>.col-offset-4 {
  margin-left: 33.33333333%
}

.row>.col-offset-3 {
  margin-left: 25%
}

.row>.col-offset-2 {
  margin-left: 16.66666667%
}

.row>.col-offset-1 {
  margin-left: 8.33333333%
}

.row>.col-offset-0 {
  margin-left: 0
}

.row>.col-order-12 {
  -webkit-order: 12;
  order: 12;
  -moz-order: 12;
  -ms-order: 12;
}

.row>.col-order-11 {
  -webkit-order: 11;
  order: 11;
  -moz-order: 11;
  -ms-order: 11;
}

.row>.col-order-10 {
  -webkit-order: 10;
  order: 10;
  -moz-order: 10;
  -ms-order: 10;
}

.row>.col-order-9 {
  -webkit-order: 9;
  order: 9;
  -moz-order: 9;
  -ms-order: 9;
}

.row>.col-order-8 {
  -webkit-order: 8;
  order: 8;
  -moz-order: 8;
  -ms-order: 8;
}

.row>.col-order-7 {
  -webkit-order: 7;
  order: 7;
  -moz-order: 7;
  -ms-order: 7;
}

.row>.col-order-6 {
  -webkit-order: 6;
  order: 6;
  -moz-order: 6;
  -ms-order: 6;
}

.row>.col-order-5 {
  -webkit-order: 5;
  order: 5;
  -moz-order: 5;
  -ms-order: 5;
}

.row>.col-order-4 {
  -webkit-order: 4;
  order: 4;
  -moz-order: 4;
  -ms-order: 4;
}

.row>.col-order-3 {
  -webkit-order: 3;
  order: 3;
  -moz-order: 3;
  -ms-order: 3;
}

.row>.col-order-2 {
  -webkit-order: 2;
  order: 2;
  -moz-order: 2;
  -ms-order: 2;
}

.row>.col-order-1 {
  -webkit-order: 1;
  order: 1;
  -moz-order: 1;
  -ms-order: 1;
}

@media (min-width:0px) {
  .row.row-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row.row-xs-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row.row-xs-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row.row-xs-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row.row-xs-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row.row-xs-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row.row-xs-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row.row-xs-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row.row-xs-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row.row-xs-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row.row-xs-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row .col-xs-margin-top {
    margin-top: 16px
  }

  .row .col-xs-margin-right {
    margin-right: 16px
  }

  .row .col-xs-margin-bottom {
    margin-bottom: 16px
  }

  .row .col-xs-margin-left {
    margin-left: 16px
  }

  .row .col-xs-margin-none {
    margin: 0 !important
  }

  .row .col-xs-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row .col-xs-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row .col-xs-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row .col-xs-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row .col-xs-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row .col-xs-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row>.col-xs-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row>.col-xs-11 {
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    -moz-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
  }

  .row>.col-xs-10 {
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    -moz-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
  }

  .row>.col-xs-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
  }

  .row>.col-xs-8 {
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    -moz-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
  }

  .row>.col-xs-7 {
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    -moz-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
  }

  .row>.col-xs-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row>.col-xs-5 {
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    -moz-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
  }

  .row>.col-xs-4 {
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -moz-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
  }

  .row>.col-xs-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
  }

  .row>.col-xs-2 {
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    -moz-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
  }

  .row>.col-xs-1 {
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    -moz-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
  }

  .row>.col-offset-xs-12 {
    margin-left: 100%
  }

  .row>.col-offset-xs-11 {
    margin-left: 91.66666667%
  }

  .row>.col-offset-xs-10 {
    margin-left: 83.33333333%
  }

  .row>.col-offset-xs-9 {
    margin-left: 75%
  }

  .row>.col-offset-xs-8 {
    margin-left: 66.66666667%
  }

  .row>.col-offset-xs-7 {
    margin-left: 58.33333333%
  }

  .row>.col-offset-xs-6 {
    margin-left: 50%
  }

  .row>.col-offset-xs-5 {
    margin-left: 41.66666667%
  }

  .row>.col-offset-xs-4 {
    margin-left: 33.33333333%
  }

  .row>.col-offset-xs-3 {
    margin-left: 25%
  }

  .row>.col-offset-xs-2 {
    margin-left: 16.66666667%
  }

  .row>.col-offset-xs-1 {
    margin-left: 8.33333333%
  }

  .row>.col-offset-xs-0 {
    margin-left: 0
  }

  .row>.col-order-xs-12 {
    -webkit-order: 12;
    order: 12;
    -moz-order: 12;
    -ms-order: 12;
  }

  .row>.col-order-xs-11 {
    -webkit-order: 11;
    order: 11;
    -moz-order: 11;
    -ms-order: 11;
  }

  .row>.col-order-xs-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row>.col-order-xs-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row>.col-order-xs-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row>.col-order-xs-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row>.col-order-xs-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row>.col-order-xs-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row>.col-order-xs-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row>.col-order-xs-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row>.col-order-xs-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row>.col-order-xs-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:568px) {
  .row.row-sm-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row.row-sm-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row.row-sm-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row.row-sm-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row.row-sm-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row.row-sm-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row.row-sm-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row.row-sm-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row.row-sm-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row.row-sm-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row.row-sm-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row .col-sm-margin-top {
    margin-top: 16px
  }

  .row .col-sm-margin-right {
    margin-right: 16px
  }

  .row .col-sm-margin-bottom {
    margin-bottom: 16px
  }

  .row .col-sm-margin-left {
    margin-left: 16px
  }

  .row .col-sm-margin-none {
    margin: 0 !important
  }

  .row .col-sm-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row .col-sm-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row .col-sm-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row .col-sm-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row .col-sm-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row .col-sm-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row>.col-sm-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row>.col-sm-11 {
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    -moz-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
  }

  .row>.col-sm-10 {
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    -moz-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
  }

  .row>.col-sm-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
  }

  .row>.col-sm-8 {
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    -moz-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
  }

  .row>.col-sm-7 {
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    -moz-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
  }

  .row>.col-sm-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row>.col-sm-5 {
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    -moz-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
  }

  .row>.col-sm-4 {
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -moz-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
  }

  .row>.col-sm-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
  }

  .row>.col-sm-2 {
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    -moz-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
  }

  .row>.col-sm-1 {
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    -moz-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
  }

  .row>.col-offset-sm-12 {
    margin-left: 100%
  }

  .row>.col-offset-sm-11 {
    margin-left: 91.66666667%
  }

  .row>.col-offset-sm-10 {
    margin-left: 83.33333333%
  }

  .row>.col-offset-sm-9 {
    margin-left: 75%
  }

  .row>.col-offset-sm-8 {
    margin-left: 66.66666667%
  }

  .row>.col-offset-sm-7 {
    margin-left: 58.33333333%
  }

  .row>.col-offset-sm-6 {
    margin-left: 50%
  }

  .row>.col-offset-sm-5 {
    margin-left: 41.66666667%
  }

  .row>.col-offset-sm-4 {
    margin-left: 33.33333333%
  }

  .row>.col-offset-sm-3 {
    margin-left: 25%
  }

  .row>.col-offset-sm-2 {
    margin-left: 16.66666667%
  }

  .row>.col-offset-sm-1 {
    margin-left: 8.33333333%
  }

  .row>.col-offset-sm-0 {
    margin-left: 0
  }

  .row>.col-order-sm-12 {
    -webkit-order: 12;
    order: 12;
    -moz-order: 12;
    -ms-order: 12;
  }

  .row>.col-order-sm-11 {
    -webkit-order: 11;
    order: 11;
    -moz-order: 11;
    -ms-order: 11;
  }

  .row>.col-order-sm-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row>.col-order-sm-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row>.col-order-sm-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row>.col-order-sm-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row>.col-order-sm-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row>.col-order-sm-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row>.col-order-sm-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row>.col-order-sm-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row>.col-order-sm-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row>.col-order-sm-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:768px) {
  .row.row-md-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row.row-md-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row.row-md-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row.row-md-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row.row-md-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row.row-md-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row.row-md-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row.row-md-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row.row-md-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row.row-md-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row.row-md-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row .col-md-margin-top {
    margin-top: 16px
  }

  .row .col-md-margin-right {
    margin-right: 16px
  }

  .row .col-md-margin-bottom {
    margin-bottom: 16px
  }

  .row .col-md-margin-left {
    margin-left: 16px
  }

  .row .col-md-margin-none {
    margin: 0 !important
  }

  .row .col-md-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row .col-md-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row .col-md-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row .col-md-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row .col-md-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row .col-md-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row>.col-md-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row>.col-md-11 {
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    -moz-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
  }

  .row>.col-md-10 {
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    -moz-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
  }

  .row>.col-md-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
  }

  .row>.col-md-8 {
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    -moz-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
  }

  .row>.col-md-7 {
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    -moz-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
  }

  .row>.col-md-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row>.col-md-5 {
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    -moz-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
  }

  .row>.col-md-4 {
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -moz-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
  }

  .row>.col-md-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
  }

  .row>.col-md-2 {
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    -moz-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
  }

  .row>.col-md-1 {
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    -moz-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
  }

  .row>.col-offset-md-12 {
    margin-left: 100%
  }

  .row>.col-offset-md-11 {
    margin-left: 91.66666667%
  }

  .row>.col-offset-md-10 {
    margin-left: 83.33333333%
  }

  .row>.col-offset-md-9 {
    margin-left: 75%
  }

  .row>.col-offset-md-8 {
    margin-left: 66.66666667%
  }

  .row>.col-offset-md-7 {
    margin-left: 58.33333333%
  }

  .row>.col-offset-md-6 {
    margin-left: 50%
  }

  .row>.col-offset-md-5 {
    margin-left: 41.66666667%
  }

  .row>.col-offset-md-4 {
    margin-left: 33.33333333%
  }

  .row>.col-offset-md-3 {
    margin-left: 25%
  }

  .row>.col-offset-md-2 {
    margin-left: 16.66666667%
  }

  .row>.col-offset-md-1 {
    margin-left: 8.33333333%
  }

  .row>.col-offset-md-0 {
    margin-left: 0
  }

  .row>.col-order-md-12 {
    -webkit-order: 12;
    order: 12;
    -moz-order: 12;
    -ms-order: 12;
  }

  .row>.col-order-md-11 {
    -webkit-order: 11;
    order: 11;
    -moz-order: 11;
    -ms-order: 11;
  }

  .row>.col-order-md-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row>.col-order-md-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row>.col-order-md-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row>.col-order-md-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row>.col-order-md-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row>.col-order-md-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row>.col-order-md-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row>.col-order-md-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row>.col-order-md-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row>.col-order-md-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:992px) {
  .row.row-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row.row-lg-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row.row-lg-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row.row-lg-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row.row-lg-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row.row-lg-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row.row-lg-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row.row-lg-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row.row-lg-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row.row-lg-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row.row-lg-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row .col-lg-margin-top {
    margin-top: 16px
  }

  .row .col-lg-margin-right {
    margin-right: 16px
  }

  .row .col-lg-margin-bottom {
    margin-bottom: 16px
  }

  .row .col-lg-margin-left {
    margin-left: 16px
  }

  .row .col-lg-margin-none {
    margin: 0 !important
  }

  .row .col-lg-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row .col-lg-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row .col-lg-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row .col-lg-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row .col-lg-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row .col-lg-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row>.col-lg-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row>.col-lg-11 {
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    -moz-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
  }

  .row>.col-lg-10 {
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    -moz-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
  }

  .row>.col-lg-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
  }

  .row>.col-lg-8 {
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    -moz-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
  }

  .row>.col-lg-7 {
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    -moz-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
  }

  .row>.col-lg-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row>.col-lg-5 {
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    -moz-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
  }

  .row>.col-lg-4 {
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -moz-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
  }

  .row>.col-lg-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
  }

  .row>.col-lg-2 {
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    -moz-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
  }

  .row>.col-lg-1 {
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    -moz-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
  }

  .row>.col-offset-lg-12 {
    margin-left: 100%
  }

  .row>.col-offset-lg-11 {
    margin-left: 91.66666667%
  }

  .row>.col-offset-lg-10 {
    margin-left: 83.33333333%
  }

  .row>.col-offset-lg-9 {
    margin-left: 75%
  }

  .row>.col-offset-lg-8 {
    margin-left: 66.66666667%
  }

  .row>.col-offset-lg-7 {
    margin-left: 58.33333333%
  }

  .row>.col-offset-lg-6 {
    margin-left: 50%
  }

  .row>.col-offset-lg-5 {
    margin-left: 41.66666667%
  }

  .row>.col-offset-lg-4 {
    margin-left: 33.33333333%
  }

  .row>.col-offset-lg-3 {
    margin-left: 25%
  }

  .row>.col-offset-lg-2 {
    margin-left: 16.66666667%
  }

  .row>.col-offset-lg-1 {
    margin-left: 8.33333333%
  }

  .row>.col-offset-lg-0 {
    margin-left: 0
  }

  .row>.col-order-lg-12 {
    -webkit-order: 12;
    order: 12;
    -moz-order: 12;
    -ms-order: 12;
  }

  .row>.col-order-lg-11 {
    -webkit-order: 11;
    order: 11;
    -moz-order: 11;
    -ms-order: 11;
  }

  .row>.col-order-lg-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row>.col-order-lg-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row>.col-order-lg-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row>.col-order-lg-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row>.col-order-lg-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row>.col-order-lg-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row>.col-order-lg-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row>.col-order-lg-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row>.col-order-lg-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row>.col-order-lg-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:1200px) {
  .row.row-xl-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row.row-xl-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row.row-xl-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row.row-xl-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row.row-xl-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row.row-xl-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row.row-xl-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row.row-xl-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row.row-xl-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row.row-xl-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row.row-xl-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row .col-xl-margin-top {
    margin-top: 16px
  }

  .row .col-xl-margin-right {
    margin-right: 16px
  }

  .row .col-xl-margin-bottom {
    margin-bottom: 16px
  }

  .row .col-xl-margin-left {
    margin-left: 16px
  }

  .row .col-xl-margin-none {
    margin: 0 !important
  }

  .row .col-xl-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row .col-xl-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row .col-xl-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row .col-xl-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row .col-xl-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row .col-xl-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row>.col-xl-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row>.col-xl-11 {
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    -moz-flex-basis: 91.66666667%;
    -ms-flex-basis: 91.66666667%;
  }

  .row>.col-xl-10 {
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    -moz-flex-basis: 83.33333333%;
    -ms-flex-basis: 83.33333333%;
  }

  .row>.col-xl-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
  }

  .row>.col-xl-8 {
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    -moz-flex-basis: 66.66666667%;
    -ms-flex-basis: 66.66666667%;
  }

  .row>.col-xl-7 {
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    -moz-flex-basis: 58.33333333%;
    -ms-flex-basis: 58.33333333%;
  }

  .row>.col-xl-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row>.col-xl-5 {
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    -moz-flex-basis: 41.66666667%;
    -ms-flex-basis: 41.66666667%;
  }

  .row>.col-xl-4 {
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    -moz-flex-basis: 33.33333333%;
    -ms-flex-basis: 33.33333333%;
  }

  .row>.col-xl-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
  }

  .row>.col-xl-2 {
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    -moz-flex-basis: 16.66666667%;
    -ms-flex-basis: 16.66666667%;
  }

  .row>.col-xl-1 {
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    -moz-flex-basis: 8.33333333%;
    -ms-flex-basis: 8.33333333%;
  }

  .row>.col-offset-xl-12 {
    margin-left: 100%
  }

  .row>.col-offset-xl-11 {
    margin-left: 91.66666667%
  }

  .row>.col-offset-xl-10 {
    margin-left: 83.33333333%
  }

  .row>.col-offset-xl-9 {
    margin-left: 75%
  }

  .row>.col-offset-xl-8 {
    margin-left: 66.66666667%
  }

  .row>.col-offset-xl-7 {
    margin-left: 58.33333333%
  }

  .row>.col-offset-xl-6 {
    margin-left: 50%
  }

  .row>.col-offset-xl-5 {
    margin-left: 41.66666667%
  }

  .row>.col-offset-xl-4 {
    margin-left: 33.33333333%
  }

  .row>.col-offset-xl-3 {
    margin-left: 25%
  }

  .row>.col-offset-xl-2 {
    margin-left: 16.66666667%
  }

  .row>.col-offset-xl-1 {
    margin-left: 8.33333333%
  }

  .row>.col-offset-xl-0 {
    margin-left: 0
  }

  .row>.col-order-xl-12 {
    -webkit-order: 12;
    order: 12;
    -moz-order: 12;
    -ms-order: 12;
  }

  .row>.col-order-xl-11 {
    -webkit-order: 11;
    order: 11;
    -moz-order: 11;
    -ms-order: 11;
  }

  .row>.col-order-xl-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row>.col-order-xl-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row>.col-order-xl-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row>.col-order-xl-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row>.col-order-xl-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row>.col-order-xl-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row>.col-order-xl-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row>.col-order-xl-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row>.col-order-xl-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row>.col-order-xl-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

.row-10 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  margin-right: calc(-4px);
  margin-left: calc(-4px);
  -moz-flex: 0 1 auto;
  -moz-flex-direction: row;
  -moz-flex-wrap: wrap;
}

.row-10 *,
.row-10:after,
.row-10:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.col-10,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg-1,
.col-lg-10,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.row-10 .col-1 {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: calc(4px);
  padding-left: calc(4px);
  -moz-flex: 0 0 auto;
}

.row-10.row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
}

.row-10.row-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.row-10.row-center {
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.row-10.row-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.row-10.row-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.row-10.row-middle {
  -webkit-align-items: center;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.row-10.row-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.row-10.row-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
}

.row-10.row-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
}

.row-10.row-first {
  -webkit-order: -1;
  order: -1;
  -moz-order: -1;
  -ms-order: -1;
}

.row-10.row-last {
  -webkit-order: 1;
  order: 1;
  -moz-order: 1;
  -ms-order: 1;
}

.row-10 .col-margin-top {
  margin-top: 16px
}

.row-10 .col-margin-right {
  margin-right: 16px
}

.row-10 .col-margin-bottom {
  margin-bottom: 16px
}

.row-10 .col-margin-left {
  margin-left: 16px
}

.row-10 .col-margin-none {
  margin: 0 !important
}

.row-10 .col-alignment-start {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.row-10 .col-alignment-center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.row-10 .col-alignment-end {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.row-10 .col-alignment-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.row-10 .col-alignment-middle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.row-10 .col-alignment-bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.row-10>.col-10 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
}

.row-10>.col-9 {
  -webkit-flex-basis: 90%;
  flex-basis: 90%;
  max-width: 90%;
  -moz-flex-basis: 90%;
  -ms-flex-basis: 90%;
}

.row-10>.col-8 {
  -webkit-flex-basis: 80%;
  flex-basis: 80%;
  max-width: 80%;
  -moz-flex-basis: 80%;
  -ms-flex-basis: 80%;
}

.row-10>.col-7 {
  -webkit-flex-basis: 70%;
  flex-basis: 70%;
  max-width: 70%;
  -moz-flex-basis: 70%;
  -ms-flex-basis: 70%;
}

.row-10>.col-6 {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  max-width: 60%;
  -moz-flex-basis: 60%;
  -ms-flex-basis: 60%;
}

.row-10>.col-5 {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
}

.row-10>.col-4 {
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  max-width: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%;
}

.row-10>.col-3 {
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
  max-width: 30%;
  -moz-flex-basis: 30%;
  -ms-flex-basis: 30%;
}

.row-10>.col-2 {
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
  max-width: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
}

.row-10>.col-1 {
  -webkit-flex-basis: 10%;
  flex-basis: 10%;
  max-width: 10%;
  -moz-flex-basis: 10%;
  -ms-flex-basis: 10%;
}

.row-10>.col-offset-10 {
  margin-left: 100%
}

.row-10>.col-offset-9 {
  margin-left: 90%
}

.row-10>.col-offset-8 {
  margin-left: 80%
}

.row-10>.col-offset-7 {
  margin-left: 70%
}

.row-10>.col-offset-6 {
  margin-left: 60%
}

.row-10>.col-offset-5 {
  margin-left: 50%
}

.row-10>.col-offset-4 {
  margin-left: 40%
}

.row-10>.col-offset-3 {
  margin-left: 30%
}

.row-10>.col-offset-2 {
  margin-left: 20%
}

.row-10>.col-offset-1 {
  margin-left: 10%
}

.row-10>.col-offset-0 {
  margin-left: 0
}

.row-10>.col-order-10 {
  -webkit-order: 10;
  order: 10;
  -moz-order: 10;
  -ms-order: 10;
}

.row-10>.col-order-9 {
  -webkit-order: 9;
  order: 9;
  -moz-order: 9;
  -ms-order: 9;
}

.row-10>.col-order-8 {
  -webkit-order: 8;
  order: 8;
  -moz-order: 8;
  -ms-order: 8;
}

.row-10>.col-order-7 {
  -webkit-order: 7;
  order: 7;
  -moz-order: 7;
  -ms-order: 7;
}

.row-10>.col-order-6 {
  -webkit-order: 6;
  order: 6;
  -moz-order: 6;
  -ms-order: 6;
}

.row-10>.col-order-5 {
  -webkit-order: 5;
  order: 5;
  -moz-order: 5;
  -ms-order: 5;
}

.row-10>.col-order-4 {
  -webkit-order: 4;
  order: 4;
  -moz-order: 4;
  -ms-order: 4;
}

.row-10>.col-order-3 {
  -webkit-order: 3;
  order: 3;
  -moz-order: 3;
  -ms-order: 3;
}

.row-10>.col-order-2 {
  -webkit-order: 2;
  order: 2;
  -moz-order: 2;
  -ms-order: 2;
}

.row-10>.col-order-1 {
  -webkit-order: 1;
  order: 1;
  -moz-order: 1;
  -ms-order: 1;
}

@media (min-width:0px) {
  .row-10.row-xs-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row-10.row-xs-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10.row-xs-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10.row-xs-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10.row-xs-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10.row-xs-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10.row-xs-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10.row-xs-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row-10.row-xs-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row-10.row-xs-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row-10.row-xs-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row-10 .col-xs-margin-top {
    margin-top: 16px
  }

  .row-10 .col-xs-margin-right {
    margin-right: 16px
  }

  .row-10 .col-xs-margin-bottom {
    margin-bottom: 16px
  }

  .row-10 .col-xs-margin-left {
    margin-left: 16px
  }

  .row-10 .col-xs-margin-none {
    margin: 0 !important
  }

  .row-10 .col-xs-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10 .col-xs-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10 .col-xs-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10 .col-xs-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10 .col-xs-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10 .col-xs-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10>.col-xs-10 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row-10>.col-xs-9 {
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    max-width: 90%;
    -moz-flex-basis: 90%;
    -ms-flex-basis: 90%;
  }

  .row-10>.col-xs-8 {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    -moz-flex-basis: 80%;
    -ms-flex-basis: 80%;
  }

  .row-10>.col-xs-7 {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-basis: 70%;
  }

  .row-10>.col-xs-6 {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
  }

  .row-10>.col-xs-5 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row-10>.col-xs-4 {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
  }

  .row-10>.col-xs-3 {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
  }

  .row-10>.col-xs-2 {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-basis: 20%;
  }

  .row-10>.col-xs-1 {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    max-width: 10%;
    -moz-flex-basis: 10%;
    -ms-flex-basis: 10%;
  }

  .row-10>.col-offset-xs-10 {
    margin-left: 100%
  }

  .row-10>.col-offset-xs-9 {
    margin-left: 90%
  }

  .row-10>.col-offset-xs-8 {
    margin-left: 80%
  }

  .row-10>.col-offset-xs-7 {
    margin-left: 70%
  }

  .row-10>.col-offset-xs-6 {
    margin-left: 60%
  }

  .row-10>.col-offset-xs-5 {
    margin-left: 50%
  }

  .row-10>.col-offset-xs-4 {
    margin-left: 40%
  }

  .row-10>.col-offset-xs-3 {
    margin-left: 30%
  }

  .row-10>.col-offset-xs-2 {
    margin-left: 20%
  }

  .row-10>.col-offset-xs-1 {
    margin-left: 10%
  }

  .row-10>.col-offset-xs-0 {
    margin-left: 0
  }

  .row-10>.col-order-xs-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row-10>.col-order-xs-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row-10>.col-order-xs-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row-10>.col-order-xs-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row-10>.col-order-xs-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row-10>.col-order-xs-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row-10>.col-order-xs-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row-10>.col-order-xs-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row-10>.col-order-xs-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row-10>.col-order-xs-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:568px) {
  .row-10.row-sm-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row-10.row-sm-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10.row-sm-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10.row-sm-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10.row-sm-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10.row-sm-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10.row-sm-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10.row-sm-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row-10.row-sm-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row-10.row-sm-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row-10.row-sm-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row-10 .col-sm-margin-top {
    margin-top: 16px
  }

  .row-10 .col-sm-margin-right {
    margin-right: 16px
  }

  .row-10 .col-sm-margin-bottom {
    margin-bottom: 16px
  }

  .row-10 .col-sm-margin-left {
    margin-left: 16px
  }

  .row-10 .col-sm-margin-none {
    margin: 0 !important
  }

  .row-10 .col-sm-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10 .col-sm-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10 .col-sm-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10 .col-sm-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10 .col-sm-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10 .col-sm-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10>.col-sm-10 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row-10>.col-sm-9 {
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    max-width: 90%;
    -moz-flex-basis: 90%;
    -ms-flex-basis: 90%;
  }

  .row-10>.col-sm-8 {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    -moz-flex-basis: 80%;
    -ms-flex-basis: 80%;
  }

  .row-10>.col-sm-7 {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-basis: 70%;
  }

  .row-10>.col-sm-6 {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
  }

  .row-10>.col-sm-5 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row-10>.col-sm-4 {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
  }

  .row-10>.col-sm-3 {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
  }

  .row-10>.col-sm-2 {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-basis: 20%;
  }

  .row-10>.col-sm-1 {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    max-width: 10%;
    -moz-flex-basis: 10%;
    -ms-flex-basis: 10%;
  }

  .row-10>.col-offset-sm-10 {
    margin-left: 100%
  }

  .row-10>.col-offset-sm-9 {
    margin-left: 90%
  }

  .row-10>.col-offset-sm-8 {
    margin-left: 80%
  }

  .row-10>.col-offset-sm-7 {
    margin-left: 70%
  }

  .row-10>.col-offset-sm-6 {
    margin-left: 60%
  }

  .row-10>.col-offset-sm-5 {
    margin-left: 50%
  }

  .row-10>.col-offset-sm-4 {
    margin-left: 40%
  }

  .row-10>.col-offset-sm-3 {
    margin-left: 30%
  }

  .row-10>.col-offset-sm-2 {
    margin-left: 20%
  }

  .row-10>.col-offset-sm-1 {
    margin-left: 10%
  }

  .row-10>.col-offset-sm-0 {
    margin-left: 0
  }

  .row-10>.col-order-sm-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row-10>.col-order-sm-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row-10>.col-order-sm-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row-10>.col-order-sm-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row-10>.col-order-sm-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row-10>.col-order-sm-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row-10>.col-order-sm-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row-10>.col-order-sm-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row-10>.col-order-sm-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row-10>.col-order-sm-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:768px) {
  .row-10.row-md-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row-10.row-md-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10.row-md-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10.row-md-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10.row-md-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10.row-md-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10.row-md-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10.row-md-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row-10.row-md-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row-10.row-md-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row-10.row-md-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row-10 .col-md-margin-top {
    margin-top: 16px
  }

  .row-10 .col-md-margin-right {
    margin-right: 16px
  }

  .row-10 .col-md-margin-bottom {
    margin-bottom: 16px
  }

  .row-10 .col-md-margin-left {
    margin-left: 16px
  }

  .row-10 .col-md-margin-none {
    margin: 0 !important
  }

  .row-10 .col-md-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10 .col-md-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10 .col-md-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10 .col-md-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10 .col-md-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10 .col-md-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10>.col-md-10 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row-10>.col-md-9 {
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    max-width: 90%;
    -moz-flex-basis: 90%;
    -ms-flex-basis: 90%;
  }

  .row-10>.col-md-8 {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    -moz-flex-basis: 80%;
    -ms-flex-basis: 80%;
  }

  .row-10>.col-md-7 {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-basis: 70%;
  }

  .row-10>.col-md-6 {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
  }

  .row-10>.col-md-5 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row-10>.col-md-4 {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
  }

  .row-10>.col-md-3 {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
  }

  .row-10>.col-md-2 {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-basis: 20%;
  }

  .row-10>.col-md-1 {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    max-width: 10%;
    -moz-flex-basis: 10%;
    -ms-flex-basis: 10%;
  }

  .row-10>.col-offset-md-10 {
    margin-left: 100%
  }

  .row-10>.col-offset-md-9 {
    margin-left: 90%
  }

  .row-10>.col-offset-md-8 {
    margin-left: 80%
  }

  .row-10>.col-offset-md-7 {
    margin-left: 70%
  }

  .row-10>.col-offset-md-6 {
    margin-left: 60%
  }

  .row-10>.col-offset-md-5 {
    margin-left: 50%
  }

  .row-10>.col-offset-md-4 {
    margin-left: 40%
  }

  .row-10>.col-offset-md-3 {
    margin-left: 30%
  }

  .row-10>.col-offset-md-2 {
    margin-left: 20%
  }

  .row-10>.col-offset-md-1 {
    margin-left: 10%
  }

  .row-10>.col-offset-md-0 {
    margin-left: 0
  }

  .row-10>.col-order-md-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row-10>.col-order-md-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row-10>.col-order-md-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row-10>.col-order-md-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row-10>.col-order-md-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row-10>.col-order-md-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row-10>.col-order-md-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row-10>.col-order-md-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row-10>.col-order-md-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row-10>.col-order-md-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:992px) {
  .row-10.row-lg-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row-10.row-lg-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10.row-lg-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10.row-lg-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10.row-lg-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10.row-lg-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10.row-lg-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10.row-lg-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row-10.row-lg-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row-10.row-lg-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row-10.row-lg-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row-10 .col-lg-margin-top {
    margin-top: 16px
  }

  .row-10 .col-lg-margin-right {
    margin-right: 16px
  }

  .row-10 .col-lg-margin-bottom {
    margin-bottom: 16px
  }

  .row-10 .col-lg-margin-left {
    margin-left: 16px
  }

  .row-10 .col-lg-margin-none {
    margin: 0 !important
  }

  .row-10 .col-lg-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10 .col-lg-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10 .col-lg-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10 .col-lg-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10 .col-lg-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10 .col-lg-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10>.col-lg-10 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row-10>.col-lg-9 {
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    max-width: 90%;
    -moz-flex-basis: 90%;
    -ms-flex-basis: 90%;
  }

  .row-10>.col-lg-8 {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    -moz-flex-basis: 80%;
    -ms-flex-basis: 80%;
  }

  .row-10>.col-lg-7 {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-basis: 70%;
  }

  .row-10>.col-lg-6 {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
  }

  .row-10>.col-lg-5 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row-10>.col-lg-4 {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
  }

  .row-10>.col-lg-3 {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
  }

  .row-10>.col-lg-2 {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-basis: 20%;
  }

  .row-10>.col-lg-1 {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    max-width: 10%;
    -moz-flex-basis: 10%;
    -ms-flex-basis: 10%;
  }

  .row-10>.col-offset-lg-10 {
    margin-left: 100%
  }

  .row-10>.col-offset-lg-9 {
    margin-left: 90%
  }

  .row-10>.col-offset-lg-8 {
    margin-left: 80%
  }

  .row-10>.col-offset-lg-7 {
    margin-left: 70%
  }

  .row-10>.col-offset-lg-6 {
    margin-left: 60%
  }

  .row-10>.col-offset-lg-5 {
    margin-left: 50%
  }

  .row-10>.col-offset-lg-4 {
    margin-left: 40%
  }

  .row-10>.col-offset-lg-3 {
    margin-left: 30%
  }

  .row-10>.col-offset-lg-2 {
    margin-left: 20%
  }

  .row-10>.col-offset-lg-1 {
    margin-left: 10%
  }

  .row-10>.col-offset-lg-0 {
    margin-left: 0
  }

  .row-10>.col-order-lg-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row-10>.col-order-lg-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row-10>.col-order-lg-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row-10>.col-order-lg-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row-10>.col-order-lg-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row-10>.col-order-lg-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row-10>.col-order-lg-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row-10>.col-order-lg-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row-10>.col-order-lg-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row-10>.col-order-lg-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

@media (min-width:1200px) {
  .row-10.row-xl-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
  }

  .row-10.row-xl-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10.row-xl-center {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10.row-xl-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10.row-xl-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10.row-xl-middle {
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10.row-xl-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10.row-xl-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
  }

  .row-10.row-xl-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
  }

  .row-10.row-xl-first {
    -webkit-order: -1;
    order: -1;
    -moz-order: -1;
    -ms-order: -1;
  }

  .row-10.row-xl-last {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }

  .row-10 .col-xl-margin-top {
    margin-top: 16px
  }

  .row-10 .col-xl-margin-right {
    margin-right: 16px
  }

  .row-10 .col-xl-margin-bottom {
    margin-bottom: 16px
  }

  .row-10 .col-xl-margin-left {
    margin-left: 16px
  }

  .row-10 .col-xl-margin-none {
    margin: 0 !important
  }

  .row-10 .col-xl-alignment-start {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
  }

  .row-10 .col-xl-alignment-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  }

  .row-10 .col-xl-alignment-end {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
  }

  .row-10 .col-xl-alignment-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
  }

  .row-10 .col-xl-alignment-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }

  .row-10 .col-xl-alignment-bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
  }

  .row-10>.col-xl-10 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
  }

  .row-10>.col-xl-9 {
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    max-width: 90%;
    -moz-flex-basis: 90%;
    -ms-flex-basis: 90%;
  }

  .row-10>.col-xl-8 {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    -moz-flex-basis: 80%;
    -ms-flex-basis: 80%;
  }

  .row-10>.col-xl-7 {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-basis: 70%;
  }

  .row-10>.col-xl-6 {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
    -moz-flex-basis: 60%;
    -ms-flex-basis: 60%;
  }

  .row-10>.col-xl-5 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
  }

  .row-10>.col-xl-4 {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-basis: 40%;
  }

  .row-10>.col-xl-3 {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-basis: 30%;
  }

  .row-10>.col-xl-2 {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-basis: 20%;
  }

  .row-10>.col-xl-1 {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    max-width: 10%;
    -moz-flex-basis: 10%;
    -ms-flex-basis: 10%;
  }

  .row-10>.col-offset-xl-10 {
    margin-left: 100%
  }

  .row-10>.col-offset-xl-9 {
    margin-left: 90%
  }

  .row-10>.col-offset-xl-8 {
    margin-left: 80%
  }

  .row-10>.col-offset-xl-7 {
    margin-left: 70%
  }

  .row-10>.col-offset-xl-6 {
    margin-left: 60%
  }

  .row-10>.col-offset-xl-5 {
    margin-left: 50%
  }

  .row-10>.col-offset-xl-4 {
    margin-left: 40%
  }

  .row-10>.col-offset-xl-3 {
    margin-left: 30%
  }

  .row-10>.col-offset-xl-2 {
    margin-left: 20%
  }

  .row-10>.col-offset-xl-1 {
    margin-left: 10%
  }

  .row-10>.col-offset-xl-0 {
    margin-left: 0
  }

  .row-10>.col-order-xl-10 {
    -webkit-order: 10;
    order: 10;
    -moz-order: 10;
    -ms-order: 10;
  }

  .row-10>.col-order-xl-9 {
    -webkit-order: 9;
    order: 9;
    -moz-order: 9;
    -ms-order: 9;
  }

  .row-10>.col-order-xl-8 {
    -webkit-order: 8;
    order: 8;
    -moz-order: 8;
    -ms-order: 8;
  }

  .row-10>.col-order-xl-7 {
    -webkit-order: 7;
    order: 7;
    -moz-order: 7;
    -ms-order: 7;
  }

  .row-10>.col-order-xl-6 {
    -webkit-order: 6;
    order: 6;
    -moz-order: 6;
    -ms-order: 6;
  }

  .row-10>.col-order-xl-5 {
    -webkit-order: 5;
    order: 5;
    -moz-order: 5;
    -ms-order: 5;
  }

  .row-10>.col-order-xl-4 {
    -webkit-order: 4;
    order: 4;
    -moz-order: 4;
    -ms-order: 4;
  }

  .row-10>.col-order-xl-3 {
    -webkit-order: 3;
    order: 3;
    -moz-order: 3;
    -ms-order: 3;
  }

  .row-10>.col-order-xl-2 {
    -webkit-order: 2;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
  }

  .row-10>.col-order-xl-1 {
    -webkit-order: 1;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
  }
}

body,
html {
  height: 100%;
  background-color: #ecf1f3;
  font-size: 100%;
}

a,
body,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: 400
}

img {
  display: block
}

a {
  text-decoration: none
}

input,
textarea {
  border: none
}

input:focus {
  border: none;
  outline: 0
}

ol,
ul {
  list-style: none
}

#envoltorio {
  position: relative;
  min-height: 100%;
}

#contenedor {
  overflow: hidden;
  width: 100%;
  background-color: #fff
}

* html .clearfix {
  overflow: visible;
  height: 1%;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0
}

.clear {
  clear: both
}

.wrap {
  position: relative;
  width: 1100px;
  margin: 0 auto
}

header .wrap {}

@media (min-width: 768px) {
  header .wrap {
    align-items: end;
    height: 130px;
  }
}


.wrap.wrap-formulario {
  box-sizing: border-box;
  padding: 0 5px
}

.t {
  margin-left: 20px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.movil {
  display: none !important
}

.izq {
  float: left
}

.der {
  float: right
}

.txt-celeste {
  color: #57cded
}

.txt-azul {
  color: #17CCF9
}

.txt-deep-blue {
  color: #221C46
}

.txt-amarillo {
  color: #FFDC37
}

.txt-rojo {
  color: #FF7375
}

.txt-morado {
  color: #951b81
}

.txt-naranjo {
  color: #e94e1b
}

.txt-verde {
  color: #00EB5E
}



.btn {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  margin: 20px 0;
  padding: 2px 30px 2px 20px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-align: left;
  border-radius: 7px;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  font-family: 'travel-regular', sans-serif;
  font-size: 11px;
  line-height: 27px;
}

.btn.parvulo {
  color: #fff;
  background-color: #f49bc2;
}

.btn.parvulo::after {
  color: #fff;
}

button.btn {
  line-height: 20px
}

.btn.der {
  margin-left: 10px
}

.btn.blanco {
  color: #2ba6df;
  background-color: #fff;
  background-image: url(../images/general/btn_flecha_blanco.gif)
}

.btn.celeste {
  color: #fff;
  background-color: #2ba6df;
  background-image: url(../images/general/btn_flecha_celeste.gif)
}

.btn.azul {
  color: #fff;
  background-color: #17CCF9;
  background-image: url(../images/general/btn_flecha_azul.gif)
}

.btn.azul2 {
  color: #fff;
  background-color: #221C46;
  background-image: url(../images/general/btn_flecha_azul2.gif)
}

.btn.naranjo {
  color: #fff;
  background-color: #e94e1b;
  background-image: url(../images/general/btn_flecha_naranjo.gif)
}

.btn.verde {
  color: #fff;
  background-color: #00EB5E;
  background-image: url(../images/general/btn_flecha_verde.gif)
}

.btn.morado {
  color: #fff;
  background-color: #951b81;
  background-image: url(../images/general/btn_flecha_morado.gif)
}

.btn.rojo {
  color: #fff;
  background-color: #d81e00;
  background-image: url(../images/general/btn_flecha_rojo.gif)
}

.btn.gris {
  min-width: auto;
  color: #34474f;
  background-color: #cdd8dc;
  background-image: url(../images/general/btn_flecha_gris.gif);
}

.btn.blanco-verde {
  color: #9cad2f;
  background-color: #fff;
  background-image: url(../images/general/btn_flecha_blanco_verde.gif)
}

.btn:hover {
  opacity: .8
}

.btn.no-ico {
  text-align: center;
  background-image: none;
}

.fila {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 0;
  text-align: center;
}

.fila:first-child {
  margin-top: 20px !important
}

.fila.borde {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #D1CFD7;
}

.fila * {
  text-align: left
}

.fila:first-child {
  margin-top: 0;
  padding-top: 0;
}

.fila:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none !important;
}

.fila::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0
}

.fila .col {
  display: inline-block
}

.fila .col:first-child {
  float: left
}

.fila .col.pull-left {
  float: left !important
}

.fila .col.pull-left:not(:first-child) {
  margin-left: 22px
}

.fila .col.pull-right {
  float: right !important
}

.fila .col-1 {
  width: 100%
}

.fila .col-2 {
  width: 46%;
  margin-right: 10%
}

.fila .col-3 {
  width: 28%;
  margin-right: 3%;
  padding-right: 3%
}

.fila .col-4 {
  width: 20%;
  margin-right: 2%;
  padding-right: 2%
}

.fila .col-5 {
  width: 16%;
  margin-right: 2%;
  padding-right: 2%
}

.fila .col-6 {
  width: 13%;
  margin-right: 2%;
  padding-right: 2%
}

.fila .col:last-child {
  float: right;
  margin-right: 0;
  padding-right: 0;
}

#mensaje-exito .btn {
  display: block;
  width: 150px;
  margin: 50px auto 0 auto;
}

.ico {
  display: block;
  width: 47px;
  height: 47px;
  margin: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center
}

.ico.azul {
  background-color: #17CCF9
}

.ico.morado {
  background-color: #951b81
}

.ico.naranjo {
  background-color: #e94e1b
}

.ico.verde {
  background-color: #00EB5E
}

.ico.rojo {
  background-color: #ed1c24
}

.ico-moneda {
  background-image: url(../images/iconos/ico_moneda.png)
}

.ico-grafico {
  background-image: url(../images/iconos/ico_grafico.png)
}

.ico-tarjeta {
  background-image: url(../images/iconos/ico_tarjeta.png)
}

.ico-noticia {
  background-image: url(../images/iconos/ico_noticia.png)
}

.ico-consulta {
  background-image: url(../images/iconos/ico_consulta.png)
}

.ico-tip {
  background-image: url(../images/iconos/ico_tip.png);
  background-position: 11px 7px
}

.ico-restaurant {
  background-image: url(../images/iconos/ico_restaurant.png);
  background-position: 7px 8px;
  background-size: 28px;
}

.ico-favorito {
  background-image: url(../images/iconos/ico_favorito.png)
}

.ico-pdf {
  min-width: auto;
  padding-right: 15px !important;
  padding-left: 30px;
  padding-left: 40px !important;
  color: #fff;
  background-color: #e6e3ea !important;
  background-image: url(../images/iconos/ico_pdf.gif) !important;
  background-position: 13px 5px;
  font-size: 10px
}

.ico-doc {
  min-width: auto;
  padding-right: 15px !important;
  padding-left: 30px;
  padding-left: 40px !important;
  color: #fff;
  background-color: #e6e3ea !important;
  background-image: url(../images/iconos/ico_doc.gif) !important;
  background-position: 13px 5px;
  font-size: 10px
}

.ico-xls {
  min-width: auto;
  padding-right: 15px !important;
  padding-left: 30px;
  padding-left: 40px !important;
  color: #fff;
  background-color: #e6e3ea !important;
  background-image: url(../images/iconos/ico_xls.gif) !important;
  background-position: 13px 5px;
  font-size: 10px
}

main {
  width: 100%;
  padding-bottom: 20px;
  background-color: #fff;
}

main h4 {
  margin: 20px 0;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 25px;
}

main h5 {
  margin: 20px 0;
  color: #596066;
  font-family: 'travel-light', sans-serif;
  font-size: 32px;
}

main h6 {
  margin: 20px 0;
  color: #596066;
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
}

main p {
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 20px
}

main p.mensaje_p {
  font-size: 16px;
  font-weight: bold;
}

main p.mensaje_p span {
  color: #17b3e8;
}

main li {
  margin-bottom: 10px;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
}

.division {
  width: 100%;
  height: 7px;
  margin: 10px 0;
  background-color: #fff;
}

header {
  position: relative;
  width: 100%;
  height: 130px;
  background-color: #221C46;
}

header h1 {
  float: left;
  height: 90px;
  margin: 0 !important;
  line-height: 130px;
}

header h1 a {
  display: block;
  width: 40px;
  margin-top: 25px;
}

@media (min-width: 1024px) {

  header h1 a {
    width: 180px;
    margin-top: 40px;
  }
}

header h1 a img {
  width: 100%;
}

header p.slogan {
  color: #ffffff;
  font-family: 'travel-light', sans-serif;
  display: inline-block;
  position: absolute;
  top: 53px;
  padding-left: 2em;
}

@media (max-width: 992px) {
  header p.slogan {
    display: none;
  }
}

header #acceso-usuarios {
  position: relative;
  float: right;
  width: 783px;
  height: 95px;
  margin-top: 18px
}

header #acceso-usuarios .titulo {
  float: left;
  width: 125px;
  height: 95px;
  margin-right: 20px
}

header #acceso-usuarios .titulo p {
  margin-top: 33px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'travel-light', sans-serif;
  font-size: 34px;
  line-height: 25px;
}

header #acceso-usuarios .titulo p span {
  display: block;
  text-transform: none;
  font-size: 14px
}

header #acceso-usuarios form {
  position: relative;
  float: left;
  width: 489px;
  margin-top: 30px
}

header #acceso-usuarios form .sk-fading-circle {
  float: left;
  width: 25px;
  height: 25px;
  margin-top: 1px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: 26px
}

header #acceso-usuarios form label {
  position: relative;
  display: block;
  float: left;
  width: auto;
  margin-bottom: 10px;
  text-indent: 5px;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 15px;
  line-height: 20px
}

@keyframes destacado {
  0% {
    background-color: #fff
  }

  100% {
    background-color: #A2E8A8
  }
}

header #acceso-usuarios form label input[type=password].destacado,
header #acceso-usuarios form label input[type=text].destacado {
  transition: box-shadow ease-in-out;
  animation-name: destacado;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

header #acceso-usuarios form label span.ej {
  position: absolute;
  top: 35px;
  left: 10px;
  display: block;
  color: #a5aabd;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

header #acceso-usuarios form label span.error {
  position: absolute;
  top: -18px;
  left: 10px;
  display: block;
  color: #EA0101;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

header #acceso-usuarios form label input[type=password],
header #acceso-usuarios form label input[type=text] {
  display: block;
  width: 140px;
  height: 24px;
  margin: 0 15px 0 0;
  padding: 3px 10px 3px 40px;
  border: none;
  border-radius: 3px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 5% 50%;
  font-family: 'travel-light', sans-serif;
  font-size: 13px;
}

header #acceso-usuarios form label input[type=password]:focus,
header #acceso-usuarios form label input[type=text]:focus {
  box-shadow: 0 0 0 1px #2CA5DE
}

header #acceso-usuarios form label input[type=text] {
  background-image: url(../images/general/login_ico_usuario.png)
}

header #acceso-usuarios form label input[type=password] {
  background-image: url(../images/general/login_ico_password.png)
}

header #acceso-usuarios form label input[type=password].error,
header #acceso-usuarios form label input[type=text].error {
  box-shadow: 0 0 0 1px #EA0101
}

header #acceso-usuarios form input[type=submit] {
  display: block;
  float: left;
  width: 75px;
  height: 30px;
  margin-left: 0;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #cc0025;
  font-family: 'travel-bold', sans-serif;
  font-size: 12px;
}

header #acceso-usuarios form input[type=submit]:hover {
  background-color: #5abae7;
  box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

header #acceso-usuarios a.olvido-clave {
  position: absolute;
  right: 192px;
  bottom: -7px;
  display: block;
  padding: 0 5px;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

header #acceso-usuarios a.olvido-clave::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: '';
  background-color: #2ba6df
}

header #acceso-usuarios a.olvido-clave:hover {
  color: #a5aabd
}

header #acceso-usuarios a.registro {
  position: absolute;
  right: 300px;
  bottom: -7px;
  display: block;
  padding: 0 5px;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

header #acceso-usuarios a.registro::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: '';
  background-color: #cc0025
}

header #acceso-usuarios a.registro:hover {
  color: #a5aabd
}

header #form-acceso-moviles {
  display: none
}

header #acceso-usuarios #login-fb {
  float: left;
  width: 128px;
  margin-top: 16px;
  margin-left: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}

header #acceso-usuarios #login-fb p {
  display: block;
  margin-bottom: 2px;
  color: #a5aabd;
  font-family: 'travel-regular', sans-serif;
  font-size: 10px;
}

header #btn-menu-moviles {
  display: none
}



nav {
  position: relative;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #00EB5E;
}

nav .wrap {
  z-index: 2
}

nav .wrap>ul>li {
  position: relative;
  display: inline;
  margin-right: 50px;
  line-height: 40px;
}

nav .wrap>ul>li>a {
  position: relative;
  display: inline-block;
  color: #221C46;
  font-family: 'travel-demi-bold', sans-serif;
  font-size: 0.875em;
}

nav .wrap>ul>li>a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 8px;
  content: '';
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #221C46;
}

nav .wrap>ul>li>a.selec::after,
nav .wrap>ul>li>a:hover::after {
  width: 100%
}

nav .wrap>ul>li>a.selec {
  font-family: 'travel-bold', sans-serif
}

nav .wrap>ul>li>a#mp-vivir-bien.selec::after {
  background-color: #221C46
}

.sub-menu.vivir-bien .wrap>ul>li>a {
  position: relative
}

.sub-menu.vivir-bien .wrap>ul>li>a.selec::after,
.sub-menu.vivir-bien .wrap>ul>li>a:hover::after {
  width: 100%
}

.sub-menu.vivir-bien .wrap>ul>li>a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 3px;
  content: '';
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}

nav .wrap>ul>li>ul {
  position: absolute;
  top: 31px;
  left: 0;
  display: none;
  width: 1000px;
  height: 30px;
  line-height: 30px
}

nav .wrap>ul>li>ul li {
  display: inline-block;
  height: 35px;
  margin-right: 45px;
  line-height: 35px;
}

nav .wrap>ul>li>ul li a {
  position: relative;
  display: block;
  color: #29295D;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 35px
}

nav .wrap>ul>li>ul li a.selec {
  font-family: 'travel-bold', sans-serif
}

header #dropdown-bg {
  position: absolute;
  z-index: 1;
  top: 40px;
  width: 100%;
  height: 35px;
  background-color: #fff;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 40px 0 20px 0;
  background-color: #221C46;
  border-top: solid 1px #918EA3;
}

footer .logo-sodexo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 170px
}

footer ul#menu-footer {
  padding: 0 20px;
}

@media (min-width: 1025px) {
  footer ul#menu-footer {
    float: left;
  }
}

footer ul#menu-footer li {
  display: inline-block;
}

footer ul#menu-footer li:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #918ea3;
}

footer ul#menu-footer li a {
  color: #fff;
  font-family: 'travel-demi-bold', sans-serif;
  font-size: 0.875em;
  line-height: 19px;
}

footer .app {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 1024px) {
  footer .app {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #918ea3;
  }
}

@media (min-width: 1025px) {
  footer .app {
    float: right;
    padding-left: 20px;
    padding-right: 0;
    margin-top: -18px;
  }
}

footer .app li {
  display: inline-block;
  color: #fff;
  font-family: 'travel-light', sans-serif;
  font-size: 8px;
  vertical-align: middle;
}

@media (min-width: 1025px) {
  footer .app li {
    font-size: 13px;
    line-height: 19px;
  }
}

footer .app li>a {
  display: inline-block;
}

footer .app li>a>img {
  width: 100px;
}

@media (min-width: 1025px) {
  footer .app li>a>img {
    width: 125px;
  }
}

footer #info-footer {
  margin-top: 30px;
  padding: 30px 20px 0 20px;

}

footer #info-footer span.info {
  display: inline-block;
  height: 40px;
  /* margin-right: 20px; */
  padding-top: 0;
  /* padding-right: 20px; */
  padding-bottom: 0;
  padding-left: 0;
  vertical-align: top;
  color: #fff;
  /* border-right: 1px solid rgba(255, 255, 255, .5); */
  font-family: 'travel-light', sans-serif;
  font-size: 13px;
  line-height: 28px;
}

footer #info-footer span.info.no-anchor {
  padding-left: 20px
}

footer #info-footer span.info:last-child {
  border-right: none
}

footer #info-footer span.info:last-child>a {
  position: relative;
  display: inline-block;
  padding-left: 21px;
}

/* footer #info-footer span.info:last-child>a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 100%;
  content: "\e801";
  color: #2ba6df;
  font-family: sodexo, sans-serif;
  font-size: 16px;
  line-height: 1;
} */

footer #info-footer span.info>a {
  display: block;
  color: #fff
}

footer #info-footer span.info>a:hover {
  opacity: .7
}

footer #info-footer span.info.telefono {
  padding-left: 40px;
  background-image: url(../images/general/footer_logo_telefono.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  line-height: 15px;
}

footer #info-footer span.info.telefono a {
  padding-top: 10px;
  color: #fff;
  font-family: 'travel-demi-bold', sans-serif;
  font-size: 18px;
}

footer #info-footer span.info.telefono a span {
  font-size: 13px;
  line-height: 13px
}

section {
  position: relative;
  width: 1040px;
  margin: 30px auto 20px auto;
  padding: 30px;
  border-radius: 7px;
  /* background-color: #fff */
}

section .btn-mover {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer
}

section .ico-seccion {
  width: 86px;
  margin: -60px auto 0 auto
}

section h4 {
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'travel-black', sans-serif;
  font-size: 27px;
  line-height: 30px;
}

section p {
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 20px
}

section p.destacado {
  font-size: 18px;
  font-weight: 700;
}

section li {
  margin-left: 13px;
  list-style: disc;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 25px;
}

section h4+p {
  width: 325px;
  margin: 10px auto;
  text-align: center;
  line-height: 16px
}

section h5 {
  margin-bottom: 20px;
  color: #3f4a56;
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
}

h5+.ico {
  margin-top: 5px;
  margin-right: 30px
}

main h5+.ico {
  margin-top: 25px;
  margin-right: 30px
}

section h5+.ico {
  margin-top: 5px
}

.sub-seccion .titulo h5+.ico {
  margin-right: 0
}

.sub-seccion .titulo h5+.btn {
  margin: 5px 0 0 0
}

.titulo {
  margin-top: 30px
}

.titulo:first-child {
  margin-top: 0
}

.titulo h5 {
  display: inline-block;
  margin-bottom: 30px;
  line-height: 40px;
}

.titulo h5::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  margin-top: 10px;
  content: '';
  background-color: #e9eff2;
}

.sub-seccion {
  padding: 10px 30px;
  border-radius: 7px;
  background-color: #e5ebed;
}

.sub-seccion h5 {
  margin-bottom: 30px;
  border-bottom-color: #f3f5f6;
}

.sub-seccion h5::after {
  width: calc(90% - 10px)
}

.sub-seccion .fila {
  border-bottom: 1px solid #fff
}

section h6 {
  margin-bottom: 10px;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 19px;
}

section figure a,
section h1 a,
section h2 a,
section h3 a,
section h4 a,
section h5 a,
section h6 a {
  display: inline;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.sk-fading-circle {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 100px auto;
}

.sk-fading-circle .sk-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sk-fading-circle .sk-circle:before {
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 auto;
  content: '';
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  border-radius: 100%;
  background-color: #4ac4f1;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

  0%,
  100%,
  39% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

@keyframes sk-circleFadeDelay {

  0%,
  100%,
  39% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.vex.vex-theme-plain .vex-content {
  border-radius: 5px
}

.vex.vex-theme-plain .vex-dialog-form .vex-dialog-message {
  font-family: 'travel-light', sans-serif
}

.vex.vex-theme-plain .vex-dialog-button {
  font-family: 'travel-regular', sans-serif !important
}

.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary {
  color: #fff;
  background: #2ba6df !important;
}

#cabecera {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 110px;
  padding: 0 0 10px;
  /* padding: 20px 0 30px 0; */
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #f1f4f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -moz-flex-direction: column;
}

#cabecera.mi-tarjeta {
  background-color: #17CCF9;
}

#cabecera.sala-cuna {
  background-color: #FCC1BE;
}

#cabecera.giftcard {
  background-color: #85FD96;
}

#cabecera.vivir-bien {
  background-color: #FFDC37;
}

#cabecera .titulo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0;
  -moz-flex: 1 0 auto;
  -moz-align-items: center;
  -ms-align-items: center;
}

#cabecera:not(.sodexo-club-portada) h2 {
  /* display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex; */
  display: block;
  width: 100%;
  letter-spacing: -1px;
  color: #221C46;
  font-family: 'travel-black', sans-serif;
  font-size: 28px;
}

#cabecera:not(.sodexo-club-portada) h2.tpago {
  font-family: 'travel-regular', sans-serif;
}

#cabecera:not(.sodexo-club-portada) h2.tpago span {
  font-family: 'travel-black', sans-serif;
  font-size: 26px;
  line-height: 30px;
}

#cabecera:not(.sodexo-club-portada) h2 span {
  /* position: relative;
  margin-left: 20px;
  padding-left: 20px; */
  font-family: 'travel-regular', sans-serif;
  font-size: 18px;
  display: block;
}

/* #cabecera:not(.sodexo-club-portada) h2 span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, .2);
} */

@media all and (max-width:1024px) {
  #cabecera:not(.sodexo-club-portada) h2.tpago span {
    font-size: 20px;
  }

  #cabecera:not(.sodexo-club-portada) h2 {
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    font-size: 15px;
    -moz-flex-direction: column;
    -moz-align-items: center;
    -ms-align-items: center;
    text-align: center;
    font-size: 24px;
  }

  #cabecera:not(.sodexo-club-portada) h2 span {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
  }

  #cabecera:not(.sodexo-club-portada) h2 span::before {
    display: none
  }
}

#cabecera h3 {
  text-transform: uppercase;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 15px;
}

@media all and (max-width:1024px) {
  #cabecera {
    height: auto;
    min-height: 110px;
  }
}

#cabecera #ruta {
  width: 100%;
  margin-top: 1em;
}

@media all and (max-width:1024px) {
  #cabecera #ruta {
    display: none
  }
}

#cabecera #ruta ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -moz-align-items: center;
  -ms-align-items: center;
}

#cabecera #ruta ul li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  margin: 0;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 10px;
  -moz-align-items: center;
  -ms-align-items: center;
}

#cabecera.mi-tarjeta #ruta ul li {
  color: #221C46;
}

#cabecera #ruta ul li::after {
  display: inline-block;
  margin: 5px;
  content: '/';
  color: #b9c7d4
}

#cabecera.mi-tarjeta #ruta ul li::after {
  display: inline-block;
  margin: 5px;
  content: '/';
  color: #221C46;
}

#cabecera #ruta ul li:first-child::after {
  content: ""
}

#cabecera #ruta ul li:last-child {
  font-weight: 700
}

#cabecera #ruta ul li:last-child a {
  font-weight: 700
}

#cabecera #ruta ul li:last-child::after {
  content: ""
}

#cabecera #ruta ul li a {
  text-decoration: none;
  color: inherit;
}

#cabecera.cabecera-publica {
  width: 100%;
  height: 110px;
  padding: 7px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #f1f4f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#cabecera.cabecera-publica .titulo {
  margin-top: 10px
}

#cabecera.cabecera-publica h2 {
  margin-top: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'travel-light', sans-serif;
  font-size: 45px;
}

#cabecera.cabecera-publica h3 {
  text-transform: uppercase;
  color: #221C46;
  ;
  font-family: '' travel-regular'', sans-serif;
  font-size: 15px;
}

#cabecera.cabecera-publica.registro {
  background-image: url(../images/interior/bg_clave.jpg)
}

#cabecera.cabecera-publica.politicas {
  background-image: url(../images/interior/bg_politicas.jpg)
}

#cabecera.cabecera-publica.bases {
  background-image: url(../images/interior/bg_bases.jpg)
}

#cabecera.cabecera-publica.faq {
  background-image: url(../images/interior/bg_faq.jpg)
}

#cabecera.mi-tarjeta .titulo .ico i::before {
  -webkit-transform: rotate(-17deg);
  -moz-transform: rotate(-17deg);
  -ms-transform: rotate(-17deg);
  -o-transform: rotate(-17deg);
  transform: rotate(-17deg)
}

#cabecera.vivir-bien .logo-cabecera-section {
  height: 70px
}

#cabecera.sodexo-club .logo-cabecera-section {
  height: 70px
}

#cabecera.sodexo-club-portada {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* height: 400px; */
  padding: 0;
  background-color: transparent;
}

#cabecera.sodexo-club-portada * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#cabecera.sodexo-club-portada::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 297px;
  content: "";
  background-image: -webkit-linear-gradient(top, #e4ebef 0, #fff 100%);
  background-image: -o-linear-gradient(top, #e4ebef 0, #fff 100%);
  background-image: linear-gradient(to bottom, #e4ebef 0, #fff 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe4ebef', endColorstr='#ffffffff', GradientType=0)
}

#cabecera.sodexo-club-portada h2 {
  margin-bottom: 15px;
  color: #3f4a56;
  font-size: 31px;
  line-height: initial;
}

#cabecera.sodexo-club-portada #ruta {
  position: relative;
  z-index: 9;
  height: 32px;
  margin: 0;
  border: 1px solid #dbe2e5;
  line-height: 32px;
}

#cabecera.sodexo-club-portada .cabecera-inner {
  height: 368px;
  padding: 15px 0;
  border-bottom: 2px solid #edf2f5;
}

#cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab {
  display: block;
  width: 100px;
  height: 100px;
}

#cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab.logo-pago {
  width: 100%;
  height: auto;
}

#cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab.logo-pago h2 {
  margin-bottom: 0px;
  padding-left: 10px;
  text-transform: uppercase;
  font-family: 'travel-bold', sans-serif;
  font-size: 27px;
}

#cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab img {
  height: 100%;
  object-fit: contain;
}

#cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab.logo-pago+.titulo {
  width: 530px;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo {
  position: relative;
  z-index: 120;
  display: block;
  width: 610px;
  height: 135px;
  margin-top: 20px;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo h2 {
  letter-spacing: .3px;
  color: #3f4a56;
  font-size: 18px;
  font-weight: lighter
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo .subtitulo {
  text-transform: uppercase;
  font-family: 'travel-light', sans-serif;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo h2 span.strong {
  color: #17CCF9;
  font-family: 'travel-bold', sans-serif;
  font-weight: 700;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo p {
  letter-spacing: .3px;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 13px;
  line-height: 23px;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo .btn.btn-call-to {
  width: 227px;
  min-width: 227px;
  height: 40px;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 15px;
}

#cabecera.sodexo-club-portada .cabecera-inner .titulo .btn.btn-call-to span.strong {
  margin-left: 5px;
  font-weight: 700
}

#cabecera.sodexo-club-portada .cabecera-inner .cabecera-slider {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 545px;
  height: 368px;
}

@media all and (max-width:1024px) {
  #cabecera.sodexo-club-portada {
    height: auto;
  }

  #cabecera.sodexo-club-portada .cabecera-inner {
    height: auto;
    padding: 15px 10px;
  }

  #cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab {
    margin: 0 auto;
  }

  #cabecera.sodexo-club-portada .cabecera-inner .titulo {
    width: 100%;
    height: auto;
    text-align: justify;
  }

  #cabecera.sodexo-club-portada .cabecera-inner .titulo h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf2f5;
  }

  #cabecera.sodexo-club-portada .cabecera-inner .titulo .btn.btn-call-to {
    margin: 20px auto 0 auto;
  }

  #cabecera.sodexo-club-portada .cabecera-inner .cabecera-slider {
    display: none;
  }
}

.is-sticky nav {
  z-index: 99999 !important;
  background-color: #00EB5E;
}

.is-sticky #cabecera-buscador {
  z-index: 999 !important;
}

#mensaje-exito {
  margin-top: 30px;
  padding: 20px 0;
}

#mensaje-exito h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #3f4a56;
  font-family: 'travel-bold', sans-serif;
  font-size: 24px;
  line-height: 30px;
}

#mensaje-exito h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 20px;
}

#mensaje-exito img {
  margin-right: 50px;

}

#mensaje-exito.centro {
  text-align: center
}

#mensaje-exito.centro img {
  margin: 0 auto
}

#mensaje-exito img.otro {
  width: 60px
}

#mensaje-exito a:not(.btn) {
  display: block;
  margin-bottom: 10px;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
}

.login-independiente .bg_slider {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.login-independiente form {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 230px;
  padding: 0 70px 40px 70px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50px;
  background-color: #221C46;
}

.login-independiente form label input[type=password],
.login-independiente form label input[type=text] {
  display: block;
  width: calc(100% - 50px);
  height: 24px;
  margin: 0 15px 0 0;
  padding: 3px 10px 3px 40px;
  border: none;
  border-radius: 3px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 5% 50%;
  font-family: 'travel-light', sans-serif;
  font-size: 13px;
}

.login-independiente form label input[type=password] {
  margin-bottom: 30px
}

.login-independiente form label input[type=password]:focus,
.login-independiente form label input[type=text]:focus {
  box-shadow: 0 0 0 1px #2CA5DE
}

.login-independiente form label input[type=text] {
  background-image: url(../images/general/login_ico_usuario.png)
}

.login-independiente form label input[type=password] {
  background-image: url(../images/general/login_ico_password.png)
}

.login-independiente form label input[type=password].error,
.login-independiente form label input[type=text].error {
  box-shadow: 0 0 0 1px #EA0101
}

.login-independiente form input[type=submit] {
  display: block;
  width: 100px;
  height: 30px;
  margin: 20px auto;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #2CA5DE;
  font-family: 'travel-bold', sans-serif;
  font-size: 12px;
}

.login-independiente form input[type=submit]:hover {
  background-color: #5abae7;
  box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.login-independiente form label span.ej {
  display: block;
  color: #a5aabd;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.login-independiente form label span.error {
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  color: #EA0101;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.login-independiente form .logo-crece-con-sodexo {
  width: 208px;
  margin: 0 auto
}

.login-independiente form .logo-sodexo {
  width: 174px;
  margin: 0 auto
}

.login-independiente .mensaje {
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 5px;
}

.login-independiente .mensaje p {
  text-align: center;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.login-independiente .mensaje p::before {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto 5px auto;
  content: '';
  background-image: url(../images/iconos/ico_advertencia.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.contenido-sodexo-club {
  margin-top: 20px;
  padding-bottom: 20vh;
}

.contenido-sodexo-club.subportada {
  margin-top: 0px;
  padding-top: 15vh;
  padding-bottom: 25vh;
}

.contenido-sodexo-club.subportada.giftcard h3,
.contenido-sodexo-club.subportada.giftcard h4,
.contenido-sodexo-club.subportada.giftcard p,
.contenido-sodexo-club.subportada.giftcard label {
  color: #ffffff;
}

.contenido-sodexo-club h3 {
  color: #221C46;
  font-family: 'travel-black', sans-serif;
  font-size: 27px;
  line-height: 1em;
  margin-bottom: 10px;
}

.contenido-sodexo-club .wmForm .form-field input.form-control {
  width: 300px;
}

.contenido-sodexo-club .wmForm .form-field label {
  text-align: center;
  margin-top: 20px;
}

@media all and (max-width:1024px) {
  .contenido-sodexo-club .btn-view-more {
    width: 300px;
    min-width: 300px;
    max-width: 300px
  }
}

@media all and (max-width:1024px) {
  .btn-view-more {
    width: 300px;
    min-width: 300px;
    max-width: 300px
  }
}

.contenido-sodexo-club>.titulo {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 7px solid #cbd8de;
}

.contenido-sodexo-club .titulo h6 {
  margin: 0
}

.contenido-sodexo-club .titulo .btn {
  margin: 0
}

.grupo-promociones .promocion {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 300px;
  height: 280px;
  margin: 0;
  margin-top: 0;
  margin-right: 20px;
  padding: 0;
  border: none;
  border-radius: 0
}

.contenido-sodexo-club .grupo-promociones .promocion {
  width: 350px;
  height: 326px;
  margin-right: 25px
}

.grupo-promociones .promocion:last-child {
  margin-right: 0
}

.grupo-promociones .promocion .vista-previa {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 259px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, .1);
}

.grupo-promociones .promocion .vista-previa-invitacion {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 300px;
  height: 260px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, .1);
  background-color: rgba(0, 0, 0, .1);
}

.grupo-promociones .promocion .vista-previa-invitacion .img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px
}

.grupo-promociones .promocion .vista-previa-invitacion .img img {
  width: 100%;
  object-fit: contain;
}

.grupo-promociones .promocion .vista-previa-invitacion h2 {
  text-align: center;
  color: rgba(0, 0, 0, .3);
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
}

.grupo-promociones .promocion .vista-previa-invitacion a.btn {
  text-align: center;
  color: #fff;
  border: 1px solid rgba(97, 97, 97, .3);
  background-color: rgba(0, 0, 0, .3);
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
}

.grupo-promociones .promocion .vista-previa-invitacion a.btn:hover {
  background-color: #17CCF9
}

.contenido-sodexo-club .grupo-promociones .promocion .vista-previa {
  width: 348px;
  height: 324px
}

.contenido-sodexo-club #slider-promociones {
  width: 100% !important
}

.contenido-sodexo-club #slider-promociones .cycle-pager {
  text-align: center
}

.contenido-sodexo-club #slider-promociones .cycle-pager span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 20px 5px;
  text-indent: -10000px;
  color: transparent;
  border-radius: 50%;
  background-color: #cbd8de;
}

.contenido-sodexo-club #slider-promociones .cycle-pager span.cycle-pager-active {
  background-color: #eb2026
}

.grupo-promociones.portada .promocion .vista-previa {
  float: left;
  margin: 0;
}

.grupo-promociones .promocion .vista-previa img.bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.grupo-promociones .promocion .vista-previa figure {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 3px;
  overflow: hidden;
  width: 93px;
  height: 50px;
}

.grupo-promociones .promocion .vista-previa figure img {
  width: 100%
}

.grupo-promociones .promocion .vista-previa p.titulo {
  position: relative;
  z-index: 2;
  width: 160px;
  margin-top: 90px;
  margin-left: 10px;
  white-space: normal;
  color: rgba(255, 255, 255, .5);
  font-family: 'travel-bold', sans-serif;
  font-size: 38px;
  line-height: 45px;
}

.contenido-sodexo-club .grupo-promociones .promocion .vista-previa p.titulo {
  margin-top: 120px;
  white-space: normal
}

.grupo-promociones .promocion .vista-previa p.detalle {
  position: relative;
  z-index: 2;
  width: 170px;
  margin-bottom: 5px;
  margin-left: 20px;
  padding-bottom: 5px;
  white-space: normal;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 16px;
}

.grupo-promociones .promocion .vista-previa p.tipo-promo {
  position: absolute;
  z-index: 2;
  top: 108px;
  left: 182px;
  width: 70px;
  -webkit-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  transform: rotate(-18deg);
  text-align: center;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 10px;
  line-height: 11px;
}

.contenido-sodexo-club .grupo-promociones .promocion .vista-previa p.tipo-promo {
  top: 135px;
  left: 202px
}

.grupo-promociones .promocion .vista-previa p.tipo-promo.una-linea {
  top: 107px;
  left: 171px
}

.grupo-promociones .promocion .vista-previa p.nombre-direccion {
  position: relative;
  z-index: 2;
  width: 160px;
  margin-bottom: 5px;
  margin-left: 20px;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 11px;
}

.grupo-promociones .promocion .vista-previa p.restriccion {
  position: relative;
  z-index: 2;
  width: 160px;
  margin-left: 20px;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 8px;
  line-height: 12px;
}

.grupo-promociones .promocion .vista-previa p.vigencia {
  position: relative;
  z-index: 2;
  width: 180px;
  margin-top: 5px;
  margin-left: 20px;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.grupo-descuentos * {
  box-sizing: border-box
}

.grupo-descuentos .item {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-flow: row;
  height: 155px;
  margin-right: 20px;
  padding: 25px 10px;
  border-radius: 3px;
  background-color: #f3f3f3;
}

.grupo-descuentos .item figure {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  line-height: 74px;
}

.grupo-descuentos .item figure img {
  width: 70%
}

.grupo-descuentos .item .texto {
  position: relative;
  flex: 1 1 auto;
  padding: 10px 75px 10px 20px
}

.grupo-descuentos .item .texto .dcto {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  color: #fff;
  border-radius: 50%;
  background-color: #4caf50;
  font-family: 'travel-regular', sans-serif;
}

.grupo-descuentos .item .texto .dcto span {
  font-size: 10px
}

.grupo-descuentos .item .texto .dcto span.cifra {
  font-size: 12px
}

.grupo-descuentos .item .texto .dcto span.cifra strong {
  font-family: 'travel-bold', sans-serif;
  font-size: 24px
}

.grupo-descuentos .item .texto .dcto.text {
  display: flex;
  flex-flow: column;
  font-size: 12px
}

.grupo-descuentos .item .texto .dcto.text span {
  font-family: 'travel-bold', sans-serif;
  font-size: 16px
}

.grupo-descuentos .item .texto h6 {
  margin: 0;
  padding: 0;
  color: #3f4a53;
  font-family: 'travel-regular', sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.grupo-descuentos .item .texto p {
  color: #3f4a53;
  font-size: 0.875em;
}

#detalle-convenio {
  margin: 30px 0
}

#detalle-convenio .izq {
  width: 45%
}

#detalle-convenio .der {
  width: 50%
}

#detalle-convenio #mapa {
  width: 100%;
  height: 300px;
  margin-top: 30px;
  margin-bottom: 30px;
}

#detalle-convenio p {
  margin-bottom: 30px
}

@media all and (max-width:1024px) {

  #detalle-convenio .der,
  #detalle-convenio .izq {
    width: 100%
  }
}

#detalle-convenio .izq figure {
  height: 100px;
  margin-bottom: 30px
}

#detalle-convenio .izq figure img {
  height: 100%
}

#detalle-convenio .izq ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  font-family: 'travel-bold', sans-serif;
}

#detalle-convenio .izq ul>li:last-child {
  border-bottom: none
}

#detalle-convenio .izq ul li span {
  display: block;
  margin-top: 3px;
  font-family: 'travel-regular', sans-serif;
}

#detalle-convenio .izq ul li ul li {
  margin: 10px 0;
  padding: 0;
  border-bottom: none;
  font-family: 'travel-regular', sans-serif;
}

#detalle-convenio .izq ul li a {
  color: #596066;
  font-family: 'travel-regular', sans-serif;
}

#detalle-convenio .izq ul li a:hover {
  text-decoration: underline
}

#detalle-convenio .izq ul li ul li.facebook {
  display: block;
  padding-left: 30px;
  background-image: url(../images/iconos/ico_facebook.gif);
  background-repeat: no-repeat;
  line-height: 30px
}

#detalle-convenio .izq ul li ul li.twitter {
  display: block;
  padding-left: 30px;
  background-image: url(../images/iconos/ico_twitter.gif);
  background-repeat: no-repeat;
  line-height: 30px
}

#detalle-convenio .izq ul li ul li.instagram {
  display: block;
  padding-left: 30px;
  background-image: url(../images/iconos/ico_instagram.gif);
  background-repeat: no-repeat;
  line-height: 30px
}

#detalle-convenio .izq ul li ul li.youtube {
  display: block;
  padding-left: 30px;
  background-image: url(../images/iconos/ico_youtube.gif);
  background-repeat: no-repeat;
  line-height: 30px
}

#detalle-convenio .izq .texto-chef {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 7px;
  background-color: #f3f3f3;
}

#detalle-convenio .izq .texto-chef img {
  float: left;
  width: 155px;
  margin-right: 20px;
}

#detalle-convenio .izq .texto-chef p {
  margin: 0;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 25px;
}

#receta-image-placeholder {
  width: 60%;
  margin: 150px auto 0 auto
}

#receta-image-placeholder img {
  width: 100%;
  object-fit: contain;
}

@media all and (max-width:1024px) {
  #receta-image-placeholder {
    width: 80%;
    margin: 20px auto
  }
}

#slideshow-imagenes-1 {
  width: 80%;
  height: auto;
  margin: 0 auto
}

#slideshow-imagenes-1 .cycle-slideshow {
  width: 100%
}

#slideshow-imagenes-1 .cycle-slideshow div.slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px
}

#slideshow-imagenes-2 {
  position: relative;
  width: calc(80% - 90px);
  margin: 10px auto 50px auto;
}

#slideshow-imagenes-2 .cycle-slideshow {
  width: 100% !important;
  padding-bottom: 10px
}

#slideshow-imagenes-2 .cycle-slideshow div.slide {
  overflow: hidden;
  width: 82px;
  height: 85px;
  margin-right: 13px;
  cursor: pointer;
  transition: border-bottom .2s ease-in-out;
  border-bottom: 5px solid transparent;
}

#slideshow-imagenes-2 .cycle-slideshow div.slide.cycle-slide-active {
  margin-bottom: 0;
  border-bottom: 5px solid #2ba6df;
}

#slideshow-imagenes-2 .cycle-slideshow div.slide img {
  height: 100%
}

#slideshow-imagenes-2 .cycle-prev {
  position: absolute;
  top: 20px;
  left: -50px
}

#slideshow-imagenes-2 .cycle-prev.disabled {
  opacity: .3
}

#slideshow-imagenes-2 .cycle-next {
  position: absolute;
  top: 20px;
  right: -50px
}

#slideshow-imagenes-2 .cycle-next.disabled {
  opacity: .3
}

#slideshow-imagenes-2 .cycle-next img {
  transform: rotate(180deg)
}

.owl-item {
  text-align: center
}

.owl-controls {
  width: 100%;
  height: 30px;
  margin: 0 auto
}

.owl-pagination {
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  text-align: center;
}

.owl-page {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #cbd8de;
}

.owl-page.active {
  background: #eb2026
}

.txtCenter {
  text-align: center
}

.txtLeft {
  text-align: left
}

.mensaje_importante {
  margin-top: 20px;
  padding: 20px;
  border-radius: 4px;
  background-color: #ef7613
}

.mensaje_importante p {
  padding-left: 45px;
  color: #FFF;
}

.mensaje_importante h2 {
  color: #fff;
  font-family: 'travel-bold', sans-serif !important;
  font-size: 18px;
}

.flota_derecha {
  float: right;
  padding-bottom: 10px;
  padding-left: 10px;
}

.flota_izquierda {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px
}

#rrss {
  position: fixed;
  z-index: 200;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#rrss a {
  display: block;
  cursor: pointer
}

.color-green {
  color: #099e44 !important
}

.color-red {
  color: #cb202d !important
}

.pb-none {
  padding-bottom: 0 !important
}

.page-section_subtitle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 12px;
  border-bottom: 8px solid #e9eff2;
  -moz-align-items: center;
  -ms-align-items: center;
}

.page-section_subtitle h5 {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  color: #3f4a56;
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
  -moz-flex: 1 1 auto;
}

.page-section_subtitle div.icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-justify-content: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  color: #221C46;
  border: 1px solid #00EB5E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #00EB5E;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -moz-flex: 0 1 auto;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

@media all and (max-width:1024px) {
  .page-section_subtitle {
    margin-top: 20px
  }

  .page-section_subtitle:first-child {
    margin-top: 0
  }
}

.slider-wrapper .owl-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.box-descuento {
  overflow: hidden;
  width: 300px;
  height: 260px;
  text-align: left;
  border: 1px solid #cdd8dd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.box-descuento * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.box-descuento .descuento-thumbnail {
  overflow: hidden;
  width: 100%;
  height: 150px;
}

.box-descuento .descuento-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.box-descuento .descuento-info {
  position: relative;
  width: 100%;
  height: 110px;
  padding: 17px;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
}

.box-descuento .descuento-info .descuento-globo {
  position: absolute;
  top: 0;
  right: 17px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #4caf50;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: 'travel-regular', sans-serif;
  -moz-flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.box-descuento .descuento-info .descuento-globo span {
  font-size: 10px
}

.box-descuento .descuento-info .descuento-globo span.cifra {
  font-size: 12px
}

.box-descuento .descuento-info .descuento-globo span.cifra strong {
  font-family: 'travel-bold', sans-serif;
  font-size: 24px
}

.box-descuento .descuento-info .descuento-globo.text {
  display: flex;
  flex-flow: column;
  font-size: 12px
}

.box-descuento .descuento-info .descuento-globo.text span {
  font-family: 'travel-bold', sans-serif;
  font-size: 16px
}

.box-descuento .descuento-info .descuento-logo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 72px;
  max-width: 72px;
  height: 40px;
  max-height: 40px;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.box-descuento .descuento-info .descuento-logo img {
  width: 100%;
  object-fit: contain
}

.box-descuento .descuento-info h3 {
  margin: 0;
  padding: 0 60px 0 0;
  white-space: normal;
  font-size: 17px;
  font-weight: 700;
}

.box-descuento .descuento-info p {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  line-height: 18px;
}

.box-promocion {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 260px;
  border: 1px solid #cdd8dd;
}

.box-promocion .promocion-image {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.box-promocion .promocion-image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.box-promocion .promocion-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.box-promocion .promocion-info .promocion-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 85px;
  max-width: 85px;
  height: 50px;
  max-height: 50px;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.box-promocion .promocion-info .promocion-logo img {
  width: 90%;
  object-fit: contain
}

.box-promocion .promocion-info p {
  margin: 0
}

.box-promocion .promocion-info p.tipo-promo {
  position: absolute;
  z-index: 2;
  top: 110px;
  left: 180px;
  width: 70px;
  -webkit-transform: rotate(-18deg);
  -moz-transform: rotate(-18deg);
  transform: rotate(-18deg);
  text-align: center;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 10px;
  line-height: 11px;
}

.box-promocion .promocion-info p.titulo {
  position: absolute;
  z-index: 2;
  top: 90px;
  left: 10px;
  width: 160px;
  white-space: normal;
  color: rgba(255, 255, 255, .5);
  font-family: 'travel-bold', sans-serif;
  font-size: 38px;
  line-height: 45px;
}

.box-promocion .promocion-info p.detalle {
  position: absolute;
  z-index: 2;
  top: 140px;
  left: 10px;
  width: 170px;
  padding-bottom: 5px;
  white-space: normal;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 16px;
}

.box-promocion .promocion-info p.vigencia {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 10px;
  width: 180px;
  white-space: normal;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  font-family: 'travel-regular', sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.srvs {
  width: 100%;
  padding: 50px 0;
  text-align: center;
}

.srvs .lnk-srv {
  display: inline-block;
  width: 300px;
  margin: 0 10px;
  vertical-align: top
}

.srvs .lnk-srv hgroup {
  display: block;
  box-sizing: border-box;
  padding: 20px 30px 20px 45px;
  text-align: left
}

.srvs figure.foto {
  width: 100%
}

.srvs h1 {
  color: #444e58;
  font-family: 'travel-regular', sans-serif;
  font-size: 20px
}

.srvs p {
  font-size: 13px
}

.srvs .btn-lnk {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 11px 0;
  padding: 0 0 0 20px;
  text-align: left;
  color: #fff;
  border-radius: 3px;
  font-family: 'travel-regular', sans-serif;
  line-height: 40px;
}

.srvs .btn-lnk span {
  width: 100%;
  height: 46px;
  border-radius: 3px;
  font-family: 'travel-regular', sans-serif;
  font-weight: 700
}

.srvs .btn-lnk.chk-res {
  background: url(images/interior/srv-flecha-verde.png) no-repeat 95% center #c2cc37
}

.srvs .btn-lnk.par-pass {
  background: url(images/interior/srv-flecha-rosada.png) no-repeat 95% center #f59ac3
}

.lnk-srv.reg {
  position: relative;
  height: 162px;
  margin: 9% 0;
}

.lnk-srv.reg .flecha {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 31px;
  height: 54px;
  margin: auto 0;
}

.lnk-srv.reg h2 {
  text-align: left;
  color: #596066;
  font-size: 20px;
  line-height: 27px;
}

.lnk-srv.reg span {
  display: block;
  padding-bottom: 15px;
  color: #2ba6df;
  font-size: 40px;
  line-height: 55px;
}

.lnk-srv.reg .deco {
  width: 51px;
  height: 10px;
  background-color: #2ba6df;
}

h2 {
  color: #444e58;
  font-family: 'travel-regular', sans-serif;
}

p {
  color: #444e58;
  font-family: 'travel-regular', sans-serif;
}

h2.tit-srvs {
  padding: 20px 0;
  font-size: 19px;
}

@media only screen and (max-width:768px) {
  .srvs .lnk-srv {
    margin: 0 0 30px 0
  }

  .srvs .lnk-srv hgroup {
    padding: 20px 30px 20px 30px
  }
}

.modal-contact-form,
.modal-solicitud {
  width: 660px;
  height: auto;
  min-height: 370px;
  padding: 28px 36px
}

.modal-contact-form .modal-contact-form-inner .contact-form-title,
.modal-solicitud .modal-contact-form-inner .contact-form-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 53px;
  padding-left: 65px;
}

.modal-contact-form .modal-contact-form-inner .contact-form-title::before,
.modal-solicitud .modal-contact-form-inner .contact-form-title::before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 53px;
  content: "";
  color: #fff;
  border-radius: 50%;
  background-color: #e6e3ea;
  font-family: sodexo, sans-serif;
  font-size: 28px
}

.modal-contact-form .modal-contact-form-inner .contact-form-title.title_contact::before,
.modal-solicitud .modal-contact-form-inner .contact-form-title.title_contact::before {
  /*content: "\e801";
  background-color: #4bc7ea*/
  background-image: url("/images/iconos/ico__email--titulo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53px;
}

.modal-contact-form .modal-contact-form-inner .contact-form-title.title_datos::before,
.modal-solicitud .modal-contact-form-inner .contact-form-title.title_datos::before {
  content: "\e905";
  background-color: #4bc7ea
}

.modal-contact-form .modal-contact-form-inner .contact-form-title.title_fav::before,
.modal-solicitud .modal-contact-form-inner .contact-form-title.title_fav::before {
  content: "\e901";
  background-color: #e94e1b
}

.modal-contact-form .modal-contact-form-inner .contact-form-title h2,
.modal-solicitud .modal-contact-form-inner .contact-form-title h2 {
  margin: 0;
  padding: 0;
  color: #221C46;
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.modal-contact-form .modal-contact-form-inner .contact-form-title .title_description,
.modal-solicitud .modal-contact-form-inner .contact-form-title .title_description {
  margin: 0;
  padding: 0;
  color: #3f4a56;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
}

.modal-contact-form .modal-contact-form-inner .contact-form-body form,
.modal-solicitud .modal-contact-form-inner .contact-form-body form {
  width: 100%
}

.modal-contact-form .modal-contact-form-inner .contact-form-body form .row,
.modal-solicitud .modal-contact-form-inner .contact-form-body form .row {
  margin-bottom: 0
}

.modal-contact-form .modal-contact-form-inner .contact-form-body form .form-field,
.modal-solicitud .modal-contact-form-inner .contact-form-body form .form-field {
  margin-bottom: 8px
}

.modal-contact-form .modal-contact-form-inner .contact-form-body form .chosen-container-single .chosen-single span,
.modal-solicitud .modal-contact-form-inner .contact-form-body form .chosen-container-single .chosen-single span {
  width: 100%
}

.btn {
  position: relative;
  display: inline-flex !important;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-width: 100px;
  height: 36px;
  min-height: 24px;
  margin: 0;
  padding: 0 30px 0 15px;
  color: #34474f;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
  background-color: #cdd8dd;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
  line-height: 1;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.btn::after {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  /* content: "\f105"; */
  pointer-events: none;
  color: #34474f;
  font-family: Sodexo, sans-serif;
  font-size: 16px;
  -ms-pointer-events: none;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.btn.after-check::after {
  top: 7px;
  width: 21px;
  height: 21px;
  margin-right: .5em;
  margin-left: .5em;
  content: "\e806";
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  border-radius: 50%;
  background-color: #393939 !important;
  font-family: "sodexo";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn.after-check {
  padding: 0px 36px 0 15px;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}





@-moz-keyframes blink {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.7;
  }

  100% {
    opacity: 1.0;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.7;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes blink {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.7;
  }

  100% {
    opacity: 1.0;
  }
}

.btn+.btn {
  margin-top: 7px
}

.btn.btn-xs {
  height: 24px !important
}

.btn.btn-xs::after {
  width: 24px !important;
  height: 24px !important
}

.btn.btn-block {
  width: 100%;
  min-width: 100%;
  max-width: 100%
}

.btn.btn-circle {
  -webkit-justify-content: center;
  justify-content: center;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.btn.btn-circle i {
  font-size: 26px
}

.btn.btn-circle::after {
  display: none !important;
  content: "";
}

.btn.btn-circle.btn-xs {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important
}

.btn.btn-circle.btn-xs i {
  font-size: 12px
}

.btn.btn-ico-inside {
  position: relative
}

.btn.btn-ico-inside .btn {
  position: absolute;
  top: 3px;
  right: -14px
}

.btn.btn-no-ico::after {
  content: ""
}

.btn.btn-alignment-left {
  justify-content: flex-start !important
}

.btn.btn-alignment-center {
  justify-content: center !important;
  text-align: center !important;
}

.btn.btn-alignment-right {
  justify-content: flex-end !important
}

.btn.btn-loader .btn-loader-wrapper .btn-loader-text {
  -webkit-justify-content: initial;
  justify-content: initial;
  -moz-justify-content: initial;
  -ms-justify-content: initial;
}

.btn-fixed-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important
}

.btn-fixed-150 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important
}

.btn-fixed-200 {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important
}

.btn-fixed-250 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important
}

.btn-fixed-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important
}

.btn-color-green {
  color: #221C46 !important;
  background-color: #00EB5E !important
}

.btn-color-green::after {
  color: #ffffff !important
}

.ico-color-green {
  color: #221C46 !important;
  background-color: #00EB5E !important
}

.ico-color-green.ico-mix .sub-ico {
  color: #00EB5E !important
}

.btn-color-black {
  color: #fff !important;
  background-color: #393939 !important
}

.btn-color-black::after {
  color: #fff !important
}

.ico-color-black {
  color: #fff !important;
  background-color: #393939 !important
}

.ico-color-black.ico-mix .sub-ico {
  color: #393939 !important
}

.btn-color-blue {
  color: #fff !important;
  background-color: #221C46 !important
}

.btn-color-blue::after {
  color: #fff !important
}

.ico-color-blue {
  color: #fff !important;
  background-color: #221C46 !important
}

.ico-color-blue.ico-mix .sub-ico {
  color: #221C46 !important
}

.btn-color-lightblue {
  color: #fff !important;
  background-color: #17CCF9 !important
}

.btn-color-lightblue::after {
  color: #fff !important
}

.ico-color-lightblue {
  color: #fff !important;
  background-color: #17CCF9 !important
}

.ico-color-lightblue.ico-mix .sub-ico {
  color: #17CCF9 !important
}

.btn-color-grayblue {
  color: #fff !important;
  background-color: #221C46 !important
}

.btn-color-grayblue::after {
  color: #fff !important
}

.ico-color-grayblue {
  color: #fff !important;
  background-color: #221C46 !important
}

.ico-color-grayblue.ico-mix .sub-ico {
  color: #445060 !important
}

.ico-pago-online {
  width: 67px;
  margin-bottom: 12px;
}

.ico-pago-online img {
  width: 100%;
}

.btn-color-gray {
  color: #fff !important;
  background-color: #e6e3ea !important
}

.btn-color-gray::after {
  color: #fff !important
}

.ico-color-gray {
  color: #fff !important;
  background-color: #e6e3ea !important
}

.ico-color-gray.ico-mix .sub-ico {
  color: #e6e3ea !important
}

.btn-color-red {
  color: #fff !important;
  background-color: #cd0025 !important
}

.btn-color-red::after {
  color: #fff !important
}

.ico-color-red {
  color: #fff !important;
  background-color: #cd0025 !important
}

.ico-color-red.ico-mix .sub-ico {
  color: #cd0025 !important
}

.btn-color-orange {
  color: #fff !important;
  background-color: #e94e1b !important
}

.btn-color-orange::after {
  color: #fff !important
}

.ico-color-orange {
  color: #fff !important;
  background-color: #e94e1b !important
}

.ico-color-orange.ico-mix .sub-ico {
  color: #e94e1b !important
}

.btn-color-verde {
  color: #fff !important;
  background-color: #00EB5E !important
}

.btn-color-verde::after {
  color: #221C46 !important
}

.ico-color-verde {
  color: #221C46 !important;
  background-color: #00EB5E !important
}

.ico-color-verde.ico-mix .sub-ico {
  color: #00EB5E !important
}

.btn-color-azul {
  color: #fff !important;
  background-color: #221C46 !important
}

.btn-color-azul::after {
  color: #fff !important
}

.ico-color-azul {
  color: #fff !important;
  background-color: #221C46 !important
}

.ico-color-azul.ico-mix .sub-ico {
  color: #221C46 !important
}

.btn-color-darkorange {
  color: #fff !important;
  background-color: #cf1d0f !important
}

.btn-color-darkorange::after {
  color: #fff !important
}

.ico-color-darkorange {
  color: #fff !important;
  background-color: #cf1d0f !important
}

.ico-color-darkorange.ico-mix .sub-ico {
  color: #cf1d0f !important
}

.btn-color-yellow {
  color: #fff !important;
  background-color: #FFDC37 !important
}

.btn-color-yellow::after {
  color: #fff !important
}

.ico-color-yellow {
  color: #221C46 !important;
  background-color: #FFDC37 !important
}

.ico-color-yellow.ico-mix .sub-ico {
  color: #FFDC37 !important
}

.btn-color-amarillo {
  color: #221C46 !important;
  background-color: #FFDC37 !important
}

.btn-color-amarillo::after {
  color: #221C46 !important
}

.ico-color-amarillo {
  color: #221C46 !important;
  background-color: #FFDC37 !important
}

.ico-color-amarillo.ico-mix .sub-ico {
  color: #FFDC37 !important
}

.btn-color-cyan {
  color: #fff !important;
  background-color: #17CCF9 !important
}

.btn-color-cyan::after {
  color: #fff !important
}

.ico-color-cyan {
  color: #fff !important;
  background-color: #17CCF9 !important
}

.ico-color-cyan.ico-mix .sub-ico {
  color: #17CCF9 !important
}

.btn-color-transparent {
  color: #3f4a56 !important;
  background-color: transparent !important
}

.btn-color-transparent::after {
  color: #3f4a56 !important
}

.ico-color-transparent {
  color: #3f4a56 !important;
  background-color: transparent !important
}

.ico-color-transparent.ico-mix .sub-ico {
  color: transparent !important
}

.btn-color-white {
  color: #cdd8dd !important;
  background-color: #fff !important
}

.btn-color-white::after {
  color: #cdd8dd !important
}

.ico-color-white {
  color: #cdd8dd !important;
  background-color: #fff !important
}

.ico-color-white.ico-mix .sub-ico {
  color: #fff !important
}

.btn-color-darkyellow {
  color: #fff !important;
  background-color: #f68a29 !important
}

.btn-color-darkyellow::after {
  color: #fff !important
}

.ico-color-darkyellow {
  color: #fff !important;
  background-color: #f68a29 !important
}

.ico-color-darkyellow.ico-mix .sub-ico {
  color: #f68a29 !important
}

.ico {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  color: #34474f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #cdd8dd;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.ico i {
  font-size: 26px
}

#cabecera.mi-tarjeta .ico>img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.ico>img {
  width: 60% !important;
  height: 60% !important;
  object-fit: contain;
}

.ico::after {
  display: none !important;
  content: "";
}

.ico.ico-xs {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important
}

.ico.ico-xs i {
  font-size: 12px
}

.ico.ico-ico-inside {
  position: relative
}

.ico.ico-ico-inside .ico {
  position: absolute;
  top: 3px;
  right: -14px
}

.ico.ico-mix {
  position: relative
}

.ico.ico-mix .ico {
  border: 1px solid #00f
}

.ico.ico-mix span.sub-ico {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.loading-indicator {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
  padding: 10px;
  transition: all .3s;
  opacity: 1;
  color: #798895;
  border-radius: 3px;
  font-size: 12px;
}

.no-text .loading-indicator {
  margin-top: 15px;
  margin-bottom: 0px;
}

.loading-indicator.hidden {
  opacity: 0
}

.loading-indicator.loading-indicator-notext {
  padding: 0
}

.loading-indicator::before {
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  content: "";
  animation: spin 1s infinite linear;
  border: .25rem solid rgba(48, 180, 228, .3);
  border-top-color: #17CCF9;
  border-radius: 50%;
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

form#formRegistro h5 {
  margin: 0 0 20px 0
}

form#formRegistro h5:first-child {
  margin-top: 20px
}

.wmForm,
.wmForms {
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 13px;
}

.wmForm .row,
.wmForms .row {
  margin-bottom: 15px
}

@media all and (max-width:1024px) {

  .wmForm .row,
  .wmForms .row {
    margin-bottom: 0
  }

  .wmForm .row [class^=col-],
  .wmForms .row [class^=col-] {
    margin-bottom: 0
  }
}

.wmForm.wmForm-style2 .row .col-lg-4:nth-child(3n+2) .form-field,
.wmForms.wmForm-style2 .row .col-lg-4:nth-child(3n+2) .form-field {
  margin: 0 auto
}

.wmForm.wmForm-style2 .row .col-lg-4:nth-child(3n+3) .form-field,
.wmForms.wmForm-style2 .row .col-lg-4:nth-child(3n+3) .form-field {
  margin-left: auto
}

.wmForm.wmForm-style2 .form-field,
.wmForms.wmForm-style2 .form-field {
  width: 80%
}

@media all and (max-width:1024px) {

  .wmForm.wmForm-style2 .row .col-lg-4:nth-child(3n+2) .form-field,
  .wmForms.wmForm-style2 .row .col-lg-4:nth-child(3n+2) .form-field {
    margin: initial
  }

  .wmForm.wmForm-style2 .row .col-lg-4:nth-child(3n+3) .form-field,
  .wmForms.wmForm-style2 .row .col-lg-4:nth-child(3n+3) .form-field {
    margin-left: initial
  }

  .wmForm.wmForm-style2 .form-field,
  .wmForms.wmForm-style2 .form-field {
    width: 100%
  }
}

.wmForm .form-field,
.wmForms .form-field {
  position: relative;
  box-sizing: border-box
}

.wmForm .form-field *,
.wmForms .form-field * {
  box-sizing: border-box
}

.wmForm .form-field.error input.form-control,
.wmForm .form-field.error select.form-control,
.wmForm .form-field.error textarea.form-control,
.wmForms .form-field.error input.form-control,
.wmForms .form-field.error select.form-control,
.wmForms .form-field.error textarea.form-control {
  color: #EA0101;
  border-color: #EA0101;
}

.wmForm .form-field.error span.error-label,
.wmForms .form-field.error span.error-label {
  position: static;
  bottom: -20px;
  left: 0;
  color: #EA0101;
  font-size: 12px;
}

.wmForm .form-field label,
.wmForm .form-field legend,
.wmForms .form-field label,
.wmForms .form-field legend {
  width: 100%;
  margin-bottom: 5px;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 0.875em;
  line-height: 20px;
}

.wmForm .form-field label div,
.wmForm .form-field legend div,
.wmForms .form-field label div,
.wmForms .form-field legend div {
  float: initial;
  margin: initial;
}

.wmForm .form-field input.form-control,
.wmForm .form-field select.form-control,
.wmForm .form-field textarea.form-control,
.wmForms .form-field input.form-control,
.wmForms .form-field select.form-control,
.wmForms .form-field textarea.form-control {
  /* width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 15px;
  border: 1px solid #D1CFD7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  outline: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 36px; */
  display: block;
  /* width: calc(100% - 12px); */
  width: 100%;
  height: 36px;
  padding: 3px 5px 3px 35px;
  /* border-radius: 5px; */
  border: 1px solid #D1CFD7;
  font-family: 'travel-regular', sans-serif;
  font-size: 13px;
  color: #596066;
  margin-top: 2px;
  background-image: url(../images/iconos/plus-gris.png);
  background-repeat: no-repeat;
  background-position: 6px center;
}

.wmForm .form-field input.persona.form-control,
.wmForms .form-field input.persona.form-control {
  background-image: url(../images/iconos/avatar-gris.png);
  background-repeat: no-repeat;
  background-position: 6px center;
}

.wmForm .form-field input.form-control:focus,
.wmForm .form-field select.form-control:focus,
.wmForm .form-field textarea.form-control:focus,
.wmForms .form-field input.form-control:focus,
.wmForms .form-field select.form-control:focus,
.wmForms .form-field textarea.form-control:focus {
  padding-left: 30px;
  background-color: #dbf3fb;
  border: 3px solid #1B51DC;
  padding: 3px 5px 3px 35px;
}

.wmForm .form-field textarea,
.wmForms .form-field textarea {
  min-height: 90px
}

.wmForm .form-field .chosen-container,
.wmForms .form-field .chosen-container {
  height: 36px !important;
  line-height: 36px !important
}

.wmForm .form-field .chosen-container .chosen-single,
.wmForms .form-field .chosen-container .chosen-single {
  margin: 0 !important;
  padding: 0 15px !important;
  line-height: 36px !important
}

.wmForm .form-field .chosen-container .chosen-choices,
.wmForms .form-field .chosen-container .chosen-choices {
  height: 100% !important;
  line-height: 100% !important
}

.wmForm .form-field .form-check,
.wmForm .form-field .form-radio,
.wmForms .form-field .form-check,
.wmForms .form-field .form-radio {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 0;
  line-height: 36px;
  -moz-align-items: center;
  -ms-align-items: center;
}

.wmForm .form-field .form-check .form-check-label,
.wmForm .form-field .form-radio .form-check-label,
.wmForms .form-field .form-check .form-check-label,
.wmForms .form-field .form-radio .form-check-label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex-direction: row;
}

.wmForm .form-field .form-check .form-check-label div[class^=icheckbox_],
.wmForm .form-field .form-radio .form-check-label div[class^=icheckbox_],
.wmForms .form-field .form-check .form-check-label div[class^=icheckbox_],
.wmForms .form-field .form-radio .form-check-label div[class^=icheckbox_] {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin-right: 10px !important
}

.wmForm .form-field .form-check .form-check-label div[class^=radiobox],
.wmForm .form-field .form-radio .form-check-label div[class^=radiobox],
.wmForms .form-field .form-check .form-check-label div[class^=radiobox],
.wmForms .form-field .form-radio .form-check-label div[class^=radiobox] {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  margin-right: 10px !important
}

.wmForm .form-field .form-check .form-check-label span,
.wmForm .form-field .form-radio .form-check-label span,
.wmForms .form-field .form-check .form-check-label span,
.wmForms .form-field .form-radio .form-check-label span {
  text-indent: 0
}

.wmForm .form-field .help-text,
.wmForms .form-field .help-text {
  display: block;
  margin: 10px 0
}

.wmForm .form-field .help-text p,
.wmForms .form-field .help-text p {
  margin: 0;
  padding: 0;
  text-align: left;
}

.wmForm .form-field .input-group,
.wmForms .form-field .input-group {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex
}

.wmForm .form-field .input-group .form-control:not(:nth-child(1)),
.wmForms .form-field .input-group .form-control:not(:nth-child(1)) {
  padding-right: calc(5px + 36px)
}

.wmForm .form-field .input-group .input-group-btn,
.wmForms .form-field .input-group .input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 0 25px;
  -moz-align-items: center;
  -ms-align-items: center;
}

.wmForm .form-field .input-group .input-icon-inside,
.wmForms .form-field .input-group .input-icon-inside {
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 100%;
  pointer-events: none;
  color: #b7b7b7;
  font-size: 24px;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-pointer-events: none;
}

.wmForm .form-field .input-group .input-icon-inside:first-child,
.wmForms .form-field .input-group .input-icon-inside:first-child {
  left: 0
}

.wmForm .form-field .input-group .input-icon-inside:first-child+input,
.wmForms .form-field .input-group .input-icon-inside:first-child+input {
  padding-left: calc(5px + 36px)
}

.wmForm .form-field .input-group .input-icon-inside:last-child,
.wmForms .form-field .input-group .input-icon-inside:last-child {
  right: 0
}

.wmForm .form-field .input-group .input-icon-outside,
.wmForms .form-field .input-group .input-icon-outside {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

a.btn-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  color: #fff;
  border-radius: 50%;
  background-color: #f17600;
}

a.btn-info * {
  box-sizing: border-box
}

a.btn-info i {
  display: flex;
  align-items: center;
  justify-content: center
}

.wmModal {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.wmModal::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  /*background-color: rgba(65, 172, 211, .76);*/
  background-color: #221C46;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}

.wmModal.visible {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

.wmModal.visible::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

.wmModal.visible .modal-content-wrapper {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

.wmModal * {
  box-sizing: border-box
}

.wmModal .modal-content-wrapper {
  position: relative;
  width: 100px;
  max-width: calc(100% - 50px);
  height: 100px;
  max-height: calc(100% - 50px);
  margin: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: transparent;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*-webkit-box-shadow: -3px 3px 10px #2f8db1, 3px 3px 10px #2f8db1;
  box-shadow: -3px 3px 10px #2f8db1, 3px 3px 10px #2f8db1;*/
  -webkit-opacity: 0;
  -moz-opacity: 0;
}

.wmModal .modal-content-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
  opacity: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-pointer-events: none;
}

.wmModal .modal-content-wrapper.fullsizepreview::after {
  pointer-events: initial;
  opacity: .6;
  -webkit-opacity: .6;
  -moz-opacity: .6;
  -ms-pointer-events: initial;
}

.wmModal .modal-content-wrapper .modal-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  background-color: #fff;
}

.wmModal .modal-content-wrapper .modal-content>img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.wmModal .modal-content-wrapper iframe {
  width: 100%;
  height: 100%
}

.wmModal .modal-content-wrapper .close-modal {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: all .3s ease;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  /*border-radius: 50%;
  background-color: #221C46;*/
}

.wmModal .modal-content-wrapper .close-modal:hover {
  -webkit-transform: translate(50%, -50%) scale(1.3);
  -moz-transform: translate(50%, -50%) scale(1.3);
  -ms-transform: translate(50%, -50%) scale(1.3);
  -o-transform: translate(50%, -50%) scale(1.3);
  transform: translate(50%, -50%) scale(1.3)
}

.wmModal .modal-content-wrapper .close-modal::after,
.wmModal .modal-content-wrapper .close-modal::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  content: "";
  transform-origin: top;
  background-color: #221C46;
}

.wmModal .modal-content-wrapper .close-modal::before {
  transform: rotate(45deg) translateY(-50%)
}

.wmModal .modal-content-wrapper .close-modal::after {
  transform: rotate(-45deg) translateY(-50%)
}

.fullsize-preview {
  position: absolute;
  z-index: 2;
  width: 135px;
  height: 135px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.fullsize-preview.active {
  z-index: 2;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}

.fullsize-preview.active .close-preview {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}

.fullsize-preview.active .fullsize-preview-container {
  position: relative;
  width: 80%;
  height: 100%;
}

.fullsize-preview .close-preview {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  content: "";
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #6e6e6e;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -moz-align-items: center;
  -ms-align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.fullsize-preview .close-preview:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3)
}

.fullsize-preview .fullsize-preview-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.fullsize-preview .fullsize-preview-container img {
  width: 100%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  object-fit: cover;
}

/*search */

.ico-search {
  position: fixed;
  z-index: 9000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ' ';
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.hourglass {
  display: block;
  width: 2em;
  height: 4em;
  margin: 3em auto;
  -webkit-animation: hourglass 1s linear infinite;
  animation: hourglass 1s linear infinite;
  background: #fff;
  box-shadow: inset #fff 0 0 0 0, inset #221C46 0 2em 0 0, inset #fff 0 0 4em 0;
}

.outer {
  fill: #221C46;
}

.middle {
  fill: #fff;
}

@-webkit-keyframes hourglass {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: inset #fff 0 0 0 0, inset #221C46 0 2em 0 0, inset #fff 0 4em 0 0, inset #221C46 0 4em 0 0;
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: inset #fff 0 2em 0 0, inset #221C46 0 2em 0 0, inset #fff 0 2em 0 0, inset #221C46 0 4em 0 0;
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    box-shadow: inset #fff 0 2em 0 0, inset #221C46 0 2em 0 0, inset #fff 0 2em 0 0, inset #221C46 0 4em 0 0;
  }
}

@keyframes hourglass {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: inset #fff 0 0 0 0, inset #221C46 0 2em 0 0, inset #fff 0 4em 0 0, inset #221C46 0 4em 0 0;
  }

  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: inset #fff 0 2em 0 0, inset #221C46 0 2em 0 0, inset #fff 0 2em 0 0, inset #221C46 0 4em 0 0;
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    box-shadow: inset #fff 0 2em 0 0, inset #221C46 0 2em 0 0, inset #fff 0 2em 0 0, inset #221C46 0 4em 0 0;
  }
}

.bg-search {
  position: fixed;
  z-index: 8000;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #fff;
}

.clave {
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.clave:hover {
  color: #a5aabd;
}

.clave:after {
  display: block;
  width: 100px;
  height: 5px;
  margin: 10px auto 0 auto;
  content: '';
  text-align: center;
  background-color: #2ba6df;
}

.clave c {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.box-promocion .promocion-info .promocion-logo img {
  max-height: 53px;
}

.filtros {
  width: 1037px;
  height: auto;
  margin: 0 auto 15px auto;
  padding: 15px 0;
}

.filtros label {
  display: block !important;
  float: left !important;
  width: 270px;
  margin-right: 25px !important;
}

.filtros label span.titulo {
  display: block;
  margin-bottom: 5px;
  color: #596066;
  font-size: 13px;
}

.filtros label select {
  width: 100%;
}

.filtros label .chosen-container-single .chosen-single span {
  width: 90%;
}

.filtros .btn {
  float: right;
  width: 150px;
  margin: 20px 0 0 0;
}

.desc {
  font-size: 15px;
}

.sPago header {
  height: 120px;
}

footer.sPago .wrap {
  margin-top: 50px !important;
}

.mis-datos {
  display: none !important;
}

@media(max-width:1024px) {
  .sPago header h1 {
    height: 96px;
    margin-left: 0;
  }

  .confirmacion header h1 {
    margin-left: 20px
  }

  .mis-datos {
    display: block !important;
  }
}

.hide {
  display: none !important;
}

.caja {
  margin: 25px 0;
  padding: 30px;
  border: 1px solid #d9dfe1;
}

.caja.blanca {
  margin: 25px 0;
  padding: 30px;
  border: none;
  background-color: #F3F3FC;
  border-radius: 6px;
  border: 1px solid #d9dfe1;
}

.rparvulo {
  position: absolute;
  top: -15px;
  left: 190px;
  width: 144px;
  height: 59px;
  padding: 15px 20px;
  border-left: 1px solid #fff;
}

.rparvulo img {
  width: 100%;
}

.check-ok {
  position: absolute;
  top: 10px;
  right: 44px;
  width: 20px;
}

.check-ok img {
  width: 100%;
}

.fot {
  width: 66%;
}

.fot img {
  width: 100%;
}

.altH {
  margin-top: 150px;
}

.form-control[disabled] {
  cursor: not-allowed;
}

.form-control[disabled],
.form-control[readonly] {
  opacity: 1;
  background-color: #eee;
}

small {
  color: #fff;
  font-family: 'travel-regular', sans-serif;
}

.no-border {
  border: 0px !important;
}

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

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

.responsive-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media>.pull-right {
  padding-left: 10px;
}

.media-left,
.media>.pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.como_funciona p {
  font-family: 'travel-regular', sans-serif;
  font-size: 16px;
}

.como_funciona p .strong {
  color: #17CCF9;
  font-weight: 700;
}

.como_funciona h5 {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: 'travel-bold', sans-serif;
  font-size: 18px;
}

.los_pasos {
  margin-top: 60px;
  margin-bottom: 60px;
}

.los_pasos .text-center.center-block {
  width: 200px;
  margin-top: 10px;
  color: #434f60;
  font-size: 13px;
  line-height: 17px;
}

.los_pasos .col-md-4 {
  border-right: 1px solid #c7c4bb;
}

.los_pasos .col-md-4:last-child {
  border: 0px !important;
}

@media (max-width: 768px) {
  #cabecera.sodexo-club-portada .cabecera-inner .cont-img-cab.logo-pago+.titulo {
    width: 100%;
  }

  .como_funciona h5 {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: 'travel-bold', sans-serif;
    font-size: 18px;
  }

  .los_pasos {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .los_pasos .text-center.center-block {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .los_pasos .col-md-4 {
    border: 0px !important;
  }
}

#menu-cliente #datos-cliente.izq small {
  display: block;
  margin-top: 10px;
}

@media (max-width: 1040px) {
  #menu-cliente #datos-cliente.izq small {
    margin-top: 0px;
    font-size: 10px;
  }
}

#paginacion {
  margin: 20px 0;
  text-align: center;
}

#paginacion a {
  display: inline-block;
  color: #596066;
  font-family: 'travel-regular', sans-serif;
  font-size: 15px;
}

#paginacion a.selec {
  color: #17CCF9;
  font-family: 'travel-bold', sans-serif
}

#paginacion a::after {
  content: ' - ';
  color: #596066 !important;
  font-family: 'travel-regular', sans-serif !important;
}

#paginacion a:last-child::after {
  display: none
}

.d-block {
  display: block;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 1024px) {
  .hidden-md {
    display: none !important;
  }
}

.hidden {
  display: none;
}

/* .acceso-usuarios {
  display: none;
} */


@media (min-width: 1024px) {
  .acceso-usuarios {
    display: inherit;
    width: 230px;
    height: 75px;
    display: block;

    position: absolute;
    right: 0;
    bottom: 7px;
  }
}

.acceso-usuarios .btn-ingresar {
  display: block;
  float: left;
  width: 185px;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #5abae7;
  font-family: 'travel-bold', sans-serif;
  font-size: 12px;
  padding: 10px;
  float: right;
}

.acceso-usuarios .olvido-clave {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: block;
  padding: 0 5px;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.acceso-usuarios .olvido-clave:after {
  position: absolute;
  bottom: -7px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: '';
  background-color: #2ba6df;
}

.acceso-usuarios .registro {
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
  padding: 0 5px;
  color: #fff;
  font-family: 'travel-regular', sans-serif;
  font-size: 12px;
}

.acceso-usuarios .registro:after {
  position: absolute;
  bottom: -7px;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: '';
  background-color: #cc0025;
}

@media (max-width: 992px) {



  .acceso-ingreso {
    position: absolute;
    top: 0px;
    right: 38px;
    width: 147px;
  }

  .acceso-usuarios .registro {
    position: absolute;
    right: 139px !important;
    top: 50px;
    left: inherit;
  }

  .acceso-usuarios .registro:after {
    position: relative;
  }

  .acceso-usuarios .olvido-clave {
    position: absolute;
    right: 39px !important;
    top: 50px;
    left: inherit;
  }

  .acceso-usuarios .olvido-clave:after {
    position: relative;
  }
}

/* ++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++ BOTONES +++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++ BOTON BASE +++++++++*/
a.boton,
button.boton {
  font-family: 'travel-demi-bold', sans-serif !important;
  padding: 12px 24px 12px 24px;
  text-align: center;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
  height: max-content;
  transition: all 0.5s ease;
  border-radius: 0px !important;
  background: transparent;
  background-color: transparent;
}

a.boton:hover,
button.boton:hover {
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON VERDE ++++++++++++++++++++++++++*/
a.boton.btn__verde,
button.boton.btn__verde {
  border: #221C46 solid 2px;
  color: #221C46;
  background-color: #00EB5E;
}

a.boton.btn__verde:hover,
button.boton.btn__verde:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON VERDE DISABLED++++++++++++++++++++++++++*/
a.boton.btn__verde.disabled,
button.boton.btn__verde.disabled {
  border: #B5B2BC solid 2px;
  color: #B5B2BC;
  background-color: #EFEFEF;
}

a.boton.btn__verde.disabled:hover,
button.boton.btn__verde.disabled:hover {
  background-color: #EFEFEF;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON VERDE ++++++++++++++++++++++++++*/
/* ++++++++++ FLECHA FORWARD +++++++++*/
a.boton.btn__verde--flecha,
button.boton.btn__verde--flecha {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 45px 12px 24px;
  background-color: #00EB5E;
  background-image: url('../images/iconos/flecha-azul-fwd.png');
  background-position: right 10px;
  background-size: 30px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__verde--flecha:hover,
button.boton.btn__verde--flecha:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++ FLECHA BACK +++++++++*/
a.boton.btn__verde--flecha--back,
button.boton.btn__verde--flecha--back {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 24px 12px 24px;
  background-color: #00EB5E;
  background-image: url('/images/iconos/flecha-azul-back.png');
  background-position: 12px 10px;
  background-size: 30px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__verde--flecha--back:hover,
button.boton.btn__verde--flecha--back:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON VERDE ++++++++++++++++++++++++++*/
/* ++++++++++ CHECK AZUL +++++++++*/
a.boton.btn__verde--check {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 45px 12px 24px;
  background-color: #00EB5E;
  background-image: url('/images/iconos/check-azul.png');
  background-position: right 8px;
  background-size: 40px;
  background-repeat: no-repeat;
  text-align: left;
}

a.boton.btn__verde--check:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON VERDE ESQUINA++++++++++++++++++++++++++*/
a.boton.btn__verde--esquina,
button.boton.btn__verde--esquina {
  border: #221C46 solid 2px;
  color: #221C46;
  background-color: #00EB5E;
  --mask: linear-gradient(-45deg, #0000 1rem, #000 0);
  -webkit-mask: var(--mask);
  mask: var(--mask);
}

a.boton.btn__verde--esquina:hover,
button.boton.btn__verde--esquina:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  --mask: linear-gradient(-45deg, #0000 1rem, #000 0);
  -webkit-mask: var(--mask);
  mask: var(--mask);
  cursor: pointer;
}



/* ++++++++++++++++++++++++++++++++++++ BOTON BLANCO ++++++++++++++++++++++++++*/
a.boton.btn__blanco,
button.boton.btn__blanco {
  border: #221C46 solid 2px;
  color: #221C46;
  background-color: rgba(255, 255, 255, 1) !important;
  background: rgba(255, 255, 255, 1) !important;
}

a.boton.btn__blanco:hover,
button.boton.btn__blanco:hover {
  background-color: #C7FCCA !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON BLANCO DISABLED++++++++++++++++++++++++++*/
a.boton.btn__blanco.disabled,
button.boton.btn__blanco.disabled {
  border: #B5B2BC solid 2px;
  color: #B5B2BC;
  background-color: rgba(255, 255, 255, 1) !important;
  background: rgba(255, 255, 255, 1) !important;
}

a.boton.btn__blanco.disabled:hover,
button.boton.btn__blanco.disabled:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON BLANCO ++++++++++++++++++++++++++*/
/* ++++++++++ FLECHA FORWARD +++++++++*/

a.boton.btn__blanco--flecha,
button.boton.btn__blanco--flecha {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 45px 12px 24px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url('../images/iconos/flecha-azul-fwd.png');
  background-position: right 10px;
  background-size: 30px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__blanco--flecha:hover,
button.boton.btn__blanco--flecha:hover {
  background-color: #C7FCCA !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++ FLECHA BACK +++++++++*/

a.boton.btn__blanco--flecha--back,
button.boton.btn__blanco--flecha--back {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 24px 12px 35px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url('/images/iconos/flecha-azul-back.png');
  background-position: 12px 10px;
  background-size: 30px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__blanco--flecha--back:hover,
button.boton.btn__blanco--flecha--back:hover {
  background-color: #C7FCCA !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++ UPLOAD+++++++++*/

a.boton.btn__blanco--upload {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 45px 12px 24px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url('/images/iconos/upload.png');
  background-position: right 8px;
  background-size: 40px;
  background-repeat: no-repeat;
  text-align: left;
}

a.boton.btn__blanco--upload:hover {
  background-color: #C7FCCA;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++ XLS+++++++++*/

a.boton.btn__blanco--excel {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 24px 12px 45px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url('/images/iconos/doc-excel.png');
  background-position: 12px 8px;
  background-size: 20px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__blanco--excel:hover {
  background-color: #C7FCCA !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++ XLS+++++++++*/

a.boton.btn__blanco--pdf {
  border: #221C46 solid 2px;
  color: #221C46;
  padding: 12px 24px 12px 45px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url('/images/iconos/doc-pdf.png');
  background-position: 12px 8px;
  background-size: 20px;
  background-repeat: no-repeat;
  text-align: center;
}

a.boton.btn__blanco--pdf:hover {
  background-color: #C7FCCA !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON rojo ++++++++++++++++++++++++++*/
a.boton.btn__rojo,
button.boton.btn__rojo {
  border: #221C46 solid 2px;
  color: #221C46;
  background-color: #FF7375 !important;
  background: #FF7375 !important;
}

a.boton.btn__rojo:hover,
button.boton.btn__rojo:hover {
  background-color: #FCC1BE !important;
  background: #FCC1BE !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ BOTON amarillo ++++++++++++++++++++++++++*/
a.boton.btn__amarillo,
button.boton.btn__amarillo {
  border: #221C46 solid 2px;
  color: #221C46;
  background-color: #FFDC37 !important;
  background: #FFDC37 !important;
}

a.boton.btn__amarillo:hover,
button.boton.btn__amarillo:hover {
  background-color: #FDEEC1 !important;
  background: #FDEEC1 !important;
  box-shadow: 4px 4px rgba(34, 28, 70, 0.2);
  cursor: pointer;
}

/* ++++++++++++++++++++++++++++++++++++ COLOR FONDO BLANCO ++++++++++++++++++++++++++*/



/* ++++++++++ BOTON ANCHO FIJO +++++++++*/

.boton__ancho--300 {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}

.boton__ancho--250 {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

.boton__ancho--200 {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}

.boton__ancho--180 {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}

.boton__ancho--175 {
  width: 175px;
  max-width: 175px;
  min-width: 175px;
}

.boton__ancho--170 {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}

.boton__ancho--150 {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}

.boton__ancho--100 {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}

.boton--inline-block {
  display: inline-block;
}

.boton--block {
  display: block;
}

.boton--centro {
  display: block;
  margin: 0 auto;
}

/* ++++++++++ MARGIN +++++++++*/

/*---TOP---*/
.mt--100 {
  margin-top: 100px;
}

.mt--50 {
  margin-top: 50px;
}

.mt--40 {
  margin-top: 40px;
}

.mt--30 {
  margin-top: 30px;
}

.mt--22 {
  margin-top: 22px;
}

.mt--20 {
  margin-top: 20px;
}

.mt--10 {
  margin-top: 10px;
}

.mt--5 {
  margin-top: 5px;
}

.mt--2 {
  margin-top: 2px;
}

/*--- RIGHT ---*/
.mr--100 {
  margin-right: 100px;
}

.mr--50 {
  margin-right: 50px;
}

.mr--40 {
  margin-right: 40px;
}

.mr--30 {
  margin-right: 30px;
}

.mr--20 {
  margin-right: 20px;
}

.mr--16 {
  margin-right: 16px;
}

.mr--10 {
  margin-right: 10px;
}

.mr--5 {
  margin-right: 5px;
}

/*--- LEFT ---*/
.ml--100 {
  margin-left: 100px;
}

.ml--50 {
  margin-left: 50px;
}

.ml--40 {
  margin-left: 40px;
}

.ml--30 {
  margin-left: 30px;
}

.ml--20 {
  margin-left: 20px;
}

.ml--16 {
  margin-left: 16px;
}

.ml--10 {
  margin-left: 10px;
}

.ml--5 {
  margin-left: 5px;
}

/*--- BOTTOM ---*/
.mb--100 {
  margin-bottom: 100px;
}

.mb--50 {
  margin-bottom: 50px;
}

.mb--40 {
  margin-bottom: 40px;
}

.mb--30 {
  margin-bottom: 30px;
}

.mb--20 {
  margin-bottom: 20px;
}

.mb--10 {
  margin-bottom: 10px;
}

.mb--5 {
  margin-bottom: 5px;
}

/* ++++++++++ PADDING +++++++++*/
/*---TOP---*/
.pt--100 {
  padding-top: 100px;
}

.pt--50 {
  padding-top: 40px;
}

.pt--40 {
  padding-top: 50px;
}

.pt--20 {
  padding-top: 20px;
}

.pt--10 {
  padding-top: 10px;
}

.pt--5 {
  padding-top: 5px;
}

/*---RIGHT---*/
.pr--100 {
  padding-right: 100px;
}

.pr--50 {
  padding-right: 40px;
}

.pr--40 {
  padding-right: 50px;
}

.pr--20 {
  padding-right: 20px;
}

.pr--10 {
  padding-right: 10px;
}

.pr--5 {
  padding-right: 5px;
}

/*---LEFT---*/
.pl--100 {
  padding-left: 100px;
}

.pl--50 {
  padding-left: 40px;
}

.pl--40 {
  padding-left: 50px;
}

.pl--20 {
  padding-left: 20px;
}

.pl--10 {
  padding-left: 10px;
}

.pl--5 {
  padding-left: 5px;
}

/*---BOTTOM---*/
.pb--100 {
  padding-bottom: 100px;
}

.pb--50 {
  padding-bottom: 40px;
}

.pb--40 {
  padding-bottom: 50px;
}

.pb--20 {
  padding-bottom: 20px;
}

.pb--10 {
  padding-bottom: 10px;
}

.pb--5 {
  padding-bottom: 5px;
}

/*+++++++++++ FLOAT +++++++++++++++++*/

.fl {
  float: left;
}

.fr {
  float: right;
}

/*+++++++++++ WIDTH +++++++++++++++++*/

.width-100 {
  min-width: 100%;
  width: 100%;
}

.width-90 {
  width: 90%;
  min-width: 90%;
}

.width-80 {
  width: 80%;
  min-width: 80%;
}

.width-70 {
  width: 70%;
  min-width: 70%;
}

.height-40p {
  height: 40px;
  min-height: 40px;
}

/* ++++++++++ LAYOUTS FLEX +++++++++*/

.layout__centro__hor--start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.layout__centro__hor--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.layout__centro__hor--end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.layout__centro__vert {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.layout__col__start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 992px) {
  .layout__col__start {
    align-items: center;
    padding-bottom: 20px;
    border-bottom: rgba(34, 28, 70, 0.3) dotted 1px;
  }

  .layout__col__start:last-child {
    border-bottom: none;
  }
}

main.interior .layout__col__start h4 {
  font-size: 20px;
  margin: 0 0 10px 0;
}

.layout__col__start p {
  text-align: left;
}

.borde__gris {
  border: #D1CFD7 solid 1px;
}

.fondo__blanco {
  background-color: #fff;
}

.centrar {
  text-align: center;
  margin: 0 auto;
}

/* ++++++++++ TEXT ALIGN +++++++++*/

.txt-left {
  text-align: left;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

strong {
  font-family: 'travel-bold';
}

.d-flex {
  display: flex;
}

.align-item-center {
  align-items: center;
}