/*@import url(../../../styles/main.css);
@import url(../../../styles/second.css);
@import url(../../../styles/menu.css);
@import url(../../../themes/14/fonts.css);
@import url(../../../styles/responsive.css);*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url("https://p.typekit.net/p.css?s=1&k=zaa0qgh&ht=tk&f=10312.10314&a=6291282&app=typekit&e=css");
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

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

.offset-4 {
  margin-left: 33.3333333333%;
}

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

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

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

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

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

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

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

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

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

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

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

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

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

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

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

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

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

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

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

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

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

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

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

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

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

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

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

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

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

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

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

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

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

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0062cc !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.opacity--0 {
  opacity: 0 !important;
}

.opacity--1 {
  opacity: 0.1 !important;
}

.opacity--2 {
  opacity: 0.2 !important;
}

.opacity--3 {
  opacity: 0.3 !important;
}

.opacity--4 {
  opacity: 0.4 !important;
}

.opacity--5 {
  opacity: 0.5 !important;
}

.opacity--6 {
  opacity: 0.6 !important;
}

.opacity--7 {
  opacity: 0.7 !important;
}

.opacity--8 {
  opacity: 0.8 !important;
}

.opacity--9 {
  opacity: 0.9 !important;
}

.opacity--10 {
  opacity: 1 !important;
}

.margin--no {
  margin: 0 !important;
}

.margin-x--no {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-y--no {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.padding--no {
  padding: 0 !important;
}

.padding-x--no {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-y--no {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.margin-top--no {
  margin-top: 0 !important;
}

.padding-top--no {
  padding-top: 0 !important;
}

.margin-right--no {
  margin-right: 0 !important;
}

.padding-right--no {
  padding-right: 0 !important;
}

.margin-bottom--no {
  margin-bottom: 0 !important;
}

.padding-bottom--no {
  padding-bottom: 0 !important;
}

.margin-left--no {
  margin-left: 0 !important;
}

.padding-left--no {
  padding-left: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs--no {
    margin: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--no {
    padding: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.margin-xs-up--no {
  margin: 0 !important;
}

.margin-xs-up-x--no {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-xs-up-y--no {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.padding-xs-up--no {
  padding: 0 !important;
}

.padding-xs-up-x--no {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-xs-up-y--no {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--no {
    margin: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--no {
    padding: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--no {
    margin-top: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--no {
    padding-top: 0 !important;
  }
}
.padding-xs-top-up--no {
  padding-top: 0 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--no {
    padding-top: 0 !important;
  }
}

.margin-xs-top-up--no {
  marging-top: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--no {
    margin-top: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--no {
    margin-right: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--no {
    padding-right: 0 !important;
  }
}
.padding-xs-right-up--no {
  padding-right: 0 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--no {
    padding-right: 0 !important;
  }
}

.margin-xs-right-up--no {
  marging-right: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--no {
    margin-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--no {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--no {
    padding-bottom: 0 !important;
  }
}
.padding-xs-bottom-up--no {
  padding-bottom: 0 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--no {
    padding-bottom: 0 !important;
  }
}

.margin-xs-bottom-up--no {
  marging-bottom: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--no {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--no {
    margin-left: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--no {
    padding-left: 0 !important;
  }
}
.padding-xs-left-up--no {
  padding-left: 0 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--no {
    padding-left: 0 !important;
  }
}

.margin-xs-left-up--no {
  marging-left: 0 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--no {
    margin-left: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--no {
    margin: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--no {
    padding: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--no {
    margin: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--no {
    padding: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--no {
    margin: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--no {
    padding: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--no {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--no {
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--no {
    padding-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--no {
    padding-top: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--no {
    marging-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--no {
    margin-top: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--no {
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--no {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--no {
    padding-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--no {
    padding-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--no {
    marging-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--no {
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--no {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--no {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--no {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--no {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--no {
    marging-bottom: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--no {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--no {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--no {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--no {
    padding-left: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--no {
    padding-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--no {
    marging-left: 0 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--no {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--no {
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--no {
    padding: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--no {
    margin: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--no {
    padding: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--no {
    margin: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--no {
    padding: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--no {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--no {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--no {
    padding-top: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--no {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--no {
    marging-top: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--no {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--no {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--no {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--no {
    padding-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--no {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--no {
    marging-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--no {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--no {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--no {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--no {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--no {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--no {
    marging-bottom: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--no {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--no {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--no {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--no {
    padding-left: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--no {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--no {
    marging-left: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--no {
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--no {
    margin: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--no {
    padding: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--no {
    margin: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--no {
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--no {
    margin: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--no {
    padding: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--no {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--no {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--no {
    padding-top: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--no {
    padding-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--no {
    marging-top: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--no {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--no {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--no {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--no {
    padding-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--no {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--no {
    marging-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--no {
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--no {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--no {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--no {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--no {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--no {
    marging-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--no {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--no {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--no {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--no {
    padding-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--no {
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--no {
    marging-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--no {
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--no {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--no {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--no {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--no {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--no {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--no {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--no {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--no {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.margin-xl-down--no {
  margin: 0 !important;
}

.margin-xl-down-x--no {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-xl-down-y--no {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.padding-xl-down--no {
  padding: 0 !important;
}

.padding-xl-down-x--no {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-xl-down-y--no {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--no {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--no {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--no {
    padding-top: 0 !important;
  }
}

.padding-xl-top-down--no {
  padding-top: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--no {
    marging-top: 0 !important;
  }
}

.margin-xl-top-down--no {
  margin-top: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--no {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--no {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--no {
    padding-right: 0 !important;
  }
}

.padding-xl-right-down--no {
  padding-right: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--no {
    marging-right: 0 !important;
  }
}

.margin-xl-right-down--no {
  margin-right: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--no {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--no {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--no {
    padding-bottom: 0 !important;
  }
}

.padding-xl-bottom-down--no {
  padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--no {
    marging-bottom: 0 !important;
  }
}

.margin-xl-bottom-down--no {
  margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--no {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--no {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--no {
    padding-left: 0 !important;
  }
}

.padding-xl-left-down--no {
  padding-left: 0 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--no {
    marging-left: 0 !important;
  }
}

.margin-xl-left-down--no {
  margin-left: 0 !important;
}

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

.margin-x--auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-y--auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.padding--auto {
  padding: auto !important;
}

.padding-x--auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.padding-y--auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.margin-top--auto {
  margin-top: auto !important;
}

.padding-top--auto {
  padding-top: auto !important;
}

.margin-right--auto {
  margin-right: auto !important;
}

.padding-right--auto {
  padding-right: auto !important;
}

.margin-bottom--auto {
  margin-bottom: auto !important;
}

.padding-bottom--auto {
  padding-bottom: auto !important;
}

.margin-left--auto {
  margin-left: auto !important;
}

.padding-left--auto {
  padding-left: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs--auto {
    margin: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--auto {
    padding: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

.margin-xs-up--auto {
  margin: auto !important;
}

.margin-xs-up-x--auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-xs-up-y--auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.padding-xs-up--auto {
  padding: auto !important;
}

.padding-xs-up-x--auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.padding-xs-up-y--auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--auto {
    margin: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--auto {
    padding: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--auto {
    margin-top: auto !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--auto {
    padding-top: auto !important;
  }
}
.padding-xs-top-up--auto {
  padding-top: auto !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--auto {
    padding-top: auto !important;
  }
}

.margin-xs-top-up--auto {
  marging-top: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--auto {
    margin-top: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--auto {
    margin-right: auto !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--auto {
    padding-right: auto !important;
  }
}
.padding-xs-right-up--auto {
  padding-right: auto !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--auto {
    padding-right: auto !important;
  }
}

.margin-xs-right-up--auto {
  marging-right: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--auto {
    margin-right: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--auto {
    margin-bottom: auto !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--auto {
    padding-bottom: auto !important;
  }
}
.padding-xs-bottom-up--auto {
  padding-bottom: auto !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--auto {
    padding-bottom: auto !important;
  }
}

.margin-xs-bottom-up--auto {
  marging-bottom: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--auto {
    margin-bottom: auto !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--auto {
    margin-left: auto !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--auto {
    padding-left: auto !important;
  }
}
.padding-xs-left-up--auto {
  padding-left: auto !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--auto {
    padding-left: auto !important;
  }
}

.margin-xs-left-up--auto {
  marging-left: auto !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--auto {
    margin-left: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--auto {
    margin: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--auto {
    padding: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--auto {
    margin: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--auto {
    padding: auto !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--auto {
    margin: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--auto {
    padding: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--auto {
    margin-top: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--auto {
    padding-top: auto !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--auto {
    padding-top: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--auto {
    padding-top: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--auto {
    marging-top: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--auto {
    margin-top: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--auto {
    margin-right: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--auto {
    padding-right: auto !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--auto {
    padding-right: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--auto {
    padding-right: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--auto {
    marging-right: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--auto {
    margin-right: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--auto {
    padding-bottom: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--auto {
    padding-bottom: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--auto {
    marging-bottom: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--auto {
    margin-bottom: auto !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--auto {
    padding-left: auto !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--auto {
    padding-left: auto !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--auto {
    padding-left: auto !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--auto {
    marging-left: auto !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--auto {
    margin: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--auto {
    padding: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--auto {
    margin: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--auto {
    padding: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--auto {
    margin: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--auto {
    padding: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--auto {
    padding-top: auto !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--auto {
    padding-top: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--auto {
    padding-top: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--auto {
    marging-top: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--auto {
    margin-top: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--auto {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--auto {
    padding-right: auto !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--auto {
    padding-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--auto {
    padding-right: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--auto {
    marging-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--auto {
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--auto {
    padding-bottom: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--auto {
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--auto {
    marging-bottom: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--auto {
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--auto {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--auto {
    padding-left: auto !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--auto {
    padding-left: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--auto {
    marging-left: auto !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--auto {
    margin: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--auto {
    padding: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--auto {
    margin: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--auto {
    padding: auto !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--auto {
    margin: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--auto {
    padding: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--auto {
    margin-top: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--auto {
    padding-top: auto !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--auto {
    padding-top: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--auto {
    padding-top: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--auto {
    marging-top: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--auto {
    margin-top: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--auto {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--auto {
    padding-right: auto !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--auto {
    padding-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--auto {
    padding-right: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--auto {
    marging-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--auto {
    margin-right: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--auto {
    padding-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--auto {
    padding-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--auto {
    marging-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--auto {
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--auto {
    padding-left: auto !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--auto {
    padding-left: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--auto {
    padding-left: auto !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--auto {
    marging-left: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--auto {
    margin: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--auto {
    padding: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--auto {
    margin: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--auto {
    padding: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

.margin-xl-down--auto {
  margin: auto !important;
}

.margin-xl-down-x--auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-xl-down-y--auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.padding-xl-down--auto {
  padding: auto !important;
}

.padding-xl-down-x--auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.padding-xl-down-y--auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--auto {
    padding-top: auto !important;
  }
}

.padding-xl-top-down--auto {
  padding-top: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--auto {
    marging-top: auto !important;
  }
}

.margin-xl-top-down--auto {
  margin-top: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--auto {
    padding-right: auto !important;
  }
}

.padding-xl-right-down--auto {
  padding-right: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--auto {
    marging-right: auto !important;
  }
}

.margin-xl-right-down--auto {
  margin-right: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--auto {
    padding-bottom: auto !important;
  }
}

.padding-xl-bottom-down--auto {
  padding-bottom: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--auto {
    marging-bottom: auto !important;
  }
}

.margin-xl-bottom-down--auto {
  margin-bottom: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--auto {
    padding-left: auto !important;
  }
}

.padding-xl-left-down--auto {
  padding-left: auto !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--auto {
    marging-left: auto !important;
  }
}

.margin-xl-left-down--auto {
  margin-left: auto !important;
}

.margin--1 {
  margin: 1 !important;
}

.margin-x--1 {
  margin-left: 1 !important;
  margin-right: 1 !important;
}

.margin-y--1 {
  margin-top: 1 !important;
  margin-bottom: 1 !important;
}

.padding--1 {
  padding: 1 !important;
}

.padding-x--1 {
  padding-left: 1 !important;
  padding-right: 1 !important;
}

.padding-y--1 {
  padding-top: 1 !important;
  padding-bottom: 1 !important;
}

.margin-top--1 {
  margin-top: 1 !important;
}

.padding-top--1 {
  padding-top: 1 !important;
}

.margin-right--1 {
  margin-right: 1 !important;
}

.padding-right--1 {
  padding-right: 1 !important;
}

.margin-bottom--1 {
  margin-bottom: 1 !important;
}

.padding-bottom--1 {
  padding-bottom: 1 !important;
}

.margin-left--1 {
  margin-left: 1 !important;
}

.padding-left--1 {
  padding-left: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs--1 {
    margin: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--1 {
    padding: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

.margin-xs-up--1 {
  margin: 1 !important;
}

.margin-xs-up-x--1 {
  margin-left: 1 !important;
  margin-right: 1 !important;
}

.margin-xs-up-y--1 {
  margin-top: 1 !important;
  margin-bottom: 1 !important;
}

.padding-xs-up--1 {
  padding: 1 !important;
}

.padding-xs-up-x--1 {
  padding-left: 1 !important;
  padding-right: 1 !important;
}

.padding-xs-up-y--1 {
  padding-top: 1 !important;
  padding-bottom: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--1 {
    margin: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--1 {
    padding: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--1 {
    margin-top: 1 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--1 {
    padding-top: 1 !important;
  }
}
.padding-xs-top-up--1 {
  padding-top: 1 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--1 {
    padding-top: 1 !important;
  }
}

.margin-xs-top-up--1 {
  marging-top: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--1 {
    margin-top: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--1 {
    margin-right: 1 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--1 {
    padding-right: 1 !important;
  }
}
.padding-xs-right-up--1 {
  padding-right: 1 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--1 {
    padding-right: 1 !important;
  }
}

.margin-xs-right-up--1 {
  marging-right: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--1 {
    margin-right: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--1 {
    margin-bottom: 1 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--1 {
    padding-bottom: 1 !important;
  }
}
.padding-xs-bottom-up--1 {
  padding-bottom: 1 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--1 {
    padding-bottom: 1 !important;
  }
}

.margin-xs-bottom-up--1 {
  marging-bottom: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--1 {
    margin-bottom: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--1 {
    margin-left: 1 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--1 {
    padding-left: 1 !important;
  }
}
.padding-xs-left-up--1 {
  padding-left: 1 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--1 {
    padding-left: 1 !important;
  }
}

.margin-xs-left-up--1 {
  marging-left: 1 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--1 {
    margin-left: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--1 {
    margin: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--1 {
    padding: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--1 {
    margin: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--1 {
    padding: 1 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--1 {
    margin: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--1 {
    padding: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--1 {
    margin-top: 1 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--1 {
    padding-top: 1 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--1 {
    padding-top: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--1 {
    padding-top: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--1 {
    marging-top: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--1 {
    margin-top: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--1 {
    margin-right: 1 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--1 {
    padding-right: 1 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--1 {
    padding-right: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--1 {
    padding-right: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--1 {
    marging-right: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--1 {
    margin-right: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--1 {
    margin-bottom: 1 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--1 {
    padding-bottom: 1 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--1 {
    padding-bottom: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--1 {
    padding-bottom: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--1 {
    marging-bottom: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--1 {
    margin-bottom: 1 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--1 {
    margin-left: 1 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--1 {
    padding-left: 1 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--1 {
    padding-left: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--1 {
    padding-left: 1 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--1 {
    marging-left: 1 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--1 {
    margin-left: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--1 {
    margin: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--1 {
    padding: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--1 {
    margin: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--1 {
    padding: 1 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--1 {
    margin: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--1 {
    padding: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--1 {
    margin-top: 1 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--1 {
    padding-top: 1 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--1 {
    padding-top: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--1 {
    padding-top: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--1 {
    marging-top: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--1 {
    margin-top: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--1 {
    margin-right: 1 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--1 {
    padding-right: 1 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--1 {
    padding-right: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--1 {
    padding-right: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--1 {
    marging-right: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--1 {
    margin-right: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--1 {
    margin-bottom: 1 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--1 {
    padding-bottom: 1 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--1 {
    padding-bottom: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--1 {
    padding-bottom: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--1 {
    marging-bottom: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--1 {
    margin-bottom: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--1 {
    margin-left: 1 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--1 {
    padding-left: 1 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--1 {
    padding-left: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--1 {
    padding-left: 1 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--1 {
    marging-left: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--1 {
    margin-left: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--1 {
    margin: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--1 {
    padding: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--1 {
    margin: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--1 {
    padding: 1 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--1 {
    margin: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--1 {
    padding: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--1 {
    margin-top: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--1 {
    padding-top: 1 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--1 {
    padding-top: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--1 {
    padding-top: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--1 {
    marging-top: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--1 {
    margin-top: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--1 {
    margin-right: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--1 {
    padding-right: 1 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--1 {
    padding-right: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--1 {
    padding-right: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--1 {
    marging-right: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--1 {
    margin-right: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--1 {
    margin-bottom: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--1 {
    padding-bottom: 1 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--1 {
    padding-bottom: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--1 {
    padding-bottom: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--1 {
    marging-bottom: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--1 {
    margin-bottom: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--1 {
    margin-left: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--1 {
    padding-left: 1 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--1 {
    padding-left: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--1 {
    padding-left: 1 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--1 {
    marging-left: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--1 {
    margin-left: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--1 {
    margin: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--1 {
    padding: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--1 {
    margin: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--1 {
    margin-left: 1 !important;
    margin-right: 1 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--1 {
    margin-top: 1 !important;
    margin-bottom: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--1 {
    padding: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--1 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--1 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}

.margin-xl-down--1 {
  margin: 1 !important;
}

.margin-xl-down-x--1 {
  margin-left: 1 !important;
  margin-right: 1 !important;
}

.margin-xl-down-y--1 {
  margin-top: 1 !important;
  margin-bottom: 1 !important;
}

.padding-xl-down--1 {
  padding: 1 !important;
}

.padding-xl-down-x--1 {
  padding-left: 1 !important;
  padding-right: 1 !important;
}

.padding-xl-down-y--1 {
  padding-top: 1 !important;
  padding-bottom: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--1 {
    margin-top: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--1 {
    padding-top: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--1 {
    padding-top: 1 !important;
  }
}

.padding-xl-top-down--1 {
  padding-top: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--1 {
    marging-top: 1 !important;
  }
}

.margin-xl-top-down--1 {
  margin-top: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--1 {
    margin-right: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--1 {
    padding-right: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--1 {
    padding-right: 1 !important;
  }
}

.padding-xl-right-down--1 {
  padding-right: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--1 {
    marging-right: 1 !important;
  }
}

.margin-xl-right-down--1 {
  margin-right: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--1 {
    margin-bottom: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--1 {
    padding-bottom: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--1 {
    padding-bottom: 1 !important;
  }
}

.padding-xl-bottom-down--1 {
  padding-bottom: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--1 {
    marging-bottom: 1 !important;
  }
}

.margin-xl-bottom-down--1 {
  margin-bottom: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--1 {
    margin-left: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--1 {
    padding-left: 1 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--1 {
    padding-left: 1 !important;
  }
}

.padding-xl-left-down--1 {
  padding-left: 1 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--1 {
    marging-left: 1 !important;
  }
}

.margin-xl-left-down--1 {
  margin-left: 1 !important;
}

.margin--2 {
  margin: 2 !important;
}

.margin-x--2 {
  margin-left: 2 !important;
  margin-right: 2 !important;
}

.margin-y--2 {
  margin-top: 2 !important;
  margin-bottom: 2 !important;
}

.padding--2 {
  padding: 2 !important;
}

.padding-x--2 {
  padding-left: 2 !important;
  padding-right: 2 !important;
}

.padding-y--2 {
  padding-top: 2 !important;
  padding-bottom: 2 !important;
}

.margin-top--2 {
  margin-top: 2 !important;
}

.padding-top--2 {
  padding-top: 2 !important;
}

.margin-right--2 {
  margin-right: 2 !important;
}

.padding-right--2 {
  padding-right: 2 !important;
}

.margin-bottom--2 {
  margin-bottom: 2 !important;
}

.padding-bottom--2 {
  padding-bottom: 2 !important;
}

.margin-left--2 {
  margin-left: 2 !important;
}

.padding-left--2 {
  padding-left: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs--2 {
    margin: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--2 {
    padding: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

.margin-xs-up--2 {
  margin: 2 !important;
}

.margin-xs-up-x--2 {
  margin-left: 2 !important;
  margin-right: 2 !important;
}

.margin-xs-up-y--2 {
  margin-top: 2 !important;
  margin-bottom: 2 !important;
}

.padding-xs-up--2 {
  padding: 2 !important;
}

.padding-xs-up-x--2 {
  padding-left: 2 !important;
  padding-right: 2 !important;
}

.padding-xs-up-y--2 {
  padding-top: 2 !important;
  padding-bottom: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--2 {
    margin: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--2 {
    padding: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--2 {
    margin-top: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--2 {
    padding-top: 2 !important;
  }
}
.padding-xs-top-up--2 {
  padding-top: 2 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--2 {
    padding-top: 2 !important;
  }
}

.margin-xs-top-up--2 {
  marging-top: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--2 {
    margin-top: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--2 {
    margin-right: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--2 {
    padding-right: 2 !important;
  }
}
.padding-xs-right-up--2 {
  padding-right: 2 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--2 {
    padding-right: 2 !important;
  }
}

.margin-xs-right-up--2 {
  marging-right: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--2 {
    margin-right: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--2 {
    margin-bottom: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--2 {
    padding-bottom: 2 !important;
  }
}
.padding-xs-bottom-up--2 {
  padding-bottom: 2 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--2 {
    padding-bottom: 2 !important;
  }
}

.margin-xs-bottom-up--2 {
  marging-bottom: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--2 {
    margin-bottom: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--2 {
    margin-left: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--2 {
    padding-left: 2 !important;
  }
}
.padding-xs-left-up--2 {
  padding-left: 2 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--2 {
    padding-left: 2 !important;
  }
}

.margin-xs-left-up--2 {
  marging-left: 2 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--2 {
    margin-left: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--2 {
    margin: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--2 {
    padding: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--2 {
    margin: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--2 {
    padding: 2 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--2 {
    margin: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--2 {
    padding: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--2 {
    margin-top: 2 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--2 {
    padding-top: 2 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--2 {
    padding-top: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--2 {
    padding-top: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--2 {
    marging-top: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--2 {
    margin-top: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--2 {
    margin-right: 2 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--2 {
    padding-right: 2 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--2 {
    padding-right: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--2 {
    padding-right: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--2 {
    marging-right: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--2 {
    margin-right: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--2 {
    margin-bottom: 2 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--2 {
    padding-bottom: 2 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--2 {
    padding-bottom: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--2 {
    padding-bottom: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--2 {
    marging-bottom: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--2 {
    margin-bottom: 2 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--2 {
    margin-left: 2 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--2 {
    padding-left: 2 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--2 {
    padding-left: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--2 {
    padding-left: 2 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--2 {
    marging-left: 2 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--2 {
    margin-left: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--2 {
    margin: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--2 {
    padding: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--2 {
    margin: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--2 {
    padding: 2 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--2 {
    margin: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--2 {
    padding: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--2 {
    margin-top: 2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--2 {
    padding-top: 2 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--2 {
    padding-top: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--2 {
    padding-top: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--2 {
    marging-top: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--2 {
    margin-top: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--2 {
    margin-right: 2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--2 {
    padding-right: 2 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--2 {
    padding-right: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--2 {
    padding-right: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--2 {
    marging-right: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--2 {
    margin-right: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--2 {
    margin-bottom: 2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--2 {
    padding-bottom: 2 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--2 {
    padding-bottom: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--2 {
    padding-bottom: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--2 {
    marging-bottom: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--2 {
    margin-bottom: 2 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--2 {
    margin-left: 2 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--2 {
    padding-left: 2 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--2 {
    padding-left: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--2 {
    padding-left: 2 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--2 {
    marging-left: 2 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--2 {
    margin-left: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--2 {
    margin: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--2 {
    padding: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--2 {
    margin: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--2 {
    padding: 2 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--2 {
    margin: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--2 {
    padding: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--2 {
    margin-top: 2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--2 {
    padding-top: 2 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--2 {
    padding-top: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--2 {
    padding-top: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--2 {
    marging-top: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--2 {
    margin-top: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--2 {
    margin-right: 2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--2 {
    padding-right: 2 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--2 {
    padding-right: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--2 {
    padding-right: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--2 {
    marging-right: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--2 {
    margin-right: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--2 {
    margin-bottom: 2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--2 {
    padding-bottom: 2 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--2 {
    padding-bottom: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--2 {
    padding-bottom: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--2 {
    marging-bottom: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--2 {
    margin-bottom: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--2 {
    margin-left: 2 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--2 {
    padding-left: 2 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--2 {
    padding-left: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--2 {
    padding-left: 2 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--2 {
    marging-left: 2 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--2 {
    margin-left: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--2 {
    margin: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--2 {
    padding: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--2 {
    margin: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--2 {
    margin-left: 2 !important;
    margin-right: 2 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--2 {
    margin-top: 2 !important;
    margin-bottom: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--2 {
    padding: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--2 {
    padding-left: 2 !important;
    padding-right: 2 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--2 {
    padding-top: 2 !important;
    padding-bottom: 2 !important;
  }
}

.margin-xl-down--2 {
  margin: 2 !important;
}

.margin-xl-down-x--2 {
  margin-left: 2 !important;
  margin-right: 2 !important;
}

.margin-xl-down-y--2 {
  margin-top: 2 !important;
  margin-bottom: 2 !important;
}

.padding-xl-down--2 {
  padding: 2 !important;
}

.padding-xl-down-x--2 {
  padding-left: 2 !important;
  padding-right: 2 !important;
}

.padding-xl-down-y--2 {
  padding-top: 2 !important;
  padding-bottom: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--2 {
    margin-top: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--2 {
    padding-top: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--2 {
    padding-top: 2 !important;
  }
}

.padding-xl-top-down--2 {
  padding-top: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--2 {
    marging-top: 2 !important;
  }
}

.margin-xl-top-down--2 {
  margin-top: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--2 {
    margin-right: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--2 {
    padding-right: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--2 {
    padding-right: 2 !important;
  }
}

.padding-xl-right-down--2 {
  padding-right: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--2 {
    marging-right: 2 !important;
  }
}

.margin-xl-right-down--2 {
  margin-right: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--2 {
    margin-bottom: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--2 {
    padding-bottom: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--2 {
    padding-bottom: 2 !important;
  }
}

.padding-xl-bottom-down--2 {
  padding-bottom: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--2 {
    marging-bottom: 2 !important;
  }
}

.margin-xl-bottom-down--2 {
  margin-bottom: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--2 {
    margin-left: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--2 {
    padding-left: 2 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--2 {
    padding-left: 2 !important;
  }
}

.padding-xl-left-down--2 {
  padding-left: 2 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--2 {
    marging-left: 2 !important;
  }
}

.margin-xl-left-down--2 {
  margin-left: 2 !important;
}

.margin--3 {
  margin: 3 !important;
}

.margin-x--3 {
  margin-left: 3 !important;
  margin-right: 3 !important;
}

.margin-y--3 {
  margin-top: 3 !important;
  margin-bottom: 3 !important;
}

.padding--3 {
  padding: 3 !important;
}

.padding-x--3 {
  padding-left: 3 !important;
  padding-right: 3 !important;
}

.padding-y--3 {
  padding-top: 3 !important;
  padding-bottom: 3 !important;
}

.margin-top--3 {
  margin-top: 3 !important;
}

.padding-top--3 {
  padding-top: 3 !important;
}

.margin-right--3 {
  margin-right: 3 !important;
}

.padding-right--3 {
  padding-right: 3 !important;
}

.margin-bottom--3 {
  margin-bottom: 3 !important;
}

.padding-bottom--3 {
  padding-bottom: 3 !important;
}

.margin-left--3 {
  margin-left: 3 !important;
}

.padding-left--3 {
  padding-left: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs--3 {
    margin: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--3 {
    padding: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

.margin-xs-up--3 {
  margin: 3 !important;
}

.margin-xs-up-x--3 {
  margin-left: 3 !important;
  margin-right: 3 !important;
}

.margin-xs-up-y--3 {
  margin-top: 3 !important;
  margin-bottom: 3 !important;
}

.padding-xs-up--3 {
  padding: 3 !important;
}

.padding-xs-up-x--3 {
  padding-left: 3 !important;
  padding-right: 3 !important;
}

.padding-xs-up-y--3 {
  padding-top: 3 !important;
  padding-bottom: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--3 {
    margin: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--3 {
    padding: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--3 {
    margin-top: 3 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--3 {
    padding-top: 3 !important;
  }
}
.padding-xs-top-up--3 {
  padding-top: 3 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--3 {
    padding-top: 3 !important;
  }
}

.margin-xs-top-up--3 {
  marging-top: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--3 {
    margin-top: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--3 {
    margin-right: 3 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--3 {
    padding-right: 3 !important;
  }
}
.padding-xs-right-up--3 {
  padding-right: 3 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--3 {
    padding-right: 3 !important;
  }
}

.margin-xs-right-up--3 {
  marging-right: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--3 {
    margin-right: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--3 {
    margin-bottom: 3 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--3 {
    padding-bottom: 3 !important;
  }
}
.padding-xs-bottom-up--3 {
  padding-bottom: 3 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--3 {
    padding-bottom: 3 !important;
  }
}

.margin-xs-bottom-up--3 {
  marging-bottom: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--3 {
    margin-bottom: 3 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--3 {
    margin-left: 3 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--3 {
    padding-left: 3 !important;
  }
}
.padding-xs-left-up--3 {
  padding-left: 3 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--3 {
    padding-left: 3 !important;
  }
}

.margin-xs-left-up--3 {
  marging-left: 3 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--3 {
    margin-left: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--3 {
    margin: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--3 {
    padding: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--3 {
    margin: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--3 {
    padding: 3 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--3 {
    margin: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--3 {
    padding: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--3 {
    margin-top: 3 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--3 {
    padding-top: 3 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--3 {
    padding-top: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--3 {
    padding-top: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--3 {
    marging-top: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--3 {
    margin-top: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--3 {
    margin-right: 3 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--3 {
    padding-right: 3 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--3 {
    padding-right: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--3 {
    padding-right: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--3 {
    marging-right: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--3 {
    margin-right: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--3 {
    margin-bottom: 3 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--3 {
    padding-bottom: 3 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--3 {
    padding-bottom: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--3 {
    padding-bottom: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--3 {
    marging-bottom: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--3 {
    margin-bottom: 3 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--3 {
    margin-left: 3 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--3 {
    padding-left: 3 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--3 {
    padding-left: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--3 {
    padding-left: 3 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--3 {
    marging-left: 3 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--3 {
    margin-left: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--3 {
    margin: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--3 {
    padding: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--3 {
    margin: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--3 {
    padding: 3 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--3 {
    margin: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--3 {
    padding: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--3 {
    margin-top: 3 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--3 {
    padding-top: 3 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--3 {
    padding-top: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--3 {
    padding-top: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--3 {
    marging-top: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--3 {
    margin-top: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--3 {
    margin-right: 3 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--3 {
    padding-right: 3 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--3 {
    padding-right: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--3 {
    padding-right: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--3 {
    marging-right: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--3 {
    margin-right: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--3 {
    margin-bottom: 3 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--3 {
    padding-bottom: 3 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--3 {
    padding-bottom: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--3 {
    padding-bottom: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--3 {
    marging-bottom: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--3 {
    margin-bottom: 3 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--3 {
    margin-left: 3 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--3 {
    padding-left: 3 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--3 {
    padding-left: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--3 {
    padding-left: 3 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--3 {
    marging-left: 3 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--3 {
    margin-left: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--3 {
    margin: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--3 {
    padding: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--3 {
    margin: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--3 {
    padding: 3 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--3 {
    margin: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--3 {
    padding: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--3 {
    margin-top: 3 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--3 {
    padding-top: 3 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--3 {
    padding-top: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--3 {
    padding-top: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--3 {
    marging-top: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--3 {
    margin-top: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--3 {
    margin-right: 3 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--3 {
    padding-right: 3 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--3 {
    padding-right: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--3 {
    padding-right: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--3 {
    marging-right: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--3 {
    margin-right: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--3 {
    margin-bottom: 3 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--3 {
    padding-bottom: 3 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--3 {
    padding-bottom: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--3 {
    padding-bottom: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--3 {
    marging-bottom: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--3 {
    margin-bottom: 3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--3 {
    margin-left: 3 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--3 {
    padding-left: 3 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--3 {
    padding-left: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--3 {
    padding-left: 3 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--3 {
    marging-left: 3 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--3 {
    margin-left: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--3 {
    margin: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--3 {
    padding: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--3 {
    margin: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--3 {
    margin-left: 3 !important;
    margin-right: 3 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--3 {
    margin-top: 3 !important;
    margin-bottom: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--3 {
    padding: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--3 {
    padding-left: 3 !important;
    padding-right: 3 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--3 {
    padding-top: 3 !important;
    padding-bottom: 3 !important;
  }
}

.margin-xl-down--3 {
  margin: 3 !important;
}

.margin-xl-down-x--3 {
  margin-left: 3 !important;
  margin-right: 3 !important;
}

.margin-xl-down-y--3 {
  margin-top: 3 !important;
  margin-bottom: 3 !important;
}

.padding-xl-down--3 {
  padding: 3 !important;
}

.padding-xl-down-x--3 {
  padding-left: 3 !important;
  padding-right: 3 !important;
}

.padding-xl-down-y--3 {
  padding-top: 3 !important;
  padding-bottom: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--3 {
    margin-top: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--3 {
    padding-top: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--3 {
    padding-top: 3 !important;
  }
}

.padding-xl-top-down--3 {
  padding-top: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--3 {
    marging-top: 3 !important;
  }
}

.margin-xl-top-down--3 {
  margin-top: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--3 {
    margin-right: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--3 {
    padding-right: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--3 {
    padding-right: 3 !important;
  }
}

.padding-xl-right-down--3 {
  padding-right: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--3 {
    marging-right: 3 !important;
  }
}

.margin-xl-right-down--3 {
  margin-right: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--3 {
    margin-bottom: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--3 {
    padding-bottom: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--3 {
    padding-bottom: 3 !important;
  }
}

.padding-xl-bottom-down--3 {
  padding-bottom: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--3 {
    marging-bottom: 3 !important;
  }
}

.margin-xl-bottom-down--3 {
  margin-bottom: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--3 {
    margin-left: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--3 {
    padding-left: 3 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--3 {
    padding-left: 3 !important;
  }
}

.padding-xl-left-down--3 {
  padding-left: 3 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--3 {
    marging-left: 3 !important;
  }
}

.margin-xl-left-down--3 {
  margin-left: 3 !important;
}

.margin--4 {
  margin: 4 !important;
}

.margin-x--4 {
  margin-left: 4 !important;
  margin-right: 4 !important;
}

.margin-y--4 {
  margin-top: 4 !important;
  margin-bottom: 4 !important;
}

.padding--4 {
  padding: 4 !important;
}

.padding-x--4 {
  padding-left: 4 !important;
  padding-right: 4 !important;
}

.padding-y--4 {
  padding-top: 4 !important;
  padding-bottom: 4 !important;
}

.margin-top--4 {
  margin-top: 4 !important;
}

.padding-top--4 {
  padding-top: 4 !important;
}

.margin-right--4 {
  margin-right: 4 !important;
}

.padding-right--4 {
  padding-right: 4 !important;
}

.margin-bottom--4 {
  margin-bottom: 4 !important;
}

.padding-bottom--4 {
  padding-bottom: 4 !important;
}

.margin-left--4 {
  margin-left: 4 !important;
}

.padding-left--4 {
  padding-left: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs--4 {
    margin: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--4 {
    padding: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

.margin-xs-up--4 {
  margin: 4 !important;
}

.margin-xs-up-x--4 {
  margin-left: 4 !important;
  margin-right: 4 !important;
}

.margin-xs-up-y--4 {
  margin-top: 4 !important;
  margin-bottom: 4 !important;
}

.padding-xs-up--4 {
  padding: 4 !important;
}

.padding-xs-up-x--4 {
  padding-left: 4 !important;
  padding-right: 4 !important;
}

.padding-xs-up-y--4 {
  padding-top: 4 !important;
  padding-bottom: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--4 {
    margin: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--4 {
    padding: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--4 {
    margin-top: 4 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--4 {
    padding-top: 4 !important;
  }
}
.padding-xs-top-up--4 {
  padding-top: 4 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--4 {
    padding-top: 4 !important;
  }
}

.margin-xs-top-up--4 {
  marging-top: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--4 {
    margin-top: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--4 {
    margin-right: 4 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--4 {
    padding-right: 4 !important;
  }
}
.padding-xs-right-up--4 {
  padding-right: 4 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--4 {
    padding-right: 4 !important;
  }
}

.margin-xs-right-up--4 {
  marging-right: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--4 {
    margin-right: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--4 {
    margin-bottom: 4 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--4 {
    padding-bottom: 4 !important;
  }
}
.padding-xs-bottom-up--4 {
  padding-bottom: 4 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--4 {
    padding-bottom: 4 !important;
  }
}

.margin-xs-bottom-up--4 {
  marging-bottom: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--4 {
    margin-bottom: 4 !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--4 {
    margin-left: 4 !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--4 {
    padding-left: 4 !important;
  }
}
.padding-xs-left-up--4 {
  padding-left: 4 !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--4 {
    padding-left: 4 !important;
  }
}

.margin-xs-left-up--4 {
  marging-left: 4 !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--4 {
    margin-left: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--4 {
    margin: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--4 {
    padding: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--4 {
    margin: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--4 {
    padding: 4 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--4 {
    margin: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--4 {
    padding: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--4 {
    margin-top: 4 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--4 {
    padding-top: 4 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--4 {
    padding-top: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--4 {
    padding-top: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--4 {
    marging-top: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--4 {
    margin-top: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--4 {
    margin-right: 4 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--4 {
    padding-right: 4 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--4 {
    padding-right: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--4 {
    padding-right: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--4 {
    marging-right: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--4 {
    margin-right: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--4 {
    margin-bottom: 4 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--4 {
    padding-bottom: 4 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--4 {
    padding-bottom: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--4 {
    padding-bottom: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--4 {
    marging-bottom: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--4 {
    margin-bottom: 4 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--4 {
    margin-left: 4 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--4 {
    padding-left: 4 !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--4 {
    padding-left: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--4 {
    padding-left: 4 !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--4 {
    marging-left: 4 !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--4 {
    margin-left: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--4 {
    margin: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--4 {
    padding: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--4 {
    margin: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--4 {
    padding: 4 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--4 {
    margin: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--4 {
    padding: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--4 {
    margin-top: 4 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--4 {
    padding-top: 4 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--4 {
    padding-top: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--4 {
    padding-top: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--4 {
    marging-top: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--4 {
    margin-top: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--4 {
    margin-right: 4 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--4 {
    padding-right: 4 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--4 {
    padding-right: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--4 {
    padding-right: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--4 {
    marging-right: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--4 {
    margin-right: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--4 {
    margin-bottom: 4 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--4 {
    padding-bottom: 4 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--4 {
    padding-bottom: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--4 {
    padding-bottom: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--4 {
    marging-bottom: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--4 {
    margin-bottom: 4 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--4 {
    margin-left: 4 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--4 {
    padding-left: 4 !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--4 {
    padding-left: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--4 {
    padding-left: 4 !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--4 {
    marging-left: 4 !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--4 {
    margin-left: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--4 {
    margin: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--4 {
    padding: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--4 {
    margin: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--4 {
    padding: 4 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--4 {
    margin: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--4 {
    padding: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--4 {
    margin-top: 4 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--4 {
    padding-top: 4 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--4 {
    padding-top: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--4 {
    padding-top: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--4 {
    marging-top: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--4 {
    margin-top: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--4 {
    margin-right: 4 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--4 {
    padding-right: 4 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--4 {
    padding-right: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--4 {
    padding-right: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--4 {
    marging-right: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--4 {
    margin-right: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--4 {
    margin-bottom: 4 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--4 {
    padding-bottom: 4 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--4 {
    padding-bottom: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--4 {
    padding-bottom: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--4 {
    marging-bottom: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--4 {
    margin-bottom: 4 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--4 {
    margin-left: 4 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--4 {
    padding-left: 4 !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--4 {
    padding-left: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--4 {
    padding-left: 4 !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--4 {
    marging-left: 4 !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--4 {
    margin-left: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--4 {
    margin: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--4 {
    padding: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--4 {
    margin: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--4 {
    margin-left: 4 !important;
    margin-right: 4 !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--4 {
    margin-top: 4 !important;
    margin-bottom: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--4 {
    padding: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--4 {
    padding-left: 4 !important;
    padding-right: 4 !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--4 {
    padding-top: 4 !important;
    padding-bottom: 4 !important;
  }
}

.margin-xl-down--4 {
  margin: 4 !important;
}

.margin-xl-down-x--4 {
  margin-left: 4 !important;
  margin-right: 4 !important;
}

.margin-xl-down-y--4 {
  margin-top: 4 !important;
  margin-bottom: 4 !important;
}

.padding-xl-down--4 {
  padding: 4 !important;
}

.padding-xl-down-x--4 {
  padding-left: 4 !important;
  padding-right: 4 !important;
}

.padding-xl-down-y--4 {
  padding-top: 4 !important;
  padding-bottom: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--4 {
    margin-top: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--4 {
    padding-top: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--4 {
    padding-top: 4 !important;
  }
}

.padding-xl-top-down--4 {
  padding-top: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--4 {
    marging-top: 4 !important;
  }
}

.margin-xl-top-down--4 {
  margin-top: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--4 {
    margin-right: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--4 {
    padding-right: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--4 {
    padding-right: 4 !important;
  }
}

.padding-xl-right-down--4 {
  padding-right: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--4 {
    marging-right: 4 !important;
  }
}

.margin-xl-right-down--4 {
  margin-right: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--4 {
    margin-bottom: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--4 {
    padding-bottom: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--4 {
    padding-bottom: 4 !important;
  }
}

.padding-xl-bottom-down--4 {
  padding-bottom: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--4 {
    marging-bottom: 4 !important;
  }
}

.margin-xl-bottom-down--4 {
  margin-bottom: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--4 {
    margin-left: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--4 {
    padding-left: 4 !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--4 {
    padding-left: 4 !important;
  }
}

.padding-xl-left-down--4 {
  padding-left: 4 !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--4 {
    marging-left: 4 !important;
  }
}

.margin-xl-left-down--4 {
  margin-left: 4 !important;
}

.margin--5 {
  margin: 5px !important;
}

.margin-x--5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.margin-y--5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.padding--5 {
  padding: 5px !important;
}

.padding-x--5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-y--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.margin-top--5 {
  margin-top: 5px !important;
}

.padding-top--5 {
  padding-top: 5px !important;
}

.margin-right--5 {
  margin-right: 5px !important;
}

.padding-right--5 {
  padding-right: 5px !important;
}

.margin-bottom--5 {
  margin-bottom: 5px !important;
}

.padding-bottom--5 {
  padding-bottom: 5px !important;
}

.margin-left--5 {
  margin-left: 5px !important;
}

.padding-left--5 {
  padding-left: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--5 {
    margin: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--5 {
    padding: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

.margin-xs-up--5 {
  margin: 5px !important;
}

.margin-xs-up-x--5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.margin-xs-up-y--5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.padding-xs-up--5 {
  padding: 5px !important;
}

.padding-xs-up-x--5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-xs-up-y--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--5 {
    margin: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--5 {
    padding: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--5 {
    margin-top: 5px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--5 {
    padding-top: 5px !important;
  }
}
.padding-xs-top-up--5 {
  padding-top: 5px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--5 {
    padding-top: 5px !important;
  }
}

.margin-xs-top-up--5 {
  marging-top: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--5 {
    margin-top: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--5 {
    margin-right: 5px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--5 {
    padding-right: 5px !important;
  }
}
.padding-xs-right-up--5 {
  padding-right: 5px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--5 {
    padding-right: 5px !important;
  }
}

.margin-xs-right-up--5 {
  marging-right: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--5 {
    margin-right: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--5 {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--5 {
    padding-bottom: 5px !important;
  }
}
.padding-xs-bottom-up--5 {
  padding-bottom: 5px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--5 {
    padding-bottom: 5px !important;
  }
}

.margin-xs-bottom-up--5 {
  marging-bottom: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--5 {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--5 {
    margin-left: 5px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--5 {
    padding-left: 5px !important;
  }
}
.padding-xs-left-up--5 {
  padding-left: 5px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--5 {
    padding-left: 5px !important;
  }
}

.margin-xs-left-up--5 {
  marging-left: 5px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--5 {
    margin: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--5 {
    padding: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--5 {
    margin: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--5 {
    padding: 5px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--5 {
    margin: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--5 {
    padding: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--5 {
    margin-top: 5px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--5 {
    padding-top: 5px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--5 {
    padding-top: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--5 {
    marging-top: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--5 {
    margin-right: 5px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--5 {
    padding-right: 5px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--5 {
    padding-right: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--5 {
    marging-right: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--5 {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--5 {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--5 {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--5 {
    marging-bottom: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--5 {
    margin-left: 5px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--5 {
    padding-left: 5px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--5 {
    padding-left: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--5 {
    marging-left: 5px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--5 {
    margin: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--5 {
    padding: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--5 {
    margin: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--5 {
    padding: 5px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--5 {
    margin: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--5 {
    padding: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--5 {
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--5 {
    padding-top: 5px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--5 {
    padding-top: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--5 {
    marging-top: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--5 {
    margin-right: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--5 {
    padding-right: 5px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--5 {
    padding-right: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--5 {
    marging-right: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--5 {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--5 {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--5 {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--5 {
    marging-bottom: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--5 {
    margin-left: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--5 {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--5 {
    padding-left: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--5 {
    marging-left: 5px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--5 {
    margin: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--5 {
    padding: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--5 {
    margin: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--5 {
    padding: 5px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--5 {
    margin: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--5 {
    padding: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--5 {
    margin-top: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--5 {
    padding-top: 5px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--5 {
    padding-top: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--5 {
    marging-top: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--5 {
    margin-right: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--5 {
    padding-right: 5px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--5 {
    padding-right: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--5 {
    padding-right: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--5 {
    marging-right: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--5 {
    margin-right: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--5 {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--5 {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--5 {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--5 {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--5 {
    marging-bottom: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--5 {
    margin-left: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--5 {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--5 {
    padding-left: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--5 {
    padding-left: 5px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--5 {
    marging-left: 5px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--5 {
    margin-left: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--5 {
    margin: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--5 {
    padding: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--5 {
    margin: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--5 {
    padding: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

.margin-xl-down--5 {
  margin: 5px !important;
}

.margin-xl-down-x--5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.margin-xl-down-y--5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.padding-xl-down--5 {
  padding: 5px !important;
}

.padding-xl-down-x--5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-xl-down-y--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--5 {
    margin-top: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--5 {
    padding-top: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--5 {
    padding-top: 5px !important;
  }
}

.padding-xl-top-down--5 {
  padding-top: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--5 {
    marging-top: 5px !important;
  }
}

.margin-xl-top-down--5 {
  margin-top: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--5 {
    margin-right: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--5 {
    padding-right: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--5 {
    padding-right: 5px !important;
  }
}

.padding-xl-right-down--5 {
  padding-right: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--5 {
    marging-right: 5px !important;
  }
}

.margin-xl-right-down--5 {
  margin-right: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--5 {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--5 {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--5 {
    padding-bottom: 5px !important;
  }
}

.padding-xl-bottom-down--5 {
  padding-bottom: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--5 {
    marging-bottom: 5px !important;
  }
}

.margin-xl-bottom-down--5 {
  margin-bottom: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--5 {
    margin-left: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--5 {
    padding-left: 5px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--5 {
    padding-left: 5px !important;
  }
}

.padding-xl-left-down--5 {
  padding-left: 5px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--5 {
    marging-left: 5px !important;
  }
}

.margin-xl-left-down--5 {
  margin-left: 5px !important;
}

.margin--10 {
  margin: 10px !important;
}

.margin-x--10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.margin-y--10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.padding--10 {
  padding: 10px !important;
}

.padding-x--10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-y--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.margin-top--10 {
  margin-top: 10px !important;
}

.padding-top--10 {
  padding-top: 10px !important;
}

.margin-right--10 {
  margin-right: 10px !important;
}

.padding-right--10 {
  padding-right: 10px !important;
}

.margin-bottom--10 {
  margin-bottom: 10px !important;
}

.padding-bottom--10 {
  padding-bottom: 10px !important;
}

.margin-left--10 {
  margin-left: 10px !important;
}

.padding-left--10 {
  padding-left: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--10 {
    margin: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--10 {
    padding: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.margin-xs-up--10 {
  margin: 10px !important;
}

.margin-xs-up-x--10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.margin-xs-up-y--10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.padding-xs-up--10 {
  padding: 10px !important;
}

.padding-xs-up-x--10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-xs-up-y--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--10 {
    margin: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--10 {
    padding: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--10 {
    margin-top: 10px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--10 {
    padding-top: 10px !important;
  }
}
.padding-xs-top-up--10 {
  padding-top: 10px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--10 {
    padding-top: 10px !important;
  }
}

.margin-xs-top-up--10 {
  marging-top: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--10 {
    margin-top: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--10 {
    margin-right: 10px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--10 {
    padding-right: 10px !important;
  }
}
.padding-xs-right-up--10 {
  padding-right: 10px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--10 {
    padding-right: 10px !important;
  }
}

.margin-xs-right-up--10 {
  marging-right: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--10 {
    margin-right: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--10 {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--10 {
    padding-bottom: 10px !important;
  }
}
.padding-xs-bottom-up--10 {
  padding-bottom: 10px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--10 {
    padding-bottom: 10px !important;
  }
}

.margin-xs-bottom-up--10 {
  marging-bottom: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--10 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--10 {
    margin-left: 10px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--10 {
    padding-left: 10px !important;
  }
}
.padding-xs-left-up--10 {
  padding-left: 10px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--10 {
    padding-left: 10px !important;
  }
}

.margin-xs-left-up--10 {
  marging-left: 10px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--10 {
    margin: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--10 {
    padding: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--10 {
    margin: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--10 {
    padding: 10px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--10 {
    margin: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--10 {
    padding: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--10 {
    padding-top: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--10 {
    marging-top: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--10 {
    margin-right: 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--10 {
    padding-right: 10px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--10 {
    padding-right: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--10 {
    marging-right: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--10 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--10 {
    marging-bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--10 {
    margin-left: 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--10 {
    padding-left: 10px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--10 {
    padding-left: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--10 {
    marging-left: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--10 {
    margin: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--10 {
    padding: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--10 {
    margin: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--10 {
    padding: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--10 {
    margin: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--10 {
    padding: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--10 {
    padding-top: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--10 {
    marging-top: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--10 {
    margin-right: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--10 {
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--10 {
    padding-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--10 {
    marging-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--10 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--10 {
    marging-bottom: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--10 {
    margin-left: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--10 {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--10 {
    padding-left: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--10 {
    marging-left: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--10 {
    margin: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--10 {
    padding: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--10 {
    margin: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--10 {
    padding: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--10 {
    margin: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--10 {
    padding: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--10 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--10 {
    marging-top: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--10 {
    margin-right: 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--10 {
    padding-right: 10px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--10 {
    padding-right: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--10 {
    marging-right: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--10 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--10 {
    marging-bottom: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--10 {
    margin-left: 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--10 {
    padding-left: 10px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--10 {
    padding-left: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--10 {
    marging-left: 10px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--10 {
    margin: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--10 {
    padding: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--10 {
    margin: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--10 {
    padding: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.margin-xl-down--10 {
  margin: 10px !important;
}

.margin-xl-down-x--10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.margin-xl-down-y--10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.padding-xl-down--10 {
  padding: 10px !important;
}

.padding-xl-down-x--10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-xl-down-y--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--10 {
    padding-top: 10px !important;
  }
}

.padding-xl-top-down--10 {
  padding-top: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--10 {
    marging-top: 10px !important;
  }
}

.margin-xl-top-down--10 {
  margin-top: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--10 {
    margin-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--10 {
    padding-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--10 {
    padding-right: 10px !important;
  }
}

.padding-xl-right-down--10 {
  padding-right: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--10 {
    marging-right: 10px !important;
  }
}

.margin-xl-right-down--10 {
  margin-right: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--10 {
    padding-bottom: 10px !important;
  }
}

.padding-xl-bottom-down--10 {
  padding-bottom: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--10 {
    marging-bottom: 10px !important;
  }
}

.margin-xl-bottom-down--10 {
  margin-bottom: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--10 {
    margin-left: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--10 {
    padding-left: 10px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--10 {
    padding-left: 10px !important;
  }
}

.padding-xl-left-down--10 {
  padding-left: 10px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--10 {
    marging-left: 10px !important;
  }
}

.margin-xl-left-down--10 {
  margin-left: 10px !important;
}

.margin--15 {
  margin: 15px !important;
}

.margin-x--15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.margin-y--15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.padding--15 {
  padding: 15px !important;
}

.padding-x--15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-y--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.margin-top--15 {
  margin-top: 15px !important;
}

.padding-top--15 {
  padding-top: 15px !important;
}

.margin-right--15 {
  margin-right: 15px !important;
}

.padding-right--15 {
  padding-right: 15px !important;
}

.margin-bottom--15 {
  margin-bottom: 15px !important;
}

.padding-bottom--15 {
  padding-bottom: 15px !important;
}

.margin-left--15 {
  margin-left: 15px !important;
}

.padding-left--15 {
  padding-left: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--15 {
    margin: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--15 {
    padding: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

.margin-xs-up--15 {
  margin: 15px !important;
}

.margin-xs-up-x--15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.margin-xs-up-y--15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.padding-xs-up--15 {
  padding: 15px !important;
}

.padding-xs-up-x--15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-xs-up-y--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--15 {
    margin: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--15 {
    padding: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--15 {
    margin-top: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--15 {
    padding-top: 15px !important;
  }
}
.padding-xs-top-up--15 {
  padding-top: 15px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--15 {
    padding-top: 15px !important;
  }
}

.margin-xs-top-up--15 {
  marging-top: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--15 {
    margin-top: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--15 {
    margin-right: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--15 {
    padding-right: 15px !important;
  }
}
.padding-xs-right-up--15 {
  padding-right: 15px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--15 {
    padding-right: 15px !important;
  }
}

.margin-xs-right-up--15 {
  marging-right: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--15 {
    margin-right: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--15 {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--15 {
    padding-bottom: 15px !important;
  }
}
.padding-xs-bottom-up--15 {
  padding-bottom: 15px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--15 {
    padding-bottom: 15px !important;
  }
}

.margin-xs-bottom-up--15 {
  marging-bottom: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--15 {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--15 {
    margin-left: 15px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--15 {
    padding-left: 15px !important;
  }
}
.padding-xs-left-up--15 {
  padding-left: 15px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--15 {
    padding-left: 15px !important;
  }
}

.margin-xs-left-up--15 {
  marging-left: 15px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--15 {
    margin: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--15 {
    padding: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--15 {
    margin: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--15 {
    padding: 15px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--15 {
    margin: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--15 {
    padding: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--15 {
    margin-top: 15px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--15 {
    padding-top: 15px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--15 {
    padding-top: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--15 {
    marging-top: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--15 {
    margin-right: 15px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--15 {
    padding-right: 15px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--15 {
    padding-right: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--15 {
    marging-right: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--15 {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--15 {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--15 {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--15 {
    marging-bottom: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--15 {
    margin-left: 15px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--15 {
    padding-left: 15px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--15 {
    padding-left: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--15 {
    marging-left: 15px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--15 {
    margin: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--15 {
    padding: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--15 {
    margin: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--15 {
    padding: 15px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--15 {
    margin: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--15 {
    padding: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--15 {
    margin-top: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--15 {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--15 {
    padding-top: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--15 {
    marging-top: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--15 {
    margin-right: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--15 {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--15 {
    padding-right: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--15 {
    marging-right: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--15 {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--15 {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--15 {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--15 {
    marging-bottom: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--15 {
    margin-left: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--15 {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--15 {
    padding-left: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--15 {
    marging-left: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--15 {
    margin: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--15 {
    padding: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--15 {
    margin: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--15 {
    padding: 15px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--15 {
    margin: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--15 {
    padding: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--15 {
    margin-top: 15px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--15 {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--15 {
    padding-top: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--15 {
    marging-top: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--15 {
    margin-right: 15px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--15 {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--15 {
    padding-right: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--15 {
    padding-right: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--15 {
    marging-right: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--15 {
    margin-right: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--15 {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--15 {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--15 {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--15 {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--15 {
    marging-bottom: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--15 {
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--15 {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--15 {
    padding-left: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--15 {
    padding-left: 15px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--15 {
    marging-left: 15px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--15 {
    margin-left: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--15 {
    margin: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--15 {
    padding: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--15 {
    margin: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--15 {
    padding: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

.margin-xl-down--15 {
  margin: 15px !important;
}

.margin-xl-down-x--15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.margin-xl-down-y--15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.padding-xl-down--15 {
  padding: 15px !important;
}

.padding-xl-down-x--15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-xl-down-y--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--15 {
    margin-top: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--15 {
    padding-top: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--15 {
    padding-top: 15px !important;
  }
}

.padding-xl-top-down--15 {
  padding-top: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--15 {
    marging-top: 15px !important;
  }
}

.margin-xl-top-down--15 {
  margin-top: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--15 {
    margin-right: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--15 {
    padding-right: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--15 {
    padding-right: 15px !important;
  }
}

.padding-xl-right-down--15 {
  padding-right: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--15 {
    marging-right: 15px !important;
  }
}

.margin-xl-right-down--15 {
  margin-right: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--15 {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--15 {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--15 {
    padding-bottom: 15px !important;
  }
}

.padding-xl-bottom-down--15 {
  padding-bottom: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--15 {
    marging-bottom: 15px !important;
  }
}

.margin-xl-bottom-down--15 {
  margin-bottom: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--15 {
    margin-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--15 {
    padding-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--15 {
    padding-left: 15px !important;
  }
}

.padding-xl-left-down--15 {
  padding-left: 15px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--15 {
    marging-left: 15px !important;
  }
}

.margin-xl-left-down--15 {
  margin-left: 15px !important;
}

.margin--20 {
  margin: 20px !important;
}

.margin-x--20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-y--20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.padding--20 {
  padding: 20px !important;
}

.padding-x--20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-y--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.margin-top--20 {
  margin-top: 20px !important;
}

.padding-top--20 {
  padding-top: 20px !important;
}

.margin-right--20 {
  margin-right: 20px !important;
}

.padding-right--20 {
  padding-right: 20px !important;
}

.margin-bottom--20 {
  margin-bottom: 20px !important;
}

.padding-bottom--20 {
  padding-bottom: 20px !important;
}

.margin-left--20 {
  margin-left: 20px !important;
}

.padding-left--20 {
  padding-left: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--20 {
    margin: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--20 {
    padding: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.margin-xs-up--20 {
  margin: 20px !important;
}

.margin-xs-up-x--20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-xs-up-y--20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.padding-xs-up--20 {
  padding: 20px !important;
}

.padding-xs-up-x--20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-xs-up-y--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--20 {
    margin: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--20 {
    padding: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--20 {
    margin-top: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--20 {
    padding-top: 20px !important;
  }
}
.padding-xs-top-up--20 {
  padding-top: 20px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--20 {
    padding-top: 20px !important;
  }
}

.margin-xs-top-up--20 {
  marging-top: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--20 {
    margin-top: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--20 {
    margin-right: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--20 {
    padding-right: 20px !important;
  }
}
.padding-xs-right-up--20 {
  padding-right: 20px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--20 {
    padding-right: 20px !important;
  }
}

.margin-xs-right-up--20 {
  marging-right: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--20 {
    margin-right: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--20 {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--20 {
    padding-bottom: 20px !important;
  }
}
.padding-xs-bottom-up--20 {
  padding-bottom: 20px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--20 {
    padding-bottom: 20px !important;
  }
}

.margin-xs-bottom-up--20 {
  marging-bottom: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--20 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--20 {
    margin-left: 20px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--20 {
    padding-left: 20px !important;
  }
}
.padding-xs-left-up--20 {
  padding-left: 20px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--20 {
    padding-left: 20px !important;
  }
}

.margin-xs-left-up--20 {
  marging-left: 20px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--20 {
    margin: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--20 {
    padding: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--20 {
    margin: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--20 {
    padding: 20px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--20 {
    margin: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--20 {
    padding: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--20 {
    padding-top: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--20 {
    marging-top: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--20 {
    margin-right: 20px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--20 {
    padding-right: 20px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--20 {
    padding-right: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--20 {
    marging-right: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--20 {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--20 {
    marging-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--20 {
    margin-left: 20px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--20 {
    padding-left: 20px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--20 {
    padding-left: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--20 {
    marging-left: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--20 {
    margin: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--20 {
    padding: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--20 {
    margin: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--20 {
    padding: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--20 {
    margin: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--20 {
    padding: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--20 {
    padding-top: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--20 {
    marging-top: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--20 {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--20 {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--20 {
    padding-right: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--20 {
    marging-right: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--20 {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--20 {
    marging-bottom: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--20 {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--20 {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--20 {
    padding-left: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--20 {
    marging-left: 20px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--20 {
    margin: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--20 {
    padding: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--20 {
    margin: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--20 {
    padding: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--20 {
    margin: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--20 {
    padding: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--20 {
    padding-top: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--20 {
    marging-top: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--20 {
    margin-right: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--20 {
    padding-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--20 {
    padding-right: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--20 {
    marging-right: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--20 {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--20 {
    marging-bottom: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--20 {
    margin-left: 20px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--20 {
    padding-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--20 {
    padding-left: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--20 {
    marging-left: 20px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--20 {
    margin: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--20 {
    padding: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--20 {
    margin: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--20 {
    padding: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.margin-xl-down--20 {
  margin: 20px !important;
}

.margin-xl-down-x--20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-xl-down-y--20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.padding-xl-down--20 {
  padding: 20px !important;
}

.padding-xl-down-x--20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-xl-down-y--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--20 {
    padding-top: 20px !important;
  }
}

.padding-xl-top-down--20 {
  padding-top: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--20 {
    marging-top: 20px !important;
  }
}

.margin-xl-top-down--20 {
  margin-top: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--20 {
    margin-right: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--20 {
    padding-right: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--20 {
    padding-right: 20px !important;
  }
}

.padding-xl-right-down--20 {
  padding-right: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--20 {
    marging-right: 20px !important;
  }
}

.margin-xl-right-down--20 {
  margin-right: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--20 {
    padding-bottom: 20px !important;
  }
}

.padding-xl-bottom-down--20 {
  padding-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--20 {
    marging-bottom: 20px !important;
  }
}

.margin-xl-bottom-down--20 {
  margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--20 {
    margin-left: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--20 {
    padding-left: 20px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--20 {
    padding-left: 20px !important;
  }
}

.padding-xl-left-down--20 {
  padding-left: 20px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--20 {
    marging-left: 20px !important;
  }
}

.margin-xl-left-down--20 {
  margin-left: 20px !important;
}

.margin--25 {
  margin: 25px !important;
}

.margin-x--25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.margin-y--25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.padding--25 {
  padding: 25px !important;
}

.padding-x--25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.padding-y--25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.margin-top--25 {
  margin-top: 25px !important;
}

.padding-top--25 {
  padding-top: 25px !important;
}

.margin-right--25 {
  margin-right: 25px !important;
}

.padding-right--25 {
  padding-right: 25px !important;
}

.margin-bottom--25 {
  margin-bottom: 25px !important;
}

.padding-bottom--25 {
  padding-bottom: 25px !important;
}

.margin-left--25 {
  margin-left: 25px !important;
}

.padding-left--25 {
  padding-left: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--25 {
    margin: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--25 {
    padding: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

.margin-xs-up--25 {
  margin: 25px !important;
}

.margin-xs-up-x--25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.margin-xs-up-y--25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.padding-xs-up--25 {
  padding: 25px !important;
}

.padding-xs-up-x--25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.padding-xs-up-y--25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--25 {
    margin: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--25 {
    padding: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--25 {
    margin-top: 25px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--25 {
    padding-top: 25px !important;
  }
}
.padding-xs-top-up--25 {
  padding-top: 25px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--25 {
    padding-top: 25px !important;
  }
}

.margin-xs-top-up--25 {
  marging-top: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--25 {
    margin-top: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--25 {
    margin-right: 25px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--25 {
    padding-right: 25px !important;
  }
}
.padding-xs-right-up--25 {
  padding-right: 25px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--25 {
    padding-right: 25px !important;
  }
}

.margin-xs-right-up--25 {
  marging-right: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--25 {
    margin-right: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--25 {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--25 {
    padding-bottom: 25px !important;
  }
}
.padding-xs-bottom-up--25 {
  padding-bottom: 25px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--25 {
    padding-bottom: 25px !important;
  }
}

.margin-xs-bottom-up--25 {
  marging-bottom: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--25 {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--25 {
    margin-left: 25px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--25 {
    padding-left: 25px !important;
  }
}
.padding-xs-left-up--25 {
  padding-left: 25px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--25 {
    padding-left: 25px !important;
  }
}

.margin-xs-left-up--25 {
  marging-left: 25px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--25 {
    margin: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--25 {
    padding: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--25 {
    margin: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--25 {
    padding: 25px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--25 {
    margin: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--25 {
    padding: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--25 {
    margin-top: 25px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--25 {
    padding-top: 25px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--25 {
    padding-top: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--25 {
    marging-top: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--25 {
    margin-right: 25px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--25 {
    padding-right: 25px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--25 {
    padding-right: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--25 {
    marging-right: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--25 {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--25 {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--25 {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--25 {
    marging-bottom: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--25 {
    margin-left: 25px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--25 {
    padding-left: 25px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--25 {
    padding-left: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--25 {
    marging-left: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--25 {
    margin: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--25 {
    padding: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--25 {
    margin: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--25 {
    padding: 25px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--25 {
    margin: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--25 {
    padding: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--25 {
    margin-top: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--25 {
    padding-top: 25px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--25 {
    padding-top: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--25 {
    marging-top: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--25 {
    margin-right: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--25 {
    padding-right: 25px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--25 {
    padding-right: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--25 {
    marging-right: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--25 {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--25 {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--25 {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--25 {
    marging-bottom: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--25 {
    margin-left: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--25 {
    padding-left: 25px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--25 {
    padding-left: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--25 {
    marging-left: 25px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--25 {
    margin: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--25 {
    padding: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--25 {
    margin: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--25 {
    padding: 25px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--25 {
    margin: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--25 {
    padding: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--25 {
    margin-top: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--25 {
    padding-top: 25px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--25 {
    padding-top: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--25 {
    marging-top: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--25 {
    margin-right: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--25 {
    padding-right: 25px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--25 {
    padding-right: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--25 {
    padding-right: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--25 {
    marging-right: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--25 {
    margin-right: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--25 {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--25 {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--25 {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--25 {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--25 {
    marging-bottom: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--25 {
    margin-left: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--25 {
    padding-left: 25px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--25 {
    padding-left: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--25 {
    padding-left: 25px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--25 {
    marging-left: 25px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--25 {
    margin-left: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--25 {
    margin: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--25 {
    padding: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--25 {
    margin: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--25 {
    padding: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

.margin-xl-down--25 {
  margin: 25px !important;
}

.margin-xl-down-x--25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.margin-xl-down-y--25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.padding-xl-down--25 {
  padding: 25px !important;
}

.padding-xl-down-x--25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.padding-xl-down-y--25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--25 {
    margin-top: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--25 {
    padding-top: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--25 {
    padding-top: 25px !important;
  }
}

.padding-xl-top-down--25 {
  padding-top: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--25 {
    marging-top: 25px !important;
  }
}

.margin-xl-top-down--25 {
  margin-top: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--25 {
    margin-right: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--25 {
    padding-right: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--25 {
    padding-right: 25px !important;
  }
}

.padding-xl-right-down--25 {
  padding-right: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--25 {
    marging-right: 25px !important;
  }
}

.margin-xl-right-down--25 {
  margin-right: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--25 {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--25 {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--25 {
    padding-bottom: 25px !important;
  }
}

.padding-xl-bottom-down--25 {
  padding-bottom: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--25 {
    marging-bottom: 25px !important;
  }
}

.margin-xl-bottom-down--25 {
  margin-bottom: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--25 {
    margin-left: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--25 {
    padding-left: 25px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--25 {
    padding-left: 25px !important;
  }
}

.padding-xl-left-down--25 {
  padding-left: 25px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--25 {
    marging-left: 25px !important;
  }
}

.margin-xl-left-down--25 {
  margin-left: 25px !important;
}

.margin--30 {
  margin: 30px !important;
}

.margin-x--30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-y--30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.padding--30 {
  padding: 30px !important;
}

.padding-x--30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-y--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.margin-top--30 {
  margin-top: 30px !important;
}

.padding-top--30 {
  padding-top: 30px !important;
}

.margin-right--30 {
  margin-right: 30px !important;
}

.padding-right--30 {
  padding-right: 30px !important;
}

.margin-bottom--30 {
  margin-bottom: 30px !important;
}

.padding-bottom--30 {
  padding-bottom: 30px !important;
}

.margin-left--30 {
  margin-left: 30px !important;
}

.padding-left--30 {
  padding-left: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--30 {
    margin: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--30 {
    padding: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.margin-xs-up--30 {
  margin: 30px !important;
}

.margin-xs-up-x--30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-xs-up-y--30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.padding-xs-up--30 {
  padding: 30px !important;
}

.padding-xs-up-x--30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-xs-up-y--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--30 {
    margin: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--30 {
    padding: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--30 {
    margin-top: 30px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--30 {
    padding-top: 30px !important;
  }
}
.padding-xs-top-up--30 {
  padding-top: 30px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--30 {
    padding-top: 30px !important;
  }
}

.margin-xs-top-up--30 {
  marging-top: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--30 {
    margin-top: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--30 {
    margin-right: 30px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--30 {
    padding-right: 30px !important;
  }
}
.padding-xs-right-up--30 {
  padding-right: 30px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--30 {
    padding-right: 30px !important;
  }
}

.margin-xs-right-up--30 {
  marging-right: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--30 {
    margin-right: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--30 {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--30 {
    padding-bottom: 30px !important;
  }
}
.padding-xs-bottom-up--30 {
  padding-bottom: 30px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--30 {
    padding-bottom: 30px !important;
  }
}

.margin-xs-bottom-up--30 {
  marging-bottom: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--30 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--30 {
    margin-left: 30px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--30 {
    padding-left: 30px !important;
  }
}
.padding-xs-left-up--30 {
  padding-left: 30px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--30 {
    padding-left: 30px !important;
  }
}

.margin-xs-left-up--30 {
  marging-left: 30px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--30 {
    margin: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--30 {
    padding: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--30 {
    margin: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--30 {
    padding: 30px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--30 {
    margin: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--30 {
    padding: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--30 {
    padding-top: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--30 {
    marging-top: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--30 {
    margin-right: 30px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--30 {
    padding-right: 30px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--30 {
    padding-right: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--30 {
    marging-right: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--30 {
    marging-bottom: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--30 {
    margin-left: 30px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--30 {
    padding-left: 30px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--30 {
    padding-left: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--30 {
    marging-left: 30px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--30 {
    margin: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--30 {
    padding: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--30 {
    margin: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--30 {
    padding: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--30 {
    margin: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--30 {
    padding: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--30 {
    padding-top: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--30 {
    marging-top: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--30 {
    margin-right: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--30 {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--30 {
    padding-right: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--30 {
    marging-right: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--30 {
    marging-bottom: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--30 {
    margin-left: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--30 {
    padding-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--30 {
    padding-left: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--30 {
    marging-left: 30px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--30 {
    margin: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--30 {
    padding: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--30 {
    margin: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--30 {
    padding: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--30 {
    margin: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--30 {
    padding: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--30 {
    padding-top: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--30 {
    marging-top: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--30 {
    margin-right: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--30 {
    padding-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--30 {
    padding-right: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--30 {
    marging-right: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--30 {
    marging-bottom: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--30 {
    margin-left: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--30 {
    padding-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--30 {
    padding-left: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--30 {
    marging-left: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--30 {
    margin: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--30 {
    padding: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--30 {
    margin: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--30 {
    padding: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.margin-xl-down--30 {
  margin: 30px !important;
}

.margin-xl-down-x--30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-xl-down-y--30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.padding-xl-down--30 {
  padding: 30px !important;
}

.padding-xl-down-x--30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-xl-down-y--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--30 {
    padding-top: 30px !important;
  }
}

.padding-xl-top-down--30 {
  padding-top: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--30 {
    marging-top: 30px !important;
  }
}

.margin-xl-top-down--30 {
  margin-top: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--30 {
    margin-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--30 {
    padding-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--30 {
    padding-right: 30px !important;
  }
}

.padding-xl-right-down--30 {
  padding-right: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--30 {
    marging-right: 30px !important;
  }
}

.margin-xl-right-down--30 {
  margin-right: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--30 {
    padding-bottom: 30px !important;
  }
}

.padding-xl-bottom-down--30 {
  padding-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--30 {
    marging-bottom: 30px !important;
  }
}

.margin-xl-bottom-down--30 {
  margin-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--30 {
    margin-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--30 {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--30 {
    padding-left: 30px !important;
  }
}

.padding-xl-left-down--30 {
  padding-left: 30px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--30 {
    marging-left: 30px !important;
  }
}

.margin-xl-left-down--30 {
  margin-left: 30px !important;
}

.margin--35 {
  margin: 35px !important;
}

.margin-x--35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.margin-y--35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.padding--35 {
  padding: 35px !important;
}

.padding-x--35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.padding-y--35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.margin-top--35 {
  margin-top: 35px !important;
}

.padding-top--35 {
  padding-top: 35px !important;
}

.margin-right--35 {
  margin-right: 35px !important;
}

.padding-right--35 {
  padding-right: 35px !important;
}

.margin-bottom--35 {
  margin-bottom: 35px !important;
}

.padding-bottom--35 {
  padding-bottom: 35px !important;
}

.margin-left--35 {
  margin-left: 35px !important;
}

.padding-left--35 {
  padding-left: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--35 {
    margin: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--35 {
    padding: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

.margin-xs-up--35 {
  margin: 35px !important;
}

.margin-xs-up-x--35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.margin-xs-up-y--35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.padding-xs-up--35 {
  padding: 35px !important;
}

.padding-xs-up-x--35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.padding-xs-up-y--35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--35 {
    margin: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--35 {
    padding: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--35 {
    margin-top: 35px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--35 {
    padding-top: 35px !important;
  }
}
.padding-xs-top-up--35 {
  padding-top: 35px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--35 {
    padding-top: 35px !important;
  }
}

.margin-xs-top-up--35 {
  marging-top: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--35 {
    margin-top: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--35 {
    margin-right: 35px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--35 {
    padding-right: 35px !important;
  }
}
.padding-xs-right-up--35 {
  padding-right: 35px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--35 {
    padding-right: 35px !important;
  }
}

.margin-xs-right-up--35 {
  marging-right: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--35 {
    margin-right: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--35 {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--35 {
    padding-bottom: 35px !important;
  }
}
.padding-xs-bottom-up--35 {
  padding-bottom: 35px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--35 {
    padding-bottom: 35px !important;
  }
}

.margin-xs-bottom-up--35 {
  marging-bottom: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--35 {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--35 {
    margin-left: 35px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--35 {
    padding-left: 35px !important;
  }
}
.padding-xs-left-up--35 {
  padding-left: 35px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--35 {
    padding-left: 35px !important;
  }
}

.margin-xs-left-up--35 {
  marging-left: 35px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--35 {
    margin-left: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--35 {
    margin: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--35 {
    padding: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--35 {
    margin: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--35 {
    padding: 35px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--35 {
    margin: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--35 {
    padding: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--35 {
    margin-top: 35px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--35 {
    padding-top: 35px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--35 {
    padding-top: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--35 {
    padding-top: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--35 {
    marging-top: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--35 {
    margin-top: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--35 {
    margin-right: 35px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--35 {
    padding-right: 35px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--35 {
    padding-right: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--35 {
    padding-right: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--35 {
    marging-right: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--35 {
    margin-right: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--35 {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--35 {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--35 {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--35 {
    padding-bottom: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--35 {
    marging-bottom: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--35 {
    margin-bottom: 35px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--35 {
    margin-left: 35px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--35 {
    padding-left: 35px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--35 {
    padding-left: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--35 {
    padding-left: 35px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--35 {
    marging-left: 35px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--35 {
    margin-left: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--35 {
    margin: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--35 {
    padding: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--35 {
    margin: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--35 {
    padding: 35px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--35 {
    margin: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--35 {
    padding: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--35 {
    margin-top: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--35 {
    padding-top: 35px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--35 {
    padding-top: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--35 {
    padding-top: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--35 {
    marging-top: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--35 {
    margin-top: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--35 {
    margin-right: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--35 {
    padding-right: 35px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--35 {
    padding-right: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--35 {
    padding-right: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--35 {
    marging-right: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--35 {
    margin-right: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--35 {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--35 {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--35 {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--35 {
    padding-bottom: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--35 {
    marging-bottom: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--35 {
    margin-bottom: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--35 {
    margin-left: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--35 {
    padding-left: 35px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--35 {
    padding-left: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--35 {
    padding-left: 35px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--35 {
    marging-left: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--35 {
    margin-left: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--35 {
    margin: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--35 {
    padding: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--35 {
    margin: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--35 {
    padding: 35px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--35 {
    margin: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--35 {
    padding: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--35 {
    margin-top: 35px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--35 {
    padding-top: 35px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--35 {
    padding-top: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--35 {
    padding-top: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--35 {
    marging-top: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--35 {
    margin-top: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--35 {
    margin-right: 35px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--35 {
    padding-right: 35px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--35 {
    padding-right: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--35 {
    padding-right: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--35 {
    marging-right: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--35 {
    margin-right: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--35 {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--35 {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--35 {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--35 {
    padding-bottom: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--35 {
    marging-bottom: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--35 {
    margin-bottom: 35px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--35 {
    margin-left: 35px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--35 {
    padding-left: 35px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--35 {
    padding-left: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--35 {
    padding-left: 35px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--35 {
    marging-left: 35px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--35 {
    margin-left: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--35 {
    margin: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--35 {
    padding: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--35 {
    margin: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--35 {
    padding: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

.margin-xl-down--35 {
  margin: 35px !important;
}

.margin-xl-down-x--35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.margin-xl-down-y--35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.padding-xl-down--35 {
  padding: 35px !important;
}

.padding-xl-down-x--35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.padding-xl-down-y--35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--35 {
    margin-top: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--35 {
    padding-top: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--35 {
    padding-top: 35px !important;
  }
}

.padding-xl-top-down--35 {
  padding-top: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--35 {
    marging-top: 35px !important;
  }
}

.margin-xl-top-down--35 {
  margin-top: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--35 {
    margin-right: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--35 {
    padding-right: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--35 {
    padding-right: 35px !important;
  }
}

.padding-xl-right-down--35 {
  padding-right: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--35 {
    marging-right: 35px !important;
  }
}

.margin-xl-right-down--35 {
  margin-right: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--35 {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--35 {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--35 {
    padding-bottom: 35px !important;
  }
}

.padding-xl-bottom-down--35 {
  padding-bottom: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--35 {
    marging-bottom: 35px !important;
  }
}

.margin-xl-bottom-down--35 {
  margin-bottom: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--35 {
    margin-left: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--35 {
    padding-left: 35px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--35 {
    padding-left: 35px !important;
  }
}

.padding-xl-left-down--35 {
  padding-left: 35px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--35 {
    marging-left: 35px !important;
  }
}

.margin-xl-left-down--35 {
  margin-left: 35px !important;
}

.margin--40 {
  margin: 40px !important;
}

.margin-x--40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.margin-y--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.padding--40 {
  padding: 40px !important;
}

.padding-x--40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.padding-y--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.margin-top--40 {
  margin-top: 40px !important;
}

.padding-top--40 {
  padding-top: 40px !important;
}

.margin-right--40 {
  margin-right: 40px !important;
}

.padding-right--40 {
  padding-right: 40px !important;
}

.margin-bottom--40 {
  margin-bottom: 40px !important;
}

.padding-bottom--40 {
  padding-bottom: 40px !important;
}

.margin-left--40 {
  margin-left: 40px !important;
}

.padding-left--40 {
  padding-left: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--40 {
    margin: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--40 {
    padding: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.margin-xs-up--40 {
  margin: 40px !important;
}

.margin-xs-up-x--40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.margin-xs-up-y--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.padding-xs-up--40 {
  padding: 40px !important;
}

.padding-xs-up-x--40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.padding-xs-up-y--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--40 {
    margin: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--40 {
    padding: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--40 {
    margin-top: 40px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--40 {
    padding-top: 40px !important;
  }
}
.padding-xs-top-up--40 {
  padding-top: 40px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--40 {
    padding-top: 40px !important;
  }
}

.margin-xs-top-up--40 {
  marging-top: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--40 {
    margin-top: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--40 {
    margin-right: 40px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--40 {
    padding-right: 40px !important;
  }
}
.padding-xs-right-up--40 {
  padding-right: 40px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--40 {
    padding-right: 40px !important;
  }
}

.margin-xs-right-up--40 {
  marging-right: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--40 {
    margin-right: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--40 {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--40 {
    padding-bottom: 40px !important;
  }
}
.padding-xs-bottom-up--40 {
  padding-bottom: 40px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--40 {
    padding-bottom: 40px !important;
  }
}

.margin-xs-bottom-up--40 {
  marging-bottom: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--40 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--40 {
    margin-left: 40px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--40 {
    padding-left: 40px !important;
  }
}
.padding-xs-left-up--40 {
  padding-left: 40px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--40 {
    padding-left: 40px !important;
  }
}

.margin-xs-left-up--40 {
  marging-left: 40px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--40 {
    margin: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--40 {
    padding: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--40 {
    margin: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--40 {
    padding: 40px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--40 {
    margin: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--40 {
    padding: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--40 {
    marging-top: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--40 {
    margin-right: 40px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--40 {
    padding-right: 40px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--40 {
    padding-right: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--40 {
    marging-right: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--40 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--40 {
    marging-bottom: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--40 {
    margin-left: 40px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--40 {
    padding-left: 40px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--40 {
    padding-left: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--40 {
    marging-left: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--40 {
    margin: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--40 {
    padding: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--40 {
    margin: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--40 {
    padding: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--40 {
    margin: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--40 {
    padding: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--40 {
    marging-top: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--40 {
    margin-right: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--40 {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--40 {
    padding-right: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--40 {
    marging-right: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--40 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--40 {
    marging-bottom: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--40 {
    margin-left: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--40 {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--40 {
    padding-left: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--40 {
    marging-left: 40px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--40 {
    margin: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--40 {
    padding: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--40 {
    margin: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--40 {
    padding: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--40 {
    margin: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--40 {
    padding: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--40 {
    marging-top: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--40 {
    margin-right: 40px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--40 {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--40 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--40 {
    marging-right: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--40 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--40 {
    marging-bottom: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--40 {
    margin-left: 40px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--40 {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--40 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--40 {
    marging-left: 40px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--40 {
    margin: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--40 {
    padding: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--40 {
    margin: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--40 {
    padding: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.margin-xl-down--40 {
  margin: 40px !important;
}

.margin-xl-down-x--40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.margin-xl-down-y--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.padding-xl-down--40 {
  padding: 40px !important;
}

.padding-xl-down-x--40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.padding-xl-down-y--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--40 {
    padding-top: 40px !important;
  }
}

.padding-xl-top-down--40 {
  padding-top: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--40 {
    marging-top: 40px !important;
  }
}

.margin-xl-top-down--40 {
  margin-top: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--40 {
    margin-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--40 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--40 {
    padding-right: 40px !important;
  }
}

.padding-xl-right-down--40 {
  padding-right: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--40 {
    marging-right: 40px !important;
  }
}

.margin-xl-right-down--40 {
  margin-right: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--40 {
    padding-bottom: 40px !important;
  }
}

.padding-xl-bottom-down--40 {
  padding-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--40 {
    marging-bottom: 40px !important;
  }
}

.margin-xl-bottom-down--40 {
  margin-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--40 {
    margin-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--40 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--40 {
    padding-left: 40px !important;
  }
}

.padding-xl-left-down--40 {
  padding-left: 40px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--40 {
    marging-left: 40px !important;
  }
}

.margin-xl-left-down--40 {
  margin-left: 40px !important;
}

.margin--45 {
  margin: 45px !important;
}

.margin-x--45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.margin-y--45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.padding--45 {
  padding: 45px !important;
}

.padding-x--45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.padding-y--45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.margin-top--45 {
  margin-top: 45px !important;
}

.padding-top--45 {
  padding-top: 45px !important;
}

.margin-right--45 {
  margin-right: 45px !important;
}

.padding-right--45 {
  padding-right: 45px !important;
}

.margin-bottom--45 {
  margin-bottom: 45px !important;
}

.padding-bottom--45 {
  padding-bottom: 45px !important;
}

.margin-left--45 {
  margin-left: 45px !important;
}

.padding-left--45 {
  padding-left: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--45 {
    margin: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--45 {
    padding: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

.margin-xs-up--45 {
  margin: 45px !important;
}

.margin-xs-up-x--45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.margin-xs-up-y--45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.padding-xs-up--45 {
  padding: 45px !important;
}

.padding-xs-up-x--45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.padding-xs-up-y--45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--45 {
    margin: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--45 {
    padding: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--45 {
    margin-top: 45px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--45 {
    padding-top: 45px !important;
  }
}
.padding-xs-top-up--45 {
  padding-top: 45px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--45 {
    padding-top: 45px !important;
  }
}

.margin-xs-top-up--45 {
  marging-top: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--45 {
    margin-top: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--45 {
    margin-right: 45px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--45 {
    padding-right: 45px !important;
  }
}
.padding-xs-right-up--45 {
  padding-right: 45px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--45 {
    padding-right: 45px !important;
  }
}

.margin-xs-right-up--45 {
  marging-right: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--45 {
    margin-right: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--45 {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--45 {
    padding-bottom: 45px !important;
  }
}
.padding-xs-bottom-up--45 {
  padding-bottom: 45px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--45 {
    padding-bottom: 45px !important;
  }
}

.margin-xs-bottom-up--45 {
  marging-bottom: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--45 {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--45 {
    margin-left: 45px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--45 {
    padding-left: 45px !important;
  }
}
.padding-xs-left-up--45 {
  padding-left: 45px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--45 {
    padding-left: 45px !important;
  }
}

.margin-xs-left-up--45 {
  marging-left: 45px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--45 {
    margin-left: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--45 {
    margin: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--45 {
    padding: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--45 {
    margin: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--45 {
    padding: 45px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--45 {
    margin: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--45 {
    padding: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--45 {
    margin-top: 45px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--45 {
    padding-top: 45px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--45 {
    padding-top: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--45 {
    padding-top: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--45 {
    marging-top: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--45 {
    margin-top: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--45 {
    margin-right: 45px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--45 {
    padding-right: 45px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--45 {
    padding-right: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--45 {
    padding-right: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--45 {
    marging-right: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--45 {
    margin-right: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--45 {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--45 {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--45 {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--45 {
    padding-bottom: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--45 {
    marging-bottom: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--45 {
    margin-bottom: 45px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--45 {
    margin-left: 45px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--45 {
    padding-left: 45px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--45 {
    padding-left: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--45 {
    padding-left: 45px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--45 {
    marging-left: 45px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--45 {
    margin-left: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--45 {
    margin: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--45 {
    padding: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--45 {
    margin: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--45 {
    padding: 45px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--45 {
    margin: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--45 {
    padding: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--45 {
    margin-top: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--45 {
    padding-top: 45px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--45 {
    padding-top: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--45 {
    padding-top: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--45 {
    marging-top: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--45 {
    margin-top: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--45 {
    margin-right: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--45 {
    padding-right: 45px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--45 {
    padding-right: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--45 {
    padding-right: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--45 {
    marging-right: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--45 {
    margin-right: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--45 {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--45 {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--45 {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--45 {
    padding-bottom: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--45 {
    marging-bottom: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--45 {
    margin-bottom: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--45 {
    margin-left: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--45 {
    padding-left: 45px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--45 {
    padding-left: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--45 {
    padding-left: 45px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--45 {
    marging-left: 45px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--45 {
    margin-left: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--45 {
    margin: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--45 {
    padding: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--45 {
    margin: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--45 {
    padding: 45px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--45 {
    margin: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--45 {
    padding: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--45 {
    margin-top: 45px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--45 {
    padding-top: 45px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--45 {
    padding-top: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--45 {
    padding-top: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--45 {
    marging-top: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--45 {
    margin-top: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--45 {
    margin-right: 45px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--45 {
    padding-right: 45px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--45 {
    padding-right: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--45 {
    padding-right: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--45 {
    marging-right: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--45 {
    margin-right: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--45 {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--45 {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--45 {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--45 {
    padding-bottom: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--45 {
    marging-bottom: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--45 {
    margin-bottom: 45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--45 {
    margin-left: 45px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--45 {
    padding-left: 45px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--45 {
    padding-left: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--45 {
    padding-left: 45px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--45 {
    marging-left: 45px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--45 {
    margin-left: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--45 {
    margin: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--45 {
    padding: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--45 {
    margin: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--45 {
    padding: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

.margin-xl-down--45 {
  margin: 45px !important;
}

.margin-xl-down-x--45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.margin-xl-down-y--45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.padding-xl-down--45 {
  padding: 45px !important;
}

.padding-xl-down-x--45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.padding-xl-down-y--45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--45 {
    margin-top: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--45 {
    padding-top: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--45 {
    padding-top: 45px !important;
  }
}

.padding-xl-top-down--45 {
  padding-top: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--45 {
    marging-top: 45px !important;
  }
}

.margin-xl-top-down--45 {
  margin-top: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--45 {
    margin-right: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--45 {
    padding-right: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--45 {
    padding-right: 45px !important;
  }
}

.padding-xl-right-down--45 {
  padding-right: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--45 {
    marging-right: 45px !important;
  }
}

.margin-xl-right-down--45 {
  margin-right: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--45 {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--45 {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--45 {
    padding-bottom: 45px !important;
  }
}

.padding-xl-bottom-down--45 {
  padding-bottom: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--45 {
    marging-bottom: 45px !important;
  }
}

.margin-xl-bottom-down--45 {
  margin-bottom: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--45 {
    margin-left: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--45 {
    padding-left: 45px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--45 {
    padding-left: 45px !important;
  }
}

.padding-xl-left-down--45 {
  padding-left: 45px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--45 {
    marging-left: 45px !important;
  }
}

.margin-xl-left-down--45 {
  margin-left: 45px !important;
}

.margin--50 {
  margin: 50px !important;
}

.margin-x--50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.margin-y--50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.padding--50 {
  padding: 50px !important;
}

.padding-x--50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padding-y--50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.margin-top--50 {
  margin-top: 50px !important;
}

.padding-top--50 {
  padding-top: 50px !important;
}

.margin-right--50 {
  margin-right: 50px !important;
}

.padding-right--50 {
  padding-right: 50px !important;
}

.margin-bottom--50 {
  margin-bottom: 50px !important;
}

.padding-bottom--50 {
  padding-bottom: 50px !important;
}

.margin-left--50 {
  margin-left: 50px !important;
}

.padding-left--50 {
  padding-left: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--50 {
    margin: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--50 {
    padding: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.margin-xs-up--50 {
  margin: 50px !important;
}

.margin-xs-up-x--50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.margin-xs-up-y--50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.padding-xs-up--50 {
  padding: 50px !important;
}

.padding-xs-up-x--50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padding-xs-up-y--50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--50 {
    margin: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--50 {
    padding: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--50 {
    margin-top: 50px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--50 {
    padding-top: 50px !important;
  }
}
.padding-xs-top-up--50 {
  padding-top: 50px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--50 {
    padding-top: 50px !important;
  }
}

.margin-xs-top-up--50 {
  marging-top: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--50 {
    margin-top: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--50 {
    margin-right: 50px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--50 {
    padding-right: 50px !important;
  }
}
.padding-xs-right-up--50 {
  padding-right: 50px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--50 {
    padding-right: 50px !important;
  }
}

.margin-xs-right-up--50 {
  marging-right: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--50 {
    margin-right: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--50 {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--50 {
    padding-bottom: 50px !important;
  }
}
.padding-xs-bottom-up--50 {
  padding-bottom: 50px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--50 {
    padding-bottom: 50px !important;
  }
}

.margin-xs-bottom-up--50 {
  marging-bottom: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--50 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--50 {
    margin-left: 50px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--50 {
    padding-left: 50px !important;
  }
}
.padding-xs-left-up--50 {
  padding-left: 50px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--50 {
    padding-left: 50px !important;
  }
}

.margin-xs-left-up--50 {
  marging-left: 50px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--50 {
    margin: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--50 {
    padding: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--50 {
    margin: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--50 {
    padding: 50px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--50 {
    margin: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--50 {
    padding: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--50 {
    padding-top: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--50 {
    marging-top: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--50 {
    margin-right: 50px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--50 {
    padding-right: 50px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--50 {
    padding-right: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--50 {
    marging-right: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--50 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--50 {
    marging-bottom: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--50 {
    margin-left: 50px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--50 {
    padding-left: 50px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--50 {
    padding-left: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--50 {
    marging-left: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--50 {
    margin: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--50 {
    padding: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--50 {
    margin: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--50 {
    padding: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--50 {
    margin: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--50 {
    padding: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--50 {
    padding-top: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--50 {
    marging-top: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--50 {
    margin-right: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--50 {
    padding-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--50 {
    padding-right: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--50 {
    marging-right: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--50 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--50 {
    marging-bottom: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--50 {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--50 {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--50 {
    padding-left: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--50 {
    marging-left: 50px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--50 {
    margin: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--50 {
    padding: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--50 {
    margin: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--50 {
    padding: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--50 {
    margin: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--50 {
    padding: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--50 {
    padding-top: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--50 {
    marging-top: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--50 {
    margin-right: 50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--50 {
    padding-right: 50px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--50 {
    padding-right: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--50 {
    marging-right: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--50 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--50 {
    marging-bottom: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--50 {
    margin-left: 50px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--50 {
    padding-left: 50px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--50 {
    padding-left: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--50 {
    marging-left: 50px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--50 {
    margin: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--50 {
    padding: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--50 {
    margin: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--50 {
    padding: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.margin-xl-down--50 {
  margin: 50px !important;
}

.margin-xl-down-x--50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.margin-xl-down-y--50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.padding-xl-down--50 {
  padding: 50px !important;
}

.padding-xl-down-x--50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padding-xl-down-y--50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--50 {
    padding-top: 50px !important;
  }
}

.padding-xl-top-down--50 {
  padding-top: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--50 {
    marging-top: 50px !important;
  }
}

.margin-xl-top-down--50 {
  margin-top: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--50 {
    margin-right: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--50 {
    padding-right: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--50 {
    padding-right: 50px !important;
  }
}

.padding-xl-right-down--50 {
  padding-right: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--50 {
    marging-right: 50px !important;
  }
}

.margin-xl-right-down--50 {
  margin-right: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--50 {
    padding-bottom: 50px !important;
  }
}

.padding-xl-bottom-down--50 {
  padding-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--50 {
    marging-bottom: 50px !important;
  }
}

.margin-xl-bottom-down--50 {
  margin-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--50 {
    margin-left: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--50 {
    padding-left: 50px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--50 {
    padding-left: 50px !important;
  }
}

.padding-xl-left-down--50 {
  padding-left: 50px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--50 {
    marging-left: 50px !important;
  }
}

.margin-xl-left-down--50 {
  margin-left: 50px !important;
}

.margin--55 {
  margin: 55px !important;
}

.margin-x--55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.margin-y--55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.padding--55 {
  padding: 55px !important;
}

.padding-x--55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.padding-y--55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.margin-top--55 {
  margin-top: 55px !important;
}

.padding-top--55 {
  padding-top: 55px !important;
}

.margin-right--55 {
  margin-right: 55px !important;
}

.padding-right--55 {
  padding-right: 55px !important;
}

.margin-bottom--55 {
  margin-bottom: 55px !important;
}

.padding-bottom--55 {
  padding-bottom: 55px !important;
}

.margin-left--55 {
  margin-left: 55px !important;
}

.padding-left--55 {
  padding-left: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--55 {
    margin: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--55 {
    padding: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

.margin-xs-up--55 {
  margin: 55px !important;
}

.margin-xs-up-x--55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.margin-xs-up-y--55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.padding-xs-up--55 {
  padding: 55px !important;
}

.padding-xs-up-x--55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.padding-xs-up-y--55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--55 {
    margin: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--55 {
    padding: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--55 {
    margin-top: 55px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--55 {
    padding-top: 55px !important;
  }
}
.padding-xs-top-up--55 {
  padding-top: 55px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--55 {
    padding-top: 55px !important;
  }
}

.margin-xs-top-up--55 {
  marging-top: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--55 {
    margin-top: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--55 {
    margin-right: 55px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--55 {
    padding-right: 55px !important;
  }
}
.padding-xs-right-up--55 {
  padding-right: 55px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--55 {
    padding-right: 55px !important;
  }
}

.margin-xs-right-up--55 {
  marging-right: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--55 {
    margin-right: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--55 {
    margin-bottom: 55px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--55 {
    padding-bottom: 55px !important;
  }
}
.padding-xs-bottom-up--55 {
  padding-bottom: 55px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--55 {
    padding-bottom: 55px !important;
  }
}

.margin-xs-bottom-up--55 {
  marging-bottom: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--55 {
    margin-bottom: 55px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--55 {
    margin-left: 55px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--55 {
    padding-left: 55px !important;
  }
}
.padding-xs-left-up--55 {
  padding-left: 55px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--55 {
    padding-left: 55px !important;
  }
}

.margin-xs-left-up--55 {
  marging-left: 55px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--55 {
    margin-left: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--55 {
    margin: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--55 {
    padding: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--55 {
    margin: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--55 {
    padding: 55px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--55 {
    margin: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--55 {
    padding: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--55 {
    margin-top: 55px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--55 {
    padding-top: 55px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--55 {
    padding-top: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--55 {
    padding-top: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--55 {
    marging-top: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--55 {
    margin-top: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--55 {
    margin-right: 55px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--55 {
    padding-right: 55px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--55 {
    padding-right: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--55 {
    padding-right: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--55 {
    marging-right: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--55 {
    margin-right: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--55 {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--55 {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--55 {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--55 {
    padding-bottom: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--55 {
    marging-bottom: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--55 {
    margin-bottom: 55px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--55 {
    margin-left: 55px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--55 {
    padding-left: 55px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--55 {
    padding-left: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--55 {
    padding-left: 55px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--55 {
    marging-left: 55px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--55 {
    margin-left: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--55 {
    margin: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--55 {
    padding: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--55 {
    margin: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--55 {
    padding: 55px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--55 {
    margin: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--55 {
    padding: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--55 {
    margin-top: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--55 {
    padding-top: 55px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--55 {
    padding-top: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--55 {
    padding-top: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--55 {
    marging-top: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--55 {
    margin-top: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--55 {
    margin-right: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--55 {
    padding-right: 55px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--55 {
    padding-right: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--55 {
    padding-right: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--55 {
    marging-right: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--55 {
    margin-right: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--55 {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--55 {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--55 {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--55 {
    padding-bottom: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--55 {
    marging-bottom: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--55 {
    margin-bottom: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--55 {
    margin-left: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--55 {
    padding-left: 55px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--55 {
    padding-left: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--55 {
    padding-left: 55px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--55 {
    marging-left: 55px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--55 {
    margin-left: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--55 {
    margin: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--55 {
    padding: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--55 {
    margin: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--55 {
    padding: 55px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--55 {
    margin: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--55 {
    padding: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--55 {
    margin-top: 55px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--55 {
    padding-top: 55px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--55 {
    padding-top: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--55 {
    padding-top: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--55 {
    marging-top: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--55 {
    margin-top: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--55 {
    margin-right: 55px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--55 {
    padding-right: 55px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--55 {
    padding-right: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--55 {
    padding-right: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--55 {
    marging-right: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--55 {
    margin-right: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--55 {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--55 {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--55 {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--55 {
    padding-bottom: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--55 {
    marging-bottom: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--55 {
    margin-bottom: 55px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--55 {
    margin-left: 55px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--55 {
    padding-left: 55px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--55 {
    padding-left: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--55 {
    padding-left: 55px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--55 {
    marging-left: 55px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--55 {
    margin-left: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--55 {
    margin: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--55 {
    padding: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--55 {
    margin: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--55 {
    padding: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

.margin-xl-down--55 {
  margin: 55px !important;
}

.margin-xl-down-x--55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.margin-xl-down-y--55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.padding-xl-down--55 {
  padding: 55px !important;
}

.padding-xl-down-x--55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.padding-xl-down-y--55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--55 {
    margin-top: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--55 {
    padding-top: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--55 {
    padding-top: 55px !important;
  }
}

.padding-xl-top-down--55 {
  padding-top: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--55 {
    marging-top: 55px !important;
  }
}

.margin-xl-top-down--55 {
  margin-top: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--55 {
    margin-right: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--55 {
    padding-right: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--55 {
    padding-right: 55px !important;
  }
}

.padding-xl-right-down--55 {
  padding-right: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--55 {
    marging-right: 55px !important;
  }
}

.margin-xl-right-down--55 {
  margin-right: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--55 {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--55 {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--55 {
    padding-bottom: 55px !important;
  }
}

.padding-xl-bottom-down--55 {
  padding-bottom: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--55 {
    marging-bottom: 55px !important;
  }
}

.margin-xl-bottom-down--55 {
  margin-bottom: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--55 {
    margin-left: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--55 {
    padding-left: 55px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--55 {
    padding-left: 55px !important;
  }
}

.padding-xl-left-down--55 {
  padding-left: 55px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--55 {
    marging-left: 55px !important;
  }
}

.margin-xl-left-down--55 {
  margin-left: 55px !important;
}

.margin--60 {
  margin: 60px !important;
}

.margin-x--60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.margin-y--60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.padding--60 {
  padding: 60px !important;
}

.padding-x--60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.padding-y--60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.margin-top--60 {
  margin-top: 60px !important;
}

.padding-top--60 {
  padding-top: 60px !important;
}

.margin-right--60 {
  margin-right: 60px !important;
}

.padding-right--60 {
  padding-right: 60px !important;
}

.margin-bottom--60 {
  margin-bottom: 60px !important;
}

.padding-bottom--60 {
  padding-bottom: 60px !important;
}

.margin-left--60 {
  margin-left: 60px !important;
}

.padding-left--60 {
  padding-left: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--60 {
    margin: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--60 {
    padding: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.margin-xs-up--60 {
  margin: 60px !important;
}

.margin-xs-up-x--60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.margin-xs-up-y--60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.padding-xs-up--60 {
  padding: 60px !important;
}

.padding-xs-up-x--60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.padding-xs-up-y--60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--60 {
    margin: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--60 {
    padding: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--60 {
    margin-top: 60px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--60 {
    padding-top: 60px !important;
  }
}
.padding-xs-top-up--60 {
  padding-top: 60px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--60 {
    padding-top: 60px !important;
  }
}

.margin-xs-top-up--60 {
  marging-top: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--60 {
    margin-top: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--60 {
    margin-right: 60px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--60 {
    padding-right: 60px !important;
  }
}
.padding-xs-right-up--60 {
  padding-right: 60px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--60 {
    padding-right: 60px !important;
  }
}

.margin-xs-right-up--60 {
  marging-right: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--60 {
    margin-right: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--60 {
    margin-bottom: 60px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--60 {
    padding-bottom: 60px !important;
  }
}
.padding-xs-bottom-up--60 {
  padding-bottom: 60px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--60 {
    padding-bottom: 60px !important;
  }
}

.margin-xs-bottom-up--60 {
  marging-bottom: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--60 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--60 {
    margin-left: 60px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--60 {
    padding-left: 60px !important;
  }
}
.padding-xs-left-up--60 {
  padding-left: 60px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--60 {
    padding-left: 60px !important;
  }
}

.margin-xs-left-up--60 {
  marging-left: 60px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--60 {
    margin: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--60 {
    padding: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--60 {
    margin: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--60 {
    padding: 60px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--60 {
    margin: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--60 {
    padding: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--60 {
    padding-top: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--60 {
    marging-top: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--60 {
    margin-right: 60px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--60 {
    padding-right: 60px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--60 {
    padding-right: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--60 {
    marging-right: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--60 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--60 {
    marging-bottom: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--60 {
    margin-left: 60px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--60 {
    padding-left: 60px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--60 {
    padding-left: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--60 {
    marging-left: 60px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--60 {
    margin: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--60 {
    padding: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--60 {
    margin: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--60 {
    padding: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--60 {
    margin: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--60 {
    padding: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--60 {
    padding-top: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--60 {
    marging-top: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--60 {
    margin-right: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--60 {
    padding-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--60 {
    padding-right: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--60 {
    marging-right: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--60 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--60 {
    marging-bottom: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--60 {
    margin-left: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--60 {
    padding-left: 60px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--60 {
    padding-left: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--60 {
    marging-left: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--60 {
    margin: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--60 {
    padding: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--60 {
    margin: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--60 {
    padding: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--60 {
    margin: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--60 {
    padding: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--60 {
    padding-top: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--60 {
    marging-top: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--60 {
    margin-right: 60px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--60 {
    padding-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--60 {
    padding-right: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--60 {
    marging-right: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--60 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--60 {
    marging-bottom: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--60 {
    margin-left: 60px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--60 {
    padding-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--60 {
    padding-left: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--60 {
    marging-left: 60px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--60 {
    margin: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--60 {
    padding: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--60 {
    margin: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--60 {
    padding: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.margin-xl-down--60 {
  margin: 60px !important;
}

.margin-xl-down-x--60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.margin-xl-down-y--60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.padding-xl-down--60 {
  padding: 60px !important;
}

.padding-xl-down-x--60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.padding-xl-down-y--60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--60 {
    padding-top: 60px !important;
  }
}

.padding-xl-top-down--60 {
  padding-top: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--60 {
    marging-top: 60px !important;
  }
}

.margin-xl-top-down--60 {
  margin-top: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--60 {
    margin-right: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--60 {
    padding-right: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--60 {
    padding-right: 60px !important;
  }
}

.padding-xl-right-down--60 {
  padding-right: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--60 {
    marging-right: 60px !important;
  }
}

.margin-xl-right-down--60 {
  margin-right: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--60 {
    padding-bottom: 60px !important;
  }
}

.padding-xl-bottom-down--60 {
  padding-bottom: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--60 {
    marging-bottom: 60px !important;
  }
}

.margin-xl-bottom-down--60 {
  margin-bottom: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--60 {
    margin-left: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--60 {
    padding-left: 60px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--60 {
    padding-left: 60px !important;
  }
}

.padding-xl-left-down--60 {
  padding-left: 60px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--60 {
    marging-left: 60px !important;
  }
}

.margin-xl-left-down--60 {
  margin-left: 60px !important;
}

.margin--65 {
  margin: 65px !important;
}

.margin-x--65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.margin-y--65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.padding--65 {
  padding: 65px !important;
}

.padding-x--65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.padding-y--65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.margin-top--65 {
  margin-top: 65px !important;
}

.padding-top--65 {
  padding-top: 65px !important;
}

.margin-right--65 {
  margin-right: 65px !important;
}

.padding-right--65 {
  padding-right: 65px !important;
}

.margin-bottom--65 {
  margin-bottom: 65px !important;
}

.padding-bottom--65 {
  padding-bottom: 65px !important;
}

.margin-left--65 {
  margin-left: 65px !important;
}

.padding-left--65 {
  padding-left: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--65 {
    margin: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--65 {
    padding: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

.margin-xs-up--65 {
  margin: 65px !important;
}

.margin-xs-up-x--65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.margin-xs-up-y--65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.padding-xs-up--65 {
  padding: 65px !important;
}

.padding-xs-up-x--65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.padding-xs-up-y--65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--65 {
    margin: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--65 {
    padding: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--65 {
    margin-top: 65px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--65 {
    padding-top: 65px !important;
  }
}
.padding-xs-top-up--65 {
  padding-top: 65px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--65 {
    padding-top: 65px !important;
  }
}

.margin-xs-top-up--65 {
  marging-top: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--65 {
    margin-top: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--65 {
    margin-right: 65px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--65 {
    padding-right: 65px !important;
  }
}
.padding-xs-right-up--65 {
  padding-right: 65px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--65 {
    padding-right: 65px !important;
  }
}

.margin-xs-right-up--65 {
  marging-right: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--65 {
    margin-right: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--65 {
    margin-bottom: 65px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--65 {
    padding-bottom: 65px !important;
  }
}
.padding-xs-bottom-up--65 {
  padding-bottom: 65px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--65 {
    padding-bottom: 65px !important;
  }
}

.margin-xs-bottom-up--65 {
  marging-bottom: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--65 {
    margin-bottom: 65px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--65 {
    margin-left: 65px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--65 {
    padding-left: 65px !important;
  }
}
.padding-xs-left-up--65 {
  padding-left: 65px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--65 {
    padding-left: 65px !important;
  }
}

.margin-xs-left-up--65 {
  marging-left: 65px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--65 {
    margin-left: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--65 {
    margin: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--65 {
    padding: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--65 {
    margin: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--65 {
    padding: 65px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--65 {
    margin: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--65 {
    padding: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--65 {
    margin-top: 65px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--65 {
    padding-top: 65px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--65 {
    padding-top: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--65 {
    padding-top: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--65 {
    marging-top: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--65 {
    margin-top: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--65 {
    margin-right: 65px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--65 {
    padding-right: 65px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--65 {
    padding-right: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--65 {
    padding-right: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--65 {
    marging-right: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--65 {
    margin-right: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--65 {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--65 {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--65 {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--65 {
    padding-bottom: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--65 {
    marging-bottom: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--65 {
    margin-bottom: 65px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--65 {
    margin-left: 65px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--65 {
    padding-left: 65px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--65 {
    padding-left: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--65 {
    padding-left: 65px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--65 {
    marging-left: 65px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--65 {
    margin-left: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--65 {
    margin: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--65 {
    padding: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--65 {
    margin: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--65 {
    padding: 65px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--65 {
    margin: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--65 {
    padding: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--65 {
    margin-top: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--65 {
    padding-top: 65px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--65 {
    padding-top: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--65 {
    padding-top: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--65 {
    marging-top: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--65 {
    margin-top: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--65 {
    margin-right: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--65 {
    padding-right: 65px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--65 {
    padding-right: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--65 {
    padding-right: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--65 {
    marging-right: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--65 {
    margin-right: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--65 {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--65 {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--65 {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--65 {
    padding-bottom: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--65 {
    marging-bottom: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--65 {
    margin-bottom: 65px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--65 {
    margin-left: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--65 {
    padding-left: 65px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--65 {
    padding-left: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--65 {
    padding-left: 65px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--65 {
    marging-left: 65px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--65 {
    margin-left: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--65 {
    margin: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--65 {
    padding: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--65 {
    margin: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--65 {
    padding: 65px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--65 {
    margin: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--65 {
    padding: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--65 {
    margin-top: 65px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--65 {
    padding-top: 65px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--65 {
    padding-top: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--65 {
    padding-top: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--65 {
    marging-top: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--65 {
    margin-top: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--65 {
    margin-right: 65px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--65 {
    padding-right: 65px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--65 {
    padding-right: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--65 {
    padding-right: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--65 {
    marging-right: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--65 {
    margin-right: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--65 {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--65 {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--65 {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--65 {
    padding-bottom: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--65 {
    marging-bottom: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--65 {
    margin-bottom: 65px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--65 {
    margin-left: 65px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--65 {
    padding-left: 65px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--65 {
    padding-left: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--65 {
    padding-left: 65px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--65 {
    marging-left: 65px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--65 {
    margin-left: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--65 {
    margin: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--65 {
    padding: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--65 {
    margin: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--65 {
    padding: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
}

.margin-xl-down--65 {
  margin: 65px !important;
}

.margin-xl-down-x--65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.margin-xl-down-y--65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.padding-xl-down--65 {
  padding: 65px !important;
}

.padding-xl-down-x--65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.padding-xl-down-y--65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--65 {
    margin-top: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--65 {
    padding-top: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--65 {
    padding-top: 65px !important;
  }
}

.padding-xl-top-down--65 {
  padding-top: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--65 {
    marging-top: 65px !important;
  }
}

.margin-xl-top-down--65 {
  margin-top: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--65 {
    margin-right: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--65 {
    padding-right: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--65 {
    padding-right: 65px !important;
  }
}

.padding-xl-right-down--65 {
  padding-right: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--65 {
    marging-right: 65px !important;
  }
}

.margin-xl-right-down--65 {
  margin-right: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--65 {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--65 {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--65 {
    padding-bottom: 65px !important;
  }
}

.padding-xl-bottom-down--65 {
  padding-bottom: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--65 {
    marging-bottom: 65px !important;
  }
}

.margin-xl-bottom-down--65 {
  margin-bottom: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--65 {
    margin-left: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--65 {
    padding-left: 65px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--65 {
    padding-left: 65px !important;
  }
}

.padding-xl-left-down--65 {
  padding-left: 65px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--65 {
    marging-left: 65px !important;
  }
}

.margin-xl-left-down--65 {
  margin-left: 65px !important;
}

.margin--70 {
  margin: 70px !important;
}

.margin-x--70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.margin-y--70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.padding--70 {
  padding: 70px !important;
}

.padding-x--70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.padding-y--70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.margin-top--70 {
  margin-top: 70px !important;
}

.padding-top--70 {
  padding-top: 70px !important;
}

.margin-right--70 {
  margin-right: 70px !important;
}

.padding-right--70 {
  padding-right: 70px !important;
}

.margin-bottom--70 {
  margin-bottom: 70px !important;
}

.padding-bottom--70 {
  padding-bottom: 70px !important;
}

.margin-left--70 {
  margin-left: 70px !important;
}

.padding-left--70 {
  padding-left: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--70 {
    margin: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--70 {
    padding: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

.margin-xs-up--70 {
  margin: 70px !important;
}

.margin-xs-up-x--70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.margin-xs-up-y--70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.padding-xs-up--70 {
  padding: 70px !important;
}

.padding-xs-up-x--70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.padding-xs-up-y--70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--70 {
    margin: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--70 {
    padding: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--70 {
    margin-top: 70px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--70 {
    padding-top: 70px !important;
  }
}
.padding-xs-top-up--70 {
  padding-top: 70px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--70 {
    padding-top: 70px !important;
  }
}

.margin-xs-top-up--70 {
  marging-top: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--70 {
    margin-top: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--70 {
    margin-right: 70px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--70 {
    padding-right: 70px !important;
  }
}
.padding-xs-right-up--70 {
  padding-right: 70px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--70 {
    padding-right: 70px !important;
  }
}

.margin-xs-right-up--70 {
  marging-right: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--70 {
    margin-right: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--70 {
    margin-bottom: 70px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--70 {
    padding-bottom: 70px !important;
  }
}
.padding-xs-bottom-up--70 {
  padding-bottom: 70px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--70 {
    padding-bottom: 70px !important;
  }
}

.margin-xs-bottom-up--70 {
  marging-bottom: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--70 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--70 {
    margin-left: 70px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--70 {
    padding-left: 70px !important;
  }
}
.padding-xs-left-up--70 {
  padding-left: 70px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--70 {
    padding-left: 70px !important;
  }
}

.margin-xs-left-up--70 {
  marging-left: 70px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--70 {
    margin: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--70 {
    padding: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--70 {
    margin: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--70 {
    padding: 70px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--70 {
    margin: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--70 {
    padding: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--70 {
    padding-top: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--70 {
    marging-top: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--70 {
    margin-right: 70px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--70 {
    padding-right: 70px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--70 {
    padding-right: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--70 {
    marging-right: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--70 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--70 {
    marging-bottom: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--70 {
    margin-left: 70px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--70 {
    padding-left: 70px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--70 {
    padding-left: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--70 {
    marging-left: 70px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--70 {
    margin: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--70 {
    padding: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--70 {
    margin: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--70 {
    padding: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--70 {
    margin: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--70 {
    padding: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--70 {
    padding-top: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--70 {
    marging-top: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--70 {
    margin-right: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--70 {
    padding-right: 70px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--70 {
    padding-right: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--70 {
    marging-right: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--70 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--70 {
    marging-bottom: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--70 {
    margin-left: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--70 {
    padding-left: 70px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--70 {
    padding-left: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--70 {
    marging-left: 70px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--70 {
    margin: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--70 {
    padding: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--70 {
    margin: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--70 {
    padding: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--70 {
    margin: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--70 {
    padding: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--70 {
    padding-top: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--70 {
    marging-top: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--70 {
    margin-right: 70px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--70 {
    padding-right: 70px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--70 {
    padding-right: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--70 {
    marging-right: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--70 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--70 {
    marging-bottom: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--70 {
    margin-left: 70px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--70 {
    padding-left: 70px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--70 {
    padding-left: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--70 {
    marging-left: 70px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--70 {
    margin: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--70 {
    padding: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--70 {
    margin: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--70 {
    padding: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}

.margin-xl-down--70 {
  margin: 70px !important;
}

.margin-xl-down-x--70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.margin-xl-down-y--70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.padding-xl-down--70 {
  padding: 70px !important;
}

.padding-xl-down-x--70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.padding-xl-down-y--70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--70 {
    padding-top: 70px !important;
  }
}

.padding-xl-top-down--70 {
  padding-top: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--70 {
    marging-top: 70px !important;
  }
}

.margin-xl-top-down--70 {
  margin-top: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--70 {
    margin-right: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--70 {
    padding-right: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--70 {
    padding-right: 70px !important;
  }
}

.padding-xl-right-down--70 {
  padding-right: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--70 {
    marging-right: 70px !important;
  }
}

.margin-xl-right-down--70 {
  margin-right: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--70 {
    padding-bottom: 70px !important;
  }
}

.padding-xl-bottom-down--70 {
  padding-bottom: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--70 {
    marging-bottom: 70px !important;
  }
}

.margin-xl-bottom-down--70 {
  margin-bottom: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--70 {
    margin-left: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--70 {
    padding-left: 70px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--70 {
    padding-left: 70px !important;
  }
}

.padding-xl-left-down--70 {
  padding-left: 70px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--70 {
    marging-left: 70px !important;
  }
}

.margin-xl-left-down--70 {
  margin-left: 70px !important;
}

.margin--75 {
  margin: 75px !important;
}

.margin-x--75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.margin-y--75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.padding--75 {
  padding: 75px !important;
}

.padding-x--75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.padding-y--75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.margin-top--75 {
  margin-top: 75px !important;
}

.padding-top--75 {
  padding-top: 75px !important;
}

.margin-right--75 {
  margin-right: 75px !important;
}

.padding-right--75 {
  padding-right: 75px !important;
}

.margin-bottom--75 {
  margin-bottom: 75px !important;
}

.padding-bottom--75 {
  padding-bottom: 75px !important;
}

.margin-left--75 {
  margin-left: 75px !important;
}

.padding-left--75 {
  padding-left: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--75 {
    margin: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--75 {
    padding: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

.margin-xs-up--75 {
  margin: 75px !important;
}

.margin-xs-up-x--75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.margin-xs-up-y--75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.padding-xs-up--75 {
  padding: 75px !important;
}

.padding-xs-up-x--75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.padding-xs-up-y--75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--75 {
    margin: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--75 {
    padding: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--75 {
    margin-top: 75px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--75 {
    padding-top: 75px !important;
  }
}
.padding-xs-top-up--75 {
  padding-top: 75px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--75 {
    padding-top: 75px !important;
  }
}

.margin-xs-top-up--75 {
  marging-top: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--75 {
    margin-top: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--75 {
    margin-right: 75px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--75 {
    padding-right: 75px !important;
  }
}
.padding-xs-right-up--75 {
  padding-right: 75px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--75 {
    padding-right: 75px !important;
  }
}

.margin-xs-right-up--75 {
  marging-right: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--75 {
    margin-right: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--75 {
    margin-bottom: 75px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--75 {
    padding-bottom: 75px !important;
  }
}
.padding-xs-bottom-up--75 {
  padding-bottom: 75px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--75 {
    padding-bottom: 75px !important;
  }
}

.margin-xs-bottom-up--75 {
  marging-bottom: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--75 {
    margin-bottom: 75px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--75 {
    margin-left: 75px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--75 {
    padding-left: 75px !important;
  }
}
.padding-xs-left-up--75 {
  padding-left: 75px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--75 {
    padding-left: 75px !important;
  }
}

.margin-xs-left-up--75 {
  marging-left: 75px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--75 {
    margin-left: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--75 {
    margin: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--75 {
    padding: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--75 {
    margin: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--75 {
    padding: 75px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--75 {
    margin: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--75 {
    padding: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--75 {
    margin-top: 75px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--75 {
    padding-top: 75px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--75 {
    padding-top: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--75 {
    padding-top: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--75 {
    marging-top: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--75 {
    margin-top: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--75 {
    margin-right: 75px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--75 {
    padding-right: 75px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--75 {
    padding-right: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--75 {
    padding-right: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--75 {
    marging-right: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--75 {
    margin-right: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--75 {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--75 {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--75 {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--75 {
    padding-bottom: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--75 {
    marging-bottom: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--75 {
    margin-bottom: 75px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--75 {
    margin-left: 75px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--75 {
    padding-left: 75px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--75 {
    padding-left: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--75 {
    padding-left: 75px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--75 {
    marging-left: 75px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--75 {
    margin-left: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--75 {
    margin: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--75 {
    padding: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--75 {
    margin: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--75 {
    padding: 75px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--75 {
    margin: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--75 {
    padding: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--75 {
    margin-top: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--75 {
    padding-top: 75px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--75 {
    padding-top: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--75 {
    padding-top: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--75 {
    marging-top: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--75 {
    margin-top: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--75 {
    margin-right: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--75 {
    padding-right: 75px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--75 {
    padding-right: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--75 {
    padding-right: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--75 {
    marging-right: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--75 {
    margin-right: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--75 {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--75 {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--75 {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--75 {
    padding-bottom: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--75 {
    marging-bottom: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--75 {
    margin-bottom: 75px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--75 {
    margin-left: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--75 {
    padding-left: 75px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--75 {
    padding-left: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--75 {
    padding-left: 75px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--75 {
    marging-left: 75px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--75 {
    margin-left: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--75 {
    margin: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--75 {
    padding: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--75 {
    margin: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--75 {
    padding: 75px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--75 {
    margin: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--75 {
    padding: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--75 {
    margin-top: 75px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--75 {
    padding-top: 75px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--75 {
    padding-top: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--75 {
    padding-top: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--75 {
    marging-top: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--75 {
    margin-top: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--75 {
    margin-right: 75px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--75 {
    padding-right: 75px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--75 {
    padding-right: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--75 {
    padding-right: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--75 {
    marging-right: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--75 {
    margin-right: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--75 {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--75 {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--75 {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--75 {
    padding-bottom: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--75 {
    marging-bottom: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--75 {
    margin-bottom: 75px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--75 {
    margin-left: 75px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--75 {
    padding-left: 75px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--75 {
    padding-left: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--75 {
    padding-left: 75px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--75 {
    marging-left: 75px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--75 {
    margin-left: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--75 {
    margin: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--75 {
    padding: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--75 {
    margin: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--75 {
    padding: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

.margin-xl-down--75 {
  margin: 75px !important;
}

.margin-xl-down-x--75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.margin-xl-down-y--75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.padding-xl-down--75 {
  padding: 75px !important;
}

.padding-xl-down-x--75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.padding-xl-down-y--75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--75 {
    margin-top: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--75 {
    padding-top: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--75 {
    padding-top: 75px !important;
  }
}

.padding-xl-top-down--75 {
  padding-top: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--75 {
    marging-top: 75px !important;
  }
}

.margin-xl-top-down--75 {
  margin-top: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--75 {
    margin-right: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--75 {
    padding-right: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--75 {
    padding-right: 75px !important;
  }
}

.padding-xl-right-down--75 {
  padding-right: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--75 {
    marging-right: 75px !important;
  }
}

.margin-xl-right-down--75 {
  margin-right: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--75 {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--75 {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--75 {
    padding-bottom: 75px !important;
  }
}

.padding-xl-bottom-down--75 {
  padding-bottom: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--75 {
    marging-bottom: 75px !important;
  }
}

.margin-xl-bottom-down--75 {
  margin-bottom: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--75 {
    margin-left: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--75 {
    padding-left: 75px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--75 {
    padding-left: 75px !important;
  }
}

.padding-xl-left-down--75 {
  padding-left: 75px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--75 {
    marging-left: 75px !important;
  }
}

.margin-xl-left-down--75 {
  margin-left: 75px !important;
}

.margin--80 {
  margin: 80px !important;
}

.margin-x--80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.margin-y--80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.padding--80 {
  padding: 80px !important;
}

.padding-x--80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.padding-y--80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.margin-top--80 {
  margin-top: 80px !important;
}

.padding-top--80 {
  padding-top: 80px !important;
}

.margin-right--80 {
  margin-right: 80px !important;
}

.padding-right--80 {
  padding-right: 80px !important;
}

.margin-bottom--80 {
  margin-bottom: 80px !important;
}

.padding-bottom--80 {
  padding-bottom: 80px !important;
}

.margin-left--80 {
  margin-left: 80px !important;
}

.padding-left--80 {
  padding-left: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--80 {
    margin: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--80 {
    padding: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

.margin-xs-up--80 {
  margin: 80px !important;
}

.margin-xs-up-x--80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.margin-xs-up-y--80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.padding-xs-up--80 {
  padding: 80px !important;
}

.padding-xs-up-x--80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.padding-xs-up-y--80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--80 {
    margin: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--80 {
    padding: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--80 {
    margin-top: 80px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--80 {
    padding-top: 80px !important;
  }
}
.padding-xs-top-up--80 {
  padding-top: 80px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--80 {
    padding-top: 80px !important;
  }
}

.margin-xs-top-up--80 {
  marging-top: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--80 {
    margin-top: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--80 {
    margin-right: 80px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--80 {
    padding-right: 80px !important;
  }
}
.padding-xs-right-up--80 {
  padding-right: 80px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--80 {
    padding-right: 80px !important;
  }
}

.margin-xs-right-up--80 {
  marging-right: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--80 {
    margin-bottom: 80px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--80 {
    padding-bottom: 80px !important;
  }
}
.padding-xs-bottom-up--80 {
  padding-bottom: 80px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--80 {
    padding-bottom: 80px !important;
  }
}

.margin-xs-bottom-up--80 {
  marging-bottom: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--80 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--80 {
    margin-left: 80px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--80 {
    padding-left: 80px !important;
  }
}
.padding-xs-left-up--80 {
  padding-left: 80px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--80 {
    padding-left: 80px !important;
  }
}

.margin-xs-left-up--80 {
  marging-left: 80px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--80 {
    margin: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--80 {
    padding: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--80 {
    margin: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--80 {
    padding: 80px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--80 {
    margin: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--80 {
    padding: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--80 {
    padding-top: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--80 {
    marging-top: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--80 {
    margin-right: 80px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--80 {
    padding-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--80 {
    padding-right: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--80 {
    marging-right: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--80 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--80 {
    marging-bottom: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--80 {
    margin-left: 80px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--80 {
    padding-left: 80px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--80 {
    padding-left: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--80 {
    marging-left: 80px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--80 {
    margin: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--80 {
    padding: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--80 {
    margin: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--80 {
    padding: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--80 {
    margin: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--80 {
    padding: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--80 {
    padding-top: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--80 {
    marging-top: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--80 {
    margin-right: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--80 {
    padding-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--80 {
    padding-right: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--80 {
    marging-right: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--80 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--80 {
    marging-bottom: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--80 {
    margin-left: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--80 {
    padding-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--80 {
    padding-left: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--80 {
    marging-left: 80px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--80 {
    margin: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--80 {
    padding: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--80 {
    margin: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--80 {
    padding: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--80 {
    margin: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--80 {
    padding: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--80 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--80 {
    marging-top: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--80 {
    margin-right: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--80 {
    padding-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--80 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--80 {
    marging-right: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--80 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--80 {
    marging-bottom: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--80 {
    margin-left: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--80 {
    padding-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--80 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--80 {
    marging-left: 80px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--80 {
    margin: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--80 {
    padding: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--80 {
    margin: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--80 {
    padding: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

.margin-xl-down--80 {
  margin: 80px !important;
}

.margin-xl-down-x--80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.margin-xl-down-y--80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.padding-xl-down--80 {
  padding: 80px !important;
}

.padding-xl-down-x--80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.padding-xl-down-y--80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--80 {
    padding-top: 80px !important;
  }
}

.padding-xl-top-down--80 {
  padding-top: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--80 {
    marging-top: 80px !important;
  }
}

.margin-xl-top-down--80 {
  margin-top: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--80 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--80 {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--80 {
    padding-right: 80px !important;
  }
}

.padding-xl-right-down--80 {
  padding-right: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--80 {
    marging-right: 80px !important;
  }
}

.margin-xl-right-down--80 {
  margin-right: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--80 {
    padding-bottom: 80px !important;
  }
}

.padding-xl-bottom-down--80 {
  padding-bottom: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--80 {
    marging-bottom: 80px !important;
  }
}

.margin-xl-bottom-down--80 {
  margin-bottom: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--80 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--80 {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--80 {
    padding-left: 80px !important;
  }
}

.padding-xl-left-down--80 {
  padding-left: 80px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--80 {
    marging-left: 80px !important;
  }
}

.margin-xl-left-down--80 {
  margin-left: 80px !important;
}

.margin--85 {
  margin: 85px !important;
}

.margin-x--85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.margin-y--85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.padding--85 {
  padding: 85px !important;
}

.padding-x--85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.padding-y--85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.margin-top--85 {
  margin-top: 85px !important;
}

.padding-top--85 {
  padding-top: 85px !important;
}

.margin-right--85 {
  margin-right: 85px !important;
}

.padding-right--85 {
  padding-right: 85px !important;
}

.margin-bottom--85 {
  margin-bottom: 85px !important;
}

.padding-bottom--85 {
  padding-bottom: 85px !important;
}

.margin-left--85 {
  margin-left: 85px !important;
}

.padding-left--85 {
  padding-left: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--85 {
    margin: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--85 {
    padding: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

.margin-xs-up--85 {
  margin: 85px !important;
}

.margin-xs-up-x--85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.margin-xs-up-y--85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.padding-xs-up--85 {
  padding: 85px !important;
}

.padding-xs-up-x--85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.padding-xs-up-y--85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--85 {
    margin: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--85 {
    padding: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--85 {
    margin-top: 85px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--85 {
    padding-top: 85px !important;
  }
}
.padding-xs-top-up--85 {
  padding-top: 85px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--85 {
    padding-top: 85px !important;
  }
}

.margin-xs-top-up--85 {
  marging-top: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--85 {
    margin-top: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--85 {
    margin-right: 85px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--85 {
    padding-right: 85px !important;
  }
}
.padding-xs-right-up--85 {
  padding-right: 85px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--85 {
    padding-right: 85px !important;
  }
}

.margin-xs-right-up--85 {
  marging-right: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--85 {
    margin-right: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--85 {
    margin-bottom: 85px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--85 {
    padding-bottom: 85px !important;
  }
}
.padding-xs-bottom-up--85 {
  padding-bottom: 85px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--85 {
    padding-bottom: 85px !important;
  }
}

.margin-xs-bottom-up--85 {
  marging-bottom: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--85 {
    margin-bottom: 85px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--85 {
    margin-left: 85px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--85 {
    padding-left: 85px !important;
  }
}
.padding-xs-left-up--85 {
  padding-left: 85px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--85 {
    padding-left: 85px !important;
  }
}

.margin-xs-left-up--85 {
  marging-left: 85px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--85 {
    margin-left: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--85 {
    margin: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--85 {
    padding: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--85 {
    margin: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--85 {
    padding: 85px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--85 {
    margin: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--85 {
    padding: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--85 {
    margin-top: 85px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--85 {
    padding-top: 85px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--85 {
    padding-top: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--85 {
    padding-top: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--85 {
    marging-top: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--85 {
    margin-top: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--85 {
    margin-right: 85px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--85 {
    padding-right: 85px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--85 {
    padding-right: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--85 {
    padding-right: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--85 {
    marging-right: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--85 {
    margin-right: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--85 {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--85 {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--85 {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--85 {
    padding-bottom: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--85 {
    marging-bottom: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--85 {
    margin-bottom: 85px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--85 {
    margin-left: 85px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--85 {
    padding-left: 85px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--85 {
    padding-left: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--85 {
    padding-left: 85px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--85 {
    marging-left: 85px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--85 {
    margin-left: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--85 {
    margin: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--85 {
    padding: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--85 {
    margin: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--85 {
    padding: 85px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--85 {
    margin: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--85 {
    padding: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--85 {
    margin-top: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--85 {
    padding-top: 85px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--85 {
    padding-top: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--85 {
    padding-top: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--85 {
    marging-top: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--85 {
    margin-top: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--85 {
    margin-right: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--85 {
    padding-right: 85px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--85 {
    padding-right: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--85 {
    padding-right: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--85 {
    marging-right: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--85 {
    margin-right: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--85 {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--85 {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--85 {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--85 {
    padding-bottom: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--85 {
    marging-bottom: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--85 {
    margin-bottom: 85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--85 {
    margin-left: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--85 {
    padding-left: 85px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--85 {
    padding-left: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--85 {
    padding-left: 85px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--85 {
    marging-left: 85px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--85 {
    margin-left: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--85 {
    margin: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--85 {
    padding: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--85 {
    margin: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--85 {
    padding: 85px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--85 {
    margin: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--85 {
    padding: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--85 {
    margin-top: 85px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--85 {
    padding-top: 85px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--85 {
    padding-top: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--85 {
    padding-top: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--85 {
    marging-top: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--85 {
    margin-top: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--85 {
    margin-right: 85px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--85 {
    padding-right: 85px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--85 {
    padding-right: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--85 {
    padding-right: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--85 {
    marging-right: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--85 {
    margin-right: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--85 {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--85 {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--85 {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--85 {
    padding-bottom: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--85 {
    marging-bottom: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--85 {
    margin-bottom: 85px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--85 {
    margin-left: 85px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--85 {
    padding-left: 85px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--85 {
    padding-left: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--85 {
    padding-left: 85px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--85 {
    marging-left: 85px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--85 {
    margin-left: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--85 {
    margin: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--85 {
    padding: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--85 {
    margin: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--85 {
    padding: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
}

.margin-xl-down--85 {
  margin: 85px !important;
}

.margin-xl-down-x--85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.margin-xl-down-y--85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.padding-xl-down--85 {
  padding: 85px !important;
}

.padding-xl-down-x--85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.padding-xl-down-y--85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--85 {
    margin-top: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--85 {
    padding-top: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--85 {
    padding-top: 85px !important;
  }
}

.padding-xl-top-down--85 {
  padding-top: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--85 {
    marging-top: 85px !important;
  }
}

.margin-xl-top-down--85 {
  margin-top: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--85 {
    margin-right: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--85 {
    padding-right: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--85 {
    padding-right: 85px !important;
  }
}

.padding-xl-right-down--85 {
  padding-right: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--85 {
    marging-right: 85px !important;
  }
}

.margin-xl-right-down--85 {
  margin-right: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--85 {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--85 {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--85 {
    padding-bottom: 85px !important;
  }
}

.padding-xl-bottom-down--85 {
  padding-bottom: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--85 {
    marging-bottom: 85px !important;
  }
}

.margin-xl-bottom-down--85 {
  margin-bottom: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--85 {
    margin-left: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--85 {
    padding-left: 85px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--85 {
    padding-left: 85px !important;
  }
}

.padding-xl-left-down--85 {
  padding-left: 85px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--85 {
    marging-left: 85px !important;
  }
}

.margin-xl-left-down--85 {
  margin-left: 85px !important;
}

.margin--90 {
  margin: 90px !important;
}

.margin-x--90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.margin-y--90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.padding--90 {
  padding: 90px !important;
}

.padding-x--90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.padding-y--90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.margin-top--90 {
  margin-top: 90px !important;
}

.padding-top--90 {
  padding-top: 90px !important;
}

.margin-right--90 {
  margin-right: 90px !important;
}

.padding-right--90 {
  padding-right: 90px !important;
}

.margin-bottom--90 {
  margin-bottom: 90px !important;
}

.padding-bottom--90 {
  padding-bottom: 90px !important;
}

.margin-left--90 {
  margin-left: 90px !important;
}

.padding-left--90 {
  padding-left: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--90 {
    margin: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--90 {
    padding: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

.margin-xs-up--90 {
  margin: 90px !important;
}

.margin-xs-up-x--90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.margin-xs-up-y--90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.padding-xs-up--90 {
  padding: 90px !important;
}

.padding-xs-up-x--90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.padding-xs-up-y--90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--90 {
    margin: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--90 {
    padding: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--90 {
    margin-top: 90px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--90 {
    padding-top: 90px !important;
  }
}
.padding-xs-top-up--90 {
  padding-top: 90px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--90 {
    padding-top: 90px !important;
  }
}

.margin-xs-top-up--90 {
  marging-top: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--90 {
    margin-top: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--90 {
    margin-right: 90px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--90 {
    padding-right: 90px !important;
  }
}
.padding-xs-right-up--90 {
  padding-right: 90px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--90 {
    padding-right: 90px !important;
  }
}

.margin-xs-right-up--90 {
  marging-right: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--90 {
    margin-right: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--90 {
    margin-bottom: 90px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--90 {
    padding-bottom: 90px !important;
  }
}
.padding-xs-bottom-up--90 {
  padding-bottom: 90px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--90 {
    padding-bottom: 90px !important;
  }
}

.margin-xs-bottom-up--90 {
  marging-bottom: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--90 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--90 {
    margin-left: 90px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--90 {
    padding-left: 90px !important;
  }
}
.padding-xs-left-up--90 {
  padding-left: 90px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--90 {
    padding-left: 90px !important;
  }
}

.margin-xs-left-up--90 {
  marging-left: 90px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--90 {
    margin: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--90 {
    padding: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--90 {
    margin: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--90 {
    padding: 90px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--90 {
    margin: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--90 {
    padding: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--90 {
    padding-top: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--90 {
    marging-top: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--90 {
    margin-right: 90px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--90 {
    padding-right: 90px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--90 {
    padding-right: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--90 {
    marging-right: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--90 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--90 {
    marging-bottom: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--90 {
    margin-left: 90px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--90 {
    padding-left: 90px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--90 {
    padding-left: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--90 {
    marging-left: 90px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--90 {
    margin: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--90 {
    padding: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--90 {
    margin: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--90 {
    padding: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--90 {
    margin: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--90 {
    padding: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--90 {
    padding-top: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--90 {
    marging-top: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--90 {
    margin-right: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--90 {
    padding-right: 90px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--90 {
    padding-right: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--90 {
    marging-right: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--90 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--90 {
    marging-bottom: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--90 {
    margin-left: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--90 {
    padding-left: 90px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--90 {
    padding-left: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--90 {
    marging-left: 90px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--90 {
    margin: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--90 {
    padding: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--90 {
    margin: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--90 {
    padding: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--90 {
    margin: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--90 {
    padding: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--90 {
    padding-top: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--90 {
    marging-top: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--90 {
    margin-right: 90px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--90 {
    padding-right: 90px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--90 {
    padding-right: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--90 {
    marging-right: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--90 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--90 {
    marging-bottom: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--90 {
    margin-left: 90px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--90 {
    padding-left: 90px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--90 {
    padding-left: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--90 {
    marging-left: 90px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--90 {
    margin: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--90 {
    padding: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--90 {
    margin: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--90 {
    padding: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}

.margin-xl-down--90 {
  margin: 90px !important;
}

.margin-xl-down-x--90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.margin-xl-down-y--90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.padding-xl-down--90 {
  padding: 90px !important;
}

.padding-xl-down-x--90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.padding-xl-down-y--90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--90 {
    padding-top: 90px !important;
  }
}

.padding-xl-top-down--90 {
  padding-top: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--90 {
    marging-top: 90px !important;
  }
}

.margin-xl-top-down--90 {
  margin-top: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--90 {
    margin-right: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--90 {
    padding-right: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--90 {
    padding-right: 90px !important;
  }
}

.padding-xl-right-down--90 {
  padding-right: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--90 {
    marging-right: 90px !important;
  }
}

.margin-xl-right-down--90 {
  margin-right: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--90 {
    padding-bottom: 90px !important;
  }
}

.padding-xl-bottom-down--90 {
  padding-bottom: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--90 {
    marging-bottom: 90px !important;
  }
}

.margin-xl-bottom-down--90 {
  margin-bottom: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--90 {
    margin-left: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--90 {
    padding-left: 90px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--90 {
    padding-left: 90px !important;
  }
}

.padding-xl-left-down--90 {
  padding-left: 90px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--90 {
    marging-left: 90px !important;
  }
}

.margin-xl-left-down--90 {
  margin-left: 90px !important;
}

.margin--95 {
  margin: 95px !important;
}

.margin-x--95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.margin-y--95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.padding--95 {
  padding: 95px !important;
}

.padding-x--95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.padding-y--95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.margin-top--95 {
  margin-top: 95px !important;
}

.padding-top--95 {
  padding-top: 95px !important;
}

.margin-right--95 {
  margin-right: 95px !important;
}

.padding-right--95 {
  padding-right: 95px !important;
}

.margin-bottom--95 {
  margin-bottom: 95px !important;
}

.padding-bottom--95 {
  padding-bottom: 95px !important;
}

.margin-left--95 {
  margin-left: 95px !important;
}

.padding-left--95 {
  padding-left: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--95 {
    margin: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--95 {
    padding: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

.margin-xs-up--95 {
  margin: 95px !important;
}

.margin-xs-up-x--95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.margin-xs-up-y--95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.padding-xs-up--95 {
  padding: 95px !important;
}

.padding-xs-up-x--95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.padding-xs-up-y--95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--95 {
    margin: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--95 {
    padding: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--95 {
    margin-top: 95px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--95 {
    padding-top: 95px !important;
  }
}
.padding-xs-top-up--95 {
  padding-top: 95px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--95 {
    padding-top: 95px !important;
  }
}

.margin-xs-top-up--95 {
  marging-top: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--95 {
    margin-top: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--95 {
    margin-right: 95px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--95 {
    padding-right: 95px !important;
  }
}
.padding-xs-right-up--95 {
  padding-right: 95px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--95 {
    padding-right: 95px !important;
  }
}

.margin-xs-right-up--95 {
  marging-right: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--95 {
    margin-right: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--95 {
    margin-bottom: 95px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--95 {
    padding-bottom: 95px !important;
  }
}
.padding-xs-bottom-up--95 {
  padding-bottom: 95px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--95 {
    padding-bottom: 95px !important;
  }
}

.margin-xs-bottom-up--95 {
  marging-bottom: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--95 {
    margin-bottom: 95px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--95 {
    margin-left: 95px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--95 {
    padding-left: 95px !important;
  }
}
.padding-xs-left-up--95 {
  padding-left: 95px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--95 {
    padding-left: 95px !important;
  }
}

.margin-xs-left-up--95 {
  marging-left: 95px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--95 {
    margin-left: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--95 {
    margin: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--95 {
    padding: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--95 {
    margin: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--95 {
    padding: 95px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--95 {
    margin: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--95 {
    padding: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--95 {
    margin-top: 95px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--95 {
    padding-top: 95px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--95 {
    padding-top: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--95 {
    padding-top: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--95 {
    marging-top: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--95 {
    margin-top: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--95 {
    margin-right: 95px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--95 {
    padding-right: 95px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--95 {
    padding-right: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--95 {
    padding-right: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--95 {
    marging-right: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--95 {
    margin-right: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--95 {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--95 {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--95 {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--95 {
    padding-bottom: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--95 {
    marging-bottom: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--95 {
    margin-bottom: 95px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--95 {
    margin-left: 95px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--95 {
    padding-left: 95px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--95 {
    padding-left: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--95 {
    padding-left: 95px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--95 {
    marging-left: 95px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--95 {
    margin-left: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--95 {
    margin: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--95 {
    padding: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--95 {
    margin: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--95 {
    padding: 95px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--95 {
    margin: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--95 {
    padding: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--95 {
    margin-top: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--95 {
    padding-top: 95px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--95 {
    padding-top: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--95 {
    padding-top: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--95 {
    marging-top: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--95 {
    margin-top: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--95 {
    margin-right: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--95 {
    padding-right: 95px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--95 {
    padding-right: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--95 {
    padding-right: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--95 {
    marging-right: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--95 {
    margin-right: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--95 {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--95 {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--95 {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--95 {
    padding-bottom: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--95 {
    marging-bottom: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--95 {
    margin-bottom: 95px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--95 {
    margin-left: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--95 {
    padding-left: 95px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--95 {
    padding-left: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--95 {
    padding-left: 95px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--95 {
    marging-left: 95px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--95 {
    margin-left: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--95 {
    margin: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--95 {
    padding: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--95 {
    margin: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--95 {
    padding: 95px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--95 {
    margin: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--95 {
    padding: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--95 {
    margin-top: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--95 {
    padding-top: 95px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--95 {
    padding-top: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--95 {
    padding-top: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--95 {
    marging-top: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--95 {
    margin-top: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--95 {
    margin-right: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--95 {
    padding-right: 95px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--95 {
    padding-right: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--95 {
    padding-right: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--95 {
    marging-right: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--95 {
    margin-right: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--95 {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--95 {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--95 {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--95 {
    padding-bottom: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--95 {
    marging-bottom: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--95 {
    margin-bottom: 95px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--95 {
    margin-left: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--95 {
    padding-left: 95px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--95 {
    padding-left: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--95 {
    padding-left: 95px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--95 {
    marging-left: 95px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--95 {
    margin-left: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--95 {
    margin: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--95 {
    padding: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--95 {
    margin: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--95 {
    padding: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
}

.margin-xl-down--95 {
  margin: 95px !important;
}

.margin-xl-down-x--95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.margin-xl-down-y--95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.padding-xl-down--95 {
  padding: 95px !important;
}

.padding-xl-down-x--95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.padding-xl-down-y--95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--95 {
    margin-top: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--95 {
    padding-top: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--95 {
    padding-top: 95px !important;
  }
}

.padding-xl-top-down--95 {
  padding-top: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--95 {
    marging-top: 95px !important;
  }
}

.margin-xl-top-down--95 {
  margin-top: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--95 {
    margin-right: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--95 {
    padding-right: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--95 {
    padding-right: 95px !important;
  }
}

.padding-xl-right-down--95 {
  padding-right: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--95 {
    marging-right: 95px !important;
  }
}

.margin-xl-right-down--95 {
  margin-right: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--95 {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--95 {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--95 {
    padding-bottom: 95px !important;
  }
}

.padding-xl-bottom-down--95 {
  padding-bottom: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--95 {
    marging-bottom: 95px !important;
  }
}

.margin-xl-bottom-down--95 {
  margin-bottom: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--95 {
    margin-left: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--95 {
    padding-left: 95px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--95 {
    padding-left: 95px !important;
  }
}

.padding-xl-left-down--95 {
  padding-left: 95px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--95 {
    marging-left: 95px !important;
  }
}

.margin-xl-left-down--95 {
  margin-left: 95px !important;
}

.margin--100 {
  margin: 100px !important;
}

.margin-x--100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.margin-y--100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.padding--100 {
  padding: 100px !important;
}

.padding-x--100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.padding-y--100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.margin-top--100 {
  margin-top: 100px !important;
}

.padding-top--100 {
  padding-top: 100px !important;
}

.margin-right--100 {
  margin-right: 100px !important;
}

.padding-right--100 {
  padding-right: 100px !important;
}

.margin-bottom--100 {
  margin-bottom: 100px !important;
}

.padding-bottom--100 {
  padding-bottom: 100px !important;
}

.margin-left--100 {
  margin-left: 100px !important;
}

.padding-left--100 {
  padding-left: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs--100 {
    margin: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs--100 {
    padding: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

.margin-xs-up--100 {
  margin: 100px !important;
}

.margin-xs-up-x--100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.margin-xs-up-y--100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.padding-xs-up--100 {
  padding: 100px !important;
}

.padding-xs-up-x--100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.padding-xs-up-y--100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-down--100 {
    margin: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-down-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down--100 {
    padding: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .padding-xs-down-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-top--100 {
    margin-top: 100px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-top--100 {
    padding-top: 100px !important;
  }
}
.padding-xs-top-up--100 {
  padding-top: 100px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-top-down--100 {
    padding-top: 100px !important;
  }
}

.margin-xs-top-up--100 {
  marging-top: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-top-down--100 {
    margin-top: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-right--100 {
    margin-right: 100px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-right--100 {
    padding-right: 100px !important;
  }
}
.padding-xs-right-up--100 {
  padding-right: 100px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-right-down--100 {
    padding-right: 100px !important;
  }
}

.margin-xs-right-up--100 {
  marging-right: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-right-down--100 {
    margin-right: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-bottom--100 {
    margin-bottom: 100px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-bottom--100 {
    padding-bottom: 100px !important;
  }
}
.padding-xs-bottom-up--100 {
  padding-bottom: 100px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-bottom-down--100 {
    padding-bottom: 100px !important;
  }
}

.margin-xs-bottom-up--100 {
  marging-bottom: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-bottom-down--100 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 575.98px) {
  .margin-xs-left--100 {
    margin-left: 100px !important;
  }
}
@media (max-width: 575.98px) {
  .padding-xs-left--100 {
    padding-left: 100px !important;
  }
}
.padding-xs-left-up--100 {
  padding-left: 100px !important;
}

@media (max-width: 575.98px) {
  .padding-xs-left-down--100 {
    padding-left: 100px !important;
  }
}

.margin-xs-left-up--100 {
  marging-left: 100px !important;
}

@media (max-width: 575.98px) {
  .margin-xs-left-down--100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm--100 {
    margin: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm--100 {
    padding: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up--100 {
    margin: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-up-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up--100 {
    padding: 100px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 576px) {
  .padding-sm-up-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down--100 {
    margin: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-down-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down--100 {
    padding: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-down-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-top--100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-top--100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-top-up--100 {
    padding-top: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-top-down--100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-top-up--100 {
    marging-top: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-top-down--100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-right--100 {
    margin-right: 100px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-right--100 {
    padding-right: 100px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-right-up--100 {
    padding-right: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-right-down--100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-right-up--100 {
    marging-right: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-right-down--100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-bottom--100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-bottom--100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-bottom-up--100 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-bottom-down--100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-bottom-up--100 {
    marging-bottom: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-bottom-down--100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .margin-sm-left--100 {
    margin-left: 100px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-sm-left--100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 576px) {
  .padding-sm-left-up--100 {
    padding-left: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .padding-sm-left-down--100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 576px) {
  .margin-sm-left-up--100 {
    marging-left: 100px !important;
  }
}

@media (max-width: 767.98px) {
  .margin-sm-left-down--100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md--100 {
    margin: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md--100 {
    padding: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up--100 {
    margin: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-up-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up--100 {
    padding: 100px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .padding-md-up-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down--100 {
    margin: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-down-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down--100 {
    padding: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-down-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-top--100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-top--100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-top-up--100 {
    padding-top: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-top-down--100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-top-up--100 {
    marging-top: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-top-down--100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-right--100 {
    margin-right: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-right--100 {
    padding-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-right-up--100 {
    padding-right: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-right-down--100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-right-up--100 {
    marging-right: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-right-down--100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-bottom--100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-bottom--100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-bottom-up--100 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-bottom-down--100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-bottom-up--100 {
    marging-bottom: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-bottom-down--100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .margin-md-left--100 {
    margin-left: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-md-left--100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .padding-md-left-up--100 {
    padding-left: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .padding-md-left-down--100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-left-up--100 {
    marging-left: 100px !important;
  }
}

@media (max-width: 991.98px) {
  .margin-md-left-down--100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg--100 {
    margin: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg--100 {
    padding: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up--100 {
    margin: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-up-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up--100 {
    padding: 100px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .padding-lg-up-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down--100 {
    margin: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-down-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down--100 {
    padding: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-down-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-top--100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-top--100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-top-up--100 {
    padding-top: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-top-down--100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-top-up--100 {
    marging-top: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-top-down--100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-right--100 {
    margin-right: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-right--100 {
    padding-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-right-up--100 {
    padding-right: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-right-down--100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-right-up--100 {
    marging-right: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-right-down--100 {
    margin-right: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-bottom--100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-bottom--100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-bottom-up--100 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-bottom-down--100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-bottom-up--100 {
    marging-bottom: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-bottom-down--100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-lg-left--100 {
    margin-left: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-lg-left--100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 992px) {
  .padding-lg-left-up--100 {
    padding-left: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-lg-left-down--100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-left-up--100 {
    marging-left: 100px !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-lg-left-down--100 {
    margin-left: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl--100 {
    margin: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl--100 {
    padding: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up--100 {
    margin: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-x--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-up-y--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up--100 {
    padding: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-x--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .padding-xl-up-y--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

.margin-xl-down--100 {
  margin: 100px !important;
}

.margin-xl-down-x--100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.margin-xl-down-y--100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.padding-xl-down--100 {
  padding: 100px !important;
}

.padding-xl-down-x--100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.padding-xl-down-y--100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top--100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top--100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-top-up--100 {
    padding-top: 100px !important;
  }
}

.padding-xl-top-down--100 {
  padding-top: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-top-up--100 {
    marging-top: 100px !important;
  }
}

.margin-xl-top-down--100 {
  margin-top: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right--100 {
    margin-right: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right--100 {
    padding-right: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-right-up--100 {
    padding-right: 100px !important;
  }
}

.padding-xl-right-down--100 {
  padding-right: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-right-up--100 {
    marging-right: 100px !important;
  }
}

.margin-xl-right-down--100 {
  margin-right: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom--100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom--100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-bottom-up--100 {
    padding-bottom: 100px !important;
  }
}

.padding-xl-bottom-down--100 {
  padding-bottom: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-bottom-up--100 {
    marging-bottom: 100px !important;
  }
}

.margin-xl-bottom-down--100 {
  margin-bottom: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left--100 {
    margin-left: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left--100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 1200px) {
  .padding-xl-left-up--100 {
    padding-left: 100px !important;
  }
}

.padding-xl-left-down--100 {
  padding-left: 100px !important;
}

@media (min-width: 1200px) {
  .margin-xl-left-up--100 {
    marging-left: 100px !important;
  }
}

.margin-xl-left-down--100 {
  margin-left: 100px !important;
}

.border--solid {
  border-style: solid;
}

.border-top--solid {
  border-top-style: solid;
}

.border-right--solid {
  border-right-style: solid;
}

.border-bottom--solid {
  border-bottom-style: solid;
}

.border-left--solid {
  border-left-style: solid;
}

.border--hidden {
  border-style: hidden;
}

.border-top--hidden {
  border-top-style: hidden;
}

.border-right--hidden {
  border-right-style: hidden;
}

.border-bottom--hidden {
  border-bottom-style: hidden;
}

.border-left--hidden {
  border-left-style: hidden;
}

.border--dotted {
  border-style: dotted;
}

.border-top--dotted {
  border-top-style: dotted;
}

.border-right--dotted {
  border-right-style: dotted;
}

.border-bottom--dotted {
  border-bottom-style: dotted;
}

.border-left--dotted {
  border-left-style: dotted;
}

.border--dashed {
  border-style: dashed;
}

.border-top--dashed {
  border-top-style: dashed;
}

.border-right--dashed {
  border-right-style: dashed;
}

.border-bottom--dashed {
  border-bottom-style: dashed;
}

.border-left--dashed {
  border-left-style: dashed;
}

.border--double {
  border-style: double;
}

.border-top--double {
  border-top-style: double;
}

.border-right--double {
  border-right-style: double;
}

.border-bottom--double {
  border-bottom-style: double;
}

.border-left--double {
  border-left-style: double;
}

.border--groove {
  border-style: groove;
}

.border-top--groove {
  border-top-style: groove;
}

.border-right--groove {
  border-right-style: groove;
}

.border-bottom--groove {
  border-bottom-style: groove;
}

.border-left--groove {
  border-left-style: groove;
}

.border--ridge {
  border-style: ridge;
}

.border-top--ridge {
  border-top-style: ridge;
}

.border-right--ridge {
  border-right-style: ridge;
}

.border-bottom--ridge {
  border-bottom-style: ridge;
}

.border-left--ridge {
  border-left-style: ridge;
}

.border--inset {
  border-style: inset;
}

.border-top--inset {
  border-top-style: inset;
}

.border-right--inset {
  border-right-style: inset;
}

.border-bottom--inset {
  border-bottom-style: inset;
}

.border-left--inset {
  border-left-style: inset;
}

.border--outset {
  border-style: outset;
}

.border-top--outset {
  border-top-style: outset;
}

.border-right--outset {
  border-right-style: outset;
}

.border-bottom--outset {
  border-bottom-style: outset;
}

.border-left--outset {
  border-left-style: outset;
}

.border--initial {
  border-style: initial;
}

.border-top--initial {
  border-top-style: initial;
}

.border-right--initial {
  border-right-style: initial;
}

.border-bottom--initial {
  border-bottom-style: initial;
}

.border-left--initial {
  border-left-style: initial;
}

.border--inherit {
  border-style: inherit;
}

.border-top--inherit {
  border-top-style: inherit;
}

.border-right--inherit {
  border-right-style: inherit;
}

.border-bottom--inherit {
  border-bottom-style: inherit;
}

.border-left--inherit {
  border-left-style: inherit;
}

.background--white {
  background-color: #fff !important;
}

.background_hover--white:hover {
  background-color: #fff !important;
}

.color--white {
  color: #fff !important;
}

.color_hover--white:hover {
  color: #fff !important;
}

.hover-color--white {
  color: #fff !important;
}

.border--white {
  border-color: #fff !important;
}

.border_hover--white:hover {
  border-color: #fff !important;
}

.fill--white {
  fill: #fff;
}

.button {
  border-radius: 8px;
}
.button__color--white {
  background-color: #fff !important;
}
.button__color--white:hover {
  background-color: #e6e6e6 !important;
}

.background--black {
  background-color: #000 !important;
}

.background_hover--black:hover {
  background-color: #000 !important;
}

.color--black {
  color: #000 !important;
}

.color_hover--black:hover {
  color: #000 !important;
}

.hover-color--black {
  color: #000 !important;
}

.border--black {
  border-color: #000 !important;
}

.border_hover--black:hover {
  border-color: #000 !important;
}

.fill--black {
  fill: #000;
}

.button {
  border-radius: 8px;
}
.button__color--black {
  background-color: #000 !important;
}
.button__color--black:hover {
  background-color: black !important;
}

.background--red {
  background-color: red !important;
}

.background_hover--red:hover {
  background-color: red !important;
}

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

.color_hover--red:hover {
  color: red !important;
}

.hover-color--red {
  color: red !important;
}

.border--red {
  border-color: red !important;
}

.border_hover--red:hover {
  border-color: red !important;
}

.fill--red {
  fill: red;
}

.button {
  border-radius: 8px;
}
.button__color--red {
  background-color: red !important;
}
.button__color--red:hover {
  background-color: #cc0000 !important;
}

.background--game {
  background-color: #9BC321 !important;
}

.background_hover--game:hover {
  background-color: #9BC321 !important;
}

.color--game {
  color: #9BC321 !important;
}

.color_hover--game:hover {
  color: #9BC321 !important;
}

.hover-color--game {
  color: #9BC321 !important;
}

.border--game {
  border-color: #9BC321 !important;
}

.border_hover--game:hover {
  border-color: #9BC321 !important;
}

.fill--game {
  fill: #9BC321;
}

.button {
  border-radius: 8px;
}
.button__color--game {
  background-color: #9BC321 !important;
}
.button__color--game:hover {
  background-color: #78971a !important;
}

.background--storage {
  background-color: #FFCC00 !important;
}

.background_hover--storage:hover {
  background-color: #FFCC00 !important;
}

.color--storage {
  color: #FFCC00 !important;
}

.color_hover--storage:hover {
  color: #FFCC00 !important;
}

.hover-color--storage {
  color: #FFCC00 !important;
}

.border--storage {
  border-color: #FFCC00 !important;
}

.border_hover--storage:hover {
  border-color: #FFCC00 !important;
}

.fill--storage {
  fill: #FFCC00;
}

.button {
  border-radius: 8px;
}
.button__color--storage {
  background-color: #FFCC00 !important;
}
.button__color--storage:hover {
  background-color: #cca300 !important;
}

.background--essential {
  background-color: #2D96DD !important;
}

.background_hover--essential:hover {
  background-color: #2D96DD !important;
}

.color--essential {
  color: #2D96DD !important;
}

.color_hover--essential:hover {
  color: #2D96DD !important;
}

.hover-color--essential {
  color: #2D96DD !important;
}

.border--essential {
  border-color: #2D96DD !important;
}

.border_hover--essential:hover {
  border-color: #2D96DD !important;
}

.fill--essential {
  fill: #2D96DD;
}

.button {
  border-radius: 8px;
}
.button__color--essential {
  background-color: #2D96DD !important;
}
.button__color--essential:hover {
  background-color: #1e7ab9 !important;
}

.background--cpu {
  background-color: #701447 !important;
}

.background_hover--cpu:hover {
  background-color: #701447 !important;
}

.color--cpu {
  color: #701447 !important;
}

.color_hover--cpu:hover {
  color: #701447 !important;
}

.hover-color--cpu {
  color: #701447 !important;
}

.border--cpu {
  border-color: #701447 !important;
}

.border_hover--cpu:hover {
  border-color: #701447 !important;
}

.fill--cpu {
  fill: #701447;
}

.button {
  border-radius: 8px;
}
.button__color--cpu {
  background-color: #701447 !important;
}
.button__color--cpu:hover {
  background-color: #450c2c !important;
}

.background--black-bf {
  background-color: #000d1f !important;
}

.background_hover--black-bf:hover {
  background-color: #000d1f !important;
}

.color--black-bf {
  color: #000d1f !important;
}

.color_hover--black-bf:hover {
  color: #000d1f !important;
}

.hover-color--black-bf {
  color: #000d1f !important;
}

.border--black-bf {
  border-color: #000d1f !important;
}

.border_hover--black-bf:hover {
  border-color: #000d1f !important;
}

.fill--black-bf {
  fill: #000d1f;
}

.button {
  border-radius: 8px;
}
.button__color--black-bf {
  background-color: #000d1f !important;
}
.button__color--black-bf:hover {
  background-color: black !important;
}

.background--blue {
  background-color: #39b5e3 !important;
}

.background_hover--blue:hover {
  background-color: #39b5e3 !important;
}

.color--blue {
  color: #39b5e3 !important;
}

.color_hover--blue:hover {
  color: #39b5e3 !important;
}

.hover-color--blue {
  color: #39b5e3 !important;
}

.border--blue {
  border-color: #39b5e3 !important;
}

.border_hover--blue:hover {
  border-color: #39b5e3 !important;
}

.fill--blue {
  fill: #39b5e3;
}

.button {
  border-radius: 8px;
}
.button__color--blue {
  background-color: #39b5e3 !important;
}
.button__color--blue:hover {
  background-color: #1d9dcc !important;
}

.background--blue-innov {
  background-color: #2d96dd !important;
}

.background_hover--blue-innov:hover {
  background-color: #2d96dd !important;
}

.color--blue-innov {
  color: #2d96dd !important;
}

.color_hover--blue-innov:hover {
  color: #2d96dd !important;
}

.hover-color--blue-innov {
  color: #2d96dd !important;
}

.border--blue-innov {
  border-color: #2d96dd !important;
}

.border_hover--blue-innov:hover {
  border-color: #2d96dd !important;
}

.fill--blue-innov {
  fill: #2d96dd;
}

.button {
  border-radius: 8px;
}
.button__color--blue-innov {
  background-color: #2d96dd !important;
}
.button__color--blue-innov:hover {
  background-color: #1e7ab9 !important;
}

.background--blue-testimonials {
  background-color: #122844 !important;
}

.background_hover--blue-testimonials:hover {
  background-color: #122844 !important;
}

.color--blue-testimonials {
  color: #122844 !important;
}

.color_hover--blue-testimonials:hover {
  color: #122844 !important;
}

.hover-color--blue-testimonials {
  color: #122844 !important;
}

.border--blue-testimonials {
  border-color: #122844 !important;
}

.border_hover--blue-testimonials:hover {
  border-color: #122844 !important;
}

.fill--blue-testimonials {
  fill: #122844;
}

.button {
  border-radius: 8px;
}
.button__color--blue-testimonials {
  background-color: #122844 !important;
}
.button__color--blue-testimonials:hover {
  background-color: #07101c !important;
}

.background--blue-flash-sale {
  background-color: #61cdcb !important;
}

.background_hover--blue-flash-sale:hover {
  background-color: #61cdcb !important;
}

.color--blue-flash-sale {
  color: #61cdcb !important;
}

.color_hover--blue-flash-sale:hover {
  color: #61cdcb !important;
}

.hover-color--blue-flash-sale {
  color: #61cdcb !important;
}

.border--blue-flash-sale {
  border-color: #61cdcb !important;
}

.border_hover--blue-flash-sale:hover {
  border-color: #61cdcb !important;
}

.fill--blue-flash-sale {
  fill: #61cdcb;
}

.button {
  border-radius: 8px;
}
.button__color--blue-flash-sale {
  background-color: #61cdcb !important;
}
.button__color--blue-flash-sale:hover {
  background-color: #3cbfbc !important;
}

.background--blue-ovh {
  background-color: #000e9c !important;
}

.background_hover--blue-ovh:hover {
  background-color: #000e9c !important;
}

.color--blue-ovh {
  color: #000e9c !important;
}

.color_hover--blue-ovh:hover {
  color: #000e9c !important;
}

.hover-color--blue-ovh {
  color: #000e9c !important;
}

.border--blue-ovh {
  border-color: #000e9c !important;
}

.border_hover--blue-ovh:hover {
  border-color: #000e9c !important;
}

.fill--blue-ovh {
  fill: #000e9c;
}

.button {
  border-radius: 8px;
}
.button__color--blue-ovh {
  background-color: #000e9c !important;
}
.button__color--blue-ovh:hover {
  background-color: #000969 !important;
}

.background--blue-gamme {
  background-color: #44a8d6 !important;
}

.background_hover--blue-gamme:hover {
  background-color: #44a8d6 !important;
}

.color--blue-gamme {
  color: #44a8d6 !important;
}

.color_hover--blue-gamme:hover {
  color: #44a8d6 !important;
}

.hover-color--blue-gamme {
  color: #44a8d6 !important;
}

.border--blue-gamme {
  border-color: #44a8d6 !important;
}

.border_hover--blue-gamme:hover {
  border-color: #44a8d6 !important;
}

.fill--blue-gamme {
  fill: #44a8d6;
}

.button {
  border-radius: 8px;
}
.button__color--blue-gamme {
  background-color: #44a8d6 !important;
}
.button__color--blue-gamme:hover {
  background-color: #2a8fbd !important;
}

.background--blue-1-boxing-days {
  background-color: #60fefe !important;
}

.background_hover--blue-1-boxing-days:hover {
  background-color: #60fefe !important;
}

.color--blue-1-boxing-days {
  color: #60fefe !important;
}

.color_hover--blue-1-boxing-days:hover {
  color: #60fefe !important;
}

.hover-color--blue-1-boxing-days {
  color: #60fefe !important;
}

.border--blue-1-boxing-days {
  border-color: #60fefe !important;
}

.border_hover--blue-1-boxing-days:hover {
  border-color: #60fefe !important;
}

.fill--blue-1-boxing-days {
  fill: #60fefe;
}

.button {
  border-radius: 8px;
}
.button__color--blue-1-boxing-days {
  background-color: #60fefe !important;
}
.button__color--blue-1-boxing-days:hover {
  background-color: #2dfefe !important;
}

.background--blue-2-boxing-days {
  background-color: #eefafc !important;
}

.background_hover--blue-2-boxing-days:hover {
  background-color: #eefafc !important;
}

.color--blue-2-boxing-days {
  color: #eefafc !important;
}

.color_hover--blue-2-boxing-days:hover {
  color: #eefafc !important;
}

.hover-color--blue-2-boxing-days {
  color: #eefafc !important;
}

.border--blue-2-boxing-days {
  border-color: #eefafc !important;
}

.border_hover--blue-2-boxing-days:hover {
  border-color: #eefafc !important;
}

.fill--blue-2-boxing-days {
  fill: #eefafc;
}

.button {
  border-radius: 8px;
}
.button__color--blue-2-boxing-days {
  background-color: #eefafc !important;
}
.button__color--blue-2-boxing-days:hover {
  background-color: #c3edf4 !important;
}

.background--blue-dark-deals {
  background-color: #041a5a !important;
}

.background_hover--blue-dark-deals:hover {
  background-color: #041a5a !important;
}

.color--blue-dark-deals {
  color: #041a5a !important;
}

.color_hover--blue-dark-deals:hover {
  color: #041a5a !important;
}

.hover-color--blue-dark-deals {
  color: #041a5a !important;
}

.border--blue-dark-deals {
  border-color: #041a5a !important;
}

.border_hover--blue-dark-deals:hover {
  border-color: #041a5a !important;
}

.fill--blue-dark-deals {
  fill: #041a5a;
}

.button {
  border-radius: 8px;
}
.button__color--blue-dark-deals {
  background-color: #041a5a !important;
}
.button__color--blue-dark-deals:hover {
  background-color: #020c29 !important;
}

.background--blue-light-deals {
  background-color: #98d7f9 !important;
}

.background_hover--blue-light-deals:hover {
  background-color: #98d7f9 !important;
}

.color--blue-light-deals {
  color: #98d7f9 !important;
}

.color_hover--blue-light-deals:hover {
  color: #98d7f9 !important;
}

.hover-color--blue-light-deals {
  color: #98d7f9 !important;
}

.border--blue-light-deals {
  border-color: #98d7f9 !important;
}

.border_hover--blue-light-deals:hover {
  border-color: #98d7f9 !important;
}

.fill--blue-light-deals {
  fill: #98d7f9;
}

.button {
  border-radius: 8px;
}
.button__color--blue-light-deals {
  background-color: #98d7f9 !important;
}
.button__color--blue-light-deals:hover {
  background-color: #68c4f6 !important;
}

.background--blue-regular-deals {
  background-color: #1d53cf !important;
}

.background_hover--blue-regular-deals:hover {
  background-color: #1d53cf !important;
}

.color--blue-regular-deals {
  color: #1d53cf !important;
}

.color_hover--blue-regular-deals:hover {
  color: #1d53cf !important;
}

.hover-color--blue-regular-deals {
  color: #1d53cf !important;
}

.border--blue-regular-deals {
  border-color: #1d53cf !important;
}

.border_hover--blue-regular-deals:hover {
  border-color: #1d53cf !important;
}

.fill--blue-regular-deals {
  fill: #1d53cf;
}

.button {
  border-radius: 8px;
}
.button__color--blue-regular-deals {
  background-color: #1d53cf !important;
}
.button__color--blue-regular-deals:hover {
  background-color: #1741a2 !important;
}

.background--blue-xlight-deals {
  background-color: #f4fbfe !important;
}

.background_hover--blue-xlight-deals:hover {
  background-color: #f4fbfe !important;
}

.color--blue-xlight-deals {
  color: #f4fbfe !important;
}

.color_hover--blue-xlight-deals:hover {
  color: #f4fbfe !important;
}

.hover-color--blue-xlight-deals {
  color: #f4fbfe !important;
}

.border--blue-xlight-deals {
  border-color: #f4fbfe !important;
}

.border_hover--blue-xlight-deals:hover {
  border-color: #f4fbfe !important;
}

.fill--blue-xlight-deals {
  fill: #f4fbfe;
}

.button {
  border-radius: 8px;
}
.button__color--blue-xlight-deals {
  background-color: #f4fbfe !important;
}
.button__color--blue-xlight-deals:hover {
  background-color: #c5eafa !important;
}

.background--gold-bf {
  background-color: #c2a362 !important;
}

.background_hover--gold-bf:hover {
  background-color: #c2a362 !important;
}

.color--gold-bf {
  color: #c2a362 !important;
}

.color_hover--gold-bf:hover {
  color: #c2a362 !important;
}

.hover-color--gold-bf {
  color: #c2a362 !important;
}

.border--gold-bf {
  border-color: #c2a362 !important;
}

.border_hover--gold-bf:hover {
  border-color: #c2a362 !important;
}

.fill--gold-bf {
  fill: #c2a362;
}

.button {
  border-radius: 8px;
}
.button__color--gold-bf {
  background-color: #c2a362 !important;
}
.button__color--gold-bf:hover {
  background-color: #ae8b43 !important;
}

.background--gold-light-bf {
  background-color: #f6f2ea !important;
}

.background_hover--gold-light-bf:hover {
  background-color: #f6f2ea !important;
}

.color--gold-light-bf {
  color: #f6f2ea !important;
}

.color_hover--gold-light-bf:hover {
  color: #f6f2ea !important;
}

.hover-color--gold-light-bf {
  color: #f6f2ea !important;
}

.border--gold-light-bf {
  border-color: #f6f2ea !important;
}

.border_hover--gold-light-bf:hover {
  border-color: #f6f2ea !important;
}

.fill--gold-light-bf {
  fill: #f6f2ea;
}

.button {
  border-radius: 8px;
}
.button__color--gold-light-bf {
  background-color: #f6f2ea !important;
}
.button__color--gold-light-bf:hover {
  background-color: #e7dcc6 !important;
}

.background--grey-border {
  background-color: #CCC !important;
}

.background_hover--grey-border:hover {
  background-color: #CCC !important;
}

.color--grey-border {
  color: #CCC !important;
}

.color_hover--grey-border:hover {
  color: #CCC !important;
}

.hover-color--grey-border {
  color: #CCC !important;
}

.border--grey-border {
  border-color: #CCC !important;
}

.border_hover--grey-border:hover {
  border-color: #CCC !important;
}

.fill--grey-border {
  fill: #CCC;
}

.button {
  border-radius: 8px;
}
.button__color--grey-border {
  background-color: #CCC !important;
}
.button__color--grey-border:hover {
  background-color: #b3b3b3 !important;
}

.background--grey-back {
  background-color: #494949 !important;
}

.background_hover--grey-back:hover {
  background-color: #494949 !important;
}

.color--grey-back {
  color: #494949 !important;
}

.color_hover--grey-back:hover {
  color: #494949 !important;
}

.hover-color--grey-back {
  color: #494949 !important;
}

.border--grey-back {
  border-color: #494949 !important;
}

.border_hover--grey-back:hover {
  border-color: #494949 !important;
}

.fill--grey-back {
  fill: #494949;
}

.button {
  border-radius: 8px;
}
.button__color--grey-back {
  background-color: #494949 !important;
}
.button__color--grey-back:hover {
  background-color: #303030 !important;
}

.background--grey-map {
  background-color: #1b2228 !important;
}

.background_hover--grey-map:hover {
  background-color: #1b2228 !important;
}

.color--grey-map {
  color: #1b2228 !important;
}

.color_hover--grey-map:hover {
  color: #1b2228 !important;
}

.hover-color--grey-map {
  color: #1b2228 !important;
}

.border--grey-map {
  border-color: #1b2228 !important;
}

.border_hover--grey-map:hover {
  border-color: #1b2228 !important;
}

.fill--grey-map {
  fill: #1b2228;
}

.button {
  border-radius: 8px;
}
.button__color--grey-map {
  background-color: #1b2228 !important;
}
.button__color--grey-map:hover {
  background-color: #06080a !important;
}

.background--grey-dark {
  background-color: #2b292a !important;
}

.background_hover--grey-dark:hover {
  background-color: #2b292a !important;
}

.color--grey-dark {
  color: #2b292a !important;
}

.color_hover--grey-dark:hover {
  color: #2b292a !important;
}

.hover-color--grey-dark {
  color: #2b292a !important;
}

.border--grey-dark {
  border-color: #2b292a !important;
}

.border_hover--grey-dark:hover {
  border-color: #2b292a !important;
}

.fill--grey-dark {
  fill: #2b292a;
}

.button {
  border-radius: 8px;
}
.button__color--grey-dark {
  background-color: #2b292a !important;
}
.button__color--grey-dark:hover {
  background-color: #111011 !important;
}

.background--grey-links {
  background-color: #53626c !important;
}

.background_hover--grey-links:hover {
  background-color: #53626c !important;
}

.color--grey-links {
  color: #53626c !important;
}

.color_hover--grey-links:hover {
  color: #53626c !important;
}

.hover-color--grey-links {
  color: #53626c !important;
}

.border--grey-links {
  border-color: #53626c !important;
}

.border_hover--grey-links:hover {
  border-color: #53626c !important;
}

.fill--grey-links {
  fill: #53626c;
}

.button {
  border-radius: 8px;
}
.button__color--grey-links {
  background-color: #53626c !important;
}
.button__color--grey-links:hover {
  background-color: #3d484f !important;
}

.background--grey-light {
  background-color: #f2f2f2 !important;
}

.background_hover--grey-light:hover {
  background-color: #f2f2f2 !important;
}

.color--grey-light {
  color: #f2f2f2 !important;
}

.color_hover--grey-light:hover {
  color: #f2f2f2 !important;
}

.hover-color--grey-light {
  color: #f2f2f2 !important;
}

.border--grey-light {
  border-color: #f2f2f2 !important;
}

.border_hover--grey-light:hover {
  border-color: #f2f2f2 !important;
}

.fill--grey-light {
  fill: #f2f2f2;
}

.button {
  border-radius: 8px;
}
.button__color--grey-light {
  background-color: #f2f2f2 !important;
}
.button__color--grey-light:hover {
  background-color: #d9d9d9 !important;
}

.background--grey-prices {
  background-color: #494949 !important;
}

.background_hover--grey-prices:hover {
  background-color: #494949 !important;
}

.color--grey-prices {
  color: #494949 !important;
}

.color_hover--grey-prices:hover {
  color: #494949 !important;
}

.hover-color--grey-prices {
  color: #494949 !important;
}

.border--grey-prices {
  border-color: #494949 !important;
}

.border_hover--grey-prices:hover {
  border-color: #494949 !important;
}

.fill--grey-prices {
  fill: #494949;
}

.button {
  border-radius: 8px;
}
.button__color--grey-prices {
  background-color: #494949 !important;
}
.button__color--grey-prices:hover {
  background-color: #303030 !important;
}

.background--grey-light2 {
  background-color: #908e8e !important;
}

.background_hover--grey-light2:hover {
  background-color: #908e8e !important;
}

.color--grey-light2 {
  color: #908e8e !important;
}

.color_hover--grey-light2:hover {
  color: #908e8e !important;
}

.hover-color--grey-light2 {
  color: #908e8e !important;
}

.border--grey-light2 {
  border-color: #908e8e !important;
}

.border_hover--grey-light2:hover {
  border-color: #908e8e !important;
}

.fill--grey-light2 {
  fill: #908e8e;
}

.button {
  border-radius: 8px;
}
.button__color--grey-light2 {
  background-color: #908e8e !important;
}
.button__color--grey-light2:hover {
  background-color: #777474 !important;
}

.background--grey-table {
  background-color: #dddddd !important;
}

.background_hover--grey-table:hover {
  background-color: #dddddd !important;
}

.color--grey-table {
  color: #dddddd !important;
}

.color_hover--grey-table:hover {
  color: #dddddd !important;
}

.hover-color--grey-table {
  color: #dddddd !important;
}

.border--grey-table {
  border-color: #dddddd !important;
}

.border_hover--grey-table:hover {
  border-color: #dddddd !important;
}

.fill--grey-table {
  fill: #dddddd;
}

.button {
  border-radius: 8px;
}
.button__color--grey-table {
  background-color: #dddddd !important;
}
.button__color--grey-table:hover {
  background-color: #c4c4c4 !important;
}

.background--grey-specs {
  background-color: #646161 !important;
}

.background_hover--grey-specs:hover {
  background-color: #646161 !important;
}

.color--grey-specs {
  color: #646161 !important;
}

.color_hover--grey-specs:hover {
  color: #646161 !important;
}

.hover-color--grey-specs {
  color: #646161 !important;
}

.border--grey-specs {
  border-color: #646161 !important;
}

.border_hover--grey-specs:hover {
  border-color: #646161 !important;
}

.fill--grey-specs {
  fill: #646161;
}

.button {
  border-radius: 8px;
}
.button__color--grey-specs {
  background-color: #646161 !important;
}
.button__color--grey-specs:hover {
  background-color: #4a4848 !important;
}

.background--green-span {
  background-color: #9dc51c !important;
}

.background_hover--green-span:hover {
  background-color: #9dc51c !important;
}

.color--green-span {
  color: #9dc51c !important;
}

.color_hover--green-span:hover {
  color: #9dc51c !important;
}

.hover-color--green-span {
  color: #9dc51c !important;
}

.border--green-span {
  border-color: #9dc51c !important;
}

.border_hover--green-span:hover {
  border-color: #9dc51c !important;
}

.fill--green-span {
  fill: #9dc51c;
}

.button {
  border-radius: 8px;
}
.button__color--green-span {
  background-color: #9dc51c !important;
}
.button__color--green-span:hover {
  background-color: #799816 !important;
}

.background--green-sys {
  background-color: #9bc321 !important;
}

.background_hover--green-sys:hover {
  background-color: #9bc321 !important;
}

.color--green-sys {
  color: #9bc321 !important;
}

.color_hover--green-sys:hover {
  color: #9bc321 !important;
}

.hover-color--green-sys {
  color: #9bc321 !important;
}

.border--green-sys {
  border-color: #9bc321 !important;
}

.border_hover--green-sys:hover {
  border-color: #9bc321 !important;
}

.fill--green-sys {
  fill: #9bc321;
}

.button {
  border-radius: 8px;
}
.button__color--green-sys {
  background-color: #9bc321 !important;
}
.button__color--green-sys:hover {
  background-color: #78971a !important;
}

.background--green-links {
  background-color: #9EC51C !important;
}

.background_hover--green-links:hover {
  background-color: #9EC51C !important;
}

.color--green-links {
  color: #9EC51C !important;
}

.color_hover--green-links:hover {
  color: #9EC51C !important;
}

.hover-color--green-links {
  color: #9EC51C !important;
}

.border--green-links {
  border-color: #9EC51C !important;
}

.border_hover--green-links:hover {
  border-color: #9EC51C !important;
}

.fill--green-links {
  fill: #9EC51C;
}

.button {
  border-radius: 8px;
}
.button__color--green-links {
  background-color: #9EC51C !important;
}
.button__color--green-links:hover {
  background-color: #7a9816 !important;
}

.background--green-offer {
  background-color: #9ec51c !important;
}

.background_hover--green-offer:hover {
  background-color: #9ec51c !important;
}

.color--green-offer {
  color: #9ec51c !important;
}

.color_hover--green-offer:hover {
  color: #9ec51c !important;
}

.hover-color--green-offer {
  color: #9ec51c !important;
}

.border--green-offer {
  border-color: #9ec51c !important;
}

.border_hover--green-offer:hover {
  border-color: #9ec51c !important;
}

.fill--green-offer {
  fill: #9ec51c;
}

.button {
  border-radius: 8px;
}
.button__color--green-offer {
  background-color: #9ec51c !important;
}
.button__color--green-offer:hover {
  background-color: #7a9816 !important;
}

.background--green-header {
  background-color: #87b12b !important;
}

.background_hover--green-header:hover {
  background-color: #87b12b !important;
}

.color--green-header {
  color: #87b12b !important;
}

.color_hover--green-header:hover {
  color: #87b12b !important;
}

.hover-color--green-header {
  color: #87b12b !important;
}

.border--green-header {
  border-color: #87b12b !important;
}

.border_hover--green-header:hover {
  border-color: #87b12b !important;
}

.fill--green-header {
  fill: #87b12b;
}

.button {
  border-radius: 8px;
}
.button__color--green-header {
  background-color: #87b12b !important;
}
.button__color--green-header:hover {
  background-color: #688821 !important;
}

.background--green-bf {
  background-color: #9efbb7 !important;
}

.background_hover--green-bf:hover {
  background-color: #9efbb7 !important;
}

.color--green-bf {
  color: #9efbb7 !important;
}

.color_hover--green-bf:hover {
  color: #9efbb7 !important;
}

.hover-color--green-bf {
  color: #9efbb7 !important;
}

.border--green-bf {
  border-color: #9efbb7 !important;
}

.border_hover--green-bf:hover {
  border-color: #9efbb7 !important;
}

.fill--green-bf {
  fill: #9efbb7;
}

.button {
  border-radius: 8px;
}
.button__color--green-bf {
  background-color: #9efbb7 !important;
}
.button__color--green-bf:hover {
  background-color: #6df993 !important;
}

.background--green-footer-links {
  background-color: #99c51c !important;
}

.background_hover--green-footer-links:hover {
  background-color: #99c51c !important;
}

.color--green-footer-links {
  color: #99c51c !important;
}

.color_hover--green-footer-links:hover {
  color: #99c51c !important;
}

.hover-color--green-footer-links {
  color: #99c51c !important;
}

.border--green-footer-links {
  border-color: #99c51c !important;
}

.border_hover--green-footer-links:hover {
  border-color: #99c51c !important;
}

.fill--green-footer-links {
  fill: #99c51c;
}

.button {
  border-radius: 8px;
}
.button__color--green-footer-links {
  background-color: #99c51c !important;
}
.button__color--green-footer-links:hover {
  background-color: #769816 !important;
}

.background--green-cart {
  background-color: #b0d049 !important;
}

.background_hover--green-cart:hover {
  background-color: #b0d049 !important;
}

.color--green-cart {
  color: #b0d049 !important;
}

.color_hover--green-cart:hover {
  color: #b0d049 !important;
}

.hover-color--green-cart {
  color: #b0d049 !important;
}

.border--green-cart {
  border-color: #b0d049 !important;
}

.border_hover--green-cart:hover {
  border-color: #b0d049 !important;
}

.fill--green-cart {
  fill: #b0d049;
}

.button {
  border-radius: 8px;
}
.button__color--green-cart {
  background-color: #b0d049 !important;
}
.button__color--green-cart:hover {
  background-color: #97b72f !important;
}

.background--green-summer-deals {
  background-color: #C1FF2E !important;
}

.background_hover--green-summer-deals:hover {
  background-color: #C1FF2E !important;
}

.color--green-summer-deals {
  color: #C1FF2E !important;
}

.color_hover--green-summer-deals:hover {
  color: #C1FF2E !important;
}

.hover-color--green-summer-deals {
  color: #C1FF2E !important;
}

.border--green-summer-deals {
  border-color: #C1FF2E !important;
}

.border_hover--green-summer-deals:hover {
  border-color: #C1FF2E !important;
}

.fill--green-summer-deals {
  fill: #C1FF2E;
}

.button {
  border-radius: 8px;
}
.button__color--green-summer-deals {
  background-color: #C1FF2E !important;
}
.button__color--green-summer-deals:hover {
  background-color: #b0fa00 !important;
}

.background--green-lemon-summer-week {
  background-color: #fff753 !important;
}

.background_hover--green-lemon-summer-week:hover {
  background-color: #fff753 !important;
}

.color--green-lemon-summer-week {
  color: #fff753 !important;
}

.color_hover--green-lemon-summer-week:hover {
  color: #fff753 !important;
}

.hover-color--green-lemon-summer-week {
  color: #fff753 !important;
}

.border--green-lemon-summer-week {
  border-color: #fff753 !important;
}

.border_hover--green-lemon-summer-week:hover {
  border-color: #fff753 !important;
}

.fill--green-lemon-summer-week {
  fill: #fff753;
}

.button {
  border-radius: 8px;
}
.button__color--green-lemon-summer-week {
  background-color: #fff753 !important;
}
.button__color--green-lemon-summer-week:hover {
  background-color: #fff520 !important;
}

.background--green-dark-summer-week {
  background-color: #204422 !important;
}

.background_hover--green-dark-summer-week:hover {
  background-color: #204422 !important;
}

.color--green-dark-summer-week {
  color: #204422 !important;
}

.color_hover--green-dark-summer-week:hover {
  color: #204422 !important;
}

.hover-color--green-dark-summer-week {
  color: #204422 !important;
}

.border--green-dark-summer-week {
  border-color: #204422 !important;
}

.border_hover--green-dark-summer-week:hover {
  border-color: #204422 !important;
}

.fill--green-dark-summer-week {
  fill: #204422;
}

.button {
  border-radius: 8px;
}
.button__color--green-dark-summer-week {
  background-color: #204422 !important;
}
.button__color--green-dark-summer-week:hover {
  background-color: #102111 !important;
}

.background--green-links-dark {
  background-color: #7a9816 !important;
}

.background_hover--green-links-dark:hover {
  background-color: #7a9816 !important;
}

.color--green-links-dark {
  color: #7a9816 !important;
}

.color_hover--green-links-dark:hover {
  color: #7a9816 !important;
}

.hover-color--green-links-dark {
  color: #7a9816 !important;
}

.border--green-links-dark {
  border-color: #7a9816 !important;
}

.border_hover--green-links-dark:hover {
  border-color: #7a9816 !important;
}

.fill--green-links-dark {
  fill: #7a9816;
}

.button {
  border-radius: 8px;
}
.button__color--green-links-dark {
  background-color: #7a9816 !important;
}
.button__color--green-links-dark:hover {
  background-color: #566b10 !important;
}

.background--green-special-offer {
  background-color: #fdff56 !important;
}

.background_hover--green-special-offer:hover {
  background-color: #fdff56 !important;
}

.color--green-special-offer {
  color: #fdff56 !important;
}

.color_hover--green-special-offer:hover {
  color: #fdff56 !important;
}

.hover-color--green-special-offer {
  color: #fdff56 !important;
}

.border--green-special-offer {
  border-color: #fdff56 !important;
}

.border_hover--green-special-offer:hover {
  border-color: #fdff56 !important;
}

.fill--green-special-offer {
  fill: #fdff56;
}

.button {
  border-radius: 8px;
}
.button__color--green-special-offer {
  background-color: #fdff56 !important;
}
.button__color--green-special-offer:hover {
  background-color: #fcff23 !important;
}

.background--orange-deals {
  background-color: #EE5326 !important;
}

.background_hover--orange-deals:hover {
  background-color: #EE5326 !important;
}

.color--orange-deals {
  color: #EE5326 !important;
}

.color_hover--orange-deals:hover {
  color: #EE5326 !important;
}

.hover-color--orange-deals {
  color: #EE5326 !important;
}

.border--orange-deals {
  border-color: #EE5326 !important;
}

.border_hover--orange-deals:hover {
  border-color: #EE5326 !important;
}

.fill--orange-deals {
  fill: #EE5326;
}

.button {
  border-radius: 8px;
}
.button__color--orange-deals {
  background-color: #EE5326 !important;
}
.button__color--orange-deals:hover {
  background-color: #d13c10 !important;
}

.background--red-prices {
  background-color: red !important;
}

.background_hover--red-prices:hover {
  background-color: red !important;
}

.color--red-prices {
  color: red !important;
}

.color_hover--red-prices:hover {
  color: red !important;
}

.hover-color--red-prices {
  color: red !important;
}

.border--red-prices {
  border-color: red !important;
}

.border_hover--red-prices:hover {
  border-color: red !important;
}

.fill--red-prices {
  fill: red;
}

.button {
  border-radius: 8px;
}
.button__color--red-prices {
  background-color: red !important;
}
.button__color--red-prices:hover {
  background-color: #cc0000 !important;
}

.background--yellow {
  background-color: #fc0 !important;
}

.background_hover--yellow:hover {
  background-color: #fc0 !important;
}

.color--yellow {
  color: #fc0 !important;
}

.color_hover--yellow:hover {
  color: #fc0 !important;
}

.hover-color--yellow {
  color: #fc0 !important;
}

.border--yellow {
  border-color: #fc0 !important;
}

.border_hover--yellow:hover {
  border-color: #fc0 !important;
}

.fill--yellow {
  fill: #fc0;
}

.button {
  border-radius: 8px;
}
.button__color--yellow {
  background-color: #fc0 !important;
}
.button__color--yellow:hover {
  background-color: #cca300 !important;
}

.background--black-friday {
  background-color: #790039 !important;
}

.background_hover--black-friday:hover {
  background-color: #790039 !important;
}

.color--black-friday {
  color: #790039 !important;
}

.color_hover--black-friday:hover {
  color: #790039 !important;
}

.hover-color--black-friday {
  color: #790039 !important;
}

.border--black-friday {
  border-color: #790039 !important;
}

.border_hover--black-friday:hover {
  border-color: #790039 !important;
}

.fill--black-friday {
  fill: #790039;
}

.button {
  border-radius: 8px;
}
.button__color--black-friday {
  background-color: #790039 !important;
}
.button__color--black-friday:hover {
  background-color: #460021 !important;
}

.background--blue-dark-xmas-sales {
  background-color: #002d6b !important;
}

.background_hover--blue-dark-xmas-sales:hover {
  background-color: #002d6b !important;
}

.color--blue-dark-xmas-sales {
  color: #002d6b !important;
}

.color_hover--blue-dark-xmas-sales:hover {
  color: #002d6b !important;
}

.hover-color--blue-dark-xmas-sales {
  color: #002d6b !important;
}

.border--blue-dark-xmas-sales {
  border-color: #002d6b !important;
}

.border_hover--blue-dark-xmas-sales:hover {
  border-color: #002d6b !important;
}

.fill--blue-dark-xmas-sales {
  fill: #002d6b;
}

.button {
  border-radius: 8px;
}
.button__color--blue-dark-xmas-sales {
  background-color: #002d6b !important;
}
.button__color--blue-dark-xmas-sales:hover {
  background-color: #001838 !important;
}

.background--blue2-dark-xmas-sales {
  background-color: #162e59 !important;
}

.background_hover--blue2-dark-xmas-sales:hover {
  background-color: #162e59 !important;
}

.color--blue2-dark-xmas-sales {
  color: #162e59 !important;
}

.color_hover--blue2-dark-xmas-sales:hover {
  color: #162e59 !important;
}

.hover-color--blue2-dark-xmas-sales {
  color: #162e59 !important;
}

.border--blue2-dark-xmas-sales {
  border-color: #162e59 !important;
}

.border_hover--blue2-dark-xmas-sales:hover {
  border-color: #162e59 !important;
}

.fill--blue2-dark-xmas-sales {
  fill: #162e59;
}

.button {
  border-radius: 8px;
}
.button__color--blue2-dark-xmas-sales {
  background-color: #162e59 !important;
}
.button__color--blue2-dark-xmas-sales:hover {
  background-color: #0c1930 !important;
}

.background--green-xmas-sales {
  background-color: #08d63d !important;
}

.background_hover--green-xmas-sales:hover {
  background-color: #08d63d !important;
}

.color--green-xmas-sales {
  color: #08d63d !important;
}

.color_hover--green-xmas-sales:hover {
  color: #08d63d !important;
}

.hover-color--green-xmas-sales {
  color: #08d63d !important;
}

.border--green-xmas-sales {
  border-color: #08d63d !important;
}

.border_hover--green-xmas-sales:hover {
  border-color: #08d63d !important;
}

.fill--green-xmas-sales {
  fill: #08d63d;
}

.button {
  border-radius: 8px;
}
.button__color--green-xmas-sales {
  background-color: #08d63d !important;
}
.button__color--green-xmas-sales:hover {
  background-color: #06a52f !important;
}

.background--green2-xmas-sales {
  background-color: #21f19e !important;
}

.background_hover--green2-xmas-sales:hover {
  background-color: #21f19e !important;
}

.color--green2-xmas-sales {
  color: #21f19e !important;
}

.color_hover--green2-xmas-sales:hover {
  color: #21f19e !important;
}

.hover-color--green2-xmas-sales {
  color: #21f19e !important;
}

.border--green2-xmas-sales {
  border-color: #21f19e !important;
}

.border_hover--green2-xmas-sales:hover {
  border-color: #21f19e !important;
}

.fill--green2-xmas-sales {
  fill: #21f19e;
}

.button {
  border-radius: 8px;
}
.button__color--green2-xmas-sales {
  background-color: #21f19e !important;
}
.button__color--green2-xmas-sales:hover {
  background-color: #0dd283 !important;
}

.background--purple-flash-sale {
  background-color: #1C0133 !important;
}

.background_hover--purple-flash-sale:hover {
  background-color: #1C0133 !important;
}

.color--purple-flash-sale {
  color: #1C0133 !important;
}

.color_hover--purple-flash-sale:hover {
  color: #1C0133 !important;
}

.hover-color--purple-flash-sale {
  color: #1C0133 !important;
}

.border--purple-flash-sale {
  border-color: #1C0133 !important;
}

.border_hover--purple-flash-sale:hover {
  border-color: #1C0133 !important;
}

.fill--purple-flash-sale {
  fill: #1C0133;
}

.button {
  border-radius: 8px;
}
.button__color--purple-flash-sale {
  background-color: #1C0133 !important;
}
.button__color--purple-flash-sale:hover {
  background-color: #010001 !important;
}

.background--yellow-free-setup-fees {
  background-color: #FFD958 !important;
}

.background_hover--yellow-free-setup-fees:hover {
  background-color: #FFD958 !important;
}

.color--yellow-free-setup-fees {
  color: #FFD958 !important;
}

.color_hover--yellow-free-setup-fees:hover {
  color: #FFD958 !important;
}

.hover-color--yellow-free-setup-fees {
  color: #FFD958 !important;
}

.border--yellow-free-setup-fees {
  border-color: #FFD958 !important;
}

.border_hover--yellow-free-setup-fees:hover {
  border-color: #FFD958 !important;
}

.fill--yellow-free-setup-fees {
  fill: #FFD958;
}

.button {
  border-radius: 8px;
}
.button__color--yellow-free-setup-fees {
  background-color: #FFD958 !important;
}
.button__color--yellow-free-setup-fees:hover {
  background-color: #ffcd25 !important;
}

.background--yellow-xmas {
  background-color: #f9d250 !important;
}

.background_hover--yellow-xmas:hover {
  background-color: #f9d250 !important;
}

.color--yellow-xmas {
  color: #f9d250 !important;
}

.color_hover--yellow-xmas:hover {
  color: #f9d250 !important;
}

.hover-color--yellow-xmas {
  color: #f9d250 !important;
}

.border--yellow-xmas {
  border-color: #f9d250 !important;
}

.border_hover--yellow-xmas:hover {
  border-color: #f9d250 !important;
}

.fill--yellow-xmas {
  fill: #f9d250;
}

.button {
  border-radius: 8px;
}
.button__color--yellow-xmas {
  background-color: #f9d250 !important;
}
.button__color--yellow-xmas:hover {
  background-color: #f7c51f !important;
}

.background--blue-free-setup-fees {
  background-color: #003749 !important;
}

.background_hover--blue-free-setup-fees:hover {
  background-color: #003749 !important;
}

.color--blue-free-setup-fees {
  color: #003749 !important;
}

.color_hover--blue-free-setup-fees:hover {
  color: #003749 !important;
}

.hover-color--blue-free-setup-fees {
  color: #003749 !important;
}

.border--blue-free-setup-fees {
  border-color: #003749 !important;
}

.border_hover--blue-free-setup-fees:hover {
  border-color: #003749 !important;
}

.fill--blue-free-setup-fees {
  fill: #003749;
}

.button {
  border-radius: 8px;
}
.button__color--blue-free-setup-fees {
  background-color: #003749 !important;
}
.button__color--blue-free-setup-fees:hover {
  background-color: #001116 !important;
}

.background--blue-summer-deals {
  background-color: #00f6fc !important;
}

.background_hover--blue-summer-deals:hover {
  background-color: #00f6fc !important;
}

.color--blue-summer-deals {
  color: #00f6fc !important;
}

.color_hover--blue-summer-deals:hover {
  color: #00f6fc !important;
}

.hover-color--blue-summer-deals {
  color: #00f6fc !important;
}

.border--blue-summer-deals {
  border-color: #00f6fc !important;
}

.border_hover--blue-summer-deals:hover {
  border-color: #00f6fc !important;
}

.fill--blue-summer-deals {
  fill: #00f6fc;
}

.button {
  border-radius: 8px;
}
.button__color--blue-summer-deals {
  background-color: #00f6fc !important;
}
.button__color--blue-summer-deals:hover {
  background-color: #00c4c9 !important;
}

.background--blue-dark-summer-deals {
  background-color: #001758 !important;
}

.background_hover--blue-dark-summer-deals:hover {
  background-color: #001758 !important;
}

.color--blue-dark-summer-deals {
  color: #001758 !important;
}

.color_hover--blue-dark-summer-deals:hover {
  color: #001758 !important;
}

.hover-color--blue-dark-summer-deals {
  color: #001758 !important;
}

.border--blue-dark-summer-deals {
  border-color: #001758 !important;
}

.border_hover--blue-dark-summer-deals:hover {
  border-color: #001758 !important;
}

.fill--blue-dark-summer-deals {
  fill: #001758;
}

.button {
  border-radius: 8px;
}
.button__color--blue-dark-summer-deals {
  background-color: #001758 !important;
}
.button__color--blue-dark-summer-deals:hover {
  background-color: #000a25 !important;
}

.background--blue-light-winter-sale {
  background-color: #8dd9fb !important;
}

.background_hover--blue-light-winter-sale:hover {
  background-color: #8dd9fb !important;
}

.color--blue-light-winter-sale {
  color: #8dd9fb !important;
}

.color_hover--blue-light-winter-sale:hover {
  color: #8dd9fb !important;
}

.hover-color--blue-light-winter-sale {
  color: #8dd9fb !important;
}

.border--blue-light-winter-sale {
  border-color: #8dd9fb !important;
}

.border_hover--blue-light-winter-sale:hover {
  border-color: #8dd9fb !important;
}

.fill--blue-light-winter-sale {
  fill: #8dd9fb;
}

.button {
  border-radius: 8px;
}
.button__color--blue-light-winter-sale {
  background-color: #8dd9fb !important;
}
.button__color--blue-light-winter-sale:hover {
  background-color: #5cc9f9 !important;
}

.background--blue-dark-winter-sale {
  background-color: #1331b4 !important;
}

.background_hover--blue-dark-winter-sale:hover {
  background-color: #1331b4 !important;
}

.color--blue-dark-winter-sale {
  color: #1331b4 !important;
}

.color_hover--blue-dark-winter-sale:hover {
  color: #1331b4 !important;
}

.hover-color--blue-dark-winter-sale {
  color: #1331b4 !important;
}

.border--blue-dark-winter-sale {
  border-color: #1331b4 !important;
}

.border_hover--blue-dark-winter-sale:hover {
  border-color: #1331b4 !important;
}

.fill--blue-dark-winter-sale {
  fill: #1331b4;
}

.button {
  border-radius: 8px;
}
.button__color--blue-dark-winter-sale {
  background-color: #1331b4 !important;
}
.button__color--blue-dark-winter-sale:hover {
  background-color: #0e2486 !important;
}

.background--blue-darker-winter-sale {
  background-color: #011853 !important;
}

.background_hover--blue-darker-winter-sale:hover {
  background-color: #011853 !important;
}

.color--blue-darker-winter-sale {
  color: #011853 !important;
}

.color_hover--blue-darker-winter-sale:hover {
  color: #011853 !important;
}

.hover-color--blue-darker-winter-sale {
  color: #011853 !important;
}

.border--blue-darker-winter-sale {
  border-color: #011853 !important;
}

.border_hover--blue-darker-winter-sale:hover {
  border-color: #011853 !important;
}

.fill--blue-darker-winter-sale {
  fill: #011853;
}

.button {
  border-radius: 8px;
}
.button__color--blue-darker-winter-sale {
  background-color: #011853 !important;
}
.button__color--blue-darker-winter-sale:hover {
  background-color: #000921 !important;
}

.text--xxsmall {
  font-size: 0.3rem;
  line-height: 0.5rem;
}

.line--xxsmall {
  line-height: 0.3rem !important;
}

.text--xsmall {
  font-size: 0.5rem;
  line-height: 0.7rem;
}

.line--xsmall {
  line-height: 0.5rem !important;
}

.text--small {
  font-size: 0.7rem;
  line-height: 0.9rem;
}

.line--small {
  line-height: 0.7rem !important;
}

.text--normal {
  font-size: 1rem;
  line-height: 1.2rem;
}

.line--normal {
  line-height: 1rem !important;
}

.text--large {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.line--large {
  line-height: 1.2rem !important;
}

.text--xlarge {
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.line--xlarge {
  line-height: 1.5rem !important;
}

.text--xxlarge {
  font-size: 1.7rem;
  line-height: 1.9rem;
}

.line--xxlarge {
  line-height: 1.7rem !important;
}

.text--h1 {
  font-size: 2.4rem;
  line-height: 2.6rem;
}

.line--h1 {
  line-height: 2.4rem !important;
}

.text--h2 {
  font-size: 2.1rem;
  line-height: 2.3rem;
}

.line--h2 {
  line-height: 2.1rem !important;
}

.text--h3 {
  font-size: 1.8rem;
  line-height: 2rem;
}

.line--h3 {
  line-height: 1.8rem !important;
}

.text--h4 {
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.line--h4 {
  line-height: 1.5rem !important;
}

.text--h5 {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.line--h5 {
  line-height: 1.2rem !important;
}

.text--h6 {
  font-size: 0.9rem;
  line-height: 1.1rem;
}

.line--h6 {
  line-height: 0.9rem !important;
}

.text--p {
  font-size: 1.12rem;
  line-height: 1.32rem;
}

.line--p {
  line-height: 1.12rem !important;
}

.text--deals-price {
  font-size: 58px;
  line-height: 58.2px;
}

.line--deals-price {
  line-height: 58px !important;
}

.text--title {
  font-size: 1.67rem;
  line-height: 1.87rem;
}

.line--title {
  line-height: 1.67rem !important;
}

.text--data {
  font-size: 4.5rem;
  line-height: 4.7rem;
}

.line--data {
  line-height: 4.5rem !important;
}

.text--button {
  font-size: 0.9rem;
  line-height: 1.1rem;
}

.line--button {
  line-height: 0.9rem !important;
}

.text--big {
  font-size: 6rem;
  line-height: 6.2rem;
}

.line--big {
  line-height: 6rem !important;
}

.text--promo {
  font-size: 2.8rem;
  line-height: 3rem;
}

.line--promo {
  line-height: 2.8rem !important;
}

.text--18 {
  font-size: 18px;
  line-height: 18.2px;
}

.line--18 {
  line-height: 18px !important;
}

.weight--light {
  font-weight: lighter !important;
}

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

.weight--bold {
  font-weight: bolder !important;
}

.border-size--0 {
  border-width: 0px;
}

.border-size--1 {
  border-width: 1px;
}

.border-size--2 {
  border-width: 2px;
}

.border-size--3 {
  border-width: 3px;
}

.border-size--4 {
  border-width: 4px;
}

.border-size--5 {
  border-width: 5px;
}

.border-size--6 {
  border-width: 6px;
}

.border-size--7 {
  border-width: 7px;
}

.border-size--8 {
  border-width: 8px;
}

.border-size--9 {
  border-width: 9px;
}

.border-size--10 {
  border-width: 10px;
}

.border_radius--0 {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.border_radius--1 {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
}

.border_radius--2 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.border_radius--3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.border_radius--4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.border_radius--5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.border_radius--6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.border_radius--7 {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.border_radius--8 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.border_radius--9 {
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
}

.border_radius--10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.position--relative {
  position: "relative";
}

.position--absolute {
  position: "absolute";
}

.position--static {
  position: "static";
}

.position--fixed {
  position: "fixed";
}

.position--sticky {
  position: "sticky";
}

@media (max-width: 575.98px) {
  .align-xs--left {
    text-align: left !important;
  }
}

.align-xs-up--left {
  text-align: left !important;
}

@media (max-width: 575.98px) {
  .align-xs-down--left {
    text-align: left !important;
  }
}

@media (max-width: 575.98px) {
  .align-xs--center {
    text-align: center !important;
  }
}

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

@media (max-width: 575.98px) {
  .align-xs-down--center {
    text-align: center !important;
  }
}

@media (max-width: 575.98px) {
  .align-xs--right {
    text-align: right !important;
  }
}

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

@media (max-width: 575.98px) {
  .align-xs-down--right {
    text-align: right !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .align-sm--left {
    text-align: left !important;
  }
}

@media (min-width: 576px) {
  .align-sm-up--left {
    text-align: left !important;
  }
}

@media (max-width: 767.98px) {
  .align-sm-down--left {
    text-align: left !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .align-sm--center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .align-sm-up--center {
    text-align: center !important;
  }
}

@media (max-width: 767.98px) {
  .align-sm-down--center {
    text-align: center !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .align-sm--right {
    text-align: right !important;
  }
}

@media (min-width: 576px) {
  .align-sm-up--right {
    text-align: right !important;
  }
}

@media (max-width: 767.98px) {
  .align-sm-down--right {
    text-align: right !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .align-md--left {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .align-md-up--left {
    text-align: left !important;
  }
}

@media (max-width: 991.98px) {
  .align-md-down--left {
    text-align: left !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .align-md--center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .align-md-up--center {
    text-align: center !important;
  }
}

@media (max-width: 991.98px) {
  .align-md-down--center {
    text-align: center !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .align-md--right {
    text-align: right !important;
  }
}

@media (min-width: 768px) {
  .align-md-up--right {
    text-align: right !important;
  }
}

@media (max-width: 991.98px) {
  .align-md-down--right {
    text-align: right !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .align-lg--left {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  .align-lg-up--left {
    text-align: left !important;
  }
}

@media (max-width: 1199.98px) {
  .align-lg-down--left {
    text-align: left !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .align-lg--center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .align-lg-up--center {
    text-align: center !important;
  }
}

@media (max-width: 1199.98px) {
  .align-lg-down--center {
    text-align: center !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .align-lg--right {
    text-align: right !important;
  }
}

@media (min-width: 992px) {
  .align-lg-up--right {
    text-align: right !important;
  }
}

@media (max-width: 1199.98px) {
  .align-lg-down--right {
    text-align: right !important;
  }
}

@media (min-width: 1200px) {
  .align-xl--left {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .align-xl-up--left {
    text-align: left !important;
  }
}

.align-xl-down--left {
  text-align: left !important;
}

@media (min-width: 1200px) {
  .align-xl--center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .align-xl-up--center {
    text-align: center !important;
  }
}

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

@media (min-width: 1200px) {
  .align-xl--right {
    text-align: right !important;
  }
}

@media (min-width: 1200px) {
  .align-xl-up--right {
    text-align: right !important;
  }
}

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

.width--5 {
  width: 5%;
}

@media (max-width: 575.98px) {
  .width-xs--5 {
    width: 5% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--5 {
    width: 5% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--5 {
    width: 5% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--5 {
    width: 5% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--5 {
    width: 5% !important;
  }
}

.width--10 {
  width: 10%;
}

@media (max-width: 575.98px) {
  .width-xs--10 {
    width: 10% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--10 {
    width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--10 {
    width: 10% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--10 {
    width: 10% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--10 {
    width: 10% !important;
  }
}

.width--15 {
  width: 15%;
}

@media (max-width: 575.98px) {
  .width-xs--15 {
    width: 15% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--15 {
    width: 15% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--15 {
    width: 15% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--15 {
    width: 15% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--15 {
    width: 15% !important;
  }
}

.width--20 {
  width: 20%;
}

@media (max-width: 575.98px) {
  .width-xs--20 {
    width: 20% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--20 {
    width: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--20 {
    width: 20% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--20 {
    width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--20 {
    width: 20% !important;
  }
}

.width--25 {
  width: 25%;
}

@media (max-width: 575.98px) {
  .width-xs--25 {
    width: 25% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--25 {
    width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--25 {
    width: 25% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--25 {
    width: 25% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--25 {
    width: 25% !important;
  }
}

.width--30 {
  width: 30%;
}

@media (max-width: 575.98px) {
  .width-xs--30 {
    width: 30% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--30 {
    width: 30% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--30 {
    width: 30% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--30 {
    width: 30% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--30 {
    width: 30% !important;
  }
}

.width--35 {
  width: 35%;
}

@media (max-width: 575.98px) {
  .width-xs--35 {
    width: 35% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--35 {
    width: 35% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--35 {
    width: 35% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--35 {
    width: 35% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--35 {
    width: 35% !important;
  }
}

.width--40 {
  width: 40%;
}

@media (max-width: 575.98px) {
  .width-xs--40 {
    width: 40% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--40 {
    width: 40% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--40 {
    width: 40% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--40 {
    width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--40 {
    width: 40% !important;
  }
}

.width--45 {
  width: 45%;
}

@media (max-width: 575.98px) {
  .width-xs--45 {
    width: 45% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--45 {
    width: 45% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--45 {
    width: 45% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--45 {
    width: 45% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--45 {
    width: 45% !important;
  }
}

.width--50 {
  width: 50%;
}

@media (max-width: 575.98px) {
  .width-xs--50 {
    width: 50% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--50 {
    width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--50 {
    width: 50% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--50 {
    width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--50 {
    width: 50% !important;
  }
}

.width--55 {
  width: 55%;
}

@media (max-width: 575.98px) {
  .width-xs--55 {
    width: 55% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--55 {
    width: 55% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--55 {
    width: 55% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--55 {
    width: 55% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--55 {
    width: 55% !important;
  }
}

.width--60 {
  width: 60%;
}

@media (max-width: 575.98px) {
  .width-xs--60 {
    width: 60% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--60 {
    width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--60 {
    width: 60% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--60 {
    width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--60 {
    width: 60% !important;
  }
}

.width--65 {
  width: 65%;
}

@media (max-width: 575.98px) {
  .width-xs--65 {
    width: 65% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--65 {
    width: 65% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--65 {
    width: 65% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--65 {
    width: 65% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--65 {
    width: 65% !important;
  }
}

.width--70 {
  width: 70%;
}

@media (max-width: 575.98px) {
  .width-xs--70 {
    width: 70% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--70 {
    width: 70% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--70 {
    width: 70% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--70 {
    width: 70% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--70 {
    width: 70% !important;
  }
}

.width--75 {
  width: 75%;
}

@media (max-width: 575.98px) {
  .width-xs--75 {
    width: 75% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--75 {
    width: 75% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--75 {
    width: 75% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--75 {
    width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--75 {
    width: 75% !important;
  }
}

.width--80 {
  width: 80%;
}

@media (max-width: 575.98px) {
  .width-xs--80 {
    width: 80% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--80 {
    width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--80 {
    width: 80% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--80 {
    width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--80 {
    width: 80% !important;
  }
}

.width--85 {
  width: 85%;
}

@media (max-width: 575.98px) {
  .width-xs--85 {
    width: 85% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--85 {
    width: 85% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--85 {
    width: 85% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--85 {
    width: 85% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--85 {
    width: 85% !important;
  }
}

.width--90 {
  width: 90%;
}

@media (max-width: 575.98px) {
  .width-xs--90 {
    width: 90% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--90 {
    width: 90% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--90 {
    width: 90% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--90 {
    width: 90% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--90 {
    width: 90% !important;
  }
}

.width--95 {
  width: 95%;
}

@media (max-width: 575.98px) {
  .width-xs--95 {
    width: 95% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--95 {
    width: 95% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--95 {
    width: 95% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--95 {
    width: 95% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--95 {
    width: 95% !important;
  }
}

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

@media (max-width: 575.98px) {
  .width-xs--100 {
    width: 100% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .width-sm--100 {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .width-md--100 {
    width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .width-lg--100 {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .width-xl--100 {
    width: 100% !important;
  }
}

.align--relative {
  text-align: "relative";
}

.align--absolute {
  text-align: "absolute";
}

.align--static {
  text-align: "static";
}

.align--fixed {
  text-align: "fixed";
}

.align--sticky {
  text-align: "sticky";
}

.feature {
  padding: 0;
}
.feature__image {
  height: 80px;
  width: 111px;
  margin: 20px auto;
  mix-blend-mode: multiply;
}
.feature-16ip {
  background-color: black;
  mask-image: url("../../images/services/16Ip-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/16Ip-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.feature-16ip:hover {
  background-color: #9bc321;
}
.feature-ddos {
  background-color: black;
  mask-image: url("../../images/services/AntiDDoS-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/AntiDDoS-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.feature-ddos:hover {
  background-color: #9bc321;
}
.feature-bp {
  background-color: black;
  mask-image: url("../../images/services/BandePassante-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/BandePassante-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.feature-bp:hover {
  background-color: #9bc321;
}
.feature-backup {
  background-color: black;
  mask-image: url("../../images/services/BackUpStorage100go-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/BackUpStorage100go-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.feature-backup:hover {
  background-color: #9bc321;
}
.feature-dist {
  background-color: black;
  mask-image: url("../../images/services/90Environnements-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/90Environnements-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.feature-dist:hover {
  background-color: #9bc321;
}

.option {
  padding: 0;
}
.option__image {
  height: 80px;
  width: 111px;
  margin: 20px auto;
  mix-blend-mode: multiply;
}
.option-ipfo {
  background-color: black;
  mask-image: url("../../images/services/IpFailOver-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/IpFailOver-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.option-ipfo:hover {
  background-color: #9bc321;
}
.option-kvm {
  background-color: black;
  mask-image: url("../../images/services/KvmIpExpress-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/KvmIpExpress-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.option-kvm:hover {
  background-color: #9bc321;
}
.option-fw {
  background: url("../../images/services/icn-fw.jpg") no-repeat center transparent;
}
.option-fw:hover {
  background-color: #9bc321;
}
.option-backup-plus {
  background-color: black;
  mask-image: url("../../images/services/BackupSupplementaire-120px.svg") no-repeat;
  -webkit-mask: url("../../images/services/BackupSupplementaire-120px.svg") no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.option-backup-plus:hover {
  background-color: #9bc321;
}
.option-usb {
  background: url("../../images/services/icn-usb.jpg") no-repeat center transparent;
}
.option-usb:hover {
  background-color: #9bc321;
}

.free-fees-offer {
  background: #9ec51c;
}

.header {
  /*height: 300px;
  min-height: 300px;*/
  /*height: 40vh;
  min-height: 40vh;*/
  position: relative;
}
.header-game {
  background: center url("../../images/banners/banner-page-game.jpg");
}
.header-essential {
  background: center url("../../images/banners/banner-page-essential.jpg");
}
.header-xeon-promotion {
  background: center url("../../images/banners/header-xeon.png");
}
.header-essential-fees {
  background: center url("../../images/banners/hero-free-setup-fees.png");
}
.header-essential-black-friday {
  background: #770038 center url("../../images/banners/hero-black-friday.jpg") no-repeat;
}
.header-double-bandwidth {
  background: #0e1a0a center url("../../images/banners/header-double-bandwidth.png") no-repeat;
}
.header-essential-flash-sale {
  background: #1C0133 center url("../../images/banners/hero-flash-sale.png") no-repeat;
}
.header-game-flash-sale {
  background: #1C0133 center url("../../images/banners/hero-flash-sale.png") no-repeat;
}
.header-game-xmas-sales {
  background: #162e59;
}
.header-summer-week {
  background: #809e00 center url("../../images/banners/header-summer-week.png") no-repeat;
}
.header-winter-sale {
  background: #011853 center url("../../images/banners/HeaderBannerWS.png") no-repeat;
}
.header-deals {
  background: #000e9c;
  background: -moz-linear-gradient(90deg, #000e9c, #0050d7);
  background: -webkit-linear-gradient(90deg, #000e9c, #0050d7);
  background: linear-gradient(90deg, #000e9c, #0050d7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000e9c",endColorstr="#26ffff",GradientType=1);
  background: #041a5a center url("../../images/banners/header-deals-0920.png") no-repeat;
}
.header-deals:after {
  content: " ";
  opacity: 0.5;
  display: block;
  width: 100%;
  height: 180px;
  margin-top: -180px;
}
.header-game-xmas-sales__animated {
  background: #1C0133 center url("../../images/banners/animation-xmas-sales.gif") no-repeat;
  background-size: 70%;
}
.header-game-xmas-sales__stroke {
  text-shadow: -3px -2px 0 #21f19e, -3px -1px 0 #21f19e, -3px 0px 0 #21f19e, -3px 1px 0 #21f19e, -3px 2px 0 #21f19e, -2px -3px 0 #21f19e, -2px -2px 0 #21f19e, -2px -1px 0 #21f19e, -2px 0px 0 #21f19e, -2px 1px 0 #21f19e, -2px 2px 0 #21f19e, -2px 3px 0 #21f19e, -1px -3px 0 #21f19e, -1px -2px 0 #21f19e, -1px -1px 0 #21f19e, -1px 0px 0 #21f19e, -1px 1px 0 #21f19e, -1px 2px 0 #21f19e, -1px 3px 0 #21f19e, 0px -3px 0 #21f19e, 0px -2px 0 #21f19e, 0px -1px 0 #21f19e, 0px 0px 0 #21f19e, 0px 1px 0 #21f19e, 0px 2px 0 #21f19e, 0px 3px 0 #21f19e, 1px -3px 0 #21f19e, 1px -2px 0 #21f19e, 1px -1px 0 #21f19e, 1px 0px 0 #21f19e, 1px 1px 0 #21f19e, 1px 2px 0 #21f19e, 1px 3px 0 #21f19e, 2px -3px 0 #21f19e, 2px -2px 0 #21f19e, 2px -1px 0 #21f19e, 2px 0px 0 #21f19e, 2px 1px 0 #21f19e, 2px 2px 0 #21f19e, 2px 3px 0 #21f19e, 3px -2px 0 #21f19e, 3px -1px 0 #21f19e, 3px 0px 0 #21f19e, 3px 1px 0 #21f19e, 3px 2px 0 #21f19e;
}
.header-storage {
  background: center url("../../images/banners/banner-page-stockage.jpg");
}
.header-free-fees-months {
  background: #003749 center url("../../images/banners/hero-free-setup-months.png") no-repeat;
}
.header-boxing-days {
  background: #010a2b center url("../../images/banners/HeaderBXBanner.png") no-repeat;
}
.header-summer-deals {
  background: #00f6fc -180px url("../../images/banners/hero-summer-deals.png") no-repeat;
}
@media (max-width: 991.98px) {
  .header-summer-deals {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header-summer-deals {
    background-position: -220px !important;
  }
}
.header-about {
  background: #1d232a right url("../../images/banners/banner-page-about.png") no-repeat;
}
.header__title {
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  font-size: 2.5rem;
  position: relative;
}
.header__baseline {
  font-size: 1.55rem;
  line-height: 1.7rem;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
.header__macaron {
  position: absolute;
  right: 0;
  top: 0;
  height: 185px;
  width: 185px;
  background-size: contain;
}
.header__macaron-en {
  background-image: url("../../images/banners/limited-offer_en.png");
}
.header__macaron-fr {
  background-image: url("../../images/banners/limited-offer_fr.png");
}
.header__macaron-es {
  background-image: url("../../images/banners/limited-offer_es.png");
}
@media (max-width: 991.98px) {
  .header {
    min-height: 300px;
  }
  .header__macaron {
    display: none;
  }
}
@media (min-width: 768px) {
  .header {
    height: 300px;
    /*min-height: 300px;*/
  }
  .header__title {
    text-align: center;
    font-size: 2.3rem;
  }
  .header__baseline {
    margin-top: 15px;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .header {
    height: 300px;
    /*min-height: 300px;*/
  }
  .header__title {
    text-align: left;
    font-size: 2rem;
  }
  .header__baseline {
    text-align: left;
  }
}

.hero {
  /*overflow: hidden;*/
  font-size: 26px;
  /*min-height: 40vh;*/
  position: relative;
}
.hero__flag {
  background-image: url("../../images/flagz/ovhFlags.png");
  background-repeat: no-repeat;
  width: 48px;
  height: 32px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  top: 13px;
  margin-left: 10px;
  box-sizing: content-box;
}
.hero__flag--fr {
  background-position: 0 -772px !important;
}
.hero__flag--gra {
  background-position: 0 -772px !important;
}
.hero__flag--rbx {
  background-position: 0 -772px !important;
}
.hero__flag--sbg {
  background-position: 0 -772px !important;
}
.hero__flag--bhs {
  background-position: 0 -7px !important;
}
.hero__flag--waw {
  background-position: 0 -262px !important;
}
.hero__flag--fra {
  background-position: 0 -925px !important;
}
.hero__flag--lon {
  background-position: 0 -517px !important;
}
.hero-game {
  background: center url("../../images/banners/banner-home-game.jpg");
}
.hero-essential {
  background: center url("../../images/banners/banner-home-essential.jpg");
}
.hero-storage {
  background: center url("../../images/banners/banner-home-stockage.jpg");
}
.hero-highlight {
  background: center url("../../images/banners/hero-highlight.png");
}
.hero-deals {
  background: #000e9c;
  background: -moz-linear-gradient(90deg, #000e9c, #0050d7);
  background: -webkit-linear-gradient(90deg, #000e9c, #0050d7);
  background: linear-gradient(90deg, #000e9c, #0050d7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000e9c",endColorstr="#26ffff",GradientType=1);
  background: #041a5a center url("../../images/banners/hero-deals-0920.png") no-repeat;
}
.hero-deals:before {
  content: " ";
  width: 100%;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  height: 260px;
  display: block;
}
.hero-xeon-promotion {
  background: center url("../../images/banners/hero-xeon.png");
}
.hero-free-setup-fees {
  background: center url("../../images/banners/hero-free-setup-fees.png");
}
.hero-black-friday {
  background: center url("../../images/banners/hero-black-friday.jpg");
}
.hero-flash-sale {
  background: center url("../../images/banners/hero-flash-sale.png");
}
.hero-xmas-sales {
  background: #162e59;
}
.hero-xmas-sales__animated {
  background: center url("../../images/banners/animation-xmas-sales.gif") no-repeat;
}
.hero-boxing-days {
  background: #010a2b center url("../../images/banners/HeroBXBanner.png") no-repeat;
}
.hero-free-setup-fees-6-12-months {
  background: #003749 center url("../../images/banners/hero-free-setup-months.png") no-repeat;
}
.hero-double-bandwidth {
  background: #0e1a0a center url("../../images/banners/hero-double-bandwidth.png") no-repeat;
}
.hero-summer-week {
  background: #809e00 center url("../../images/banners/hero-summer-week.png") no-repeat;
}
.hero-summer-deals {
  background: #00f6fc -100px url("../../images/banners/hero-summer-deals.png") no-repeat;
}
@media (max-width: 991.98px) {
  .hero-summer-deals {
    background-image: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero-summer-deals {
    background-position: -200px !important;
  }
}
.hero-summer-deals_de {
  background: #003749 center url("../../images/banners/hero-summer-deals_de.png") no-repeat;
}
.hero-summer-deals_pt {
  background: #003749 center url("../../images/banners/hero-summer-deals_pt.png") no-repeat;
}
.hero-summer-deals_it {
  background: #003749 center url("../../images/banners/hero-summer-deals_it.png") no-repeat;
}
.hero-summer-deals_es {
  background: #003749 center url("../../images/banners/hero-summer-deals_es.png") no-repeat;
}
.hero-summer-deals_nl {
  background: #003749 center url("../../images/banners/hero-summer-deals_nl.png") no-repeat;
}
.hero-summer-deals_en {
  background: #003749 center url("../../images/banners/hero-summer-deals_en.png") no-repeat;
}
.hero-xmas-sales__stroke {
  text-shadow: -3px -2px 0 #21f19e, -3px -1px 0 #21f19e, -3px 0px 0 #21f19e, -3px 1px 0 #21f19e, -3px 2px 0 #21f19e, -2px -3px 0 #21f19e, -2px -2px 0 #21f19e, -2px -1px 0 #21f19e, -2px 0px 0 #21f19e, -2px 1px 0 #21f19e, -2px 2px 0 #21f19e, -2px 3px 0 #21f19e, -1px -3px 0 #21f19e, -1px -2px 0 #21f19e, -1px -1px 0 #21f19e, -1px 0px 0 #21f19e, -1px 1px 0 #21f19e, -1px 2px 0 #21f19e, -1px 3px 0 #21f19e, 0px -3px 0 #21f19e, 0px -2px 0 #21f19e, 0px -1px 0 #21f19e, 0px 0px 0 #21f19e, 0px 1px 0 #21f19e, 0px 2px 0 #21f19e, 0px 3px 0 #21f19e, 1px -3px 0 #21f19e, 1px -2px 0 #21f19e, 1px -1px 0 #21f19e, 1px 0px 0 #21f19e, 1px 1px 0 #21f19e, 1px 2px 0 #21f19e, 1px 3px 0 #21f19e, 2px -3px 0 #21f19e, 2px -2px 0 #21f19e, 2px -1px 0 #21f19e, 2px 0px 0 #21f19e, 2px 1px 0 #21f19e, 2px 2px 0 #21f19e, 2px 3px 0 #21f19e, 3px -2px 0 #21f19e, 3px -1px 0 #21f19e, 3px 0px 0 #21f19e, 3px 1px 0 #21f19e, 3px 2px 0 #21f19e;
}
.hero-winter-sale {
  background: #011853 center url("../../images/banners/HeroBannerWS.png") no-repeat;
}
.hero__title {
  font-size: 1em !important;
  position: relative;
}
.hero--center {
  text-align: center;
}
.hero--left {
  text-align: center;
}
.hero--right {
  text-align: center;
}
.hero__macaron {
  display: block;
  float: right;
  position: absolute;
  top: 25px;
  right: -150px;
  height: 185px;
  width: 185px;
  background-size: contain;
}
.hero__macaron-en {
  background-image: url("../../images/banners/limited-offer_en.png");
}
.hero__macaron-fr {
  background-image: url("../../images/banners/limited-offer_fr.png");
}
.hero__macaron-es {
  background-image: url("../../images/banners/limited-offer_es.png");
}
@media (max-width: 991.98px) {
  .hero__macaron {
    display: none;
  }
}
.hero__surtitle {
  border-bottom: solid 4px #44a8d6;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 18px;
  font-weight: lighter;
}
.hero__button {
  margin-top: 12px;
  padding: 0;
  border-radius: 8px;
  background-color: #9ec51c;
  width: 160px;
  font-size: 16px;
  line-height: 40px;
  display: block;
  transition: all 0.3s linear;
}
.hero__button:hover {
  background-color: #7a9816;
  transition: all 0.3s linear;
}
.hero__button--center {
  margin-left: auto;
  margin-right: auto;
}
.hero__button--left {
  margin-left: auto;
  margin-right: auto;
}
.hero__button--right {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .hero {
    height: 40vh;
    /*min-height: 40vh;*/
  }
  .hero__title {
    font-size: 1.4em !important;
  }
  .hero--center {
    text-align: center;
  }
  .hero--left {
    text-align: left;
  }
  .hero--right {
    text-align: right;
  }
  .hero__surtitle {
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 23px;
  }
  .hero__button {
    margin-top: 10px;
    padding: 0;
    border-radius: 8px;
    background-color: #9ec51c;
    width: 160px;
    font-size: 20px;
    line-height: 50px;
  }
  .hero__button--center {
    margin-left: auto;
    margin-right: auto;
  }
  .hero__button--left {
    margin-left: 0;
    margin-right: auto;
  }
  .hero__button--right {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .hero {
    height: 444px;
    /*min-height: 444px;*/
  }
  .hero__title {
    font-size: 2em !important;
  }
  .hero--center {
    text-align: center;
  }
  .hero--left {
    text-align: left;
  }
  .hero--right {
    text-align: right;
  }
  .hero__surtitle {
    font-size: 19px;
    line-height: 23px;
  }
  .hero__button {
    margin-top: 10px;
    padding: 0;
    border-radius: 8px;
    background-color: #9ec51c;
    width: 160px;
    font-size: 0.77em;
    line-height: 59px;
  }
  .hero__button--center {
    margin-left: auto;
    margin-right: auto;
  }
  .hero__button--left {
    margin-left: 0;
    margin-right: auto;
  }
  .hero__button--right {
    margin-left: auto;
    margin-right: 0;
  }
}

.range__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  color: white;
  line-height: 220px;
  transition: all 0.5s ease-in-out;
}
.range__overlay:hover {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.range__overlay h3 {
  color: white;
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}

.new-our-ranges__price {
  position: relative;
  display: block;
  height: 100%;
}
.new-our-ranges__p {
  margin-bottom: 145px;
}
.new-our-ranges__price--bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

/* old our-ranges view */
.our-ranges a {
  text-decoration: none !important;
  color: #000;
  font-size: 1rem;
}
.our-ranges__image {
  position: relative;
  padding: 0;
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.our-ranges__image--essential {
  background: center url("../../images/index/Pad_SD.jpg");
  background-size: cover;
}
.our-ranges__image--game {
  background: center url("../../images/index/Pad_Option.jpg");
  background-size: cover;
}
.our-ranges__image--storage {
  background: center url("../../images/index/Pad_Data.jpg");
  background-size: cover;
}
.our-ranges__image:hover > .opacify {
  animation: opacify 3s linear 0s infinite normal;
}
.our-ranges__image:hover > .opacify1 {
  animation: opacifyOne 3s linear 0s infinite normal;
}
.our-ranges__image:hover > .opacify2 {
  animation: opacifyTwo 3s linear 0s infinite normal;
}

@keyframes opacify {
  0% {
    opacity: 1;
  }
  4% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  71% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacifyOne {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacifyTwo {
  0% {
    opacity: 0;
  }
  38% {
    opacity: 0;
  }
  39% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  71% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.servers-sort {
  margin-bottom: 0;
}

/*the container must be positioned relative:*/
.custom-select {
  text-align: left !important;
  position: relative;
}

.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}

.select-selected {
  background-color: #ffffff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: calc(50% - 3px);
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #020e1e transparent transparent transparent;
  border-radius: 3px;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #020e1e transparent;
  top: calc(50% - 8px);
  border-radius: 3px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #020e1e;
  font-weight: bold;
  padding: 8px 16px 8px 40px;
  width: 100%;
  border: 1px solid transparent;
  border-color: #d2d2d2;
  background-position: top 5px left 5px bottom 5px;
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-items div {
  border-radius: 0;
  border-top: none;
}

.select-items div:hover {
  color: white;
  background-color: #a6c343 !important;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.dispo__span {
  color: #fff;
  border-radius: 10px;
  padding: 0 3px;
  font-size: 0.6rem;
  display: inline-block;
}

.dispo__span.high {
  background-color: #448124;
}

.dispo__span.medium {
  background-color: orange;
}

.dispo__span.low {
  background-color: red;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.05);
}

.flag_fr {
  background-image: url("../../images/flagz/flag_fr.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto 45%;
}
.flag_bhs {
  background-image: url("../../images/flagz/flag_bhs.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto 45%;
}
.flag_waw {
  background-image: url("../../images/flagz/flag_waw.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto 45%;
}
.flag_fra {
  background-image: url("../../images/flagz/flag_fra.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto 45%;
}
.flag_lon {
  background-image: url("../../images/flagz/flag_lon.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto 45%;
}

.servers-list-black-friday {
  width: 132px;
  height: 18px;
  border-radius: 12px;
  border: solid 2px #000d1f;
  background-color: rgba(0, 13, 31, 0.15);
}
.servers-list-deals {
  width: 132px;
  height: 18px;
  border-radius: 12px;
  border: solid 2px #1d53cf;
  background-color: #f4fbfe;
}
.servers-list-xmas-sales {
  color: white;
  background-color: #162e59;
}
.servers-list__table {
  border: 1px solid;
  text-align: center;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.5px solid lightgray;
  margin: 5px auto;
  padding: 5px;
  background-color: #FEFEFE;
  transition: background-color 0.3s ease;
}
.servers-list__table-black-friday {
  border: solid 3px #790039 !important;
}
.servers-list__table-deals {
  border: solid 3px #041a5a !important;
}
.servers-list__table-xmas-sales {
  border: solid 3px #162e59 !important;
}
.servers-list__table:hover {
  background-color: #f8faf2;
  box-shadow: 0 0 5px grey;
}
.servers-list__table:hover .prod-name {
  color: #9ec51c !important;
}
.servers-list__table > .servers-list__cell:last-child {
  border-right: none;
}
.servers-list__flag {
  display: none;
}
.servers-list__head {
  margin-bottom: 15px;
  padding: 0 5px 5px 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.servers-list__cell {
  height: 100%;
  display: block;
}
@media (max-width: 991.98px) {
  .servers-list {
    padding: 0;
  }
  .servers-list__flag {
    display: block;
  }
  .servers-list__table > .servers-list__cell:first-child {
    font-size: 1.2rem;
    font-weight: bolder;
    padding: 7px;
    background-color: #EFEFEF;
  }
  .servers-list__table > .servers-list__cell:nth-last-child(-n+2) {
    background-color: #EFEFEF;
  }
  .servers-list__head {
    display: none;
  }
  .servers-list__cell {
    font-size: 1rem;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.servers-list .order__button {
  background: #9ec51c;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 25px;
  width: auto;
  font-size: 1rem;
  padding: 3px;
  margin-bottom: 5px;
}
.servers-list .order__button:hover {
  background: #7a9816;
  transition: all 0.3s ease;
}
.servers-list .order__button:active {
  background: #688212;
}
.servers-list .order__button.disabled {
  background-color: #bfca91;
  font-size: 0.7rem;
}
.servers-list .order__button.disabled:hover {
  color: white !important;
}
.servers-list #servers-list .order__button.disabled {
  padding: 0 !important;
}
.servers-list #servers-list .promotion-sticker {
  color: white;
  padding: 0 5px;
  border-radius: 10px;
}
.servers-list #servers-list .promotion-sticker.deals {
  background-color: #EE5326;
}
.servers-list #servers-list .promotion-sticker.flash_sale {
  background-color: #61cdcb;
}
.servers-list #servers-list .select-items div,
.servers-list #servers-list .select-selected {
  padding: 8px 16px 8px 32px;
}
.servers-list #servers-list .flag_fr {
  background-size: auto 15px;
}
.servers-list #servers-list .flag_bhs {
  background-size: auto 15px;
}
.servers-list #servers-list .flag_waw {
  background-size: auto 15px;
}
.servers-list #servers-list .flag_fra {
  background-size: auto 15px;
}
.servers-list #servers-list .flag_lon {
  background-size: auto 15px;
}

#starred-servers .promotion-sticker {
  color: white;
  padding: 0 5px;
  border-radius: 10px;
}
#starred-servers .promotion-sticker.deals {
  background-color: #EE5326;
}
#starred-servers .order__button {
  width: 90%;
}
#starred-servers .order__button.disabled {
  font-size: 1rem;
}
#starred-servers .custom-select {
  width: 90%;
  margin: 5px auto;
}
#starred-servers .dispo__span {
  line-height: 0.9rem;
}

[id^=sort_] {
  cursor: pointer;
}

div.sorting-area {
  position: relative;
  left: 6px;
  top: 6px;
  display: inline-block;
  height: 100%;
}

span.sort-by {
  border: 5px solid transparent;
  display: block;
  height: 50%;
}

span.sort-by.asc {
  border-bottom-color: #666;
  margin-top: 3px;
}

span.sort-by.asc.unactive {
  border-bottom-color: #6662;
}

span.sort-by.desc {
  border-top-color: #666;
  margin-top: 3px;
}

span.sort-by.desc.unactive {
  border-top-color: #6662;
}

.sys-testimonials {
  background: url("../../images/index/bg-itw.jpg") #fff no-repeat top center;
}
.sys-testimonials__button {
  background: #9bc321;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 34px;
  display: inline-block;
  padding: 5px 15px;
  font-size: 30px;
  margin-bottom: 25px;
}
.sys-testimonials__button:hover {
  background: #78971a;
  transition: all 0.3s ease;
}
.sys-testimonials__button:active {
  background: #678216;
}
@media (min-width: 576px) {
  .sys-testimonials {
    height: auto;
  }
}
@media (min-width: 768px) {
  .sys-testimonials {
    min-height: 500px;
  }
  .sys-testimonials p {
    display: block;
    line-height: 35px;
    margin: 45px 0;
  }
}
@media (min-width: 992px) {
  .sys-testimonials {
    min-height: 640px;
  }
  .sys-testimonials p {
    display: block;
    width: 410px;
    line-height: 40px;
    margin: 45px 0;
  }
}
@media (max-width: 991.98px) {
  .sys-testimonials p {
    display: block;
    margin: 30px auto;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .sys-testimonials__title {
    display: block;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .sys-testimonials__button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
  }
}

.sysNYou {
  background: #fdfef9 url("../../images/index/sysNYou.jpg") no-repeat bottom center;
  min-height: 555px;
}
.sysNYou_button {
  background: #9bc321;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  padding: 25px 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media (max-width: 767.98px) {
  .sysNYou_button {
    display: block;
  }
}

.why-soyoustart {
  background: url("../../images/index/Patern-SYS.jpg") repeat;
}

.sys-help {
  position: relative;
  height: 210px;
  width: auto;
  overflow: hidden;
}

.sys-help-support {
  background-image: url("../../images/index/bg-support.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.sys-help-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .sys-help-overlay {
    -webkit-transform: translateY(68%);
    transform: translateY(68%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .sys-help:hover .sys-help-overlay {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.sys-help-overlay__text {
  width: 60%;
}

.sys-help-forum {
  background-image: url("../../images/index/bg-user.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

@media (max-width: 991.98px) {
  .sys-help-forum {
    margin-top: 20px;
  }
}
.sys-help__title {
  text-align: center;
}

.needHelp {
  background: url("../../images/index/needHelp.jpg") no-repeat top center;
  min-height: 230px;
}

.promotion-black-friday__product-page-flag {
  text-align: center;
  /*position: absolute;
  right: 10px;
  top: 10px;*/
  border-radius: 8px;
  border: solid 2px #9efbb7;
  background-color: #9efbb7;
  color: #000d1f !important;
}
.promotion-xmas-sales__product-page-flag {
  text-align: center;
  /*position: absolute;
  right: 10px;
  top: 10px;*/
  background-color: #162e59;
  border-radius: 4px;
}

.menu__link--active,
.menu__link:hover {
  border-bottom: solid #9bc321 3px;
}
.menu__link--active a,
.menu__link:hover a {
  background-color: none !important;
}

@font-face {
  font-family: "reklame-script";
  src: url("https://use.typekit.net/af/96f268/00000000000000003b9ad2f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/96f268/00000000000000003b9ad2f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/96f268/00000000000000003b9ad2f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "reklame-script";
  src: url("https://use.typekit.net/af/c3d1ed/00000000000000003b9ad2fa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c3d1ed/00000000000000003b9ad2fa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c3d1ed/00000000000000003b9ad2fa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
.font-family--bf {
  font-family: "reklame-script", sans-serif !important;
}

.bf__logo {
  font-family: "reklame-script" !important;
  font-size: 72px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 3.83px;
  color: #ffffff;
  margin: -18px 10px;
}
@media (max-width: 991.98px) {
  .bf__logo {
    font-size: 36px;
  }
}

.bf__logo span {
  color: #c2a362 !important;
  font-family: "reklame-script" !important;
}

/*
.image--center {
    margin: auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.image-center--absolute {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    margin: auto
}

.image--responsive {
    width: 100%;
    height: auto
}
*/
.you-have-a-project {
  background: transparent url("../../images/support-full.jpg") no-repeat 0 50%;
  background-size: auto auto;
  background-size: cover;
}
.you-have-a-project .section2-3Left {
  background-color: rgba(109, 109, 109, 0.65);
  height: 100%;
  padding: 20px 0;
}

.ww-network {
  background: url("../../images/index/worldmap.png") no-repeat 50% 0% transparent;
  height: 501px;
  margin: 0 auto;
}
.ww-network__capacity {
  background: url("../../images/index/Trame.png") repeat;
}
.ww-network__button {
  background: #9bc321;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  width: 30%;
  display: block;
  margin: 10px auto;
  line-height: 35px;
}
.ww-network__button:hover {
  background: #78971a;
  transition: all 0.3s ease;
}
.ww-network__button:active {
  background: #678216;
}

.ddos {
  align-items: center;
}
.ddos__cell {
  align-content: center;
  margin: 3px;
  padding: 3px;
  border: 1px solid #e6e6e6;
}
.ddos__cell:hover {
  background-color: #f2f2f2;
}

.country-fixed__flag {
  background-image: url("../../images/flagz/ovhFlags.png");
  background-repeat: no-repeat;
  width: 48px;
  height: 32px;
  position: absolute;
  right: 5px;
  border-radius: 5px;
  box-sizing: content-box;
}
.country-fixed__flag--fr {
  background-position: 0 -772px !important;
}
.country-fixed__flag--gra {
  background-position: 0 -772px !important;
}
.country-fixed__flag--rbx {
  background-position: 0 -772px !important;
}
.country-fixed__flag--sbg {
  background-position: 0 -772px !important;
}
.country-fixed__flag--bhs {
  background-position: 0 -7px !important;
}
.country-fixed__flag--waw {
  background-position: 0 -262px !important;
}
.country-fixed__flag--fra {
  background-position: 0 -925px !important;
}
.country-fixed__flag--lon {
  background-position: 0 -517px !important;
}

.country-flag {
  background-image: url("../../images/flagz/ovhFlags.png");
  background-repeat: no-repeat;
  width: 48px;
  height: 32px;
  border-radius: 5px;
  box-sizing: content-box;
}
.country-flag--fr {
  background-position: 0 -772px !important;
}
.country-flag--gra {
  background-position: 0 -772px !important;
}
.country-flag--rbx {
  background-position: 0 -772px !important;
}
.country-flag--sbg {
  background-position: 0 -772px !important;
}
.country-flag--bhs {
  background-position: 0 -7px !important;
}
.country-flag--waw {
  background-position: 0 -262px !important;
}
.country-flag--fra {
  background-position: 0 -925px !important;
}
.country-flag--lon {
  background-position: 0 -517px !important;
}

.font__family--ovh {
  font-family: SourceSansPro, sans-serif !important;
}

.ovh-cloud__logo {
  background-color: #fff;
  -webkit-mask: url("../../images/banners/ovh-cloud.svg") no-repeat 0 5px;
  mask: url("../../images/banners/ovh-cloud.svg") no-repeat 0 5px;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.common-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.common-title p {
  font-size: 1.5rem !important;
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .image--center {
    margin: auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
.image--center--absolute {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  margin: auto;
}
.image--responsive {
  width: 100%;
  height: auto;
}
.image--rounded-cropper {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.alertMessage {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  top: 10px;
}

html {
  background-color: #494949;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 18px;
    line-height: 20px;
  }
}

body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1199.98px) {
  body {
    padding-top: 60px !important;
  }
}

a {
  text-decoration: none;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.nowrap {
  white-space: nowrap;
}

.align-middle {
  vertical-align: middle !important;
}

.v-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.justify {
  text-align: justify;
}

.col--center {
  float: none;
  margin: 0 auto;
}

.absolute--bottom {
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

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

@media (max-width: 991.98px) {
  .half__left {
    margin-bottom: 20px;
    background-color: #e6e6e6;
  }

  .half__right {
    background-color: #e6e6e6;
  }
}
@media (min-width: 768px) {
  .half__left {
    border-right: solid 1px #b3b3b3;
  }
}

/*# sourceMappingURL=style.css.map */