/*!
 * Extended Style Sheet.
 *
 * Author:   Jack Ryan Oracoy
 * Website:  https://jackryanoracoy.github.io
 * Email:    jackryanoracoy@gmail.com
 * URL:      https://github.com/jackryanoracoy/dawnbreak
 * License:  https://github.com/jackryanoracoy/dawnbreak/blob/master/LICENSE.txt
 */
/*--------------------------------------------------
  Global reset
--------------------------------------------------*/
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: inherit;
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}

.wrapperIn {
  overflow: unset;
}

.contentIn {
  overflow: unset;
}

/*--------------------------------------------------
  Flex
--------------------------------------------------*/
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.row-wrp {
  flex-flow: row wrap;
}
.flex.row-wrp-no {
  flex-flow: row nowrap;
}
.flex.row-wrp-rev {
  flex-flow: row wrap-reverse;
}
.flex.row-rev-wrp {
  flex-flow: row-reverse wrap;
}
.flex.row-rev-wrp-no {
  flex-flow: row-reverse nowrap;
}
.flex.row-rev-wrp-rev {
  flex-flow: row-reverse wrap-reverse;
}
.flex.col-wrp {
  flex-flow: column wrap;
}
.flex.col-wrp-no {
  flex-flow: column nowrap;
}
.flex.col-wrp-rev {
  flex-flow: column wrap-reverse;
}
.flex.col-rev-wrp {
  flex-flow: column-reverse wrap;
}
.flex.col-rev-wrp-no {
  flex-flow: column-reverse nowrap;
}
.flex.col-rev-wrp-rev {
  flex-flow: column-reverse wrap-reverse;
}
.flex.wrp {
  flex-wrap: wrap;
}
.flex.wrp-no {
  flex-wrap: nowrap;
}
.flex.wrp-rev {
  flex-wrap: wrap-reverse;
}
.flex.col {
  flex-direction: column;
}
.flex.col-rev {
  flex-direction: column-reverse;
}
.flex.row {
  flex-direction: row;
}
.flex.row-rev {
  flex-direction: row-reverse;
}
.flex.jus-start {
  justify-content: flex-start;
}
.flex.jus-end {
  justify-content: flex-end;
}
.flex.jus-center {
  justify-content: center;
}
.flex.jus-sparound {
  justify-content: space-around;
}
.flex.jus-spbetween {
  justify-content: space-between;
}
.flex.jus-spevenly {
  justify-content: space-evenly;
}
.flex.ali-start {
  align-content: flex-start;
}
.flex.ali-end {
  align-content: flex-end;
}
.flex.ali-center {
  align-content: center;
}
.flex.ali-stretch {
  align-content: stretch;
}
.flex.ali-sparound {
  align-content: space-around;
}
.flex.ali-spbetween {
  align-content: space-between;
}
.flex.alt-start {
  align-items: flex-start;
}
.flex.alt-end {
  align-items: flex-end;
}
.flex.alt-center {
  align-items: center;
}
.flex.alt-stretch {
  align-items: stretch;
}
.flex.alt-baseline {
  align-items: baseline;
}
.flex-order-1 {
  order: 1;
}
.flex-order-2 {
  order: 2;
}
.flex-order-3 {
  order: 3;
}
.flex-order-4 {
  order: 4;
}
.flex-order-5 {
  order: 5;
}
.flex-order-6 {
  order: 6;
}
.flex-order-7 {
  order: 7;
}
.flex-order-8 {
  order: 8;
}
.flex-order-9 {
  order: 9;
}
.flex-order-10 {
  order: 10;
}
.flex-order-11 {
  order: 11;
}
.flex-order-12 {
  order: 12;
}
.flex-als-start {
  align-self: flex-start;
}
.flex-als-end {
  align-self: flex-end;
}
.flex-als-center {
  align-self: center;
}
.flex-als-stretch {
  align-self: stretch;
}
.flex-als-baseline {
  align-self: baseline;
}
.flex-item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.flex-item-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.flex-item-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.flex-item-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.flex-item-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.flex-item-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.flex-item-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.flex-item-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.flex-item-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.flex-item-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.flex-item-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.flex-item-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.flex-item-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flex-item-a {
  flex: 0 0 10%;
  max-width: 10%;
}
.flex-item-b {
  flex: 0 0 20%;
  max-width: 20%;
}
.flex-item-c {
  flex: 0 0 30%;
  max-width: 30%;
}
.flex-item-d {
  flex: 0 0 40%;
  max-width: 40%;
}
.flex-item-e {
  flex: 0 0 60%;
  max-width: 60%;
}
.flex-item-f {
  flex: 0 0 70%;
  max-width: 70%;
}
.flex-item-g {
  flex: 0 0 80%;
  max-width: 80%;
}
.flex-item-h {
  flex: 0 0 90%;
  max-width: 90%;
}
.flex-basis-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.flex-basis-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.flex-basis-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.flex-basis-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.flex-basis-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.flex-basis-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.flex-basis-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.flex-basis-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.flex-basis-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.flex-basis-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.flex-basis-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.flex-basis-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-no {
  flex-grow: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-no {
  flex-shrink: 0;
}
@media (min-width: 410px) {
  .flex.row-wrp-xs {
    flex-flow: row wrap;
  }
  .flex.row-wrp-no-xs {
    flex-flow: row nowrap;
  }
  .flex.row-wrp-rev-xs {
    flex-flow: row wrap-reverse;
  }
  .flex.row-rev-wrp-xs {
    flex-flow: row-reverse wrap;
  }
  .flex.row-rev-wrp-no-xs {
    flex-flow: row-reverse nowrap;
  }
  .flex.row-rev-wrp-rev-xs {
    flex-flow: row-reverse wrap-reverse;
  }
  .flex.col-wrp-xs {
    flex-flow: column wrap;
  }
  .flex.col-wrp-no-xs {
    flex-flow: column nowrap;
  }
  .flex.col-wrp-rev-xs {
    flex-flow: column wrap-reverse;
  }
  .flex.col-rev-wrp-xs {
    flex-flow: column-reverse wrap;
  }
  .flex.col-rev-wrp-no-xs {
    flex-flow: column-reverse nowrap;
  }
  .flex.col-rev-wrp-rev-xs {
    flex-flow: column-reverse wrap-reverse;
  }
  .flex.wrp-xs {
    flex-wrap: wrap;
  }
  .flex.wrp-no-xs {
    flex-wrap: nowrap;
  }
  .flex.wrp-rev-xs {
    flex-wrap: wrap-reverse;
  }
  .flex.col-xs {
    flex-direction: column;
  }
  .flex.col-rev-xs {
    flex-direction: column-reverse;
  }
  .flex.row-xs {
    flex-direction: row;
  }
  .flex.row-rev-xs {
    flex-direction: row-reverse;
  }
  .flex.jus-start-xs {
    justify-content: flex-start;
  }
  .flex.jus-end-xs {
    justify-content: flex-end;
  }
  .flex.jus-center-xs {
    justify-content: center;
  }
  .flex.jus-sparound-xs {
    justify-content: space-around;
  }
  .flex.jus-spbetween-xs {
    justify-content: space-between;
  }
  .flex.jus-spevenly-xs {
    justify-content: space-evenly;
  }
  .flex.ali-start-xs {
    align-content: flex-start;
  }
  .flex.ali-end-xs {
    align-content: flex-end;
  }
  .flex.ali-center-xs {
    align-content: center;
  }
  .flex.ali-stretch-xs {
    align-content: stretch;
  }
  .flex.ali-sparound-xs {
    align-content: space-around;
  }
  .flex.ali-spbetween-xs {
    align-content: space-between;
  }
  .flex.alt-start-xs {
    align-items: flex-start;
  }
  .flex.alt-end-xs {
    align-items: flex-end;
  }
  .flex.alt-center-xs {
    align-items: center;
  }
  .flex.alt-stretch-xs {
    align-items: stretch;
  }
  .flex.alt-baseline-xs {
    align-items: baseline;
  }
  .flex-order-xs-1 {
    order: 1;
  }
  .flex-order-xs-2 {
    order: 2;
  }
  .flex-order-xs-3 {
    order: 3;
  }
  .flex-order-xs-4 {
    order: 4;
  }
  .flex-order-xs-5 {
    order: 5;
  }
  .flex-order-xs-6 {
    order: 6;
  }
  .flex-order-xs-7 {
    order: 7;
  }
  .flex-order-xs-8 {
    order: 8;
  }
  .flex-order-xs-9 {
    order: 9;
  }
  .flex-order-xs-10 {
    order: 10;
  }
  .flex-order-xs-11 {
    order: 11;
  }
  .flex-order-xs-12 {
    order: 12;
  }
  .flex-als-start-xs {
    align-self: flex-start;
  }
  .flex-als-end-xs {
    align-self: flex-end;
  }
  .flex-als-center-xs {
    align-self: center;
  }
  .flex-als-stretch-xs {
    align-self: stretch;
  }
  .flex-als-baseline-xs {
    align-self: baseline;
  }
  .flex-item-xs {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .flex-item-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-item-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-item-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-item-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-item-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-item-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-item-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-item-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-item-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-item-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-item-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-item-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-item-xs-a {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex-item-xs-b {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-item-xs-c {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex-item-xs-d {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex-item-xs-e {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex-item-xs-f {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex-item-xs-g {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex-item-xs-h {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex-basis-xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-basis-xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-basis-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-basis-xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-basis-xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-basis-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-basis-xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-basis-xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-basis-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-basis-xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-basis-xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-basis-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-grow-xs {
    flex-grow: 1;
  }
  .flex-grow-no-xs {
    flex-grow: 0;
  }
  .flex-shrink-xs {
    flex-shrink: 1;
  }
  .flex-shrink-no-xs {
    flex-shrink: 0;
  }
}
@media (min-width: 576px) {
  .flex.row-wrp-sm {
    flex-flow: row wrap;
  }
  .flex.row-wrp-no-sm {
    flex-flow: row nowrap;
  }
  .flex.row-wrp-rev-sm {
    flex-flow: row wrap-reverse;
  }
  .flex.row-rev-wrp-sm {
    flex-flow: row-reverse wrap;
  }
  .flex.row-rev-wrp-no-sm {
    flex-flow: row-reverse nowrap;
  }
  .flex.row-rev-wrp-rev-sm {
    flex-flow: row-reverse wrap-reverse;
  }
  .flex.col-wrp-sm {
    flex-flow: column wrap;
  }
  .flex.col-wrp-no-sm {
    flex-flow: column nowrap;
  }
  .flex.col-wrp-rev-sm {
    flex-flow: column wrap-reverse;
  }
  .flex.col-rev-wrp-sm {
    flex-flow: column-reverse wrap;
  }
  .flex.col-rev-wrp-no-sm {
    flex-flow: column-reverse nowrap;
  }
  .flex.col-rev-wrp-rev-sm {
    flex-flow: column-reverse wrap-reverse;
  }
  .flex.wrp-sm {
    flex-wrap: wrap;
  }
  .flex.wrp-no-sm {
    flex-wrap: nowrap;
  }
  .flex.wrp-rev-sm {
    flex-wrap: wrap-reverse;
  }
  .flex.col-sm {
    flex-direction: column;
  }
  .flex.col-rev-sm {
    flex-direction: column-reverse;
  }
  .flex.row-sm {
    flex-direction: row;
  }
  .flex.row-rev-sm {
    flex-direction: row-reverse;
  }
  .flex.jus-start-sm {
    justify-content: flex-start;
  }
  .flex.jus-end-sm {
    justify-content: flex-end;
  }
  .flex.jus-center-sm {
    justify-content: center;
  }
  .flex.jus-sparound-sm {
    justify-content: space-around;
  }
  .flex.jus-spbetween-sm {
    justify-content: space-between;
  }
  .flex.jus-spevenly-sm {
    justify-content: space-evenly;
  }
  .flex.ali-start-sm {
    align-content: flex-start;
  }
  .flex.ali-end-sm {
    align-content: flex-end;
  }
  .flex.ali-center-sm {
    align-content: center;
  }
  .flex.ali-stretch-sm {
    align-content: stretch;
  }
  .flex.ali-sparound-sm {
    align-content: space-around;
  }
  .flex.ali-spbetween-sm {
    align-content: space-between;
  }
  .flex.alt-start-sm {
    align-items: flex-start;
  }
  .flex.alt-end-sm {
    align-items: flex-end;
  }
  .flex.alt-center-sm {
    align-items: center;
  }
  .flex.alt-stretch-sm {
    align-items: stretch;
  }
  .flex.alt-baseline-sm {
    align-items: baseline;
  }
  .flex-order-sm-1 {
    order: 1;
  }
  .flex-order-sm-2 {
    order: 2;
  }
  .flex-order-sm-3 {
    order: 3;
  }
  .flex-order-sm-4 {
    order: 4;
  }
  .flex-order-sm-5 {
    order: 5;
  }
  .flex-order-sm-6 {
    order: 6;
  }
  .flex-order-sm-7 {
    order: 7;
  }
  .flex-order-sm-8 {
    order: 8;
  }
  .flex-order-sm-9 {
    order: 9;
  }
  .flex-order-sm-10 {
    order: 10;
  }
  .flex-order-sm-11 {
    order: 11;
  }
  .flex-order-sm-12 {
    order: 12;
  }
  .flex-als-start-sm {
    align-self: flex-start;
  }
  .flex-als-end-sm {
    align-self: flex-end;
  }
  .flex-als-center-sm {
    align-self: center;
  }
  .flex-als-stretch-sm {
    align-self: stretch;
  }
  .flex-als-baseline-sm {
    align-self: baseline;
  }
  .flex-item-sm {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .flex-item-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-item-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-item-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-item-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-item-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-item-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-item-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-item-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-item-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-item-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-item-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-item-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-item-sm-a {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex-item-sm-b {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-item-sm-c {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex-item-sm-d {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex-item-sm-e {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex-item-sm-f {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex-item-sm-g {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex-item-sm-h {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex-basis-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-basis-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-basis-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-basis-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-basis-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-basis-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-basis-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-basis-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-basis-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-basis-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-basis-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-basis-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-grow-sm {
    flex-grow: 1;
  }
  .flex-grow-no-sm {
    flex-grow: 0;
  }
  .flex-shrink-sm {
    flex-shrink: 1;
  }
  .flex-shrink-no-sm {
    flex-shrink: 0;
  }
}
@media (min-width: 768px) {
  .flex.row-wrp-md {
    flex-flow: row wrap;
  }
  .flex.row-wrp-no-md {
    flex-flow: row nowrap;
  }
  .flex.row-wrp-rev-md {
    flex-flow: row wrap-reverse;
  }
  .flex.row-rev-wrp-md {
    flex-flow: row-reverse wrap;
  }
  .flex.row-rev-wrp-no-md {
    flex-flow: row-reverse nowrap;
  }
  .flex.row-rev-wrp-rev-md {
    flex-flow: row-reverse wrap-reverse;
  }
  .flex.col-wrp-md {
    flex-flow: column wrap;
  }
  .flex.col-wrp-no-md {
    flex-flow: column nowrap;
  }
  .flex.col-wrp-rev-md {
    flex-flow: column wrap-reverse;
  }
  .flex.col-rev-wrp-md {
    flex-flow: column-reverse wrap;
  }
  .flex.col-rev-wrp-no-md {
    flex-flow: column-reverse nowrap;
  }
  .flex.col-rev-wrp-rev-md {
    flex-flow: column-reverse wrap-reverse;
  }
  .flex.wrp-md {
    flex-wrap: wrap;
  }
  .flex.wrp-no-md {
    flex-wrap: nowrap;
  }
  .flex.wrp-rev-md {
    flex-wrap: wrap-reverse;
  }
  .flex.col-md {
    flex-direction: column;
  }
  .flex.col-rev-md {
    flex-direction: column-reverse;
  }
  .flex.row-md {
    flex-direction: row;
  }
  .flex.row-rev-md {
    flex-direction: row-reverse;
  }
  .flex.jus-start-md {
    justify-content: flex-start;
  }
  .flex.jus-end-md {
    justify-content: flex-end;
  }
  .flex.jus-center-md {
    justify-content: center;
  }
  .flex.jus-sparound-md {
    justify-content: space-around;
  }
  .flex.jus-spbetween-md {
    justify-content: space-between;
  }
  .flex.jus-spevenly-md {
    justify-content: space-evenly;
  }
  .flex.ali-start-md {
    align-content: flex-start;
  }
  .flex.ali-end-md {
    align-content: flex-end;
  }
  .flex.ali-center-md {
    align-content: center;
  }
  .flex.ali-stretch-md {
    align-content: stretch;
  }
  .flex.ali-sparound-md {
    align-content: space-around;
  }
  .flex.ali-spbetween-md {
    align-content: space-between;
  }
  .flex.alt-start-md {
    align-items: flex-start;
  }
  .flex.alt-end-md {
    align-items: flex-end;
  }
  .flex.alt-center-md {
    align-items: center;
  }
  .flex.alt-stretch-md {
    align-items: stretch;
  }
  .flex.alt-baseline-md {
    align-items: baseline;
  }
  .flex-order-md-1 {
    order: 1;
  }
  .flex-order-md-2 {
    order: 2;
  }
  .flex-order-md-3 {
    order: 3;
  }
  .flex-order-md-4 {
    order: 4;
  }
  .flex-order-md-5 {
    order: 5;
  }
  .flex-order-md-6 {
    order: 6;
  }
  .flex-order-md-7 {
    order: 7;
  }
  .flex-order-md-8 {
    order: 8;
  }
  .flex-order-md-9 {
    order: 9;
  }
  .flex-order-md-10 {
    order: 10;
  }
  .flex-order-md-11 {
    order: 11;
  }
  .flex-order-md-12 {
    order: 12;
  }
  .flex-als-start-md {
    align-self: flex-start;
  }
  .flex-als-end-md {
    align-self: flex-end;
  }
  .flex-als-center-md {
    align-self: center;
  }
  .flex-als-stretch-md {
    align-self: stretch;
  }
  .flex-als-baseline-md {
    align-self: baseline;
  }
  .flex-item-md {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .flex-item-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-item-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-item-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-item-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-item-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-item-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-item-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-item-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-item-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-item-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-item-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-item-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-item-md-a {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex-item-md-b {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-item-md-c {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex-item-md-d {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex-item-md-e {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex-item-md-f {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex-item-md-g {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex-item-md-h {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex-basis-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-basis-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-basis-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-basis-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-basis-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-basis-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-basis-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-basis-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-basis-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-basis-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-basis-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-basis-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-grow-md {
    flex-grow: 1;
  }
  .flex-grow-no-md {
    flex-grow: 0;
  }
  .flex-shrink-md {
    flex-shrink: 1;
  }
  .flex-shrink-no-md {
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .flex.row-wrp-lg {
    flex-flow: row wrap;
  }
  .flex.row-wrp-no-lg {
    flex-flow: row nowrap;
  }
  .flex.row-wrp-rev-lg {
    flex-flow: row wrap-reverse;
  }
  .flex.row-rev-wrp-lg {
    flex-flow: row-reverse wrap;
  }
  .flex.row-rev-wrp-no-lg {
    flex-flow: row-reverse nowrap;
  }
  .flex.row-rev-wrp-rev-lg {
    flex-flow: row-reverse wrap-reverse;
  }
  .flex.col-wrp-lg {
    flex-flow: column wrap;
  }
  .flex.col-wrp-no-lg {
    flex-flow: column nowrap;
  }
  .flex.col-wrp-rev-lg {
    flex-flow: column wrap-reverse;
  }
  .flex.col-rev-wrp-lg {
    flex-flow: column-reverse wrap;
  }
  .flex.col-rev-wrp-no-lg {
    flex-flow: column-reverse nowrap;
  }
  .flex.col-rev-wrp-rev-lg {
    flex-flow: column-reverse wrap-reverse;
  }
  .flex.wrp-lg {
    flex-wrap: wrap;
  }
  .flex.wrp-no-lg {
    flex-wrap: nowrap;
  }
  .flex.wrp-rev-lg {
    flex-wrap: wrap-reverse;
  }
  .flex.col-lg {
    flex-direction: column;
  }
  .flex.col-rev-lg {
    flex-direction: column-reverse;
  }
  .flex.row-lg {
    flex-direction: row;
  }
  .flex.row-rev-lg {
    flex-direction: row-reverse;
  }
  .flex.jus-start-lg {
    justify-content: flex-start;
  }
  .flex.jus-end-lg {
    justify-content: flex-end;
  }
  .flex.jus-center-lg {
    justify-content: center;
  }
  .flex.jus-sparound-lg {
    justify-content: space-around;
  }
  .flex.jus-spbetween-lg {
    justify-content: space-between;
  }
  .flex.jus-spevenly-lg {
    justify-content: space-evenly;
  }
  .flex.ali-start-lg {
    align-content: flex-start;
  }
  .flex.ali-end-lg {
    align-content: flex-end;
  }
  .flex.ali-center-lg {
    align-content: center;
  }
  .flex.ali-stretch-lg {
    align-content: stretch;
  }
  .flex.ali-sparound-lg {
    align-content: space-around;
  }
  .flex.ali-spbetween-lg {
    align-content: space-between;
  }
  .flex.alt-start-lg {
    align-items: flex-start;
  }
  .flex.alt-end-lg {
    align-items: flex-end;
  }
  .flex.alt-center-lg {
    align-items: center;
  }
  .flex.alt-stretch-lg {
    align-items: stretch;
  }
  .flex.alt-baseline-lg {
    align-items: baseline;
  }
  .flex-order-lg-1 {
    order: 1;
  }
  .flex-order-lg-2 {
    order: 2;
  }
  .flex-order-lg-3 {
    order: 3;
  }
  .flex-order-lg-4 {
    order: 4;
  }
  .flex-order-lg-5 {
    order: 5;
  }
  .flex-order-lg-6 {
    order: 6;
  }
  .flex-order-lg-7 {
    order: 7;
  }
  .flex-order-lg-8 {
    order: 8;
  }
  .flex-order-lg-9 {
    order: 9;
  }
  .flex-order-lg-10 {
    order: 10;
  }
  .flex-order-lg-11 {
    order: 11;
  }
  .flex-order-lg-12 {
    order: 12;
  }
  .flex-als-start-lg {
    align-self: flex-start;
  }
  .flex-als-end-lg {
    align-self: flex-end;
  }
  .flex-als-center-lg {
    align-self: center;
  }
  .flex-als-stretch-lg {
    align-self: stretch;
  }
  .flex-als-baseline-lg {
    align-self: baseline;
  }
  .flex-item-lg {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .flex-item-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-item-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-item-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-item-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-item-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-item-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-item-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-item-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-item-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-item-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-item-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-item-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-item-lg-a {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex-item-lg-b {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-item-lg-c {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex-item-lg-d {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex-item-lg-e {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex-item-lg-f {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex-item-lg-g {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex-item-lg-h {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex-basis-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-basis-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-basis-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-basis-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-basis-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-basis-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-basis-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-basis-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-basis-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-basis-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-basis-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-basis-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-grow-lg {
    flex-grow: 1;
  }
  .flex-grow-no-lg {
    flex-grow: 0;
  }
  .flex-shrink-lg {
    flex-shrink: 1;
  }
  .flex-shrink-no-lg {
    flex-shrink: 0;
  }
}
@media (min-width: 1200px) {
  .flex.row-wrp-xl {
    flex-flow: row wrap;
  }
  .flex.row-wrp-no-xl {
    flex-flow: row nowrap;
  }
  .flex.row-wrp-rev-xl {
    flex-flow: row wrap-reverse;
  }
  .flex.row-rev-wrp-xl {
    flex-flow: row-reverse wrap;
  }
  .flex.row-rev-wrp-no-xl {
    flex-flow: row-reverse nowrap;
  }
  .flex.row-rev-wrp-rev-xl {
    flex-flow: row-reverse wrap-reverse;
  }
  .flex.col-wrp-xl {
    flex-flow: column wrap;
  }
  .flex.col-wrp-no-xl {
    flex-flow: column nowrap;
  }
  .flex.col-wrp-rev-xl {
    flex-flow: column wrap-reverse;
  }
  .flex.col-rev-wrp-xl {
    flex-flow: column-reverse wrap;
  }
  .flex.col-rev-wrp-no-xl {
    flex-flow: column-reverse nowrap;
  }
  .flex.col-rev-wrp-rev-xl {
    flex-flow: column-reverse wrap-reverse;
  }
  .flex.wrp-xl {
    flex-wrap: wrap;
  }
  .flex.wrp-no-xl {
    flex-wrap: nowrap;
  }
  .flex.wrp-rev-xl {
    flex-wrap: wrap-reverse;
  }
  .flex.col-xl {
    flex-direction: column;
  }
  .flex.col-rev-xl {
    flex-direction: column-reverse;
  }
  .flex.row-xl {
    flex-direction: row;
  }
  .flex.row-rev-xl {
    flex-direction: row-reverse;
  }
  .flex.jus-start-xl {
    justify-content: flex-start;
  }
  .flex.jus-end-xl {
    justify-content: flex-end;
  }
  .flex.jus-center-xl {
    justify-content: center;
  }
  .flex.jus-sparound-xl {
    justify-content: space-around;
  }
  .flex.jus-spbetween-xl {
    justify-content: space-between;
  }
  .flex.jus-spevenly-xl {
    justify-content: space-evenly;
  }
  .flex.ali-start-xl {
    align-content: flex-start;
  }
  .flex.ali-end-xl {
    align-content: flex-end;
  }
  .flex.ali-center-xl {
    align-content: center;
  }
  .flex.ali-stretch-xl {
    align-content: stretch;
  }
  .flex.ali-sparound-xl {
    align-content: space-around;
  }
  .flex.ali-spbetween-xl {
    align-content: space-between;
  }
  .flex.alt-start-xl {
    align-items: flex-start;
  }
  .flex.alt-end-xl {
    align-items: flex-end;
  }
  .flex.alt-center-xl {
    align-items: center;
  }
  .flex.alt-stretch-xl {
    align-items: stretch;
  }
  .flex.alt-baseline-xl {
    align-items: baseline;
  }
  .flex-order-xl-1 {
    order: 1;
  }
  .flex-order-xl-2 {
    order: 2;
  }
  .flex-order-xl-3 {
    order: 3;
  }
  .flex-order-xl-4 {
    order: 4;
  }
  .flex-order-xl-5 {
    order: 5;
  }
  .flex-order-xl-6 {
    order: 6;
  }
  .flex-order-xl-7 {
    order: 7;
  }
  .flex-order-xl-8 {
    order: 8;
  }
  .flex-order-xl-9 {
    order: 9;
  }
  .flex-order-xl-10 {
    order: 10;
  }
  .flex-order-xl-11 {
    order: 11;
  }
  .flex-order-xl-12 {
    order: 12;
  }
  .flex-als-start-xl {
    align-self: flex-start;
  }
  .flex-als-end-xl {
    align-self: flex-end;
  }
  .flex-als-center-xl {
    align-self: center;
  }
  .flex-als-stretch-xl {
    align-self: stretch;
  }
  .flex-als-baseline-xl {
    align-self: baseline;
  }
  .flex-item-xl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .flex-item-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-item-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-item-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-item-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-item-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-item-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-item-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-item-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-item-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-item-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-item-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-item-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-item-xl-a {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex-item-xl-b {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-item-xl-c {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex-item-xl-d {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex-item-xl-e {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex-item-xl-f {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex-item-xl-g {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex-item-xl-h {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex-basis-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .flex-basis-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .flex-basis-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .flex-basis-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .flex-basis-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .flex-basis-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .flex-basis-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .flex-basis-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .flex-basis-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .flex-basis-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .flex-basis-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .flex-basis-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-grow-xl {
    flex-grow: 1;
  }
  .flex-grow-no-xl {
    flex-grow: 0;
  }
  .flex-shrink-xl {
    flex-shrink: 1;
  }
  .flex-shrink-no-xl {
    flex-shrink: 0;
  }
}

/*--------------------------------------------------
  Gap
--------------------------------------------------*/
.gap-10 {
  margin: -5px;
}
.gap-10 > div, .gap-10 > .gap-item {
  padding: 5px;
}

.gap-20 {
  margin: -10px;
}
.gap-20 > div, .gap-20 > .gap-item {
  padding: 10px;
}

.gap-30 {
  margin: -15px;
}
.gap-30 > div, .gap-30 > .gap-item {
  padding: 15px;
}

.gap-40 {
  margin: -20px;
}
.gap-40 > div, .gap-40 > .gap-item {
  padding: 20px;
}

.gap-50 {
  margin: -25px;
}
.gap-50 > div, .gap-50 > .gap-item {
  padding: 25px;
}

@media (min-width: 410px) {
  .gap-xs-10 {
    margin: -5px;
  }
  .gap-xs-10 > div, .gap-xs-10 > .gap-item {
    padding: 5px;
  }
  .gap-xs-20 {
    margin: -10px;
  }
  .gap-xs-20 > div, .gap-xs-20 > .gap-item {
    padding: 10px;
  }
  .gap-xs-30 {
    margin: -15px;
  }
  .gap-xs-30 > div, .gap-xs-30 > .gap-item {
    padding: 15px;
  }
  .gap-xs-40 {
    margin: -20px;
  }
  .gap-xs-40 > div, .gap-xs-40 > .gap-item {
    padding: 20px;
  }
  .gap-xs-50 {
    margin: -25px;
  }
  .gap-xs-50 > div, .gap-xs-50 > .gap-item {
    padding: 25px;
  }
}
@media (min-width: 576px) {
  .gap-sm-10 {
    margin: -5px;
  }
  .gap-sm-10 > div, .gap-sm-10 > .gap-item {
    padding: 5px;
  }
  .gap-sm-20 {
    margin: -10px;
  }
  .gap-sm-20 > div, .gap-sm-20 > .gap-item {
    padding: 10px;
  }
  .gap-sm-30 {
    margin: -15px;
  }
  .gap-sm-30 > div, .gap-sm-30 > .gap-item {
    padding: 15px;
  }
  .gap-sm-40 {
    margin: -20px;
  }
  .gap-sm-40 > div, .gap-sm-40 > .gap-item {
    padding: 20px;
  }
  .gap-sm-50 {
    margin: -25px;
  }
  .gap-sm-50 > div, .gap-sm-50 > .gap-item {
    padding: 25px;
  }
}
@media (min-width: 768px) {
  .gap-md-10 {
    margin: -5px;
  }
  .gap-md-10 > div, .gap-md-10 > .gap-item {
    padding: 5px;
  }
  .gap-md-20 {
    margin: -10px;
  }
  .gap-md-20 > div, .gap-md-20 > .gap-item {
    padding: 10px;
  }
  .gap-md-30 {
    margin: -15px;
  }
  .gap-md-30 > div, .gap-md-30 > .gap-item {
    padding: 15px;
  }
  .gap-md-40 {
    margin: -20px;
  }
  .gap-md-40 > div, .gap-md-40 > .gap-item {
    padding: 20px;
  }
  .gap-md-50 {
    margin: -25px;
  }
  .gap-md-50 > div, .gap-md-50 > .gap-item {
    padding: 25px;
  }
}
@media (min-width: 992px) {
  .gap-lg-10 {
    margin: -5px;
  }
  .gap-lg-10 > div, .gap-lg-10 > .gap-item {
    padding: 5px;
  }
  .gap-lg-20 {
    margin: -10px;
  }
  .gap-lg-20 > div, .gap-lg-20 > .gap-item {
    padding: 10px;
  }
  .gap-lg-30 {
    margin: -15px;
  }
  .gap-lg-30 > div, .gap-lg-30 > .gap-item {
    padding: 15px;
  }
  .gap-lg-40 {
    margin: -20px;
  }
  .gap-lg-40 > div, .gap-lg-40 > .gap-item {
    padding: 20px;
  }
  .gap-lg-50 {
    margin: -25px;
  }
  .gap-lg-50 > div, .gap-lg-50 > .gap-item {
    padding: 25px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-10 {
    margin: -5px;
  }
  .gap-xl-10 > div, .gap-xl-10 > .gap-item {
    padding: 5px;
  }
  .gap-xl-20 {
    margin: -10px;
  }
  .gap-xl-20 > div, .gap-xl-20 > .gap-item {
    padding: 10px;
  }
  .gap-xl-30 {
    margin: -15px;
  }
  .gap-xl-30 > div, .gap-xl-30 > .gap-item {
    padding: 15px;
  }
  .gap-xl-40 {
    margin: -20px;
  }
  .gap-xl-40 > div, .gap-xl-40 > .gap-item {
    padding: 20px;
  }
  .gap-xl-50 {
    margin: -25px;
  }
  .gap-xl-50 > div, .gap-xl-50 > .gap-item {
    padding: 25px;
  }
}
/*--------------------------------------------------
  Parallax
--------------------------------------------------*/
.parallax {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.parallax picture, .parallax-image {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.parallax picture {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax-image {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 150%;
  object-fit: cover;
  pointer-events: none;
  transform: translate(-50%, -50%);
  font-family: "object-fit: cover;";
}

/*--------------------------------------------------
  Section
--------------------------------------------------*/
.section {
  padding-top: 30px;
}
.section.padding-wide {
  padding-top: 60px;
}
.section.padding-narrow {
  padding-top: 15px;
}
.section.padding-no {
  padding: 0 !important;
}
.section.padding-ver-no {
  padding-top: 0;
  padding-bottom: 0;
}
.section.padding-hor-no {
  padding-right: 0;
  padding-left: 0;
}
.section.padding-alt {
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .section {
    padding-top: 60px;
  }
  .section.padding-wide {
    padding-top: 120px;
  }
  .section.padding-narrow {
    padding-top: 30px;
  }
  .section.padding-alt {
    padding-right: 0;
    padding-left: 0;
  }
}

/*--------------------------------------------------
  Filter-header
--------------------------------------------------*/
.filter-header {
  position: absolute;
  width: 100%;
  min-width: 240px;
  z-index: 9;
}
.filter-header.menu-opened {
  top: 50px !important;
}
.filter-header-content {
  padding: 0 20px;
}
.filter-header-menu {
  max-width: 100%;
}
.filter-header-navigation {
  max-width: 100%;
  max-height: 0;
  transition: all 300ms ease-in-out 120ms;
  overflow: hidden;
}
.filter-header-navigation.show {
  max-height: 100vh;
}
@media (min-width: 992px) {
  .filter-header {
    position: relative;
  }
  .filter-header-content {
    padding: 0 50px;
  }
  .filter-header-navigation {
    max-height: 100vh;
  }
}
@media print {
  .filter-header-action {
    display: none;
  }
}

/*--------------------------------------------------
  Site-footer
--------------------------------------------------*/
.site-footer {
  position: relative;
  z-index: 1;
}

/*--------------------------------------------------
  Site-atf
--------------------------------------------------*/
.site-atf {
  height: 400px;
}
@media (min-width: 992px) {
  .site-atf {
    height: 500px;
  }
}

/*--------------------------------------------------
  Site-content
--------------------------------------------------*/
.site-content {
  position: relative;
  background-color: #FAFAFA;
}

/*--------------------------------------------------
  Button
--------------------------------------------------*/
.button {
  display: inline-block;
  min-width: 48px;
  padding: 0 15px;
  color: #FAFAFA !important;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  background-color: #0874C6;
  white-space: nowrap;
}
.button:hover, .button:visited, .button:active, .button:focus {
  text-decoration: none;
}
.button:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}
.button.block {
  display: block;
}
.button.large {
  min-width: 64px;
  line-height: 64px;
  border-radius: 32px;
  padding: 0 20px;
}
.button.light {
  color: #212121 !important;
  background-color: #FAFAFA;
}
.button.dark {
  color: #FAFAFA !important;
  background-color: #212121;
}
.button.success {
  color: #FAFAFA !important;
  background-color: #4CAF50;
}
.button.warnig {
  color: #FAFAFA !important;
  background-color: #FF9800;
}
.button.danger {
  color: #FAFAFA !important;
  background-color: #F44336;
}
.button.info {
  color: #FAFAFA !important;
  background-color: #00BCD4;
}

/*--------------------------------------------------
  Pill
--------------------------------------------------*/
.pill {
  display: inline-block;
  padding: 0 4px;
  color: #212121 !important;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  background-color: #FAFAFA;
}

/*--------------------------------------------------
  Card
--------------------------------------------------*/
.card {
  width: 100%;
  height: auto;
  color: #212121 !important;
  background-color: #FAFAFA;
  border-radius: 8px;
}
.card.dark {
  color: #FAFAFA !important;
  background-color: #212121;
}
.card.has-min-height-450 {
  min-height: 450px;
}
.card-content {
  padding: 20px;
}

/*--------------------------------------------------
  Carousel recommend
--------------------------------------------------*/
.carousel-recommend .slick-slide {
  position: relative;
  max-width: 340px;
}
.carousel-recommend-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 30px;
  color: #FAFAFA;
  font-size: 24px;
  font-weight: 700;
}
.carousel-recommend .slick-arrow {
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  padding: 0;
  border: none;
  outline: 0;
}
.carousel-recommend .slick-next, .carousel-recommend .slick-prev {
  position: absolute;
  height: 52px;
  width: 52px;
  z-index: 99;
}
.carousel-recommend .slick-next:before, .carousel-recommend .slick-prev:before {
  display: block;
  height: 48px;
}
.carousel-recommend .slick-next:before {
  content: url(./images/carousel/icon-next.svg);
}
.carousel-recommend .slick-prev:before {
  content: url(./images/carousel/icon-prev.svg);
}
@media (min-width: 410px) {
  .carousel-recommend .slick-slide {
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .carousel-recommend .slick-list {
    margin-right: -25%;
  }
  .carousel-recommend .slick-next, .carousel-recommend .slick-prev {
    top: -71px;
  }
  .carousel-recommend .slick-next {
    right: 0;
  }
  .carousel-recommend .slick-prev {
    right: 68px;
  }
}
@media (max-width: 991px) {
  .carousel-recommend {
    padding-bottom: 90px;
  }
  .carousel-recommend .slick-next, .carousel-recommend .slick-prev {
    top: unset;
    bottom: 0;
  }
  .carousel-recommend .slick-next {
    right: calc(50% - 60px);
  }
  .carousel-recommend .slick-prev {
    left: calc(50% - 60px);
  }
}

/*--------------------------------------------------
  Carousel testimonial
--------------------------------------------------*/
.carousel-testimonial .slick-track {
  display: flex;
}
.carousel-testimonial .slick-slide {
  position: relative;
  display: flex !important;
  width: 100%;
  height: auto;
  min-height: 340px;
  padding: 0 10px;
}
.carousel-testimonial .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-top: 30px;
}
.carousel-testimonial .slick-dots > li {
  flex: 0 0 20px;
  padding: 10px;
}
.carousel-testimonial .slick-dots > li > button {
  width: 20px;
  height: 20px;
  background-color: #FAFAFA;
  border-radius: 50%;
  border: none;
  outline: none;
  font-size: 0;
}
.carousel-testimonial .slick-dots > li.slick-active > button {
  background-color: #F3BF47;
}
.carousel-testimonial .slick-dots > li > button:before{
  content: "";
}
.carousel-testimonial .card-content h3{
  font-size: 1.9rem;
}
.carousel-testimonial .card-content p{
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .carousel-testimonial .slick-slide {
    /* max-width: 600px; */
    padding: 0 30px;
  }
}

/*--------------------------------------------------
  Tile
--------------------------------------------------*/
.tile {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
  color: #FAFAFA;
  background-color: #424242;
  border-radius: 12px;
  overflow: hidden;
}
.tile.no-result {
  align-items: center;
  color: #212121;
  text-align: center;
  background-color: #EEEEEE;
  height: 100%;
}
.tile.featured {
  position: sticky;
  top: 0;
  border-radius: 0;
  height: 440px;
}
.tile.featured .tile-content {
  padding: 20px;
}
.tile.featured .tile-picture {
  max-height: none;
}
.tile-picture {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  max-height: 700px;
  z-index: 1;
}
.tile-image {
  display: block;
  width: inherit;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  object-fit: cover;
}
.tile-content {
  position: absolute;
  flex: 0 0 100%;
  padding: 20px;
  z-index: 2;
}
.tile.featured .tile-title {
  font-size: 20px;
  font-weight: 700;
}
.tile.featured .tile-sub-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.tile.featured .tile-sub-title span {
  font-size: 80px;
}
.tile-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
@media (min-width: 768px) {
  .tile.featured {
    height: 100vh;
  }
  .tile.featured .tile-content {
    padding: 40px;
  }
  .tile.featured .tile-title {
    font-size: 32px;
  }
  .tile.featured .tile-sub-title {
    font-size: 42px;
  }
  .tile.featured .tile-sub-title span {
    font-size: 100px;
  }
}

/*--------------------------------------------------
  Tile-cluster
--------------------------------------------------*/
.tile-cluster {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  gap: 20px;
  padding: 20px;
}
.tile-cluster-item {
  transition: all 300ms ease-in-out 120ms;
}
.tile-cluster-item.filter {
  display: none;
  visibility: hidden;
}
.tile-cluster-item.filter.show {
  display: block;
  visibility: visible;
}
@media (min-width: 992px) {
  .tile-cluster {
    grid-template-columns: 1fr 1fr;
  }
  .tile-cluster:not(.show) .tile-cluster-item {
    max-height: 380px;
    grid-row: span 1;
  }
  /* .tile-cluster-item.large {
    grid-row: span 2;
  } */
}

/*--------------------------------------------------
  Heading
--------------------------------------------------*/
.heading-above-the-fold {
  color: #FAFAFA;
  font-size: 3.8rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .heading-above-the-fold {
    font-size: 4rem;
  }
}

.heading-section {
  color: #000000;
  font-size: 2.2rem;
  line-height: 1.2;
}
.heading-section .highlight {
  color: #0874C6;
}
@media (min-width: 992px) {
  .heading-section {
    font-size: 3.4rem;
  }
}

/*--------------------------------------------------
  Filter-menu
--------------------------------------------------*/
.filter-menu {
  position: relative;
  display: block;
  color: #FAFAFA !important;
  font-size: 1.8rem;
  line-height: 60px;
  text-align: left;
  text-decoration: none !important;
}
.filter-menu::after {
  position: absolute;
  top: 50%;
  padding: 0 5px;
  content: url(images/main/icon_filter.svg);
  transform: translateY(-50%);
}
.filter-menu:hover, .filter-menu.active {
  color: #FAFAFA;
  text-decoration: none;
}

/*--------------------------------------------------
  Filter-nav
--------------------------------------------------*/
.filter-nav {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
}
.filter-nav-item {
  flex: 0 0 auto;
  display: flex;
  width: 100%;
  max-width: 50%;
  padding: 10px 0;
  overflow: hidden;
}
.filter-nav-item input[type=checkbox] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  outline: none;
  vertical-align: middle;
}
.filter-nav-item label {
  flex: 0 0 calc(100% - 20px);
  padding: 0 10px;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1.2;
  text-decoration: none;
}
@media (min-width: 992px) {
  .filter-nav-item {
    width: auto;
    min-width: 220px;
    max-width: 100%;
  }
  .filter-nav-item label:hover {
    background-color: #0874C6;
  }
}

/*--------------------------------------------------
  Screen readers only
--------------------------------------------------*/
.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.sr-only.focusable:active, .sr-only.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal !important;
}

/*--------------------------------------------------
  Clearfix
--------------------------------------------------*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------------------------------------
  Disyplay
--------------------------------------------------*/
.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

/*--------------------------------------------------
  Hidden
--------------------------------------------------*/
.hidden {
  display: none;
  visibility: hidden;
}
@media (min-width: 410px) {
  .hidden-xs-min {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 576px) {
  .hidden-sm-min {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .hidden-md-min {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .hidden-lg-min {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-min {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 409px) {
  .hidden-xs-max {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 575px) {
  .hidden-sm-max {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .hidden-md-max {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 991px) {
  .hidden-lg-max {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 1199px) {
  .hidden-xl-max {
    display: none;
    visibility: hidden;
  }
}

/*--------------------------------------------------
  Float
--------------------------------------------------*/
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

@media (min-width: 410px) {
  .float-left-xs {
    float: left;
  }
  .float-right-xs {
    float: right;
  }
  .float-none-xs {
    float: none;
  }
}
@media (min-width: 576px) {
  .float-left-sm {
    float: left;
  }
  .float-right-sm {
    float: right;
  }
  .float-none-sm {
    float: none;
  }
}
@media (min-width: 768px) {
  .float-left-md {
    float: left;
  }
  .float-right-md {
    float: right;
  }
  .float-none-md {
    float: none;
  }
}
@media (min-width: 992px) {
  .float-left-lg {
    float: left;
  }
  .float-right-lg {
    float: right;
  }
  .float-none-lg {
    float: none;
  }
}
@media (min-width: 1200px) {
  .float-left-xl {
    float: left;
  }
  .float-right-xl {
    float: right;
  }
  .float-none-xl {
    float: none;
  }
}
/*--------------------------------------------------
  Width and Height
--------------------------------------------------*/
.width-25 {
  width: 25%;
}

.width-50 {
  width: 50%;
}

.width-75 {
  width: 75%;
}

.width-100 {
  width: 100%;
}

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

.viewport-width-100 {
  width: 100vw;
}

.height-25 {
  height: 25%;
}

.height-50 {
  height: 50%;
}

.height-75 {
  height: 75%;
}

.height-100 {
  height: 100%;
}

.max-height-100 {
  max-height: 100%;
}

.viewport-height-100 {
  height: 100vh;
}

/*--------------------------------------------------
  Padding
--------------------------------------------------*/
.pad-5 {
  padding: 5px;
}

.pad-10 {
  padding: 10px;
}

.pad-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-25 {
  padding: 25px;
}

.pad-30 {
  padding: 30px;
}

.pad-35 {
  padding: 35px;
}

.pad-40 {
  padding: 40px;
}

.pad-45 {
  padding: 45px;
}

.pad-50 {
  padding: 50px;
}

.pad-55 {
  padding: 55px;
}

.pad-60 {
  padding: 60px;
}

.pad-65 {
  padding: 65px;
}

.pad-70 {
  padding: 70px;
}

.pad-75 {
  padding: 75px;
}

.pad-80 {
  padding: 80px;
}

.pad-85 {
  padding: 85px;
}

.pad-90 {
  padding: 90px;
}

.pad-95 {
  padding: 95px;
}

.pad-100 {
  padding: 100px;
}

.pad-top-5 {
  padding-top: 5px;
}

.pad-top-10 {
  padding-top: 10px;
}

.pad-top-15 {
  padding-top: 15px;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-top-25 {
  padding-top: 25px;
}

.pad-top-30 {
  padding-top: 30px;
}

.pad-top-35 {
  padding-top: 35px;
}

.pad-top-40 {
  padding-top: 40px;
}

.pad-top-45 {
  padding-top: 45px;
}

.pad-top-50 {
  padding-top: 50px;
}

.pad-top-55 {
  padding-top: 55px;
}

.pad-top-60 {
  padding-top: 60px;
}

.pad-top-65 {
  padding-top: 65px;
}

.pad-top-70 {
  padding-top: 70px;
}

.pad-top-75 {
  padding-top: 75px;
}

.pad-top-80 {
  padding-top: 80px;
}

.pad-top-85 {
  padding-top: 85px;
}

.pad-top-90 {
  padding-top: 90px;
}

.pad-top-95 {
  padding-top: 95px;
}

.pad-top-100 {
  padding-top: 100px;
}

.pad-right-5 {
  padding-right: 5px;
}

.pad-right-10 {
  padding-right: 10px;
}

.pad-right-15 {
  padding-right: 15px;
}

.pad-right-20 {
  padding-right: 20px;
}

.pad-right-25 {
  padding-right: 25px;
}

.pad-right-30 {
  padding-right: 30px;
}

.pad-right-35 {
  padding-right: 35px;
}

.pad-right-40 {
  padding-right: 40px;
}

.pad-right-45 {
  padding-right: 45px;
}

.pad-right-50 {
  padding-right: 50px;
}

.pad-right-55 {
  padding-right: 55px;
}

.pad-right-60 {
  padding-right: 60px;
}

.pad-right-65 {
  padding-right: 65px;
}

.pad-right-70 {
  padding-right: 70px;
}

.pad-right-75 {
  padding-right: 75px;
}

.pad-right-80 {
  padding-right: 80px;
}

.pad-right-85 {
  padding-right: 85px;
}

.pad-right-90 {
  padding-right: 90px;
}

.pad-right-95 {
  padding-right: 95px;
}

.pad-right-100 {
  padding-right: 100px;
}

.pad-bottom-5 {
  padding-bottom: 5px;
}

.pad-bottom-10 {
  padding-bottom: 10px;
}

.pad-bottom-15 {
  padding-bottom: 15px;
}

.pad-bottom-20 {
  padding-bottom: 20px;
}

.pad-bottom-25 {
  padding-bottom: 25px;
}

.pad-bottom-30 {
  padding-bottom: 30px;
}

.pad-bottom-35 {
  padding-bottom: 35px;
}

.pad-bottom-40 {
  padding-bottom: 40px;
}

.pad-bottom-45 {
  padding-bottom: 45px;
}

.pad-bottom-50 {
  padding-bottom: 50px;
}

.pad-bottom-55 {
  padding-bottom: 55px;
}

.pad-bottom-60 {
  padding-bottom: 60px;
}

.pad-bottom-65 {
  padding-bottom: 65px;
}

.pad-bottom-70 {
  padding-bottom: 70px;
}

.pad-bottom-75 {
  padding-bottom: 75px;
}

.pad-bottom-80 {
  padding-bottom: 80px;
}

.pad-bottom-85 {
  padding-bottom: 85px;
}

.pad-bottom-90 {
  padding-bottom: 90px;
}

.pad-bottom-95 {
  padding-bottom: 95px;
}

.pad-bottom-100 {
  padding-bottom: 100px;
}

.pad-left-5 {
  padding-left: 5px;
}

.pad-left-10 {
  padding-left: 10px;
}

.pad-left-15 {
  padding-left: 15px;
}

.pad-left-20 {
  padding-left: 20px;
}

.pad-left-25 {
  padding-left: 25px;
}

.pad-left-30 {
  padding-left: 30px;
}

.pad-left-35 {
  padding-left: 35px;
}

.pad-left-40 {
  padding-left: 40px;
}

.pad-left-45 {
  padding-left: 45px;
}

.pad-left-50 {
  padding-left: 50px;
}

.pad-left-55 {
  padding-left: 55px;
}

.pad-left-60 {
  padding-left: 60px;
}

.pad-left-65 {
  padding-left: 65px;
}

.pad-left-70 {
  padding-left: 70px;
}

.pad-left-75 {
  padding-left: 75px;
}

.pad-left-80 {
  padding-left: 80px;
}

.pad-left-85 {
  padding-left: 85px;
}

.pad-left-90 {
  padding-left: 90px;
}

.pad-left-95 {
  padding-left: 95px;
}

.pad-left-100 {
  padding-left: 100px;
}

.pad-ver-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pad-ver-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pad-ver-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pad-ver-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pad-ver-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pad-ver-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pad-ver-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pad-ver-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pad-ver-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pad-ver-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pad-ver-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pad-ver-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pad-ver-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pad-ver-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pad-ver-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pad-ver-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pad-ver-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pad-ver-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pad-ver-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pad-ver-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pad-hor-5 {
  padding-right: 5px;
  padding-left: 5px;
}

.pad-hor-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.pad-hor-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.pad-hor-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.pad-hor-25 {
  padding-right: 25px;
  padding-left: 25px;
}

.pad-hor-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.pad-hor-35 {
  padding-right: 35px;
  padding-left: 35px;
}

.pad-hor-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.pad-hor-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.pad-hor-50 {
  padding-right: 50px;
  padding-left: 50px;
}

.pad-hor-55 {
  padding-right: 55px;
  padding-left: 55px;
}

.pad-hor-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.pad-hor-65 {
  padding-right: 65px;
  padding-left: 65px;
}

.pad-hor-70 {
  padding-right: 70px;
  padding-left: 70px;
}

.pad-hor-75 {
  padding-right: 75px;
  padding-left: 75px;
}

.pad-hor-80 {
  padding-right: 80px;
  padding-left: 80px;
}

.pad-hor-85 {
  padding-right: 85px;
  padding-left: 85px;
}

.pad-hor-90 {
  padding-right: 90px;
  padding-left: 90px;
}

.pad-hor-95 {
  padding-right: 95px;
  padding-left: 95px;
}

.pad-hor-100 {
  padding-right: 100px;
  padding-left: 100px;
}

@media (min-width: 410px) {
  .pad-xs-0 {
    padding: 0;
  }
  .pad-xs-5 {
    padding: 5px;
  }
  .pad-xs-10 {
    padding: 10px;
  }
  .pad-xs-15 {
    padding: 15px;
  }
  .pad-xs-20 {
    padding: 20px;
  }
  .pad-xs-25 {
    padding: 25px;
  }
  .pad-xs-30 {
    padding: 30px;
  }
  .pad-xs-35 {
    padding: 35px;
  }
  .pad-xs-40 {
    padding: 40px;
  }
  .pad-xs-45 {
    padding: 45px;
  }
  .pad-xs-50 {
    padding: 50px;
  }
  .pad-xs-55 {
    padding: 55px;
  }
  .pad-xs-60 {
    padding: 60px;
  }
  .pad-xs-65 {
    padding: 65px;
  }
  .pad-xs-70 {
    padding: 70px;
  }
  .pad-xs-75 {
    padding: 75px;
  }
  .pad-xs-80 {
    padding: 80px;
  }
  .pad-xs-85 {
    padding: 85px;
  }
  .pad-xs-90 {
    padding: 90px;
  }
  .pad-xs-95 {
    padding: 95px;
  }
  .pad-xs-100 {
    padding: 100px;
  }
  .pad-top-xs-0 {
    padding-top: 0;
  }
  .pad-top-xs-5 {
    padding-top: 5px;
  }
  .pad-top-xs-10 {
    padding-top: 10px;
  }
  .pad-top-xs-15 {
    padding-top: 15px;
  }
  .pad-top-xs-20 {
    padding-top: 20px;
  }
  .pad-top-xs-25 {
    padding-top: 25px;
  }
  .pad-top-xs-30 {
    padding-top: 30px;
  }
  .pad-top-xs-35 {
    padding-top: 35px;
  }
  .pad-top-xs-40 {
    padding-top: 40px;
  }
  .pad-top-xs-45 {
    padding-top: 45px;
  }
  .pad-top-xs-50 {
    padding-top: 50px;
  }
  .pad-top-xs-55 {
    padding-top: 55px;
  }
  .pad-top-xs-60 {
    padding-top: 60px;
  }
  .pad-top-xs-65 {
    padding-top: 65px;
  }
  .pad-top-xs-70 {
    padding-top: 70px;
  }
  .pad-top-xs-75 {
    padding-top: 75px;
  }
  .pad-top-xs-80 {
    padding-top: 80px;
  }
  .pad-top-xs-85 {
    padding-top: 85px;
  }
  .pad-top-xs-90 {
    padding-top: 90px;
  }
  .pad-top-xs-95 {
    padding-top: 95px;
  }
  .pad-top-xs-100 {
    padding-top: 100px;
  }
  .pad-right-xs-0 {
    padding-right: 0;
  }
  .pad-right-xs-5 {
    padding-right: 5px;
  }
  .pad-right-xs-10 {
    padding-right: 10px;
  }
  .pad-right-xs-15 {
    padding-right: 15px;
  }
  .pad-right-xs-20 {
    padding-right: 20px;
  }
  .pad-right-xs-25 {
    padding-right: 25px;
  }
  .pad-right-xs-30 {
    padding-right: 30px;
  }
  .pad-right-xs-35 {
    padding-right: 35px;
  }
  .pad-right-xs-40 {
    padding-right: 40px;
  }
  .pad-right-xs-45 {
    padding-right: 45px;
  }
  .pad-right-xs-50 {
    padding-right: 50px;
  }
  .pad-right-xs-55 {
    padding-right: 55px;
  }
  .pad-right-xs-60 {
    padding-right: 60px;
  }
  .pad-right-xs-65 {
    padding-right: 65px;
  }
  .pad-right-xs-70 {
    padding-right: 70px;
  }
  .pad-right-xs-75 {
    padding-right: 75px;
  }
  .pad-right-xs-80 {
    padding-right: 80px;
  }
  .pad-right-xs-85 {
    padding-right: 85px;
  }
  .pad-right-xs-90 {
    padding-right: 90px;
  }
  .pad-right-xs-95 {
    padding-right: 95px;
  }
  .pad-right-xs-100 {
    padding-right: 100px;
  }
  .pad-bottom-xs-0 {
    padding-bottom: 0;
  }
  .pad-bottom-xs-5 {
    padding-bottom: 5px;
  }
  .pad-bottom-xs-10 {
    padding-bottom: 10px;
  }
  .pad-bottom-xs-15 {
    padding-bottom: 15px;
  }
  .pad-bottom-xs-20 {
    padding-bottom: 20px;
  }
  .pad-bottom-xs-25 {
    padding-bottom: 25px;
  }
  .pad-bottom-xs-30 {
    padding-bottom: 30px;
  }
  .pad-bottom-xs-35 {
    padding-bottom: 35px;
  }
  .pad-bottom-xs-40 {
    padding-bottom: 40px;
  }
  .pad-bottom-xs-45 {
    padding-bottom: 45px;
  }
  .pad-bottom-xs-50 {
    padding-bottom: 50px;
  }
  .pad-bottom-xs-55 {
    padding-bottom: 55px;
  }
  .pad-bottom-xs-60 {
    padding-bottom: 60px;
  }
  .pad-bottom-xs-65 {
    padding-bottom: 65px;
  }
  .pad-bottom-xs-70 {
    padding-bottom: 70px;
  }
  .pad-bottom-xs-75 {
    padding-bottom: 75px;
  }
  .pad-bottom-xs-80 {
    padding-bottom: 80px;
  }
  .pad-bottom-xs-85 {
    padding-bottom: 85px;
  }
  .pad-bottom-xs-90 {
    padding-bottom: 90px;
  }
  .pad-bottom-xs-95 {
    padding-bottom: 95px;
  }
  .pad-bottom-xs-100 {
    padding-bottom: 100px;
  }
  .pad-left-xs-0 {
    padding-left: 0;
  }
  .pad-left-xs-5 {
    padding-left: 5px;
  }
  .pad-left-xs-10 {
    padding-left: 10px;
  }
  .pad-left-xs-15 {
    padding-left: 15px;
  }
  .pad-left-xs-20 {
    padding-left: 20px;
  }
  .pad-left-xs-25 {
    padding-left: 25px;
  }
  .pad-left-xs-30 {
    padding-left: 30px;
  }
  .pad-left-xs-35 {
    padding-left: 35px;
  }
  .pad-left-xs-40 {
    padding-left: 40px;
  }
  .pad-left-xs-45 {
    padding-left: 45px;
  }
  .pad-left-xs-50 {
    padding-left: 50px;
  }
  .pad-left-xs-55 {
    padding-left: 55px;
  }
  .pad-left-xs-60 {
    padding-left: 60px;
  }
  .pad-left-xs-65 {
    padding-left: 65px;
  }
  .pad-left-xs-70 {
    padding-left: 70px;
  }
  .pad-left-xs-75 {
    padding-left: 75px;
  }
  .pad-left-xs-80 {
    padding-left: 80px;
  }
  .pad-left-xs-85 {
    padding-left: 85px;
  }
  .pad-left-xs-90 {
    padding-left: 90px;
  }
  .pad-left-xs-95 {
    padding-left: 95px;
  }
  .pad-left-xs-100 {
    padding-left: 100px;
  }
  .pad-ver-xs-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pad-ver-xs-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pad-ver-xs-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pad-ver-xs-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pad-ver-xs-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pad-ver-xs-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pad-ver-xs-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pad-ver-xs-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pad-ver-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pad-ver-xs-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pad-ver-xs-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pad-ver-xs-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pad-ver-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-ver-xs-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pad-ver-xs-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pad-ver-xs-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pad-ver-xs-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pad-ver-xs-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pad-ver-xs-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-ver-xs-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pad-ver-xs-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pad-hor-xs-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .pad-hor-xs-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .pad-hor-xs-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pad-hor-xs-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pad-hor-xs-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pad-hor-xs-25 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .pad-hor-xs-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .pad-hor-xs-35 {
    padding-right: 35px;
    padding-left: 35px;
  }
  .pad-hor-xs-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .pad-hor-xs-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .pad-hor-xs-50 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .pad-hor-xs-55 {
    padding-right: 55px;
    padding-left: 55px;
  }
  .pad-hor-xs-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pad-hor-xs-65 {
    padding-right: 65px;
    padding-left: 65px;
  }
  .pad-hor-xs-70 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .pad-hor-xs-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .pad-hor-xs-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .pad-hor-xs-85 {
    padding-right: 85px;
    padding-left: 85px;
  }
  .pad-hor-xs-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .pad-hor-xs-95 {
    padding-right: 95px;
    padding-left: 95px;
  }
  .pad-hor-xs-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 576px) {
  .pad-sm-0 {
    padding: 0;
  }
  .pad-sm-5 {
    padding: 5px;
  }
  .pad-sm-10 {
    padding: 10px;
  }
  .pad-sm-15 {
    padding: 15px;
  }
  .pad-sm-20 {
    padding: 20px;
  }
  .pad-sm-25 {
    padding: 25px;
  }
  .pad-sm-30 {
    padding: 30px;
  }
  .pad-sm-35 {
    padding: 35px;
  }
  .pad-sm-40 {
    padding: 40px;
  }
  .pad-sm-45 {
    padding: 45px;
  }
  .pad-sm-50 {
    padding: 50px;
  }
  .pad-sm-55 {
    padding: 55px;
  }
  .pad-sm-60 {
    padding: 60px;
  }
  .pad-sm-65 {
    padding: 65px;
  }
  .pad-sm-70 {
    padding: 70px;
  }
  .pad-sm-75 {
    padding: 75px;
  }
  .pad-sm-80 {
    padding: 80px;
  }
  .pad-sm-85 {
    padding: 85px;
  }
  .pad-sm-90 {
    padding: 90px;
  }
  .pad-sm-95 {
    padding: 95px;
  }
  .pad-sm-100 {
    padding: 100px;
  }
  .pad-top-sm-0 {
    padding-top: 0;
  }
  .pad-top-sm-5 {
    padding-top: 5px;
  }
  .pad-top-sm-10 {
    padding-top: 10px;
  }
  .pad-top-sm-15 {
    padding-top: 15px;
  }
  .pad-top-sm-20 {
    padding-top: 20px;
  }
  .pad-top-sm-25 {
    padding-top: 25px;
  }
  .pad-top-sm-30 {
    padding-top: 30px;
  }
  .pad-top-sm-35 {
    padding-top: 35px;
  }
  .pad-top-sm-40 {
    padding-top: 40px;
  }
  .pad-top-sm-45 {
    padding-top: 45px;
  }
  .pad-top-sm-50 {
    padding-top: 50px;
  }
  .pad-top-sm-55 {
    padding-top: 55px;
  }
  .pad-top-sm-60 {
    padding-top: 60px;
  }
  .pad-top-sm-65 {
    padding-top: 65px;
  }
  .pad-top-sm-70 {
    padding-top: 70px;
  }
  .pad-top-sm-75 {
    padding-top: 75px;
  }
  .pad-top-sm-80 {
    padding-top: 80px;
  }
  .pad-top-sm-85 {
    padding-top: 85px;
  }
  .pad-top-sm-90 {
    padding-top: 90px;
  }
  .pad-top-sm-95 {
    padding-top: 95px;
  }
  .pad-top-sm-100 {
    padding-top: 100px;
  }
  .pad-right-sm-0 {
    padding-right: 0;
  }
  .pad-right-sm-5 {
    padding-right: 5px;
  }
  .pad-right-sm-10 {
    padding-right: 10px;
  }
  .pad-right-sm-15 {
    padding-right: 15px;
  }
  .pad-right-sm-20 {
    padding-right: 20px;
  }
  .pad-right-sm-25 {
    padding-right: 25px;
  }
  .pad-right-sm-30 {
    padding-right: 30px;
  }
  .pad-right-sm-35 {
    padding-right: 35px;
  }
  .pad-right-sm-40 {
    padding-right: 40px;
  }
  .pad-right-sm-45 {
    padding-right: 45px;
  }
  .pad-right-sm-50 {
    padding-right: 50px;
  }
  .pad-right-sm-55 {
    padding-right: 55px;
  }
  .pad-right-sm-60 {
    padding-right: 60px;
  }
  .pad-right-sm-65 {
    padding-right: 65px;
  }
  .pad-right-sm-70 {
    padding-right: 70px;
  }
  .pad-right-sm-75 {
    padding-right: 75px;
  }
  .pad-right-sm-80 {
    padding-right: 80px;
  }
  .pad-right-sm-85 {
    padding-right: 85px;
  }
  .pad-right-sm-90 {
    padding-right: 90px;
  }
  .pad-right-sm-95 {
    padding-right: 95px;
  }
  .pad-right-sm-100 {
    padding-right: 100px;
  }
  .pad-bottom-sm-0 {
    padding-bottom: 0;
  }
  .pad-bottom-sm-5 {
    padding-bottom: 5px;
  }
  .pad-bottom-sm-10 {
    padding-bottom: 10px;
  }
  .pad-bottom-sm-15 {
    padding-bottom: 15px;
  }
  .pad-bottom-sm-20 {
    padding-bottom: 20px;
  }
  .pad-bottom-sm-25 {
    padding-bottom: 25px;
  }
  .pad-bottom-sm-30 {
    padding-bottom: 30px;
  }
  .pad-bottom-sm-35 {
    padding-bottom: 35px;
  }
  .pad-bottom-sm-40 {
    padding-bottom: 40px;
  }
  .pad-bottom-sm-45 {
    padding-bottom: 45px;
  }
  .pad-bottom-sm-50 {
    padding-bottom: 50px;
  }
  .pad-bottom-sm-55 {
    padding-bottom: 55px;
  }
  .pad-bottom-sm-60 {
    padding-bottom: 60px;
  }
  .pad-bottom-sm-65 {
    padding-bottom: 65px;
  }
  .pad-bottom-sm-70 {
    padding-bottom: 70px;
  }
  .pad-bottom-sm-75 {
    padding-bottom: 75px;
  }
  .pad-bottom-sm-80 {
    padding-bottom: 80px;
  }
  .pad-bottom-sm-85 {
    padding-bottom: 85px;
  }
  .pad-bottom-sm-90 {
    padding-bottom: 90px;
  }
  .pad-bottom-sm-95 {
    padding-bottom: 95px;
  }
  .pad-bottom-sm-100 {
    padding-bottom: 100px;
  }
  .pad-left-sm-0 {
    padding-left: 0;
  }
  .pad-left-sm-5 {
    padding-left: 5px;
  }
  .pad-left-sm-10 {
    padding-left: 10px;
  }
  .pad-left-sm-15 {
    padding-left: 15px;
  }
  .pad-left-sm-20 {
    padding-left: 20px;
  }
  .pad-left-sm-25 {
    padding-left: 25px;
  }
  .pad-left-sm-30 {
    padding-left: 30px;
  }
  .pad-left-sm-35 {
    padding-left: 35px;
  }
  .pad-left-sm-40 {
    padding-left: 40px;
  }
  .pad-left-sm-45 {
    padding-left: 45px;
  }
  .pad-left-sm-50 {
    padding-left: 50px;
  }
  .pad-left-sm-55 {
    padding-left: 55px;
  }
  .pad-left-sm-60 {
    padding-left: 60px;
  }
  .pad-left-sm-65 {
    padding-left: 65px;
  }
  .pad-left-sm-70 {
    padding-left: 70px;
  }
  .pad-left-sm-75 {
    padding-left: 75px;
  }
  .pad-left-sm-80 {
    padding-left: 80px;
  }
  .pad-left-sm-85 {
    padding-left: 85px;
  }
  .pad-left-sm-90 {
    padding-left: 90px;
  }
  .pad-left-sm-95 {
    padding-left: 95px;
  }
  .pad-left-sm-100 {
    padding-left: 100px;
  }
  .pad-ver-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pad-ver-sm-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pad-ver-sm-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pad-ver-sm-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pad-ver-sm-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pad-ver-sm-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pad-ver-sm-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pad-ver-sm-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pad-ver-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pad-ver-sm-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pad-ver-sm-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pad-ver-sm-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pad-ver-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-ver-sm-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pad-ver-sm-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pad-ver-sm-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pad-ver-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pad-ver-sm-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pad-ver-sm-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-ver-sm-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pad-ver-sm-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pad-hor-sm-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .pad-hor-sm-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .pad-hor-sm-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pad-hor-sm-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pad-hor-sm-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pad-hor-sm-25 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .pad-hor-sm-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .pad-hor-sm-35 {
    padding-right: 35px;
    padding-left: 35px;
  }
  .pad-hor-sm-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .pad-hor-sm-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .pad-hor-sm-50 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .pad-hor-sm-55 {
    padding-right: 55px;
    padding-left: 55px;
  }
  .pad-hor-sm-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pad-hor-sm-65 {
    padding-right: 65px;
    padding-left: 65px;
  }
  .pad-hor-sm-70 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .pad-hor-sm-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .pad-hor-sm-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .pad-hor-sm-85 {
    padding-right: 85px;
    padding-left: 85px;
  }
  .pad-hor-sm-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .pad-hor-sm-95 {
    padding-right: 95px;
    padding-left: 95px;
  }
  .pad-hor-sm-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 768px) {
  .pad-md-0 {
    padding: 0;
  }
  .pad-md-5 {
    padding: 5px;
  }
  .pad-md-10 {
    padding: 10px;
  }
  .pad-md-15 {
    padding: 15px;
  }
  .pad-md-20 {
    padding: 20px;
  }
  .pad-md-25 {
    padding: 25px;
  }
  .pad-md-30 {
    padding: 30px;
  }
  .pad-md-35 {
    padding: 35px;
  }
  .pad-md-40 {
    padding: 40px;
  }
  .pad-md-45 {
    padding: 45px;
  }
  .pad-md-50 {
    padding: 50px;
  }
  .pad-md-55 {
    padding: 55px;
  }
  .pad-md-60 {
    padding: 60px;
  }
  .pad-md-65 {
    padding: 65px;
  }
  .pad-md-70 {
    padding: 70px;
  }
  .pad-md-75 {
    padding: 75px;
  }
  .pad-md-80 {
    padding: 80px;
  }
  .pad-md-85 {
    padding: 85px;
  }
  .pad-md-90 {
    padding: 90px;
  }
  .pad-md-95 {
    padding: 95px;
  }
  .pad-md-100 {
    padding: 100px;
  }
  .pad-top-md-0 {
    padding-top: 0;
  }
  .pad-top-md-5 {
    padding-top: 5px;
  }
  .pad-top-md-10 {
    padding-top: 10px;
  }
  .pad-top-md-15 {
    padding-top: 15px;
  }
  .pad-top-md-20 {
    padding-top: 20px;
  }
  .pad-top-md-25 {
    padding-top: 25px;
  }
  .pad-top-md-30 {
    padding-top: 30px;
  }
  .pad-top-md-35 {
    padding-top: 35px;
  }
  .pad-top-md-40 {
    padding-top: 40px;
  }
  .pad-top-md-45 {
    padding-top: 45px;
  }
  .pad-top-md-50 {
    padding-top: 50px;
  }
  .pad-top-md-55 {
    padding-top: 55px;
  }
  .pad-top-md-60 {
    padding-top: 60px;
  }
  .pad-top-md-65 {
    padding-top: 65px;
  }
  .pad-top-md-70 {
    padding-top: 70px;
  }
  .pad-top-md-75 {
    padding-top: 75px;
  }
  .pad-top-md-80 {
    padding-top: 80px;
  }
  .pad-top-md-85 {
    padding-top: 85px;
  }
  .pad-top-md-90 {
    padding-top: 90px;
  }
  .pad-top-md-95 {
    padding-top: 95px;
  }
  .pad-top-md-100 {
    padding-top: 100px;
  }
  .pad-right-md-0 {
    padding-right: 0;
  }
  .pad-right-md-5 {
    padding-right: 5px;
  }
  .pad-right-md-10 {
    padding-right: 10px;
  }
  .pad-right-md-15 {
    padding-right: 15px;
  }
  .pad-right-md-20 {
    padding-right: 20px;
  }
  .pad-right-md-25 {
    padding-right: 25px;
  }
  .pad-right-md-30 {
    padding-right: 30px;
  }
  .pad-right-md-35 {
    padding-right: 35px;
  }
  .pad-right-md-40 {
    padding-right: 40px;
  }
  .pad-right-md-45 {
    padding-right: 45px;
  }
  .pad-right-md-50 {
    padding-right: 50px;
  }
  .pad-right-md-55 {
    padding-right: 55px;
  }
  .pad-right-md-60 {
    padding-right: 60px;
  }
  .pad-right-md-65 {
    padding-right: 65px;
  }
  .pad-right-md-70 {
    padding-right: 70px;
  }
  .pad-right-md-75 {
    padding-right: 75px;
  }
  .pad-right-md-80 {
    padding-right: 80px;
  }
  .pad-right-md-85 {
    padding-right: 85px;
  }
  .pad-right-md-90 {
    padding-right: 90px;
  }
  .pad-right-md-95 {
    padding-right: 95px;
  }
  .pad-right-md-100 {
    padding-right: 100px;
  }
  .pad-bottom-md-0 {
    padding-bottom: 0;
  }
  .pad-bottom-md-5 {
    padding-bottom: 5px;
  }
  .pad-bottom-md-10 {
    padding-bottom: 10px;
  }
  .pad-bottom-md-15 {
    padding-bottom: 15px;
  }
  .pad-bottom-md-20 {
    padding-bottom: 20px;
  }
  .pad-bottom-md-25 {
    padding-bottom: 25px;
  }
  .pad-bottom-md-30 {
    padding-bottom: 30px;
  }
  .pad-bottom-md-35 {
    padding-bottom: 35px;
  }
  .pad-bottom-md-40 {
    padding-bottom: 40px;
  }
  .pad-bottom-md-45 {
    padding-bottom: 45px;
  }
  .pad-bottom-md-50 {
    padding-bottom: 50px;
  }
  .pad-bottom-md-55 {
    padding-bottom: 55px;
  }
  .pad-bottom-md-60 {
    padding-bottom: 60px;
  }
  .pad-bottom-md-65 {
    padding-bottom: 65px;
  }
  .pad-bottom-md-70 {
    padding-bottom: 70px;
  }
  .pad-bottom-md-75 {
    padding-bottom: 75px;
  }
  .pad-bottom-md-80 {
    padding-bottom: 80px;
  }
  .pad-bottom-md-85 {
    padding-bottom: 85px;
  }
  .pad-bottom-md-90 {
    padding-bottom: 90px;
  }
  .pad-bottom-md-95 {
    padding-bottom: 95px;
  }
  .pad-bottom-md-100 {
    padding-bottom: 100px;
  }
  .pad-left-md-0 {
    padding-left: 0;
  }
  .pad-left-md-5 {
    padding-left: 5px;
  }
  .pad-left-md-10 {
    padding-left: 10px;
  }
  .pad-left-md-15 {
    padding-left: 15px;
  }
  .pad-left-md-20 {
    padding-left: 20px;
  }
  .pad-left-md-25 {
    padding-left: 25px;
  }
  .pad-left-md-30 {
    padding-left: 30px;
  }
  .pad-left-md-35 {
    padding-left: 35px;
  }
  .pad-left-md-40 {
    padding-left: 40px;
  }
  .pad-left-md-45 {
    padding-left: 45px;
  }
  .pad-left-md-50 {
    padding-left: 50px;
  }
  .pad-left-md-55 {
    padding-left: 55px;
  }
  .pad-left-md-60 {
    padding-left: 60px;
  }
  .pad-left-md-65 {
    padding-left: 65px;
  }
  .pad-left-md-70 {
    padding-left: 70px;
  }
  .pad-left-md-75 {
    padding-left: 75px;
  }
  .pad-left-md-80 {
    padding-left: 80px;
  }
  .pad-left-md-85 {
    padding-left: 85px;
  }
  .pad-left-md-90 {
    padding-left: 90px;
  }
  .pad-left-md-95 {
    padding-left: 95px;
  }
  .pad-left-md-100 {
    padding-left: 100px;
  }
  .pad-ver-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pad-ver-md-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pad-ver-md-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pad-ver-md-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pad-ver-md-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pad-ver-md-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pad-ver-md-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pad-ver-md-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pad-ver-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pad-ver-md-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pad-ver-md-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pad-ver-md-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pad-ver-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-ver-md-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pad-ver-md-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pad-ver-md-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pad-ver-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pad-ver-md-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pad-ver-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-ver-md-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pad-ver-md-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pad-hor-md-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .pad-hor-md-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .pad-hor-md-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pad-hor-md-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pad-hor-md-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pad-hor-md-25 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .pad-hor-md-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .pad-hor-md-35 {
    padding-right: 35px;
    padding-left: 35px;
  }
  .pad-hor-md-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .pad-hor-md-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .pad-hor-md-50 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .pad-hor-md-55 {
    padding-right: 55px;
    padding-left: 55px;
  }
  .pad-hor-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pad-hor-md-65 {
    padding-right: 65px;
    padding-left: 65px;
  }
  .pad-hor-md-70 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .pad-hor-md-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .pad-hor-md-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .pad-hor-md-85 {
    padding-right: 85px;
    padding-left: 85px;
  }
  .pad-hor-md-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .pad-hor-md-95 {
    padding-right: 95px;
    padding-left: 95px;
  }
  .pad-hor-md-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 992px) {
  .pad-lg-0 {
    padding: 0;
  }
  .pad-lg-5 {
    padding: 5px;
  }
  .pad-lg-10 {
    padding: 10px;
  }
  .pad-lg-15 {
    padding: 15px;
  }
  .pad-lg-20 {
    padding: 20px;
  }
  .pad-lg-25 {
    padding: 25px;
  }
  .pad-lg-30 {
    padding: 30px;
  }
  .pad-lg-35 {
    padding: 35px;
  }
  .pad-lg-40 {
    padding: 40px;
  }
  .pad-lg-45 {
    padding: 45px;
  }
  .pad-lg-50 {
    padding: 50px;
  }
  .pad-lg-55 {
    padding: 55px;
  }
  .pad-lg-60 {
    padding: 60px;
  }
  .pad-lg-65 {
    padding: 65px;
  }
  .pad-lg-70 {
    padding: 70px;
  }
  .pad-lg-75 {
    padding: 75px;
  }
  .pad-lg-80 {
    padding: 80px;
  }
  .pad-lg-85 {
    padding: 85px;
  }
  .pad-lg-90 {
    padding: 90px;
  }
  .pad-lg-95 {
    padding: 95px;
  }
  .pad-lg-100 {
    padding: 100px;
  }
  .pad-top-lg-0 {
    padding-top: 0;
  }
  .pad-top-lg-5 {
    padding-top: 5px;
  }
  .pad-top-lg-10 {
    padding-top: 10px;
  }
  .pad-top-lg-15 {
    padding-top: 15px;
  }
  .pad-top-lg-20 {
    padding-top: 20px;
  }
  .pad-top-lg-25 {
    padding-top: 25px;
  }
  .pad-top-lg-30 {
    padding-top: 30px;
  }
  .pad-top-lg-35 {
    padding-top: 35px;
  }
  .pad-top-lg-40 {
    padding-top: 40px;
  }
  .pad-top-lg-45 {
    padding-top: 45px;
  }
  .pad-top-lg-50 {
    padding-top: 50px;
  }
  .pad-top-lg-55 {
    padding-top: 55px;
  }
  .pad-top-lg-60 {
    padding-top: 60px;
  }
  .pad-top-lg-65 {
    padding-top: 65px;
  }
  .pad-top-lg-70 {
    padding-top: 70px;
  }
  .pad-top-lg-75 {
    padding-top: 75px;
  }
  .pad-top-lg-80 {
    padding-top: 80px;
  }
  .pad-top-lg-85 {
    padding-top: 85px;
  }
  .pad-top-lg-90 {
    padding-top: 90px;
  }
  .pad-top-lg-95 {
    padding-top: 95px;
  }
  .pad-top-lg-100 {
    padding-top: 100px;
  }
  .pad-right-lg-0 {
    padding-right: 0;
  }
  .pad-right-lg-5 {
    padding-right: 5px;
  }
  .pad-right-lg-10 {
    padding-right: 10px;
  }
  .pad-right-lg-15 {
    padding-right: 15px;
  }
  .pad-right-lg-20 {
    padding-right: 20px;
  }
  .pad-right-lg-25 {
    padding-right: 25px;
  }
  .pad-right-lg-30 {
    padding-right: 30px;
  }
  .pad-right-lg-35 {
    padding-right: 35px;
  }
  .pad-right-lg-40 {
    padding-right: 40px;
  }
  .pad-right-lg-45 {
    padding-right: 45px;
  }
  .pad-right-lg-50 {
    padding-right: 50px;
  }
  .pad-right-lg-55 {
    padding-right: 55px;
  }
  .pad-right-lg-60 {
    padding-right: 60px;
  }
  .pad-right-lg-65 {
    padding-right: 65px;
  }
  .pad-right-lg-70 {
    padding-right: 70px;
  }
  .pad-right-lg-75 {
    padding-right: 75px;
  }
  .pad-right-lg-80 {
    padding-right: 80px;
  }
  .pad-right-lg-85 {
    padding-right: 85px;
  }
  .pad-right-lg-90 {
    padding-right: 90px;
  }
  .pad-right-lg-95 {
    padding-right: 95px;
  }
  .pad-right-lg-100 {
    padding-right: 100px;
  }
  .pad-bottom-lg-0 {
    padding-bottom: 0;
  }
  .pad-bottom-lg-5 {
    padding-bottom: 5px;
  }
  .pad-bottom-lg-10 {
    padding-bottom: 10px;
  }
  .pad-bottom-lg-15 {
    padding-bottom: 15px;
  }
  .pad-bottom-lg-20 {
    padding-bottom: 20px;
  }
  .pad-bottom-lg-25 {
    padding-bottom: 25px;
  }
  .pad-bottom-lg-30 {
    padding-bottom: 30px;
  }
  .pad-bottom-lg-35 {
    padding-bottom: 35px;
  }
  .pad-bottom-lg-40 {
    padding-bottom: 40px;
  }
  .pad-bottom-lg-45 {
    padding-bottom: 45px;
  }
  .pad-bottom-lg-50 {
    padding-bottom: 50px;
  }
  .pad-bottom-lg-55 {
    padding-bottom: 55px;
  }
  .pad-bottom-lg-60 {
    padding-bottom: 60px;
  }
  .pad-bottom-lg-65 {
    padding-bottom: 65px;
  }
  .pad-bottom-lg-70 {
    padding-bottom: 70px;
  }
  .pad-bottom-lg-75 {
    padding-bottom: 75px;
  }
  .pad-bottom-lg-80 {
    padding-bottom: 80px;
  }
  .pad-bottom-lg-85 {
    padding-bottom: 85px;
  }
  .pad-bottom-lg-90 {
    padding-bottom: 90px;
  }
  .pad-bottom-lg-95 {
    padding-bottom: 95px;
  }
  .pad-bottom-lg-100 {
    padding-bottom: 100px;
  }
  .pad-left-lg-0 {
    padding-left: 0;
  }
  .pad-left-lg-5 {
    padding-left: 5px;
  }
  .pad-left-lg-10 {
    padding-left: 10px;
  }
  .pad-left-lg-15 {
    padding-left: 15px;
  }
  .pad-left-lg-20 {
    padding-left: 20px;
  }
  .pad-left-lg-25 {
    padding-left: 25px;
  }
  .pad-left-lg-30 {
    padding-left: 30px;
  }
  .pad-left-lg-35 {
    padding-left: 35px;
  }
  .pad-left-lg-40 {
    padding-left: 40px;
  }
  .pad-left-lg-45 {
    padding-left: 45px;
  }
  .pad-left-lg-50 {
    padding-left: 50px;
  }
  .pad-left-lg-55 {
    padding-left: 55px;
  }
  .pad-left-lg-60 {
    padding-left: 60px;
  }
  .pad-left-lg-65 {
    padding-left: 65px;
  }
  .pad-left-lg-70 {
    padding-left: 70px;
  }
  .pad-left-lg-75 {
    padding-left: 75px;
  }
  .pad-left-lg-80 {
    padding-left: 80px;
  }
  .pad-left-lg-85 {
    padding-left: 85px;
  }
  .pad-left-lg-90 {
    padding-left: 90px;
  }
  .pad-left-lg-95 {
    padding-left: 95px;
  }
  .pad-left-lg-100 {
    padding-left: 100px;
  }
  .pad-ver-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pad-ver-lg-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pad-ver-lg-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pad-ver-lg-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pad-ver-lg-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pad-ver-lg-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pad-ver-lg-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pad-ver-lg-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pad-ver-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pad-ver-lg-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pad-ver-lg-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pad-ver-lg-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pad-ver-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-ver-lg-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pad-ver-lg-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pad-ver-lg-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pad-ver-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pad-ver-lg-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pad-ver-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-ver-lg-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pad-ver-lg-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pad-hor-lg-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .pad-hor-lg-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .pad-hor-lg-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pad-hor-lg-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pad-hor-lg-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pad-hor-lg-25 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .pad-hor-lg-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .pad-hor-lg-35 {
    padding-right: 35px;
    padding-left: 35px;
  }
  .pad-hor-lg-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .pad-hor-lg-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .pad-hor-lg-50 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .pad-hor-lg-55 {
    padding-right: 55px;
    padding-left: 55px;
  }
  .pad-hor-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pad-hor-lg-65 {
    padding-right: 65px;
    padding-left: 65px;
  }
  .pad-hor-lg-70 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .pad-hor-lg-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .pad-hor-lg-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .pad-hor-lg-85 {
    padding-right: 85px;
    padding-left: 85px;
  }
  .pad-hor-lg-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .pad-hor-lg-95 {
    padding-right: 95px;
    padding-left: 95px;
  }
  .pad-hor-lg-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1200px) {
  .pad-xl-0 {
    padding: 0;
  }
  .pad-xl-5 {
    padding: 5px;
  }
  .pad-xl-10 {
    padding: 10px;
  }
  .pad-xl-15 {
    padding: 15px;
  }
  .pad-xl-20 {
    padding: 20px;
  }
  .pad-xl-25 {
    padding: 25px;
  }
  .pad-xl-30 {
    padding: 30px;
  }
  .pad-xl-35 {
    padding: 35px;
  }
  .pad-xl-40 {
    padding: 40px;
  }
  .pad-xl-45 {
    padding: 45px;
  }
  .pad-xl-50 {
    padding: 50px;
  }
  .pad-xl-55 {
    padding: 55px;
  }
  .pad-xl-60 {
    padding: 60px;
  }
  .pad-xl-65 {
    padding: 65px;
  }
  .pad-xl-70 {
    padding: 70px;
  }
  .pad-xl-75 {
    padding: 75px;
  }
  .pad-xl-80 {
    padding: 80px;
  }
  .pad-xl-85 {
    padding: 85px;
  }
  .pad-xl-90 {
    padding: 90px;
  }
  .pad-xl-95 {
    padding: 95px;
  }
  .pad-xl-100 {
    padding: 100px;
  }
  .pad-top-xl-0 {
    padding-top: 0;
  }
  .pad-top-xl-5 {
    padding-top: 5px;
  }
  .pad-top-xl-10 {
    padding-top: 10px;
  }
  .pad-top-xl-15 {
    padding-top: 15px;
  }
  .pad-top-xl-20 {
    padding-top: 20px;
  }
  .pad-top-xl-25 {
    padding-top: 25px;
  }
  .pad-top-xl-30 {
    padding-top: 30px;
  }
  .pad-top-xl-35 {
    padding-top: 35px;
  }
  .pad-top-xl-40 {
    padding-top: 40px;
  }
  .pad-top-xl-45 {
    padding-top: 45px;
  }
  .pad-top-xl-50 {
    padding-top: 50px;
  }
  .pad-top-xl-55 {
    padding-top: 55px;
  }
  .pad-top-xl-60 {
    padding-top: 60px;
  }
  .pad-top-xl-65 {
    padding-top: 65px;
  }
  .pad-top-xl-70 {
    padding-top: 70px;
  }
  .pad-top-xl-75 {
    padding-top: 75px;
  }
  .pad-top-xl-80 {
    padding-top: 80px;
  }
  .pad-top-xl-85 {
    padding-top: 85px;
  }
  .pad-top-xl-90 {
    padding-top: 90px;
  }
  .pad-top-xl-95 {
    padding-top: 95px;
  }
  .pad-top-xl-100 {
    padding-top: 100px;
  }
  .pad-right-xl-0 {
    padding-right: 0;
  }
  .pad-right-xl-5 {
    padding-right: 5px;
  }
  .pad-right-xl-10 {
    padding-right: 10px;
  }
  .pad-right-xl-15 {
    padding-right: 15px;
  }
  .pad-right-xl-20 {
    padding-right: 20px;
  }
  .pad-right-xl-25 {
    padding-right: 25px;
  }
  .pad-right-xl-30 {
    padding-right: 30px;
  }
  .pad-right-xl-35 {
    padding-right: 35px;
  }
  .pad-right-xl-40 {
    padding-right: 40px;
  }
  .pad-right-xl-45 {
    padding-right: 45px;
  }
  .pad-right-xl-50 {
    padding-right: 50px;
  }
  .pad-right-xl-55 {
    padding-right: 55px;
  }
  .pad-right-xl-60 {
    padding-right: 60px;
  }
  .pad-right-xl-65 {
    padding-right: 65px;
  }
  .pad-right-xl-70 {
    padding-right: 70px;
  }
  .pad-right-xl-75 {
    padding-right: 75px;
  }
  .pad-right-xl-80 {
    padding-right: 80px;
  }
  .pad-right-xl-85 {
    padding-right: 85px;
  }
  .pad-right-xl-90 {
    padding-right: 90px;
  }
  .pad-right-xl-95 {
    padding-right: 95px;
  }
  .pad-right-xl-100 {
    padding-right: 100px;
  }
  .pad-bottom-xl-0 {
    padding-bottom: 0;
  }
  .pad-bottom-xl-5 {
    padding-bottom: 5px;
  }
  .pad-bottom-xl-10 {
    padding-bottom: 10px;
  }
  .pad-bottom-xl-15 {
    padding-bottom: 15px;
  }
  .pad-bottom-xl-20 {
    padding-bottom: 20px;
  }
  .pad-bottom-xl-25 {
    padding-bottom: 25px;
  }
  .pad-bottom-xl-30 {
    padding-bottom: 30px;
  }
  .pad-bottom-xl-35 {
    padding-bottom: 35px;
  }
  .pad-bottom-xl-40 {
    padding-bottom: 40px;
  }
  .pad-bottom-xl-45 {
    padding-bottom: 45px;
  }
  .pad-bottom-xl-50 {
    padding-bottom: 50px;
  }
  .pad-bottom-xl-55 {
    padding-bottom: 55px;
  }
  .pad-bottom-xl-60 {
    padding-bottom: 60px;
  }
  .pad-bottom-xl-65 {
    padding-bottom: 65px;
  }
  .pad-bottom-xl-70 {
    padding-bottom: 70px;
  }
  .pad-bottom-xl-75 {
    padding-bottom: 75px;
  }
  .pad-bottom-xl-80 {
    padding-bottom: 80px;
  }
  .pad-bottom-xl-85 {
    padding-bottom: 85px;
  }
  .pad-bottom-xl-90 {
    padding-bottom: 90px;
  }
  .pad-bottom-xl-95 {
    padding-bottom: 95px;
  }
  .pad-bottom-xl-100 {
    padding-bottom: 100px;
  }
  .pad-left-xl-0 {
    padding-left: 0;
  }
  .pad-left-xl-5 {
    padding-left: 5px;
  }
  .pad-left-xl-10 {
    padding-left: 10px;
  }
  .pad-left-xl-15 {
    padding-left: 15px;
  }
  .pad-left-xl-20 {
    padding-left: 20px;
  }
  .pad-left-xl-25 {
    padding-left: 25px;
  }
  .pad-left-xl-30 {
    padding-left: 30px;
  }
  .pad-left-xl-35 {
    padding-left: 35px;
  }
  .pad-left-xl-40 {
    padding-left: 40px;
  }
  .pad-left-xl-45 {
    padding-left: 45px;
  }
  .pad-left-xl-50 {
    padding-left: 50px;
  }
  .pad-left-xl-55 {
    padding-left: 55px;
  }
  .pad-left-xl-60 {
    padding-left: 60px;
  }
  .pad-left-xl-65 {
    padding-left: 65px;
  }
  .pad-left-xl-70 {
    padding-left: 70px;
  }
  .pad-left-xl-75 {
    padding-left: 75px;
  }
  .pad-left-xl-80 {
    padding-left: 80px;
  }
  .pad-left-xl-85 {
    padding-left: 85px;
  }
  .pad-left-xl-90 {
    padding-left: 90px;
  }
  .pad-left-xl-95 {
    padding-left: 95px;
  }
  .pad-left-xl-100 {
    padding-left: 100px;
  }
  .pad-ver-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pad-ver-xl-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pad-ver-xl-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pad-ver-xl-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pad-ver-xl-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pad-ver-xl-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pad-ver-xl-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pad-ver-xl-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pad-ver-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pad-ver-xl-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pad-ver-xl-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pad-ver-xl-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pad-ver-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-ver-xl-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pad-ver-xl-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pad-ver-xl-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pad-ver-xl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pad-ver-xl-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pad-ver-xl-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-ver-xl-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pad-ver-xl-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pad-hor-xl-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .pad-hor-xl-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .pad-hor-xl-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .pad-hor-xl-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pad-hor-xl-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pad-hor-xl-25 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .pad-hor-xl-30 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .pad-hor-xl-35 {
    padding-right: 35px;
    padding-left: 35px;
  }
  .pad-hor-xl-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .pad-hor-xl-45 {
    padding-right: 45px;
    padding-left: 45px;
  }
  .pad-hor-xl-50 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .pad-hor-xl-55 {
    padding-right: 55px;
    padding-left: 55px;
  }
  .pad-hor-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pad-hor-xl-65 {
    padding-right: 65px;
    padding-left: 65px;
  }
  .pad-hor-xl-70 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .pad-hor-xl-75 {
    padding-right: 75px;
    padding-left: 75px;
  }
  .pad-hor-xl-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .pad-hor-xl-85 {
    padding-right: 85px;
    padding-left: 85px;
  }
  .pad-hor-xl-90 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .pad-hor-xl-95 {
    padding-right: 95px;
    padding-left: 95px;
  }
  .pad-hor-xl-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
}
/*--------------------------------------------------
  Margin
--------------------------------------------------*/
.mar {
  margin: auto;
}

.mar-0 {
  margin: 0;
}

.mar-5 {
  margin: 5px;
}

.mar-10 {
  margin: 10px;
}

.mar-15 {
  margin: 15px;
}

.mar-20 {
  margin: 20px;
}

.mar-25 {
  margin: 25px;
}

.mar-30 {
  margin: 30px;
}

.mar-35 {
  margin: 35px;
}

.mar-40 {
  margin: 40px;
}

.mar-45 {
  margin: 45px;
}

.mar-50 {
  margin: 50px;
}

.mar-55 {
  margin: 55px;
}

.mar-60 {
  margin: 60px;
}

.mar-65 {
  margin: 65px;
}

.mar-70 {
  margin: 70px;
}

.mar-75 {
  margin: 75px;
}

.mar-80 {
  margin: 80px;
}

.mar-85 {
  margin: 85px;
}

.mar-90 {
  margin: 90px;
}

.mar-95 {
  margin: 95px;
}

.mar-100 {
  margin: 100px;
}

.mar-top {
  margin-top: auto;
}

.mar-top-0 {
  margin-top: 0;
}

.mar-top-5 {
  margin-top: 5px;
}

.mar-top-10 {
  margin-top: 10px;
}

.mar-top-15 {
  margin-top: 15px;
}

.mar-top-20 {
  margin-top: 20px;
}

.mar-top-25 {
  margin-top: 25px;
}

.mar-top-30 {
  margin-top: 30px;
}

.mar-top-35 {
  margin-top: 35px;
}

.mar-top-40 {
  margin-top: 40px;
}

.mar-top-45 {
  margin-top: 45px;
}

.mar-top-50 {
  margin-top: 50px;
}

.mar-top-55 {
  margin-top: 55px;
}

.mar-top-60 {
  margin-top: 60px;
}

.mar-top-65 {
  margin-top: 65px;
}

.mar-top-70 {
  margin-top: 70px;
}

.mar-top-75 {
  margin-top: 75px;
}

.mar-top-80 {
  margin-top: 80px;
}

.mar-top-85 {
  margin-top: 85px;
}

.mar-top-90 {
  margin-top: 90px;
}

.mar-top-95 {
  margin-top: 95px;
}

.mar-top-100 {
  margin-top: 100px;
}

.mar-right {
  margin-right: auto;
}

.mar-right-0 {
  margin-right: 0;
}

.mar-right-5 {
  margin-right: 5px;
}

.mar-right-10 {
  margin-right: 10px;
}

.mar-right-15 {
  margin-right: 15px;
}

.mar-right-20 {
  margin-right: 20px;
}

.mar-right-25 {
  margin-right: 25px;
}

.mar-right-30 {
  margin-right: 30px;
}

.mar-right-35 {
  margin-right: 35px;
}

.mar-right-40 {
  margin-right: 40px;
}

.mar-right-45 {
  margin-right: 45px;
}

.mar-right-50 {
  margin-right: 50px;
}

.mar-right-55 {
  margin-right: 55px;
}

.mar-right-60 {
  margin-right: 60px;
}

.mar-right-65 {
  margin-right: 65px;
}

.mar-right-70 {
  margin-right: 70px;
}

.mar-right-75 {
  margin-right: 75px;
}

.mar-right-80 {
  margin-right: 80px;
}

.mar-right-85 {
  margin-right: 85px;
}

.mar-right-90 {
  margin-right: 90px;
}

.mar-right-95 {
  margin-right: 95px;
}

.mar-right-100 {
  margin-right: 100px;
}

.mar-bottom {
  margin-bottom: auto;
}

.mar-bottom-0 {
  margin-bottom: 0;
}

.mar-bottom-5 {
  margin-bottom: 5px;
}

.mar-bottom-10 {
  margin-bottom: 10px;
}

.mar-bottom-15 {
  margin-bottom: 15px;
}

.mar-bottom-20 {
  margin-bottom: 20px;
}

.mar-bottom-25 {
  margin-bottom: 25px;
}

.mar-bottom-30 {
  margin-bottom: 30px;
}

.mar-bottom-35 {
  margin-bottom: 35px;
}

.mar-bottom-40 {
  margin-bottom: 40px;
}

.mar-bottom-45 {
  margin-bottom: 45px;
}

.mar-bottom-50 {
  margin-bottom: 50px;
}

.mar-bottom-55 {
  margin-bottom: 55px;
}

.mar-bottom-60 {
  margin-bottom: 60px;
}

.mar-bottom-65 {
  margin-bottom: 65px;
}

.mar-bottom-70 {
  margin-bottom: 70px;
}

.mar-bottom-75 {
  margin-bottom: 75px;
}

.mar-bottom-80 {
  margin-bottom: 80px;
}

.mar-bottom-85 {
  margin-bottom: 85px;
}

.mar-bottom-90 {
  margin-bottom: 90px;
}

.mar-bottom-95 {
  margin-bottom: 95px;
}

.mar-bottom-100 {
  margin-bottom: 100px;
}

.mar-left {
  margin-left: auto;
}

.mar-left-0 {
  margin-left: 0;
}

.mar-left-5 {
  margin-left: 5px;
}

.mar-left-10 {
  margin-left: 10px;
}

.mar-left-15 {
  margin-left: 15px;
}

.mar-left-20 {
  margin-left: 20px;
}

.mar-left-25 {
  margin-left: 25px;
}

.mar-left-30 {
  margin-left: 30px;
}

.mar-left-35 {
  margin-left: 35px;
}

.mar-left-40 {
  margin-left: 40px;
}

.mar-left-45 {
  margin-left: 45px;
}

.mar-left-50 {
  margin-left: 50px;
}

.mar-left-55 {
  margin-left: 55px;
}

.mar-left-60 {
  margin-left: 60px;
}

.mar-left-65 {
  margin-left: 65px;
}

.mar-left-70 {
  margin-left: 70px;
}

.mar-left-75 {
  margin-left: 75px;
}

.mar-left-80 {
  margin-left: 80px;
}

.mar-left-85 {
  margin-left: 85px;
}

.mar-left-90 {
  margin-left: 90px;
}

.mar-left-95 {
  margin-left: 95px;
}

.mar-left-100 {
  margin-left: 100px;
}

.mar-ver {
  margin-top: auto;
  margin-bottom: auto;
}

.mar-ver-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mar-ver-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mar-ver-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mar-ver-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mar-ver-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mar-ver-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mar-ver-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mar-ver-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mar-ver-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mar-ver-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mar-ver-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mar-ver-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mar-ver-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mar-ver-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mar-ver-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mar-ver-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mar-ver-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mar-ver-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mar-ver-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mar-ver-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mar-ver-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mar-hor {
  margin-right: auto;
  margin-left: auto;
}

.mar-hor-0 {
  margin-right: 0;
  margin-left: 0;
}

.mar-hor-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mar-hor-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mar-hor-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mar-hor-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mar-hor-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.mar-hor-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mar-hor-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.mar-hor-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mar-hor-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.mar-hor-50 {
  margin-right: 50px;
  margin-left: 50px;
}

.mar-hor-55 {
  margin-right: 55px;
  margin-left: 55px;
}

.mar-hor-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.mar-hor-65 {
  margin-right: 65px;
  margin-left: 65px;
}

.mar-hor-70 {
  margin-right: 70px;
  margin-left: 70px;
}

.mar-hor-75 {
  margin-right: 75px;
  margin-left: 75px;
}

.mar-hor-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.mar-hor-85 {
  margin-right: 85px;
  margin-left: 85px;
}

.mar-hor-90 {
  margin-right: 90px;
  margin-left: 90px;
}

.mar-hor-95 {
  margin-right: 95px;
  margin-left: 95px;
}

.mar-hor-100 {
  margin-right: 100px;
  margin-left: 100px;
}

@media (min-width: 410px) {
  .mar-xs {
    margin: auto;
  }
  .mar-xs-0 {
    margin: 0;
  }
  .mar-xs-5 {
    margin: 5px;
  }
  .mar-xs-10 {
    margin: 10px;
  }
  .mar-xs-15 {
    margin: 15px;
  }
  .mar-xs-20 {
    margin: 20px;
  }
  .mar-xs-25 {
    margin: 25px;
  }
  .mar-xs-30 {
    margin: 30px;
  }
  .mar-xs-35 {
    margin: 35px;
  }
  .mar-xs-40 {
    margin: 40px;
  }
  .mar-xs-45 {
    margin: 45px;
  }
  .mar-xs-50 {
    margin: 50px;
  }
  .mar-xs-55 {
    margin: 55px;
  }
  .mar-xs-60 {
    margin: 60px;
  }
  .mar-xs-65 {
    margin: 65px;
  }
  .mar-xs-70 {
    margin: 70px;
  }
  .mar-xs-75 {
    margin: 75px;
  }
  .mar-xs-80 {
    margin: 80px;
  }
  .mar-xs-85 {
    margin: 85px;
  }
  .mar-xs-90 {
    margin: 90px;
  }
  .mar-xs-95 {
    margin: 95px;
  }
  .mar-xs-100 {
    margin: 100px;
  }
  .mar-top-xs {
    margin-top: auto;
  }
  .mar-top-xs-0 {
    margin-top: 0;
  }
  .mar-top-xs-5 {
    margin-top: 5px;
  }
  .mar-top-xs-10 {
    margin-top: 10px;
  }
  .mar-top-xs-15 {
    margin-top: 15px;
  }
  .mar-top-xs-20 {
    margin-top: 20px;
  }
  .mar-top-xs-25 {
    margin-top: 25px;
  }
  .mar-top-xs-30 {
    margin-top: 30px;
  }
  .mar-top-xs-35 {
    margin-top: 35px;
  }
  .mar-top-xs-40 {
    margin-top: 40px;
  }
  .mar-top-xs-45 {
    margin-top: 45px;
  }
  .mar-top-xs-50 {
    margin-top: 50px;
  }
  .mar-top-xs-55 {
    margin-top: 55px;
  }
  .mar-top-xs-60 {
    margin-top: 60px;
  }
  .mar-top-xs-65 {
    margin-top: 65px;
  }
  .mar-top-xs-70 {
    margin-top: 70px;
  }
  .mar-top-xs-75 {
    margin-top: 75px;
  }
  .mar-top-xs-80 {
    margin-top: 80px;
  }
  .mar-top-xs-85 {
    margin-top: 85px;
  }
  .mar-top-xs-90 {
    margin-top: 90px;
  }
  .mar-top-xs-95 {
    margin-top: 95px;
  }
  .mar-top-xs-100 {
    margin-top: 100px;
  }
  .mar-right-xs {
    margin-right: auto;
  }
  .mar-right-xs-0 {
    margin-right: 0;
  }
  .mar-right-xs-5 {
    margin-right: 5px;
  }
  .mar-right-xs-10 {
    margin-right: 10px;
  }
  .mar-right-xs-15 {
    margin-right: 15px;
  }
  .mar-right-xs-20 {
    margin-right: 20px;
  }
  .mar-right-xs-25 {
    margin-right: 25px;
  }
  .mar-right-xs-30 {
    margin-right: 30px;
  }
  .mar-right-xs-35 {
    margin-right: 35px;
  }
  .mar-right-xs-40 {
    margin-right: 40px;
  }
  .mar-right-xs-45 {
    margin-right: 45px;
  }
  .mar-right-xs-50 {
    margin-right: 50px;
  }
  .mar-right-xs-55 {
    margin-right: 55px;
  }
  .mar-right-xs-60 {
    margin-right: 60px;
  }
  .mar-right-xs-65 {
    margin-right: 65px;
  }
  .mar-right-xs-70 {
    margin-right: 70px;
  }
  .mar-right-xs-75 {
    margin-right: 75px;
  }
  .mar-right-xs-80 {
    margin-right: 80px;
  }
  .mar-right-xs-85 {
    margin-right: 85px;
  }
  .mar-right-xs-90 {
    margin-right: 90px;
  }
  .mar-right-xs-95 {
    margin-right: 95px;
  }
  .mar-right-xs-100 {
    margin-right: 100px;
  }
  .mar-bottom-xs {
    margin-bottom: auto;
  }
  .mar-bottom-xs-0 {
    margin-bottom: 0;
  }
  .mar-bottom-xs-5 {
    margin-bottom: 5px;
  }
  .mar-bottom-xs-10 {
    margin-bottom: 10px;
  }
  .mar-bottom-xs-15 {
    margin-bottom: 15px;
  }
  .mar-bottom-xs-20 {
    margin-bottom: 20px;
  }
  .mar-bottom-xs-25 {
    margin-bottom: 25px;
  }
  .mar-bottom-xs-30 {
    margin-bottom: 30px;
  }
  .mar-bottom-xs-35 {
    margin-bottom: 35px;
  }
  .mar-bottom-xs-40 {
    margin-bottom: 40px;
  }
  .mar-bottom-xs-45 {
    margin-bottom: 45px;
  }
  .mar-bottom-xs-50 {
    margin-bottom: 50px;
  }
  .mar-bottom-xs-55 {
    margin-bottom: 55px;
  }
  .mar-bottom-xs-60 {
    margin-bottom: 60px;
  }
  .mar-bottom-xs-65 {
    margin-bottom: 65px;
  }
  .mar-bottom-xs-70 {
    margin-bottom: 70px;
  }
  .mar-bottom-xs-75 {
    margin-bottom: 75px;
  }
  .mar-bottom-xs-80 {
    margin-bottom: 80px;
  }
  .mar-bottom-xs-85 {
    margin-bottom: 85px;
  }
  .mar-bottom-xs-90 {
    margin-bottom: 90px;
  }
  .mar-bottom-xs-95 {
    margin-bottom: 95px;
  }
  .mar-bottom-xs-100 {
    margin-bottom: 100px;
  }
  .mar-left-xs {
    margin-left: auto;
  }
  .mar-left-xs-0 {
    margin-left: 0;
  }
  .mar-left-xs-5 {
    margin-left: 5px;
  }
  .mar-left-xs-10 {
    margin-left: 10px;
  }
  .mar-left-xs-15 {
    margin-left: 15px;
  }
  .mar-left-xs-20 {
    margin-left: 20px;
  }
  .mar-left-xs-25 {
    margin-left: 25px;
  }
  .mar-left-xs-30 {
    margin-left: 30px;
  }
  .mar-left-xs-35 {
    margin-left: 35px;
  }
  .mar-left-xs-40 {
    margin-left: 40px;
  }
  .mar-left-xs-45 {
    margin-left: 45px;
  }
  .mar-left-xs-50 {
    margin-left: 50px;
  }
  .mar-left-xs-55 {
    margin-left: 55px;
  }
  .mar-left-xs-60 {
    margin-left: 60px;
  }
  .mar-left-xs-65 {
    margin-left: 65px;
  }
  .mar-left-xs-70 {
    margin-left: 70px;
  }
  .mar-left-xs-75 {
    margin-left: 75px;
  }
  .mar-left-xs-80 {
    margin-left: 80px;
  }
  .mar-left-xs-85 {
    margin-left: 85px;
  }
  .mar-left-xs-90 {
    margin-left: 90px;
  }
  .mar-left-xs-95 {
    margin-left: 95px;
  }
  .mar-left-xs-100 {
    margin-left: 100px;
  }
  .mar-ver-xs {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mar-ver-xs-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mar-ver-xs-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mar-ver-xs-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mar-ver-xs-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mar-ver-xs-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mar-ver-xs-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mar-ver-xs-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mar-ver-xs-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mar-ver-xs-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mar-ver-xs-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mar-ver-xs-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mar-ver-xs-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mar-ver-xs-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mar-ver-xs-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mar-ver-xs-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mar-ver-xs-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mar-ver-xs-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mar-ver-xs-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mar-ver-xs-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mar-ver-xs-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mar-hor-xs {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-hor-xs-5 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .mar-hor-xs-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mar-hor-xs-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mar-hor-xs-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mar-hor-xs-25 {
    margin-right: 25px;
    margin-left: 25px;
  }
  .mar-hor-xs-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .mar-hor-xs-35 {
    margin-right: 35px;
    margin-left: 35px;
  }
  .mar-hor-xs-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mar-hor-xs-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .mar-hor-xs-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mar-hor-xs-55 {
    margin-right: 55px;
    margin-left: 55px;
  }
  .mar-hor-xs-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mar-hor-xs-65 {
    margin-right: 65px;
    margin-left: 65px;
  }
  .mar-hor-xs-70 {
    margin-right: 70px;
    margin-left: 70px;
  }
  .mar-hor-xs-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .mar-hor-xs-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mar-hor-xs-85 {
    margin-right: 85px;
    margin-left: 85px;
  }
  .mar-hor-xs-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .mar-hor-xs-95 {
    margin-right: 95px;
    margin-left: 95px;
  }
  .mar-hor-xs-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 576px) {
  .mar-sm {
    margin: auto;
  }
  .mar-sm-0 {
    margin: 0;
  }
  .mar-sm-5 {
    margin: 5px;
  }
  .mar-sm-10 {
    margin: 10px;
  }
  .mar-sm-15 {
    margin: 15px;
  }
  .mar-sm-20 {
    margin: 20px;
  }
  .mar-sm-25 {
    margin: 25px;
  }
  .mar-sm-30 {
    margin: 30px;
  }
  .mar-sm-35 {
    margin: 35px;
  }
  .mar-sm-40 {
    margin: 40px;
  }
  .mar-sm-45 {
    margin: 45px;
  }
  .mar-sm-50 {
    margin: 50px;
  }
  .mar-sm-55 {
    margin: 55px;
  }
  .mar-sm-60 {
    margin: 60px;
  }
  .mar-sm-65 {
    margin: 65px;
  }
  .mar-sm-70 {
    margin: 70px;
  }
  .mar-sm-75 {
    margin: 75px;
  }
  .mar-sm-80 {
    margin: 80px;
  }
  .mar-sm-85 {
    margin: 85px;
  }
  .mar-sm-90 {
    margin: 90px;
  }
  .mar-sm-95 {
    margin: 95px;
  }
  .mar-sm-100 {
    margin: 100px;
  }
  .mar-top-sm {
    margin-top: auto;
  }
  .mar-top-sm-0 {
    margin-top: 0;
  }
  .mar-top-sm-5 {
    margin-top: 5px;
  }
  .mar-top-sm-10 {
    margin-top: 10px;
  }
  .mar-top-sm-15 {
    margin-top: 15px;
  }
  .mar-top-sm-20 {
    margin-top: 20px;
  }
  .mar-top-sm-25 {
    margin-top: 25px;
  }
  .mar-top-sm-30 {
    margin-top: 30px;
  }
  .mar-top-sm-35 {
    margin-top: 35px;
  }
  .mar-top-sm-40 {
    margin-top: 40px;
  }
  .mar-top-sm-45 {
    margin-top: 45px;
  }
  .mar-top-sm-50 {
    margin-top: 50px;
  }
  .mar-top-sm-55 {
    margin-top: 55px;
  }
  .mar-top-sm-60 {
    margin-top: 60px;
  }
  .mar-top-sm-65 {
    margin-top: 65px;
  }
  .mar-top-sm-70 {
    margin-top: 70px;
  }
  .mar-top-sm-75 {
    margin-top: 75px;
  }
  .mar-top-sm-80 {
    margin-top: 80px;
  }
  .mar-top-sm-85 {
    margin-top: 85px;
  }
  .mar-top-sm-90 {
    margin-top: 90px;
  }
  .mar-top-sm-95 {
    margin-top: 95px;
  }
  .mar-top-sm-100 {
    margin-top: 100px;
  }
  .mar-right-sm {
    margin-right: auto;
  }
  .mar-right-sm-0 {
    margin-right: 0;
  }
  .mar-right-sm-5 {
    margin-right: 5px;
  }
  .mar-right-sm-10 {
    margin-right: 10px;
  }
  .mar-right-sm-15 {
    margin-right: 15px;
  }
  .mar-right-sm-20 {
    margin-right: 20px;
  }
  .mar-right-sm-25 {
    margin-right: 25px;
  }
  .mar-right-sm-30 {
    margin-right: 30px;
  }
  .mar-right-sm-35 {
    margin-right: 35px;
  }
  .mar-right-sm-40 {
    margin-right: 40px;
  }
  .mar-right-sm-45 {
    margin-right: 45px;
  }
  .mar-right-sm-50 {
    margin-right: 50px;
  }
  .mar-right-sm-55 {
    margin-right: 55px;
  }
  .mar-right-sm-60 {
    margin-right: 60px;
  }
  .mar-right-sm-65 {
    margin-right: 65px;
  }
  .mar-right-sm-70 {
    margin-right: 70px;
  }
  .mar-right-sm-75 {
    margin-right: 75px;
  }
  .mar-right-sm-80 {
    margin-right: 80px;
  }
  .mar-right-sm-85 {
    margin-right: 85px;
  }
  .mar-right-sm-90 {
    margin-right: 90px;
  }
  .mar-right-sm-95 {
    margin-right: 95px;
  }
  .mar-right-sm-100 {
    margin-right: 100px;
  }
  .mar-bottom-sm {
    margin-bottom: auto;
  }
  .mar-bottom-sm-0 {
    margin-bottom: 0;
  }
  .mar-bottom-sm-5 {
    margin-bottom: 5px;
  }
  .mar-bottom-sm-10 {
    margin-bottom: 10px;
  }
  .mar-bottom-sm-15 {
    margin-bottom: 15px;
  }
  .mar-bottom-sm-20 {
    margin-bottom: 20px;
  }
  .mar-bottom-sm-25 {
    margin-bottom: 25px;
  }
  .mar-bottom-sm-30 {
    margin-bottom: 30px;
  }
  .mar-bottom-sm-35 {
    margin-bottom: 35px;
  }
  .mar-bottom-sm-40 {
    margin-bottom: 40px;
  }
  .mar-bottom-sm-45 {
    margin-bottom: 45px;
  }
  .mar-bottom-sm-50 {
    margin-bottom: 50px;
  }
  .mar-bottom-sm-55 {
    margin-bottom: 55px;
  }
  .mar-bottom-sm-60 {
    margin-bottom: 60px;
  }
  .mar-bottom-sm-65 {
    margin-bottom: 65px;
  }
  .mar-bottom-sm-70 {
    margin-bottom: 70px;
  }
  .mar-bottom-sm-75 {
    margin-bottom: 75px;
  }
  .mar-bottom-sm-80 {
    margin-bottom: 80px;
  }
  .mar-bottom-sm-85 {
    margin-bottom: 85px;
  }
  .mar-bottom-sm-90 {
    margin-bottom: 90px;
  }
  .mar-bottom-sm-95 {
    margin-bottom: 95px;
  }
  .mar-bottom-sm-100 {
    margin-bottom: 100px;
  }
  .mar-left-sm {
    margin-left: auto;
  }
  .mar-left-sm-0 {
    margin-left: 0;
  }
  .mar-left-sm-5 {
    margin-left: 5px;
  }
  .mar-left-sm-10 {
    margin-left: 10px;
  }
  .mar-left-sm-15 {
    margin-left: 15px;
  }
  .mar-left-sm-20 {
    margin-left: 20px;
  }
  .mar-left-sm-25 {
    margin-left: 25px;
  }
  .mar-left-sm-30 {
    margin-left: 30px;
  }
  .mar-left-sm-35 {
    margin-left: 35px;
  }
  .mar-left-sm-40 {
    margin-left: 40px;
  }
  .mar-left-sm-45 {
    margin-left: 45px;
  }
  .mar-left-sm-50 {
    margin-left: 50px;
  }
  .mar-left-sm-55 {
    margin-left: 55px;
  }
  .mar-left-sm-60 {
    margin-left: 60px;
  }
  .mar-left-sm-65 {
    margin-left: 65px;
  }
  .mar-left-sm-70 {
    margin-left: 70px;
  }
  .mar-left-sm-75 {
    margin-left: 75px;
  }
  .mar-left-sm-80 {
    margin-left: 80px;
  }
  .mar-left-sm-85 {
    margin-left: 85px;
  }
  .mar-left-sm-90 {
    margin-left: 90px;
  }
  .mar-left-sm-95 {
    margin-left: 95px;
  }
  .mar-left-sm-100 {
    margin-left: 100px;
  }
  .mar-ver-sm {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mar-ver-sm-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mar-ver-sm-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mar-ver-sm-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mar-ver-sm-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mar-ver-sm-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mar-ver-sm-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mar-ver-sm-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mar-ver-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mar-ver-sm-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mar-ver-sm-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mar-ver-sm-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mar-ver-sm-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mar-ver-sm-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mar-ver-sm-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mar-ver-sm-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mar-ver-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mar-ver-sm-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mar-ver-sm-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mar-ver-sm-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mar-ver-sm-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mar-hor-sm {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-hor-sm-5 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .mar-hor-sm-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mar-hor-sm-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mar-hor-sm-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mar-hor-sm-25 {
    margin-right: 25px;
    margin-left: 25px;
  }
  .mar-hor-sm-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .mar-hor-sm-35 {
    margin-right: 35px;
    margin-left: 35px;
  }
  .mar-hor-sm-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mar-hor-sm-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .mar-hor-sm-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mar-hor-sm-55 {
    margin-right: 55px;
    margin-left: 55px;
  }
  .mar-hor-sm-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mar-hor-sm-65 {
    margin-right: 65px;
    margin-left: 65px;
  }
  .mar-hor-sm-70 {
    margin-right: 70px;
    margin-left: 70px;
  }
  .mar-hor-sm-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .mar-hor-sm-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mar-hor-sm-85 {
    margin-right: 85px;
    margin-left: 85px;
  }
  .mar-hor-sm-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .mar-hor-sm-95 {
    margin-right: 95px;
    margin-left: 95px;
  }
  .mar-hor-sm-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 768px) {
  .mar-md {
    margin: auto;
  }
  .mar-md-0 {
    margin: 0;
  }
  .mar-md-5 {
    margin: 5px;
  }
  .mar-md-10 {
    margin: 10px;
  }
  .mar-md-15 {
    margin: 15px;
  }
  .mar-md-20 {
    margin: 20px;
  }
  .mar-md-25 {
    margin: 25px;
  }
  .mar-md-30 {
    margin: 30px;
  }
  .mar-md-35 {
    margin: 35px;
  }
  .mar-md-40 {
    margin: 40px;
  }
  .mar-md-45 {
    margin: 45px;
  }
  .mar-md-50 {
    margin: 50px;
  }
  .mar-md-55 {
    margin: 55px;
  }
  .mar-md-60 {
    margin: 60px;
  }
  .mar-md-65 {
    margin: 65px;
  }
  .mar-md-70 {
    margin: 70px;
  }
  .mar-md-75 {
    margin: 75px;
  }
  .mar-md-80 {
    margin: 80px;
  }
  .mar-md-85 {
    margin: 85px;
  }
  .mar-md-90 {
    margin: 90px;
  }
  .mar-md-95 {
    margin: 95px;
  }
  .mar-md-100 {
    margin: 100px;
  }
  .mar-top-md {
    margin-top: auto;
  }
  .mar-top-md-0 {
    margin-top: 0;
  }
  .mar-top-md-5 {
    margin-top: 5px;
  }
  .mar-top-md-10 {
    margin-top: 10px;
  }
  .mar-top-md-15 {
    margin-top: 15px;
  }
  .mar-top-md-20 {
    margin-top: 20px;
  }
  .mar-top-md-25 {
    margin-top: 25px;
  }
  .mar-top-md-30 {
    margin-top: 30px;
  }
  .mar-top-md-35 {
    margin-top: 35px;
  }
  .mar-top-md-40 {
    margin-top: 40px;
  }
  .mar-top-md-45 {
    margin-top: 45px;
  }
  .mar-top-md-50 {
    margin-top: 50px;
  }
  .mar-top-md-55 {
    margin-top: 55px;
  }
  .mar-top-md-60 {
    margin-top: 60px;
  }
  .mar-top-md-65 {
    margin-top: 65px;
  }
  .mar-top-md-70 {
    margin-top: 70px;
  }
  .mar-top-md-75 {
    margin-top: 75px;
  }
  .mar-top-md-80 {
    margin-top: 80px;
  }
  .mar-top-md-85 {
    margin-top: 85px;
  }
  .mar-top-md-90 {
    margin-top: 90px;
  }
  .mar-top-md-95 {
    margin-top: 95px;
  }
  .mar-top-md-100 {
    margin-top: 100px;
  }
  .mar-right-md {
    margin-right: auto;
  }
  .mar-right-md-0 {
    margin-right: 0;
  }
  .mar-right-md-5 {
    margin-right: 5px;
  }
  .mar-right-md-10 {
    margin-right: 10px;
  }
  .mar-right-md-15 {
    margin-right: 15px;
  }
  .mar-right-md-20 {
    margin-right: 20px;
  }
  .mar-right-md-25 {
    margin-right: 25px;
  }
  .mar-right-md-30 {
    margin-right: 30px;
  }
  .mar-right-md-35 {
    margin-right: 35px;
  }
  .mar-right-md-40 {
    margin-right: 40px;
  }
  .mar-right-md-45 {
    margin-right: 45px;
  }
  .mar-right-md-50 {
    margin-right: 50px;
  }
  .mar-right-md-55 {
    margin-right: 55px;
  }
  .mar-right-md-60 {
    margin-right: 60px;
  }
  .mar-right-md-65 {
    margin-right: 65px;
  }
  .mar-right-md-70 {
    margin-right: 70px;
  }
  .mar-right-md-75 {
    margin-right: 75px;
  }
  .mar-right-md-80 {
    margin-right: 80px;
  }
  .mar-right-md-85 {
    margin-right: 85px;
  }
  .mar-right-md-90 {
    margin-right: 90px;
  }
  .mar-right-md-95 {
    margin-right: 95px;
  }
  .mar-right-md-100 {
    margin-right: 100px;
  }
  .mar-bottom-md {
    margin-bottom: auto;
  }
  .mar-bottom-md-0 {
    margin-bottom: 0;
  }
  .mar-bottom-md-5 {
    margin-bottom: 5px;
  }
  .mar-bottom-md-10 {
    margin-bottom: 10px;
  }
  .mar-bottom-md-15 {
    margin-bottom: 15px;
  }
  .mar-bottom-md-20 {
    margin-bottom: 20px;
  }
  .mar-bottom-md-25 {
    margin-bottom: 25px;
  }
  .mar-bottom-md-30 {
    margin-bottom: 30px;
  }
  .mar-bottom-md-35 {
    margin-bottom: 35px;
  }
  .mar-bottom-md-40 {
    margin-bottom: 40px;
  }
  .mar-bottom-md-45 {
    margin-bottom: 45px;
  }
  .mar-bottom-md-50 {
    margin-bottom: 50px;
  }
  .mar-bottom-md-55 {
    margin-bottom: 55px;
  }
  .mar-bottom-md-60 {
    margin-bottom: 60px;
  }
  .mar-bottom-md-65 {
    margin-bottom: 65px;
  }
  .mar-bottom-md-70 {
    margin-bottom: 70px;
  }
  .mar-bottom-md-75 {
    margin-bottom: 75px;
  }
  .mar-bottom-md-80 {
    margin-bottom: 80px;
  }
  .mar-bottom-md-85 {
    margin-bottom: 85px;
  }
  .mar-bottom-md-90 {
    margin-bottom: 90px;
  }
  .mar-bottom-md-95 {
    margin-bottom: 95px;
  }
  .mar-bottom-md-100 {
    margin-bottom: 100px;
  }
  .mar-left-md {
    margin-left: auto;
  }
  .mar-left-md-0 {
    margin-left: 0;
  }
  .mar-left-md-5 {
    margin-left: 5px;
  }
  .mar-left-md-10 {
    margin-left: 10px;
  }
  .mar-left-md-15 {
    margin-left: 15px;
  }
  .mar-left-md-20 {
    margin-left: 20px;
  }
  .mar-left-md-25 {
    margin-left: 25px;
  }
  .mar-left-md-30 {
    margin-left: 30px;
  }
  .mar-left-md-35 {
    margin-left: 35px;
  }
  .mar-left-md-40 {
    margin-left: 40px;
  }
  .mar-left-md-45 {
    margin-left: 45px;
  }
  .mar-left-md-50 {
    margin-left: 50px;
  }
  .mar-left-md-55 {
    margin-left: 55px;
  }
  .mar-left-md-60 {
    margin-left: 60px;
  }
  .mar-left-md-65 {
    margin-left: 65px;
  }
  .mar-left-md-70 {
    margin-left: 70px;
  }
  .mar-left-md-75 {
    margin-left: 75px;
  }
  .mar-left-md-80 {
    margin-left: 80px;
  }
  .mar-left-md-85 {
    margin-left: 85px;
  }
  .mar-left-md-90 {
    margin-left: 90px;
  }
  .mar-left-md-95 {
    margin-left: 95px;
  }
  .mar-left-md-100 {
    margin-left: 100px;
  }
  .mar-ver-md {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mar-ver-md-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mar-ver-md-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mar-ver-md-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mar-ver-md-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mar-ver-md-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mar-ver-md-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mar-ver-md-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mar-ver-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mar-ver-md-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mar-ver-md-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mar-ver-md-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mar-ver-md-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mar-ver-md-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mar-ver-md-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mar-ver-md-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mar-ver-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mar-ver-md-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mar-ver-md-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mar-ver-md-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mar-ver-md-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mar-hor-md {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-hor-md-5 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .mar-hor-md-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mar-hor-md-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mar-hor-md-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mar-hor-md-25 {
    margin-right: 25px;
    margin-left: 25px;
  }
  .mar-hor-md-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .mar-hor-md-35 {
    margin-right: 35px;
    margin-left: 35px;
  }
  .mar-hor-md-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mar-hor-md-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .mar-hor-md-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mar-hor-md-55 {
    margin-right: 55px;
    margin-left: 55px;
  }
  .mar-hor-md-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mar-hor-md-65 {
    margin-right: 65px;
    margin-left: 65px;
  }
  .mar-hor-md-70 {
    margin-right: 70px;
    margin-left: 70px;
  }
  .mar-hor-md-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .mar-hor-md-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mar-hor-md-85 {
    margin-right: 85px;
    margin-left: 85px;
  }
  .mar-hor-md-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .mar-hor-md-95 {
    margin-right: 95px;
    margin-left: 95px;
  }
  .mar-hor-md-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 992px) {
  .mar-lg {
    margin: auto;
  }
  .mar-lg-0 {
    margin: 0;
  }
  .mar-lg-5 {
    margin: 5px;
  }
  .mar-lg-10 {
    margin: 10px;
  }
  .mar-lg-15 {
    margin: 15px;
  }
  .mar-lg-20 {
    margin: 20px;
  }
  .mar-lg-25 {
    margin: 25px;
  }
  .mar-lg-30 {
    margin: 30px;
  }
  .mar-lg-35 {
    margin: 35px;
  }
  .mar-lg-40 {
    margin: 40px;
  }
  .mar-lg-45 {
    margin: 45px;
  }
  .mar-lg-50 {
    margin: 50px;
  }
  .mar-lg-55 {
    margin: 55px;
  }
  .mar-lg-60 {
    margin: 60px;
  }
  .mar-lg-65 {
    margin: 65px;
  }
  .mar-lg-70 {
    margin: 70px;
  }
  .mar-lg-75 {
    margin: 75px;
  }
  .mar-lg-80 {
    margin: 80px;
  }
  .mar-lg-85 {
    margin: 85px;
  }
  .mar-lg-90 {
    margin: 90px;
  }
  .mar-lg-95 {
    margin: 95px;
  }
  .mar-lg-100 {
    margin: 100px;
  }
  .mar-top-lg {
    margin-top: auto;
  }
  .mar-top-lg-0 {
    margin-top: 0;
  }
  .mar-top-lg-5 {
    margin-top: 5px;
  }
  .mar-top-lg-10 {
    margin-top: 10px;
  }
  .mar-top-lg-15 {
    margin-top: 15px;
  }
  .mar-top-lg-20 {
    margin-top: 20px;
  }
  .mar-top-lg-25 {
    margin-top: 25px;
  }
  .mar-top-lg-30 {
    margin-top: 30px;
  }
  .mar-top-lg-35 {
    margin-top: 35px;
  }
  .mar-top-lg-40 {
    margin-top: 40px;
  }
  .mar-top-lg-45 {
    margin-top: 45px;
  }
  .mar-top-lg-50 {
    margin-top: 50px;
  }
  .mar-top-lg-55 {
    margin-top: 55px;
  }
  .mar-top-lg-60 {
    margin-top: 60px;
  }
  .mar-top-lg-65 {
    margin-top: 65px;
  }
  .mar-top-lg-70 {
    margin-top: 70px;
  }
  .mar-top-lg-75 {
    margin-top: 75px;
  }
  .mar-top-lg-80 {
    margin-top: 80px;
  }
  .mar-top-lg-85 {
    margin-top: 85px;
  }
  .mar-top-lg-90 {
    margin-top: 90px;
  }
  .mar-top-lg-95 {
    margin-top: 95px;
  }
  .mar-top-lg-100 {
    margin-top: 100px;
  }
  .mar-right-lg {
    margin-right: auto;
  }
  .mar-right-lg-0 {
    margin-right: 0;
  }
  .mar-right-lg-5 {
    margin-right: 5px;
  }
  .mar-right-lg-10 {
    margin-right: 10px;
  }
  .mar-right-lg-15 {
    margin-right: 15px;
  }
  .mar-right-lg-20 {
    margin-right: 20px;
  }
  .mar-right-lg-25 {
    margin-right: 25px;
  }
  .mar-right-lg-30 {
    margin-right: 30px;
  }
  .mar-right-lg-35 {
    margin-right: 35px;
  }
  .mar-right-lg-40 {
    margin-right: 40px;
  }
  .mar-right-lg-45 {
    margin-right: 45px;
  }
  .mar-right-lg-50 {
    margin-right: 50px;
  }
  .mar-right-lg-55 {
    margin-right: 55px;
  }
  .mar-right-lg-60 {
    margin-right: 60px;
  }
  .mar-right-lg-65 {
    margin-right: 65px;
  }
  .mar-right-lg-70 {
    margin-right: 70px;
  }
  .mar-right-lg-75 {
    margin-right: 75px;
  }
  .mar-right-lg-80 {
    margin-right: 80px;
  }
  .mar-right-lg-85 {
    margin-right: 85px;
  }
  .mar-right-lg-90 {
    margin-right: 90px;
  }
  .mar-right-lg-95 {
    margin-right: 95px;
  }
  .mar-right-lg-100 {
    margin-right: 100px;
  }
  .mar-bottom-lg {
    margin-bottom: auto;
  }
  .mar-bottom-lg-0 {
    margin-bottom: 0;
  }
  .mar-bottom-lg-5 {
    margin-bottom: 5px;
  }
  .mar-bottom-lg-10 {
    margin-bottom: 10px;
  }
  .mar-bottom-lg-15 {
    margin-bottom: 15px;
  }
  .mar-bottom-lg-20 {
    margin-bottom: 20px;
  }
  .mar-bottom-lg-25 {
    margin-bottom: 25px;
  }
  .mar-bottom-lg-30 {
    margin-bottom: 30px;
  }
  .mar-bottom-lg-35 {
    margin-bottom: 35px;
  }
  .mar-bottom-lg-40 {
    margin-bottom: 40px;
  }
  .mar-bottom-lg-45 {
    margin-bottom: 45px;
  }
  .mar-bottom-lg-50 {
    margin-bottom: 50px;
  }
  .mar-bottom-lg-55 {
    margin-bottom: 55px;
  }
  .mar-bottom-lg-60 {
    margin-bottom: 60px;
  }
  .mar-bottom-lg-65 {
    margin-bottom: 65px;
  }
  .mar-bottom-lg-70 {
    margin-bottom: 70px;
  }
  .mar-bottom-lg-75 {
    margin-bottom: 75px;
  }
  .mar-bottom-lg-80 {
    margin-bottom: 80px;
  }
  .mar-bottom-lg-85 {
    margin-bottom: 85px;
  }
  .mar-bottom-lg-90 {
    margin-bottom: 90px;
  }
  .mar-bottom-lg-95 {
    margin-bottom: 95px;
  }
  .mar-bottom-lg-100 {
    margin-bottom: 100px;
  }
  .mar-left-lg {
    margin-left: auto;
  }
  .mar-left-lg-0 {
    margin-left: 0;
  }
  .mar-left-lg-5 {
    margin-left: 5px;
  }
  .mar-left-lg-10 {
    margin-left: 10px;
  }
  .mar-left-lg-15 {
    margin-left: 15px;
  }
  .mar-left-lg-20 {
    margin-left: 20px;
  }
  .mar-left-lg-25 {
    margin-left: 25px;
  }
  .mar-left-lg-30 {
    margin-left: 30px;
  }
  .mar-left-lg-35 {
    margin-left: 35px;
  }
  .mar-left-lg-40 {
    margin-left: 40px;
  }
  .mar-left-lg-45 {
    margin-left: 45px;
  }
  .mar-left-lg-50 {
    margin-left: 50px;
  }
  .mar-left-lg-55 {
    margin-left: 55px;
  }
  .mar-left-lg-60 {
    margin-left: 60px;
  }
  .mar-left-lg-65 {
    margin-left: 65px;
  }
  .mar-left-lg-70 {
    margin-left: 70px;
  }
  .mar-left-lg-75 {
    margin-left: 75px;
  }
  .mar-left-lg-80 {
    margin-left: 80px;
  }
  .mar-left-lg-85 {
    margin-left: 85px;
  }
  .mar-left-lg-90 {
    margin-left: 90px;
  }
  .mar-left-lg-95 {
    margin-left: 95px;
  }
  .mar-left-lg-100 {
    margin-left: 100px;
  }
  .mar-ver-lg {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mar-ver-lg-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mar-ver-lg-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mar-ver-lg-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mar-ver-lg-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mar-ver-lg-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mar-ver-lg-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mar-ver-lg-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mar-ver-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mar-ver-lg-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mar-ver-lg-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mar-ver-lg-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mar-ver-lg-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mar-ver-lg-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mar-ver-lg-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mar-ver-lg-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mar-ver-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mar-ver-lg-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mar-ver-lg-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mar-ver-lg-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mar-ver-lg-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mar-hor-lg {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-hor-lg-5 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .mar-hor-lg-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mar-hor-lg-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mar-hor-lg-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mar-hor-lg-25 {
    margin-right: 25px;
    margin-left: 25px;
  }
  .mar-hor-lg-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .mar-hor-lg-35 {
    margin-right: 35px;
    margin-left: 35px;
  }
  .mar-hor-lg-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mar-hor-lg-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .mar-hor-lg-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mar-hor-lg-55 {
    margin-right: 55px;
    margin-left: 55px;
  }
  .mar-hor-lg-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mar-hor-lg-65 {
    margin-right: 65px;
    margin-left: 65px;
  }
  .mar-hor-lg-70 {
    margin-right: 70px;
    margin-left: 70px;
  }
  .mar-hor-lg-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .mar-hor-lg-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mar-hor-lg-85 {
    margin-right: 85px;
    margin-left: 85px;
  }
  .mar-hor-lg-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .mar-hor-lg-95 {
    margin-right: 95px;
    margin-left: 95px;
  }
  .mar-hor-lg-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media (min-width: 1200px) {
  .mar-xl {
    margin: auto;
  }
  .mar-xl-0 {
    margin: 0;
  }
  .mar-xl-5 {
    margin: 5px;
  }
  .mar-xl-10 {
    margin: 10px;
  }
  .mar-xl-15 {
    margin: 15px;
  }
  .mar-xl-20 {
    margin: 20px;
  }
  .mar-xl-25 {
    margin: 25px;
  }
  .mar-xl-30 {
    margin: 30px;
  }
  .mar-xl-35 {
    margin: 35px;
  }
  .mar-xl-40 {
    margin: 40px;
  }
  .mar-xl-45 {
    margin: 45px;
  }
  .mar-xl-50 {
    margin: 50px;
  }
  .mar-xl-55 {
    margin: 55px;
  }
  .mar-xl-60 {
    margin: 60px;
  }
  .mar-xl-65 {
    margin: 65px;
  }
  .mar-xl-70 {
    margin: 70px;
  }
  .mar-xl-75 {
    margin: 75px;
  }
  .mar-xl-80 {
    margin: 80px;
  }
  .mar-xl-85 {
    margin: 85px;
  }
  .mar-xl-90 {
    margin: 90px;
  }
  .mar-xl-95 {
    margin: 95px;
  }
  .mar-xl-100 {
    margin: 100px;
  }
  .mar-top-xl {
    margin-top: auto;
  }
  .mar-top-xl-0 {
    margin-top: 0;
  }
  .mar-top-xl-5 {
    margin-top: 5px;
  }
  .mar-top-xl-10 {
    margin-top: 10px;
  }
  .mar-top-xl-15 {
    margin-top: 15px;
  }
  .mar-top-xl-20 {
    margin-top: 20px;
  }
  .mar-top-xl-25 {
    margin-top: 25px;
  }
  .mar-top-xl-30 {
    margin-top: 30px;
  }
  .mar-top-xl-35 {
    margin-top: 35px;
  }
  .mar-top-xl-40 {
    margin-top: 40px;
  }
  .mar-top-xl-45 {
    margin-top: 45px;
  }
  .mar-top-xl-50 {
    margin-top: 50px;
  }
  .mar-top-xl-55 {
    margin-top: 55px;
  }
  .mar-top-xl-60 {
    margin-top: 60px;
  }
  .mar-top-xl-65 {
    margin-top: 65px;
  }
  .mar-top-xl-70 {
    margin-top: 70px;
  }
  .mar-top-xl-75 {
    margin-top: 75px;
  }
  .mar-top-xl-80 {
    margin-top: 80px;
  }
  .mar-top-xl-85 {
    margin-top: 85px;
  }
  .mar-top-xl-90 {
    margin-top: 90px;
  }
  .mar-top-xl-95 {
    margin-top: 95px;
  }
  .mar-top-xl-100 {
    margin-top: 100px;
  }
  .mar-right-xl {
    margin-right: auto;
  }
  .mar-right-xl-0 {
    margin-right: 0;
  }
  .mar-right-xl-5 {
    margin-right: 5px;
  }
  .mar-right-xl-10 {
    margin-right: 10px;
  }
  .mar-right-xl-15 {
    margin-right: 15px;
  }
  .mar-right-xl-20 {
    margin-right: 20px;
  }
  .mar-right-xl-25 {
    margin-right: 25px;
  }
  .mar-right-xl-30 {
    margin-right: 30px;
  }
  .mar-right-xl-35 {
    margin-right: 35px;
  }
  .mar-right-xl-40 {
    margin-right: 40px;
  }
  .mar-right-xl-45 {
    margin-right: 45px;
  }
  .mar-right-xl-50 {
    margin-right: 50px;
  }
  .mar-right-xl-55 {
    margin-right: 55px;
  }
  .mar-right-xl-60 {
    margin-right: 60px;
  }
  .mar-right-xl-65 {
    margin-right: 65px;
  }
  .mar-right-xl-70 {
    margin-right: 70px;
  }
  .mar-right-xl-75 {
    margin-right: 75px;
  }
  .mar-right-xl-80 {
    margin-right: 80px;
  }
  .mar-right-xl-85 {
    margin-right: 85px;
  }
  .mar-right-xl-90 {
    margin-right: 90px;
  }
  .mar-right-xl-95 {
    margin-right: 95px;
  }
  .mar-right-xl-100 {
    margin-right: 100px;
  }
  .mar-bottom-xl {
    margin-bottom: auto;
  }
  .mar-bottom-xl-0 {
    margin-bottom: 0;
  }
  .mar-bottom-xl-5 {
    margin-bottom: 5px;
  }
  .mar-bottom-xl-10 {
    margin-bottom: 10px;
  }
  .mar-bottom-xl-15 {
    margin-bottom: 15px;
  }
  .mar-bottom-xl-20 {
    margin-bottom: 20px;
  }
  .mar-bottom-xl-25 {
    margin-bottom: 25px;
  }
  .mar-bottom-xl-30 {
    margin-bottom: 30px;
  }
  .mar-bottom-xl-35 {
    margin-bottom: 35px;
  }
  .mar-bottom-xl-40 {
    margin-bottom: 40px;
  }
  .mar-bottom-xl-45 {
    margin-bottom: 45px;
  }
  .mar-bottom-xl-50 {
    margin-bottom: 50px;
  }
  .mar-bottom-xl-55 {
    margin-bottom: 55px;
  }
  .mar-bottom-xl-60 {
    margin-bottom: 60px;
  }
  .mar-bottom-xl-65 {
    margin-bottom: 65px;
  }
  .mar-bottom-xl-70 {
    margin-bottom: 70px;
  }
  .mar-bottom-xl-75 {
    margin-bottom: 75px;
  }
  .mar-bottom-xl-80 {
    margin-bottom: 80px;
  }
  .mar-bottom-xl-85 {
    margin-bottom: 85px;
  }
  .mar-bottom-xl-90 {
    margin-bottom: 90px;
  }
  .mar-bottom-xl-95 {
    margin-bottom: 95px;
  }
  .mar-bottom-xl-100 {
    margin-bottom: 100px;
  }
  .mar-left-xl {
    margin-left: auto;
  }
  .mar-left-xl-0 {
    margin-left: 0;
  }
  .mar-left-xl-5 {
    margin-left: 5px;
  }
  .mar-left-xl-10 {
    margin-left: 10px;
  }
  .mar-left-xl-15 {
    margin-left: 15px;
  }
  .mar-left-xl-20 {
    margin-left: 20px;
  }
  .mar-left-xl-25 {
    margin-left: 25px;
  }
  .mar-left-xl-30 {
    margin-left: 30px;
  }
  .mar-left-xl-35 {
    margin-left: 35px;
  }
  .mar-left-xl-40 {
    margin-left: 40px;
  }
  .mar-left-xl-45 {
    margin-left: 45px;
  }
  .mar-left-xl-50 {
    margin-left: 50px;
  }
  .mar-left-xl-55 {
    margin-left: 55px;
  }
  .mar-left-xl-60 {
    margin-left: 60px;
  }
  .mar-left-xl-65 {
    margin-left: 65px;
  }
  .mar-left-xl-70 {
    margin-left: 70px;
  }
  .mar-left-xl-75 {
    margin-left: 75px;
  }
  .mar-left-xl-80 {
    margin-left: 80px;
  }
  .mar-left-xl-85 {
    margin-left: 85px;
  }
  .mar-left-xl-90 {
    margin-left: 90px;
  }
  .mar-left-xl-95 {
    margin-left: 95px;
  }
  .mar-left-xl-100 {
    margin-left: 100px;
  }
  .mar-ver-xl {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mar-ver-xl-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mar-ver-xl-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mar-ver-xl-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mar-ver-xl-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mar-ver-xl-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mar-ver-xl-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mar-ver-xl-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mar-ver-xl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mar-ver-xl-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mar-ver-xl-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mar-ver-xl-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mar-ver-xl-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mar-ver-xl-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mar-ver-xl-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mar-ver-xl-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mar-ver-xl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mar-ver-xl-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mar-ver-xl-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mar-ver-xl-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mar-ver-xl-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mar-hor-xl {
    margin-right: auto;
    margin-left: auto;
  }
  .mar-hor-xl-5 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .mar-hor-xl-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .mar-hor-xl-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .mar-hor-xl-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mar-hor-xl-25 {
    margin-right: 25px;
    margin-left: 25px;
  }
  .mar-hor-xl-30 {
    margin-right: 30px;
    margin-left: 30px;
  }
  .mar-hor-xl-35 {
    margin-right: 35px;
    margin-left: 35px;
  }
  .mar-hor-xl-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mar-hor-xl-45 {
    margin-right: 45px;
    margin-left: 45px;
  }
  .mar-hor-xl-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mar-hor-xl-55 {
    margin-right: 55px;
    margin-left: 55px;
  }
  .mar-hor-xl-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mar-hor-xl-65 {
    margin-right: 65px;
    margin-left: 65px;
  }
  .mar-hor-xl-70 {
    margin-right: 70px;
    margin-left: 70px;
  }
  .mar-hor-xl-75 {
    margin-right: 75px;
    margin-left: 75px;
  }
  .mar-hor-xl-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mar-hor-xl-85 {
    margin-right: 85px;
    margin-left: 85px;
  }
  .mar-hor-xl-90 {
    margin-right: 90px;
    margin-left: 90px;
  }
  .mar-hor-xl-95 {
    margin-right: 95px;
    margin-left: 95px;
  }
  .mar-hor-xl-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
}
/*--------------------------------------------------
  Typography
--------------------------------------------------*/
.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

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

.text-left {
  text-align: left;
}

.text-overline {
  text-decoration: overline;
}

.text-underline {
  text-decoration: underline;
}

.text-linethrough {
  text-decoration: line-through;
}

.font-normal {
  font-weight: normal;
}

.font-bold {
  font-weight: bold;
}

.font-bolder {
  font-weight: bolder;
}

.font-lighter {
  font-weight: lighter;
}

.font-default {
  font-size: 1.6rem;
}

.font-small {
  font-size: 1.2rem;
}

.font-medium {
  font-size: 1.4rem;
}

.font-large {
  font-size: 1.8rem;
}

.font-extra-large {
  font-size: 2rem;
}

.font-super-large {
  font-size: 3.8rem;
}

.font-mega-large {
  font-size: 4rem;
}

.line-height-small {
  line-height: 1.2;
}

.line-height-normal {
  line-height: 1.5;
}

.line-height-large {
  line-height: 2;
}

.white-space-normal {
  white-space: normal;
}

.white-space-nowrap {
  white-space: nowrap;
}

@media (min-width: 410px) {
  .text-center-xs {
    text-align: center;
  }
  .text-justify-xs {
    text-align: justify;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-overline-xs {
    text-decoration: overline;
  }
  .text-underline-xs {
    text-decoration: underline;
  }
  .text-linethrough-xs {
    text-decoration: line-through;
  }
  .font-normal-xs {
    font-weight: normal;
  }
  .font-bold-xs {
    font-weight: bold;
  }
  .font-bolder-xs {
    font-weight: bolder;
  }
  .font-lighter-xs {
    font-weight: lighter;
  }
  .font-default-xs {
    font-size: 1.6rem;
  }
  .font-small-xs {
    font-size: 1.2rem;
  }
  .font-medium-xs {
    font-size: 1.4rem;
  }
  .font-large-xs {
    font-size: 1.8rem;
  }
  .font-extra-large-xs {
    font-size: 2rem;
  }
  .font-super-large-xs {
    font-size: 3.8rem;
  }
  .font-mega-large-xs {
    font-size: 4rem;
  }
  .line-height-small-xs {
    line-height: 1.2;
  }
  .line-height-normal-xs {
    line-height: 1.5;
  }
  .line-height-large-xs {
    line-height: 2;
  }
  .white-space-normal-xs {
    white-space: normal;
  }
  .white-space-nowrap-xs {
    white-space: nowrap;
  }
}
@media (min-width: 576px) {
  .text-center-sm {
    text-align: center;
  }
  .text-justify-sm {
    text-align: justify;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-overline-sm {
    text-decoration: overline;
  }
  .text-underline-sm {
    text-decoration: underline;
  }
  .text-linethrough-sm {
    text-decoration: line-through;
  }
  .font-normal-sm {
    font-weight: normal;
  }
  .font-bold-sm {
    font-weight: bold;
  }
  .font-bolder-sm {
    font-weight: bolder;
  }
  .font-lighter-sm {
    font-weight: lighter;
  }
  .font-default-sm {
    font-size: 1.6rem;
  }
  .font-small-sm {
    font-size: 1.2rem;
  }
  .font-medium-sm {
    font-size: 1.4rem;
  }
  .font-large-sm {
    font-size: 1.8rem;
  }
  .font-extra-large-sm {
    font-size: 2rem;
  }
  .font-super-large-sm {
    font-size: 3.8rem;
  }
  .font-mega-large-sm {
    font-size: 4rem;
  }
  .line-height-small-sm {
    line-height: 1.2;
  }
  .line-height-normal-sm {
    line-height: 1.5;
  }
  .line-height-large-sm {
    line-height: 2;
  }
  .white-space-normal-sm {
    white-space: normal;
  }
  .white-space-nowrap-sm {
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .text-center-md {
    text-align: center;
  }
  .text-justify-md {
    text-align: justify;
  }
  .text-right-md {
    text-align: right;
  }
  .text-left-md {
    text-align: left;
  }
  .text-overline-md {
    text-decoration: overline;
  }
  .text-underline-md {
    text-decoration: underline;
  }
  .text-linethrough-md {
    text-decoration: line-through;
  }
  .font-normal-md {
    font-weight: normal;
  }
  .font-bold-md {
    font-weight: bold;
  }
  .font-bolder-md {
    font-weight: bolder;
  }
  .font-lighter-md {
    font-weight: lighter;
  }
  .font-default-md {
    font-size: 1.6rem;
  }
  .font-small-md {
    font-size: 1.2rem;
  }
  .font-medium-md {
    font-size: 1.4rem;
  }
  .font-large-md {
    font-size: 1.8rem;
  }
  .font-extra-large-md {
    font-size: 2rem;
  }
  .font-super-large-md {
    font-size: 3.8rem;
  }
  .font-mega-large-md {
    font-size: 4rem;
  }
  .line-height-small-md {
    line-height: 1.2;
  }
  .line-height-normal-md {
    line-height: 1.5;
  }
  .line-height-large-md {
    line-height: 2;
  }
  .white-space-normal-md {
    white-space: normal;
  }
  .white-space-nowrap-md {
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .text-center-lg {
    text-align: center;
  }
  .text-justify-lg {
    text-align: justify;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-overline-lg {
    text-decoration: overline;
  }
  .text-underline-lg {
    text-decoration: underline;
  }
  .text-linethrough-lg {
    text-decoration: line-through;
  }
  .font-normal-lg {
    font-weight: normal;
  }
  .font-bold-lg {
    font-weight: bold;
  }
  .font-bolder-lg {
    font-weight: bolder;
  }
  .font-lighter-lg {
    font-weight: lighter;
  }
  .font-default-lg {
    font-size: 1.6rem;
  }
  .font-small-lg {
    font-size: 1.2rem;
  }
  .font-medium-lg {
    font-size: 1.4rem;
  }
  .font-large-lg {
    font-size: 1.8rem;
  }
  .font-extra-large-lg {
    font-size: 2rem;
  }
  .font-super-large-lg {
    font-size: 3.8rem;
  }
  .font-mega-large-lg {
    font-size: 4rem;
  }
  .line-height-small-lg {
    line-height: 1.2;
  }
  .line-height-normal-lg {
    line-height: 1.5;
  }
  .line-height-large-lg {
    line-height: 2;
  }
  .white-space-normal-lg {
    white-space: normal;
  }
  .white-space-nowrap-lg {
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .text-center-xl {
    text-align: center;
  }
  .text-justify-xl {
    text-align: justify;
  }
  .text-right-xl {
    text-align: right;
  }
  .text-left-xl {
    text-align: left;
  }
  .text-overline-xl {
    text-decoration: overline;
  }
  .text-underline-xl {
    text-decoration: underline;
  }
  .text-linethrough-xl {
    text-decoration: line-through;
  }
  .font-normal-xl {
    font-weight: normal;
  }
  .font-bold-xl {
    font-weight: bold;
  }
  .font-bolder-xl {
    font-weight: bolder;
  }
  .font-lighter-xl {
    font-weight: lighter;
  }
  .font-default-xl {
    font-size: 1.6rem;
  }
  .font-small-xl {
    font-size: 1.2rem;
  }
  .font-medium-xl {
    font-size: 1.4rem;
  }
  .font-large-xl {
    font-size: 1.8rem;
  }
  .font-extra-large-xl {
    font-size: 2rem;
  }
  .font-super-large-xl {
    font-size: 3.8rem;
  }
  .font-mega-large-xl {
    font-size: 4rem;
  }
  .line-height-small-xl {
    line-height: 1.2;
  }
  .line-height-normal-xl {
    line-height: 1.5;
  }
  .line-height-large-xl {
    line-height: 2;
  }
  .white-space-normal-xl {
    white-space: normal;
  }
  .white-space-nowrap-xl {
    white-space: nowrap;
  }
}
/*--------------------------------------------------
  Object-fit
--------------------------------------------------*/
.object-fit {
  width: 100%;
  height: 100%;
  object-fit: inherit;
}
.object-fit.contain {
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center;";
}
.object-fit.cover {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.object-fit.fill {
  object-fit: fill;
  object-position: center;
  font-family: "object-fit: fill; object-position: center;";
}
.object-fit.scale_down {
  object-fit: scale-down;
  object-position: center;
  font-family: "object-fit: scale-down; object-position: center;";
}
.object-fit.contain-top {
  object-fit: contain;
  object-position: top;
  font-family: "object-fit: contain; object-position: top;";
}
.object-fit.cover-top {
  object-fit: cover;
  object-position: top;
  font-family: "object-fit: cover; object-position: top;";
}
.object-fit.fill-top {
  object-fit: fill;
  object-position: top;
  font-family: "object-fit: fill; object-position: top;";
}
.object-fit.scale_down-top {
  object-fit: scale-down;
  object-position: top;
  font-family: "object-fit: scale-down; object-position: top;";
}
.object-fit.contain-right {
  object-fit: contain;
  object-position: right;
  font-family: "object-fit: contain; object-position: right;";
}
.object-fit.cover-right {
  object-fit: cover;
  object-position: right;
  font-family: "object-fit: cover; object-position: right;";
}
.object-fit.fill-right {
  object-fit: fill;
  object-position: right;
  font-family: "object-fit: fill; object-position: right;";
}
.object-fit.scale_down-right {
  object-fit: scale-down;
  object-position: right;
  font-family: "object-fit: scale-down; object-position: right;";
}
.object-fit.contain-bottom {
  object-fit: contain;
  object-position: bottom;
  font-family: "object-fit: contain; object-position: bottom;";
}
.object-fit.cover-bottom {
  object-fit: cover;
  object-position: bottom;
  font-family: "object-fit: cover; object-position: bottom;";
}
.object-fit.fill-bottom {
  object-fit: fill;
  object-position: bottom;
  font-family: "object-fit: fill; object-position: bottom;";
}
.object-fit.scale_down-bottom {
  object-fit: scale-down;
  object-position: bottom;
  font-family: "object-fit: scale-down; object-position: bottom;";
}
.object-fit.contain-left {
  object-fit: contain;
  object-position: left;
  font-family: "object-fit: contain; object-position: left;";
}
.object-fit.cover-left {
  object-fit: cover;
  object-position: left;
  font-family: "object-fit: cover; object-position: left;";
}
.object-fit.fill-left {
  object-fit: fill;
  object-position: left;
  font-family: "object-fit: fill; object-position: left;";
}
.object-fit.scale_down-left {
  object-fit: scale-down;
  object-position: left;
  font-family: "object-fit: scale-down; object-position: left;";
}
.object-fit.none {
  width: auto;
  height: auto;
  object-fit: none;
  font-family: "object-fit: none;";
}
@media (min-width: 410px) {
  .object-fit.contain-xs {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";
  }
  .object-fit.cover-xs {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
  .object-fit.fill-xs {
    object-fit: fill;
    object-position: center;
    font-family: "object-fit: fill; object-position: center;";
  }
  .object-fit.scale_down-xs {
    object-fit: scale-down;
    object-position: center;
    font-family: "object-fit: scale-down; object-position: center;";
  }
  .object-fit.contain-top-xs {
    object-fit: contain;
    object-position: top;
    font-family: "object-fit: contain; object-position: top;";
  }
  .object-fit.cover-top-xs {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit: cover; object-position: top;";
  }
  .object-fit.fill-top-xs {
    object-fit: fill;
    object-position: top;
    font-family: "object-fit: fill; object-position: top;";
  }
  .object-fit.scale_down-top-xs {
    object-fit: scale-down;
    object-position: top;
    font-family: "object-fit: scale-down; object-position: top;";
  }
  .object-fit.contain-right-xs {
    object-fit: contain;
    object-position: right;
    font-family: "object-fit: contain; object-position: right;";
  }
  .object-fit.cover-right-xs {
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: right;";
  }
  .object-fit.fill-right-xs {
    object-fit: fill;
    object-position: right;
    font-family: "object-fit: fill; object-position: right;";
  }
  .object-fit.scale_down-right-xs {
    object-fit: scale-down;
    object-position: right;
    font-family: "object-fit: scale-down; object-position: right;";
  }
  .object-fit.contain-bottom-xs {
    object-fit: contain;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;";
  }
  .object-fit.cover-bottom-xs {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
  }
  .object-fit.fill-bottom-xs {
    object-fit: fill;
    object-position: bottom;
    font-family: "object-fit: fill; object-position: bottom;";
  }
  .object-fit.scale_down-bottom-xs {
    object-fit: scale-down;
    object-position: bottom;
    font-family: "object-fit: scale-down; object-position: bottom;";
  }
  .object-fit.contain-left-xs {
    object-fit: contain;
    object-position: left;
    font-family: "object-fit: contain; object-position: left;";
  }
  .object-fit.cover-left-xs {
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: left;";
  }
  .object-fit.fill-left-xs {
    object-fit: fill;
    object-position: left;
    font-family: "object-fit: fill; object-position: left;";
  }
  .object-fit.scale_down-left-xs {
    object-fit: scale-down;
    object-position: left;
    font-family: "object-fit: scale-down; object-position: left;";
  }
  .object-fit.none-xs {
    width: auto;
    height: auto;
    object-fit: none;
    font-family: "object-fit: none;";
  }
}
@media (min-width: 576px) {
  .object-fit.contain-sm {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";
  }
  .object-fit.cover-sm {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
  .object-fit.fill-sm {
    object-fit: fill;
    object-position: center;
    font-family: "object-fit: fill; object-position: center;";
  }
  .object-fit.scale_down-sm {
    object-fit: scale-down;
    object-position: center;
    font-family: "object-fit: scale-down; object-position: center;";
  }
  .object-fit.contain-top-sm {
    object-fit: contain;
    object-position: top;
    font-family: "object-fit: contain; object-position: top;";
  }
  .object-fit.cover-top-sm {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit: cover; object-position: top;";
  }
  .object-fit.fill-top-sm {
    object-fit: fill;
    object-position: top;
    font-family: "object-fit: fill; object-position: top;";
  }
  .object-fit.scale_down-top-sm {
    object-fit: scale-down;
    object-position: top;
    font-family: "object-fit: scale-down; object-position: top;";
  }
  .object-fit.contain-right-sm {
    object-fit: contain;
    object-position: right;
    font-family: "object-fit: contain; object-position: right;";
  }
  .object-fit.cover-right-sm {
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: right;";
  }
  .object-fit.fill-right-sm {
    object-fit: fill;
    object-position: right;
    font-family: "object-fit: fill; object-position: right;";
  }
  .object-fit.scale_down-right-sm {
    object-fit: scale-down;
    object-position: right;
    font-family: "object-fit: scale-down; object-position: right;";
  }
  .object-fit.contain-bottom-sm {
    object-fit: contain;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;";
  }
  .object-fit.cover-bottom-sm {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
  }
  .object-fit.fill-bottom-sm {
    object-fit: fill;
    object-position: bottom;
    font-family: "object-fit: fill; object-position: bottom;";
  }
  .object-fit.scale_down-bottom-sm {
    object-fit: scale-down;
    object-position: bottom;
    font-family: "object-fit: scale-down; object-position: bottom;";
  }
  .object-fit.contain-left-sm {
    object-fit: contain;
    object-position: left;
    font-family: "object-fit: contain; object-position: left;";
  }
  .object-fit.cover-left-sm {
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: left;";
  }
  .object-fit.fill-left-sm {
    object-fit: fill;
    object-position: left;
    font-family: "object-fit: fill; object-position: left;";
  }
  .object-fit.scale_down-left-sm {
    object-fit: scale-down;
    object-position: left;
    font-family: "object-fit: scale-down; object-position: left;";
  }
  .object-fit.none-sm {
    width: auto;
    height: auto;
    object-fit: none;
    font-family: "object-fit: none;";
  }
}
@media (min-width: 768px) {
  .object-fit.contain-md {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";
  }
  .object-fit.cover-md {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
  .object-fit.fill-md {
    object-fit: fill;
    object-position: center;
    font-family: "object-fit: fill; object-position: center;";
  }
  .object-fit.scale_down-md {
    object-fit: scale-down;
    object-position: center;
    font-family: "object-fit: scale-down; object-position: center;";
  }
  .object-fit.contain-top-md {
    object-fit: contain;
    object-position: top;
    font-family: "object-fit: contain; object-position: top;";
  }
  .object-fit.cover-top-md {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit: cover; object-position: top;";
  }
  .object-fit.fill-top-md {
    object-fit: fill;
    object-position: top;
    font-family: "object-fit: fill; object-position: top;";
  }
  .object-fit.scale_down-top-md {
    object-fit: scale-down;
    object-position: top;
    font-family: "object-fit: scale-down; object-position: top;";
  }
  .object-fit.contain-right-md {
    object-fit: contain;
    object-position: right;
    font-family: "object-fit: contain; object-position: right;";
  }
  .object-fit.cover-right-md {
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: right;";
  }
  .object-fit.fill-right-md {
    object-fit: fill;
    object-position: right;
    font-family: "object-fit: fill; object-position: right;";
  }
  .object-fit.scale_down-right-md {
    object-fit: scale-down;
    object-position: right;
    font-family: "object-fit: scale-down; object-position: right;";
  }
  .object-fit.contain-bottom-md {
    object-fit: contain;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;";
  }
  .object-fit.cover-bottom-md {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
  }
  .object-fit.fill-bottom-md {
    object-fit: fill;
    object-position: bottom;
    font-family: "object-fit: fill; object-position: bottom;";
  }
  .object-fit.scale_down-bottom-md {
    object-fit: scale-down;
    object-position: bottom;
    font-family: "object-fit: scale-down; object-position: bottom;";
  }
  .object-fit.contain-left-md {
    object-fit: contain;
    object-position: left;
    font-family: "object-fit: contain; object-position: left;";
  }
  .object-fit.cover-left-md {
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: left;";
  }
  .object-fit.fill-left-md {
    object-fit: fill;
    object-position: left;
    font-family: "object-fit: fill; object-position: left;";
  }
  .object-fit.scale_down-left-md {
    object-fit: scale-down;
    object-position: left;
    font-family: "object-fit: scale-down; object-position: left;";
  }
  .object-fit.none-md {
    width: auto;
    height: auto;
    object-fit: none;
    font-family: "object-fit: none;";
  }
}
@media (min-width: 992px) {
  .object-fit.contain-lg {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";
  }
  .object-fit.cover-lg {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
  .object-fit.fill-lg {
    object-fit: fill;
    object-position: center;
    font-family: "object-fit: fill; object-position: center;";
  }
  .object-fit.scale_down-lg {
    object-fit: scale-down;
    object-position: center;
    font-family: "object-fit: scale-down; object-position: center;";
  }
  .object-fit.contain-top-lg {
    object-fit: contain;
    object-position: top;
    font-family: "object-fit: contain; object-position: top;";
  }
  .object-fit.cover-top-lg {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit: cover; object-position: top;";
  }
  .object-fit.fill-top-lg {
    object-fit: fill;
    object-position: top;
    font-family: "object-fit: fill; object-position: top;";
  }
  .object-fit.scale_down-top-lg {
    object-fit: scale-down;
    object-position: top;
    font-family: "object-fit: scale-down; object-position: top;";
  }
  .object-fit.contain-right-lg {
    object-fit: contain;
    object-position: right;
    font-family: "object-fit: contain; object-position: right;";
  }
  .object-fit.cover-right-lg {
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: right;";
  }
  .object-fit.fill-right-lg {
    object-fit: fill;
    object-position: right;
    font-family: "object-fit: fill; object-position: right;";
  }
  .object-fit.scale_down-right-lg {
    object-fit: scale-down;
    object-position: right;
    font-family: "object-fit: scale-down; object-position: right;";
  }
  .object-fit.contain-bottom-lg {
    object-fit: contain;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;";
  }
  .object-fit.cover-bottom-lg {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
  }
  .object-fit.fill-bottom-lg {
    object-fit: fill;
    object-position: bottom;
    font-family: "object-fit: fill; object-position: bottom;";
  }
  .object-fit.scale_down-bottom-lg {
    object-fit: scale-down;
    object-position: bottom;
    font-family: "object-fit: scale-down; object-position: bottom;";
  }
  .object-fit.contain-left-lg {
    object-fit: contain;
    object-position: left;
    font-family: "object-fit: contain; object-position: left;";
  }
  .object-fit.cover-left-lg {
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: left;";
  }
  .object-fit.fill-left-lg {
    object-fit: fill;
    object-position: left;
    font-family: "object-fit: fill; object-position: left;";
  }
  .object-fit.scale_down-left-lg {
    object-fit: scale-down;
    object-position: left;
    font-family: "object-fit: scale-down; object-position: left;";
  }
  .object-fit.none-lg {
    width: auto;
    height: auto;
    object-fit: none;
    font-family: "object-fit: none;";
  }
}
@media (min-width: 1200px) {
  .object-fit.contain-xl {
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;";
  }
  .object-fit.cover-xl {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
  .object-fit.fill-xl {
    object-fit: fill;
    object-position: center;
    font-family: "object-fit: fill; object-position: center;";
  }
  .object-fit.scale_down-xl {
    object-fit: scale-down;
    object-position: center;
    font-family: "object-fit: scale-down; object-position: center;";
  }
  .object-fit.contain-top-xl {
    object-fit: contain;
    object-position: top;
    font-family: "object-fit: contain; object-position: top;";
  }
  .object-fit.cover-top-xl {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit: cover; object-position: top;";
  }
  .object-fit.fill-top-xl {
    object-fit: fill;
    object-position: top;
    font-family: "object-fit: fill; object-position: top;";
  }
  .object-fit.scale_down-top-xl {
    object-fit: scale-down;
    object-position: top;
    font-family: "object-fit: scale-down; object-position: top;";
  }
  .object-fit.contain-right-xl {
    object-fit: contain;
    object-position: right;
    font-family: "object-fit: contain; object-position: right;";
  }
  .object-fit.cover-right-xl {
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: right;";
  }
  .object-fit.fill-right-xl {
    object-fit: fill;
    object-position: right;
    font-family: "object-fit: fill; object-position: right;";
  }
  .object-fit.scale_down-right-xl {
    object-fit: scale-down;
    object-position: right;
    font-family: "object-fit: scale-down; object-position: right;";
  }
  .object-fit.contain-bottom-xl {
    object-fit: contain;
    object-position: bottom;
    font-family: "object-fit: contain; object-position: bottom;";
  }
  .object-fit.cover-bottom-xl {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
  }
  .object-fit.fill-bottom-xl {
    object-fit: fill;
    object-position: bottom;
    font-family: "object-fit: fill; object-position: bottom;";
  }
  .object-fit.scale_down-bottom-xl {
    object-fit: scale-down;
    object-position: bottom;
    font-family: "object-fit: scale-down; object-position: bottom;";
  }
  .object-fit.contain-left-xl {
    object-fit: contain;
    object-position: left;
    font-family: "object-fit: contain; object-position: left;";
  }
  .object-fit.cover-left-xl {
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: left;";
  }
  .object-fit.fill-left-xl {
    object-fit: fill;
    object-position: left;
    font-family: "object-fit: fill; object-position: left;";
  }
  .object-fit.scale_down-left-xl {
    object-fit: scale-down;
    object-position: left;
    font-family: "object-fit: scale-down; object-position: left;";
  }
  .object-fit.none-xl {
    width: auto;
    height: auto;
    object-fit: none;
    font-family: "object-fit: none;";
  }
}

/*--------------------------------------------------
  Border
--------------------------------------------------*/
.border {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
}
.border.hidden {
  border-style: hidden;
}
.border.dashed {
  border-style: dashed;
}
.border.dotted {
  border-style: dotted;
}
.border.double {
  border-style: double;
}
.border.groove {
  border-style: groove;
}
.border.outset {
  border-style: outset;
}
.border.inset {
  border-style: inset;
}
.border.ridge {
  border-style: ridge;
}
.border.solid {
  border-style: solid;
}
.border.top {
  border-width: 1px 0 0 0;
}
.border.right {
  border-width: 0 0 0 1px;
}
.border.bottom {
  border-width: 0 0 1px 0;
}
.border.left {
  border-width: 0 1px 0 0;
}
.border.ver {
  border-width: 1px 0;
}
.border.hor {
  border-width: 0 1px;
}
.border.seq:last-of-type {
  border: none;
}

/*--------------------------------------------------
  List
--------------------------------------------------*/
.list {
  list-style-type: none;
}
.list.column-1 {
  column-count: 1;
}
.list.column-2 {
  column-count: 2;
}
.list.column-3 {
  column-count: 3;
}
.list.column-4 {
  column-count: 4;
}
.list.column-5 {
  column-count: 5;
}
.list.column-6 {
  column-count: 6;
}
.list.column-7 {
  column-count: 7;
}
.list.column-8 {
  column-count: 8;
}
.list.column-9 {
  column-count: 9;
}
.list.column-10 {
  column-count: 10;
}
.list.gap-10 {
  column-gap: 10px;
}
.list.gap-20 {
  column-gap: 20px;
}
.list.gap-30 {
  column-gap: 30px;
}
.list.gap-40 {
  column-gap: 40px;
}
.list.gap-50 {
  column-gap: 50px;
}
.list.gap-60 {
  column-gap: 60px;
}
.list.gap-70 {
  column-gap: 70px;
}
.list.gap-80 {
  column-gap: 80px;
}
.list.gap-90 {
  column-gap: 90px;
}
.list.gap-100 {
  column-gap: 100px;
}
@media (min-width: 410px) {
  .list.column-xs-1 {
    column-count: 1;
  }
  .list.column-xs-2 {
    column-count: 2;
  }
  .list.column-xs-3 {
    column-count: 3;
  }
  .list.column-xs-4 {
    column-count: 4;
  }
  .list.column-xs-5 {
    column-count: 5;
  }
  .list.column-xs-6 {
    column-count: 6;
  }
  .list.column-xs-7 {
    column-count: 7;
  }
  .list.column-xs-8 {
    column-count: 8;
  }
  .list.column-xs-9 {
    column-count: 9;
  }
  .list.column-xs-10 {
    column-count: 10;
  }
  .list.gap-xs-10 {
    column-gap: 10px;
  }
  .list.gap-xs-20 {
    column-gap: 20px;
  }
  .list.gap-xs-30 {
    column-gap: 30px;
  }
  .list.gap-xs-40 {
    column-gap: 40px;
  }
  .list.gap-xs-50 {
    column-gap: 50px;
  }
  .list.gap-xs-60 {
    column-gap: 60px;
  }
  .list.gap-xs-70 {
    column-gap: 70px;
  }
  .list.gap-xs-80 {
    column-gap: 80px;
  }
  .list.gap-xs-90 {
    column-gap: 90px;
  }
  .list.gap-xs-100 {
    column-gap: 100px;
  }
}
@media (min-width: 576px) {
  .list.column-sm-1 {
    column-count: 1;
  }
  .list.column-sm-2 {
    column-count: 2;
  }
  .list.column-sm-3 {
    column-count: 3;
  }
  .list.column-sm-4 {
    column-count: 4;
  }
  .list.column-sm-5 {
    column-count: 5;
  }
  .list.column-sm-6 {
    column-count: 6;
  }
  .list.column-sm-7 {
    column-count: 7;
  }
  .list.column-sm-8 {
    column-count: 8;
  }
  .list.column-sm-9 {
    column-count: 9;
  }
  .list.column-sm-10 {
    column-count: 10;
  }
  .list.gap-sm-10 {
    column-gap: 10px;
  }
  .list.gap-sm-20 {
    column-gap: 20px;
  }
  .list.gap-sm-30 {
    column-gap: 30px;
  }
  .list.gap-sm-40 {
    column-gap: 40px;
  }
  .list.gap-sm-50 {
    column-gap: 50px;
  }
  .list.gap-sm-60 {
    column-gap: 60px;
  }
  .list.gap-sm-70 {
    column-gap: 70px;
  }
  .list.gap-sm-80 {
    column-gap: 80px;
  }
  .list.gap-sm-90 {
    column-gap: 90px;
  }
  .list.gap-sm-100 {
    column-gap: 100px;
  }
}
@media (min-width: 768px) {
  .list.column-md-1 {
    column-count: 1;
  }
  .list.column-md-2 {
    column-count: 2;
  }
  .list.column-md-3 {
    column-count: 3;
  }
  .list.column-md-4 {
    column-count: 4;
  }
  .list.column-md-5 {
    column-count: 5;
  }
  .list.column-md-6 {
    column-count: 6;
  }
  .list.column-md-7 {
    column-count: 7;
  }
  .list.column-md-8 {
    column-count: 8;
  }
  .list.column-md-9 {
    column-count: 9;
  }
  .list.column-md-10 {
    column-count: 10;
  }
  .list.gap-md-10 {
    column-gap: 10px;
  }
  .list.gap-md-20 {
    column-gap: 20px;
  }
  .list.gap-md-30 {
    column-gap: 30px;
  }
  .list.gap-md-40 {
    column-gap: 40px;
  }
  .list.gap-md-50 {
    column-gap: 50px;
  }
  .list.gap-md-60 {
    column-gap: 60px;
  }
  .list.gap-md-70 {
    column-gap: 70px;
  }
  .list.gap-md-80 {
    column-gap: 80px;
  }
  .list.gap-md-90 {
    column-gap: 90px;
  }
  .list.gap-md-100 {
    column-gap: 100px;
  }
}
@media (min-width: 992px) {
  .list.column-lg-1 {
    column-count: 1;
  }
  .list.column-lg-2 {
    column-count: 2;
  }
  .list.column-lg-3 {
    column-count: 3;
  }
  .list.column-lg-4 {
    column-count: 4;
  }
  .list.column-lg-5 {
    column-count: 5;
  }
  .list.column-lg-6 {
    column-count: 6;
  }
  .list.column-lg-7 {
    column-count: 7;
  }
  .list.column-lg-8 {
    column-count: 8;
  }
  .list.column-lg-9 {
    column-count: 9;
  }
  .list.column-lg-10 {
    column-count: 10;
  }
  .list.gap-lg-10 {
    column-gap: 10px;
  }
  .list.gap-lg-20 {
    column-gap: 20px;
  }
  .list.gap-lg-30 {
    column-gap: 30px;
  }
  .list.gap-lg-40 {
    column-gap: 40px;
  }
  .list.gap-lg-50 {
    column-gap: 50px;
  }
  .list.gap-lg-60 {
    column-gap: 60px;
  }
  .list.gap-lg-70 {
    column-gap: 70px;
  }
  .list.gap-lg-80 {
    column-gap: 80px;
  }
  .list.gap-lg-90 {
    column-gap: 90px;
  }
  .list.gap-lg-100 {
    column-gap: 100px;
  }
}
@media (min-width: 1200px) {
  .list.column-xl-1 {
    column-count: 1;
  }
  .list.column-xl-2 {
    column-count: 2;
  }
  .list.column-xl-3 {
    column-count: 3;
  }
  .list.column-xl-4 {
    column-count: 4;
  }
  .list.column-xl-5 {
    column-count: 5;
  }
  .list.column-xl-6 {
    column-count: 6;
  }
  .list.column-xl-7 {
    column-count: 7;
  }
  .list.column-xl-8 {
    column-count: 8;
  }
  .list.column-xl-9 {
    column-count: 9;
  }
  .list.column-xl-10 {
    column-count: 10;
  }
  .list.gap-xl-10 {
    column-gap: 10px;
  }
  .list.gap-xl-20 {
    column-gap: 20px;
  }
  .list.gap-xl-30 {
    column-gap: 30px;
  }
  .list.gap-xl-40 {
    column-gap: 40px;
  }
  .list.gap-xl-50 {
    column-gap: 50px;
  }
  .list.gap-xl-60 {
    column-gap: 60px;
  }
  .list.gap-xl-70 {
    column-gap: 70px;
  }
  .list.gap-xl-80 {
    column-gap: 80px;
  }
  .list.gap-xl-90 {
    column-gap: 90px;
  }
  .list.gap-xl-100 {
    column-gap: 100px;
  }
}

/*--------------------------------------------------
  Color
--------------------------------------------------*/
.color-primary {
  color: #0874C6;
}

.color-secondary {
  color: #0A77C8;
}

.color-success {
  color: #4CAF50;
}

.color-info {
  color: #00BCD4;
}

.color-warning {
  color: #FF9800;
}

.color-danger {
  color: #F44336;
}

.color-light {
  color: #FAFAFA;
}

.color-dark {
  color: #212121;
}

.color-red {
  color: #F44336;
}

.color-pink {
  color: #E91E63;
}

.color-purple {
  color: #9C27B0;
}

.color-deep-purple {
  color: #673AB7;
}

.color-indigo {
  color: #3F51B5;
}

.color-blue {
  color: #2196F3;
}

.color-light-blue {
  color: #03A9F4;
}

.color-cyan {
  color: #00BCD4;
}

.color-teal {
  color: #009688;
}

.color-green {
  color: #4CAF50;
}

.color-light-green {
  color: #8BC34A;
}

.color-lime {
  color: #CDDC39;
}

.color-yellow {
  color: #FFEB3B;
}

.color-amber {
  color: #FFC107;
}

.color-orange {
  color: #FF9800;
}

.color-deep-orange {
  color: #FF5722;
}

.color-brown {
  color: #795548;
}

.color-blue-grey {
  color: #607D8B;
}

.color-white {
  color: #FFFFFF;
}

.color-black {
  color: #000000;
}

.color-grey-50 {
  color: #FAFAFA;
}

.color-grey-100 {
  color: #F5F5F5;
}

.color-grey-200 {
  color: #EEEEEE;
}

.color-grey-300 {
  color: #E0E0E0;
}

.color-grey-400 {
  color: #BDBDBD;
}

.color-grey-500 {
  color: #9E9E9E;
}

.color-grey-600 {
  color: #757575;
}

.color-grey-700 {
  color: #616161;
}

.color-grey-800 {
  color: #424242;
}

.color-grey-900 {
  color: #212121;
}

/*--------------------------------------------------
  Background
--------------------------------------------------*/
.background-primary {
  background-color: #0874C6;
}

.background-secondary {
  background-color: #1D2088;
}

.background-success {
  background-color: #4CAF50;
}

.background-info {
  background-color: #00BCD4;
}

.background-warning {
  background-color: #FF9800;
}

.background-danger {
  background-color: #F44336;
}

.background-light {
  background-color: #FAFAFA;
}

.background-dark {
  background-color: #212121;
}

.background-red {
  background-color: #F44336;
}

.background-pink {
  background-color: #E91E63;
}

.background-purple {
  background-color: #9C27B0;
}

.background-deep-purple {
  background-color: #673AB7;
}

.background-indigo {
  background-color: #3F51B5;
}

.background-blue {
  background-color: #2196F3;
}

.background-light-blue {
  background-color: #03A9F4;
}

.background-cyan {
  background-color: #00BCD4;
}

.background-teal {
  background-color: #009688;
}

.background-green {
  background-color: #4CAF50;
}

.background-light-green {
  background-color: #8BC34A;
}

.background-lime {
  background-color: #CDDC39;
}

.background-yellow {
  background-color: #FFEB3B;
}

.background-amber {
  background-color: #FFC107;
}

.background-orange {
  background-color: #FF9800;
}

.background-deep-orange {
  background-color: #FF5722;
}

.background-brown {
  background-color: #795548;
}

.background-blue-grey {
  background-color: #607D8B;
}

.background-white {
  background-color: #FFFFFF;
}

.background-black {
  background-color: #000000;
}

.background-grey-50 {
  background-color: #FAFAFA;
}

.background-grey-100 {
  background-color: #F5F5F5;
}

.background-grey-200 {
  background-color: #EEEEEE;
}

.background-grey-300 {
  background-color: #E0E0E0;
}

.background-grey-400 {
  background-color: #BDBDBD;
}

.background-grey-500 {
  background-color: #9E9E9E;
}

.background-grey-600 {
  background-color: #757575;
}

.background-grey-700 {
  background-color: #616161;
}

.background-grey-800 {
  background-color: #424242;
}

.background-grey-900 {
  background-color: #212121;
}

/*--------------------------------------------------
  Overflow
--------------------------------------------------*/
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-visible {
  overflow-y: visible;
}

/*--------------------------------------------------
  Image
--------------------------------------------------*/
.image-fluid {
  max-width: 100%;
}

.image-crispt {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

@media (max-width: 767px) {
  .sp-100{
    width: 100%;
  }
}