@charset "UTF-8";
/* Farben */
/* Helleres Grün */
/* Dunkelgrau */
/*Textfarbe*/
/* Schriftarten */
/* Input Felder */
/* IconFont generiert über Fontastic.com */
/* Line Height */
/* Spacing */
/* für Cards */
/* Abstand innerhalb einer Box zum Inhalt */
/* Auflösungen für Mixins --------------------- */
/* 2 ist der max Space Faktor */
html {
  overflow-x: hidden;
  height: 100%; }

/*Textlinks*/
body {
  font-family: "Open Sans";
  font-weight: 400;
  height: 100%; }

/*Schriftarten*/
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("layout/component/font/src/open-sans-v36-latin-regular.woff2") format("woff2"); }

/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("layout/component/font/src/open-sans-v36-latin-600.woff2") format("woff2"); }

/* source-sans-pro-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("layout/component/font/src/open-sans-v36-latin-700.woff2") format("woff2"); }

/* image Helper */
.mwidth100 {
  min-width: 100%; }

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

.wauto {
  width: auto !important; }

.hover01 a {
  display: block;
  width: 100%;
  overflow: hidden; }
  .hover01 a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

.box-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.hover01:hover a img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 1; }

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

.bg-c1 {
  background-color: #26c6da !important; }

.bg-c2 {
  background-color: #1b5e20 !important; }

.bg-c3 {
  background-color: #c8e6c9 !important; }

.bg-c4 {
  background-color: #34ccaa !important; }

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

.bgo-15 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover; }

.bold {
  font-weight: 600; }

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

.tleft {
  text-align: left !important; }
  .tleft > * {
    text-align: center; }
    @media (min-width: 768px) {
      .tleft > * {
        text-align: left; } }
.tright {
  text-align: right !important; }

.fright {
  float: right; }

.fleft {
  float: left; }

/* Line Height */
.lh3 {
  line-height: 4.125rem; }

.lh4 {
  line-height: 4.125rem; }

/* Margin & Padding */
.mp0 {
  margin: 0 !important;
  padding: 0 !important; }

.p0 {
  padding: 0 !important; }

/*  */
.b1-cw {
  border: 1px solid #fff !important; }

/* Border Radius */
.bradius2 {
  border-radius: 2px; }

.bradius3 {
  border-radius: 3px; }

.bradius4 {
  border-radius: 4px; }

.bradius5 {
  border-radius: 5px; }

.bradius10 {
  border-radius: 10px; }

/* Border */
.br1-c2 {
  border-right: 1px solid #1b5e20; }

.br2-c2 {
  border-right: 2px solid #1b5e20; }

.br3-c2 {
  border-right: 3px solid #1b5e20; }

.br4-c2 {
  border-right: 4px solid #1b5e20; }

.br5-c2 {
  border-right: 5px solid #1b5e20; }

.bb3-c2 {
  border-bottom: 3px solid #1b5e20; }

.bt1-c1 {
  border-top: 1px solid #26c6da !important; }

.bt2-c1 {
  border-top: 2px solid #26c6da !important; }

.bt3-c1 {
  border-top: 3px solid #26c6da !important; }

.bt4-c1 {
  border-top: 4px solid #26c6da !important; }

.bt5-c1 {
  border-top: 5px solid #26c6da !important; }

.br1-c1 {
  border-right: 1px solid #26c6da !important; }

.br2-c1 {
  border-right: 2px solid #26c6da !important; }

.br3-c1 {
  border-right: 3px solid #26c6da !important; }

.br4-c1 {
  border-right: 4px solid #26c6da !important; }

.br5-c1 {
  border-right: 5px solid #26c6da !important; }

.bb1-c1 {
  border-bottom: 1px solid #26c6da !important; }

.bb2-c1 {
  border-bottom: 2px solid #26c6da !important; }

.bb3-c1 {
  border-bottom: 3px solid #26c6da !important; }

.bb4-c1 {
  border-bottom: 4px solid #26c6da !important; }

.bb5-c1 {
  border-bottom: 5px solid #26c6da !important; }

.bl1-c1 {
  border-left: 1px solid #26c6da !important; }

.bl2-c1 {
  border-left: 2px solid #26c6da !important; }

.bl3-c1 {
  border-left: 3px solid #26c6da !important; }

.bl4-c1 {
  border-left: 4px solid #26c6da !important; }

.bl5-c1 {
  border-left: 5px solid #26c6da !important; }

.bl1-c2 {
  border-left: 1px solid #1b5e20; }

.bl2-c2 {
  border-left: 2px solid #1b5e20; }

.bl3-c2 {
  border-left: 3px solid #1b5e20 !important; }

.bl4-c2 {
  border-left: 4px solid #1b5e20; }

.bl5-c2 {
  border-left: 5px solid #1b5e20; }

.b2outline-cw {
  padding: 2px;
  background-color: #fff;
  border: 1px solid #fff;
  max-width: 100%; }

.b2outline-c1 {
  padding: 2px;
  background-color: #fff;
  border: 1px solid #26c6da;
  max-width: 100%; }

/* Margin */
/*.mb4 {
    margin-bottom: ($lh*2)+rem;

    @include lg{
        margin-bottom: ($lh*4)+rem;
    }
}*/
/* Padding */
.p1 {
  padding: 1.375rem !important; }

.p2 {
  padding: 2.75rem !important; }

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py05 {
  padding-top: 0.6875rem !important;
  padding-bottom: 0.6875rem !important; }

.py1 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important; }

.py2 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important; }

.py3 {
  padding-top: 4.125rem !important;
  padding-bottom: 4.125rem !important; }

.py4 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.px1 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important; }

.px2 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important; }

.img-contain {
  object-fit: contain; }

.img-cover {
  width: 100vw;
  height: 100vh;
  object-fit: cover; }

@media (min-width: 992px) {
  .px2-lg {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important; }
  .lh1-lg {
    line-height: 1.375rem; }
  .lh2-lg {
    line-height: 2.75rem; }
  .tcenter-lg {
    text-align: center; }
  .tleft-lg {
    text-align: left !important; }
  .tright-lg {
    text-align: right !important; }
  .pb1-lg {
    padding-bottom: 4px !important; }
  .mb0-lg {
    margin-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .lh1-xl {
    line-height: 1.375rem; }
  .lh2-xl {
    line-height: 2.75rem; }
  .lh2-xl.border-cg-light {
    line-height: 42px; }
  .tcenter-xl {
    text-align: center; }
  .tleft-xl {
    text-align: left; } }

.pt0 {
  padding-top: 0rem !important; }

.pt1 {
  padding-top: 1.375rem !important; }

.pt2 {
  padding-top: 2.75rem !important; }

.pt3 {
  padding-top: 4.125rem !important; }

.pt4 {
  padding-top: 5.5rem !important; }

.pt5 {
  padding-top: 6.875rem !important; }

.b0 {
  border: none !important; }

.px1 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important; }

.px2 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important; }

.py2 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important; }

.pr8 {
  padding-right: 8px !important; }
  @media (min-width: 576px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 768px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 992px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 1200px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 1920px) {
    .pr8 {
      padding-right: 8px !important; } }
@media (min-width: 576px) {
  .pr8sm {
    padding-right: 16px !important; } }

@media (min-width: 768px) {
  .pr8md {
    padding-right: 32px !important; } }

@media (min-width: 992px) {
  .pr8lg {
    padding-right: 64px !important; } }

@media (min-width: 1200px) {
  .pr8xl {
    padding-right: 64px !important; } }

@media (min-width: 1920px) {
  .pr8xxl {
    padding-right: 128px !important; } }

.pl8 {
  padding-left: 8px !important; }
  @media (min-width: 576px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 768px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 992px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 1200px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 1920px) {
    .pl8 {
      padding-left: 8px !important; } }
@media (min-width: 576px) {
  .pl8sm {
    padding-left: 16px !important; } }

@media (min-width: 768px) {
  .pl8md {
    padding-left: 32px !important; } }

@media (min-width: 992px) {
  .pl8lg {
    padding-left: 64px !important; } }

@media (min-width: 1200px) {
  .pl8xl {
    padding-left: 64px !important; } }

@media (min-width: 1920px) {
  .pl8xxl {
    padding-left: 128px !important; } }

.pt8 {
  padding-top: 8px !important; }
  @media (min-width: 576px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 768px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 992px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 1200px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 1920px) {
    .pt8 {
      padding-top: 8px !important; } }
@media (min-width: 576px) {
  .pt8sm {
    padding-top: 16px !important; } }

@media (min-width: 768px) {
  .pt8md {
    padding-top: 32px !important; } }

@media (min-width: 992px) {
  .pt8lg {
    padding-top: 64px !important; } }

@media (min-width: 1200px) {
  .pt8xl {
    padding-top: 64px !important; } }

@media (min-width: 1920px) {
  .pt8xxl {
    padding-top: 128px !important; } }

.pb8 {
  padding-bottom: 8px !important; }
  @media (min-width: 576px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 768px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 992px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 1200px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 1920px) {
    .pb8 {
      padding-bottom: 8px !important; } }
@media (min-width: 576px) {
  .pb8sm {
    padding-bottom: 16px !important; } }

@media (min-width: 768px) {
  .pb8md {
    padding-bottom: 32px !important; } }

@media (min-width: 992px) {
  .pb8lg {
    padding-bottom: 64px !important; } }

@media (min-width: 1200px) {
  .pb8xl {
    padding-bottom: 64px !important; } }

@media (min-width: 1920px) {
  .pb8xxl {
    padding-bottom: 128px !important; } }

.mr8 {
  margin-right: 8px !important; }
  @media (min-width: 576px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 768px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 992px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 1200px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 1920px) {
    .mr8 {
      margin-right: 8px !important; } }
@media (min-width: 576px) {
  .mr8sm {
    margin-right: 16px !important; } }

@media (min-width: 768px) {
  .mr8md {
    margin-right: 32px !important; } }

@media (min-width: 992px) {
  .mr8lg {
    margin-right: 64px !important; } }

@media (min-width: 1200px) {
  .mr8xl {
    margin-right: 64px !important; } }

@media (min-width: 1920px) {
  .mr8xxl {
    margin-right: 128px !important; } }

.ml8 {
  margin-left: 8px !important; }
  @media (min-width: 576px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 768px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 992px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 1200px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 1920px) {
    .ml8 {
      margin-left: 8px !important; } }
@media (min-width: 576px) {
  .ml8sm {
    margin-left: 16px !important; } }

@media (min-width: 768px) {
  .ml8md {
    margin-left: 32px !important; } }

@media (min-width: 992px) {
  .ml8lg {
    margin-left: 64px !important; } }

@media (min-width: 1200px) {
  .ml8xl {
    margin-left: 64px !important; } }

@media (min-width: 1920px) {
  .ml8xxl {
    margin-left: 128px !important; } }

.mt8 {
  margin-top: 8px !important; }
  @media (min-width: 576px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 768px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 992px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 1200px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 1920px) {
    .mt8 {
      margin-top: 8px !important; } }
@media (min-width: 576px) {
  .mt8sm {
    margin-top: 16px !important; } }

@media (min-width: 768px) {
  .mt8md {
    margin-top: 32px !important; } }

@media (min-width: 992px) {
  .mt8lg {
    margin-top: 64px !important; } }

@media (min-width: 1200px) {
  .mt8xl {
    margin-top: 64px !important; } }

@media (min-width: 1920px) {
  .mt8xxl {
    margin-top: 128px !important; } }

.mb8 {
  margin-bottom: 8px !important; }
  @media (min-width: 576px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 768px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 992px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 1200px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 1920px) {
    .mb8 {
      margin-bottom: 8px !important; } }
@media (min-width: 576px) {
  .mb8sm {
    margin-bottom: 16px !important; } }

@media (min-width: 768px) {
  .mb8md {
    margin-bottom: 32px !important; } }

@media (min-width: 992px) {
  .mb8lg {
    margin-bottom: 64px !important; } }

@media (min-width: 1200px) {
  .mb8xl {
    margin-bottom: 64px !important; } }

@media (min-width: 1920px) {
  .mb8xxl {
    margin-bottom: 128px !important; } }

.minh8 {
  min-height: 8px !important; }
  @media (min-width: 576px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 768px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 992px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 1200px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 1920px) {
    .minh8 {
      min-height: 8px !important; } }
@media (min-width: 576px) {
  .minh8sm {
    min-height: 16px !important; } }

@media (min-width: 768px) {
  .minh8md {
    min-height: 32px !important; } }

@media (min-width: 992px) {
  .minh8lg {
    min-height: 64px !important; } }

@media (min-width: 1200px) {
  .minh8xl {
    min-height: 64px !important; } }

@media (min-width: 1920px) {
  .minh8xxl {
    min-height: 128px !important; } }

.maxh8 {
  max-height: 8px !important; }
  @media (min-width: 576px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 768px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 992px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 1200px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 1920px) {
    .maxh8 {
      max-height: 8px !important; } }
@media (min-width: 576px) {
  .maxh8sm {
    max-height: 16px !important; } }

@media (min-width: 768px) {
  .maxh8md {
    max-height: 32px !important; } }

@media (min-width: 992px) {
  .maxh8lg {
    max-height: 64px !important; } }

@media (min-width: 1200px) {
  .maxh8xl {
    max-height: 64px !important; } }

@media (min-width: 1920px) {
  .maxh8xxl {
    max-height: 128px !important; } }

.maxw8 {
  max-width: 8px !important; }
  @media (min-width: 576px) {
    .maxw8 {
      max-width: 8px !important; } }
  @media (min-width: 768px) {
    .maxw8 {
      max-width: 8px !important; } }
  @media (min-width: 992px) {
    .maxw8 {
      max-width: 8px !important; } }
  @media (min-width: 1200px) {
    .maxw8 {
      max-width: 8px !important; } }
  @media (min-width: 1920px) {
    .maxw8 {
      max-width: 8px !important; } }
@media (min-width: 576px) {
  .maxw8sm {
    max-width: 16px !important; } }

@media (min-width: 768px) {
  .maxw8md {
    max-width: 32px !important; } }

@media (min-width: 992px) {
  .maxw8lg {
    max-width: 64px !important; } }

@media (min-width: 1200px) {
  .maxw8xl {
    max-width: 64px !important; } }

@media (min-width: 1920px) {
  .maxw8xxl {
    max-width: 128px !important; } }

.pr16 {
  padding-right: 16px !important; }
  @media (min-width: 576px) {
    .pr16 {
      padding-right: 16px !important; } }
  @media (min-width: 768px) {
    .pr16 {
      padding-right: 16px !important; } }
  @media (min-width: 992px) {
    .pr16 {
      padding-right: 16px !important; } }
  @media (min-width: 1200px) {
    .pr16 {
      padding-right: 16px !important; } }
  @media (min-width: 1920px) {
    .pr16 {
      padding-right: 16px !important; } }
@media (min-width: 576px) {
  .pr16sm {
    padding-right: 32px !important; } }

@media (min-width: 768px) {
  .pr16md {
    padding-right: 64px !important; } }

@media (min-width: 992px) {
  .pr16lg {
    padding-right: 128px !important; } }

@media (min-width: 1200px) {
  .pr16xl {
    padding-right: 128px !important; } }

@media (min-width: 1920px) {
  .pr16xxl {
    padding-right: 256px !important; } }

.pl16 {
  padding-left: 16px !important; }
  @media (min-width: 576px) {
    .pl16 {
      padding-left: 16px !important; } }
  @media (min-width: 768px) {
    .pl16 {
      padding-left: 16px !important; } }
  @media (min-width: 992px) {
    .pl16 {
      padding-left: 16px !important; } }
  @media (min-width: 1200px) {
    .pl16 {
      padding-left: 16px !important; } }
  @media (min-width: 1920px) {
    .pl16 {
      padding-left: 16px !important; } }
@media (min-width: 576px) {
  .pl16sm {
    padding-left: 32px !important; } }

@media (min-width: 768px) {
  .pl16md {
    padding-left: 64px !important; } }

@media (min-width: 992px) {
  .pl16lg {
    padding-left: 128px !important; } }

@media (min-width: 1200px) {
  .pl16xl {
    padding-left: 128px !important; } }

@media (min-width: 1920px) {
  .pl16xxl {
    padding-left: 256px !important; } }

.pt16 {
  padding-top: 16px !important; }
  @media (min-width: 576px) {
    .pt16 {
      padding-top: 16px !important; } }
  @media (min-width: 768px) {
    .pt16 {
      padding-top: 16px !important; } }
  @media (min-width: 992px) {
    .pt16 {
      padding-top: 16px !important; } }
  @media (min-width: 1200px) {
    .pt16 {
      padding-top: 16px !important; } }
  @media (min-width: 1920px) {
    .pt16 {
      padding-top: 16px !important; } }
@media (min-width: 576px) {
  .pt16sm {
    padding-top: 32px !important; } }

@media (min-width: 768px) {
  .pt16md {
    padding-top: 64px !important; } }

@media (min-width: 992px) {
  .pt16lg {
    padding-top: 128px !important; } }

@media (min-width: 1200px) {
  .pt16xl {
    padding-top: 128px !important; } }

@media (min-width: 1920px) {
  .pt16xxl {
    padding-top: 256px !important; } }

.pb16 {
  padding-bottom: 16px !important; }
  @media (min-width: 576px) {
    .pb16 {
      padding-bottom: 16px !important; } }
  @media (min-width: 768px) {
    .pb16 {
      padding-bottom: 16px !important; } }
  @media (min-width: 992px) {
    .pb16 {
      padding-bottom: 16px !important; } }
  @media (min-width: 1200px) {
    .pb16 {
      padding-bottom: 16px !important; } }
  @media (min-width: 1920px) {
    .pb16 {
      padding-bottom: 16px !important; } }
@media (min-width: 576px) {
  .pb16sm {
    padding-bottom: 32px !important; } }

@media (min-width: 768px) {
  .pb16md {
    padding-bottom: 64px !important; } }

@media (min-width: 992px) {
  .pb16lg {
    padding-bottom: 128px !important; } }

@media (min-width: 1200px) {
  .pb16xl {
    padding-bottom: 128px !important; } }

@media (min-width: 1920px) {
  .pb16xxl {
    padding-bottom: 256px !important; } }

.mr16 {
  margin-right: 16px !important; }
  @media (min-width: 576px) {
    .mr16 {
      margin-right: 16px !important; } }
  @media (min-width: 768px) {
    .mr16 {
      margin-right: 16px !important; } }
  @media (min-width: 992px) {
    .mr16 {
      margin-right: 16px !important; } }
  @media (min-width: 1200px) {
    .mr16 {
      margin-right: 16px !important; } }
  @media (min-width: 1920px) {
    .mr16 {
      margin-right: 16px !important; } }
@media (min-width: 576px) {
  .mr16sm {
    margin-right: 32px !important; } }

@media (min-width: 768px) {
  .mr16md {
    margin-right: 64px !important; } }

@media (min-width: 992px) {
  .mr16lg {
    margin-right: 128px !important; } }

@media (min-width: 1200px) {
  .mr16xl {
    margin-right: 128px !important; } }

@media (min-width: 1920px) {
  .mr16xxl {
    margin-right: 256px !important; } }

.ml16 {
  margin-left: 16px !important; }
  @media (min-width: 576px) {
    .ml16 {
      margin-left: 16px !important; } }
  @media (min-width: 768px) {
    .ml16 {
      margin-left: 16px !important; } }
  @media (min-width: 992px) {
    .ml16 {
      margin-left: 16px !important; } }
  @media (min-width: 1200px) {
    .ml16 {
      margin-left: 16px !important; } }
  @media (min-width: 1920px) {
    .ml16 {
      margin-left: 16px !important; } }
@media (min-width: 576px) {
  .ml16sm {
    margin-left: 32px !important; } }

@media (min-width: 768px) {
  .ml16md {
    margin-left: 64px !important; } }

@media (min-width: 992px) {
  .ml16lg {
    margin-left: 128px !important; } }

@media (min-width: 1200px) {
  .ml16xl {
    margin-left: 128px !important; } }

@media (min-width: 1920px) {
  .ml16xxl {
    margin-left: 256px !important; } }

.mt16 {
  margin-top: 16px !important; }
  @media (min-width: 576px) {
    .mt16 {
      margin-top: 16px !important; } }
  @media (min-width: 768px) {
    .mt16 {
      margin-top: 16px !important; } }
  @media (min-width: 992px) {
    .mt16 {
      margin-top: 16px !important; } }
  @media (min-width: 1200px) {
    .mt16 {
      margin-top: 16px !important; } }
  @media (min-width: 1920px) {
    .mt16 {
      margin-top: 16px !important; } }
@media (min-width: 576px) {
  .mt16sm {
    margin-top: 32px !important; } }

@media (min-width: 768px) {
  .mt16md {
    margin-top: 64px !important; } }

@media (min-width: 992px) {
  .mt16lg {
    margin-top: 128px !important; } }

@media (min-width: 1200px) {
  .mt16xl {
    margin-top: 128px !important; } }

@media (min-width: 1920px) {
  .mt16xxl {
    margin-top: 256px !important; } }

.mb16 {
  margin-bottom: 16px !important; }
  @media (min-width: 576px) {
    .mb16 {
      margin-bottom: 16px !important; } }
  @media (min-width: 768px) {
    .mb16 {
      margin-bottom: 16px !important; } }
  @media (min-width: 992px) {
    .mb16 {
      margin-bottom: 16px !important; } }
  @media (min-width: 1200px) {
    .mb16 {
      margin-bottom: 16px !important; } }
  @media (min-width: 1920px) {
    .mb16 {
      margin-bottom: 16px !important; } }
@media (min-width: 576px) {
  .mb16sm {
    margin-bottom: 32px !important; } }

@media (min-width: 768px) {
  .mb16md {
    margin-bottom: 64px !important; } }

@media (min-width: 992px) {
  .mb16lg {
    margin-bottom: 128px !important; } }

@media (min-width: 1200px) {
  .mb16xl {
    margin-bottom: 128px !important; } }

@media (min-width: 1920px) {
  .mb16xxl {
    margin-bottom: 256px !important; } }

.minh16 {
  min-height: 16px !important; }
  @media (min-width: 576px) {
    .minh16 {
      min-height: 16px !important; } }
  @media (min-width: 768px) {
    .minh16 {
      min-height: 16px !important; } }
  @media (min-width: 992px) {
    .minh16 {
      min-height: 16px !important; } }
  @media (min-width: 1200px) {
    .minh16 {
      min-height: 16px !important; } }
  @media (min-width: 1920px) {
    .minh16 {
      min-height: 16px !important; } }
@media (min-width: 576px) {
  .minh16sm {
    min-height: 32px !important; } }

@media (min-width: 768px) {
  .minh16md {
    min-height: 64px !important; } }

@media (min-width: 992px) {
  .minh16lg {
    min-height: 128px !important; } }

@media (min-width: 1200px) {
  .minh16xl {
    min-height: 128px !important; } }

@media (min-width: 1920px) {
  .minh16xxl {
    min-height: 256px !important; } }

.maxh16 {
  max-height: 16px !important; }
  @media (min-width: 576px) {
    .maxh16 {
      max-height: 16px !important; } }
  @media (min-width: 768px) {
    .maxh16 {
      max-height: 16px !important; } }
  @media (min-width: 992px) {
    .maxh16 {
      max-height: 16px !important; } }
  @media (min-width: 1200px) {
    .maxh16 {
      max-height: 16px !important; } }
  @media (min-width: 1920px) {
    .maxh16 {
      max-height: 16px !important; } }
@media (min-width: 576px) {
  .maxh16sm {
    max-height: 32px !important; } }

@media (min-width: 768px) {
  .maxh16md {
    max-height: 64px !important; } }

@media (min-width: 992px) {
  .maxh16lg {
    max-height: 128px !important; } }

@media (min-width: 1200px) {
  .maxh16xl {
    max-height: 128px !important; } }

@media (min-width: 1920px) {
  .maxh16xxl {
    max-height: 256px !important; } }

.maxw16 {
  max-width: 16px !important; }
  @media (min-width: 576px) {
    .maxw16 {
      max-width: 16px !important; } }
  @media (min-width: 768px) {
    .maxw16 {
      max-width: 16px !important; } }
  @media (min-width: 992px) {
    .maxw16 {
      max-width: 16px !important; } }
  @media (min-width: 1200px) {
    .maxw16 {
      max-width: 16px !important; } }
  @media (min-width: 1920px) {
    .maxw16 {
      max-width: 16px !important; } }
@media (min-width: 576px) {
  .maxw16sm {
    max-width: 32px !important; } }

@media (min-width: 768px) {
  .maxw16md {
    max-width: 64px !important; } }

@media (min-width: 992px) {
  .maxw16lg {
    max-width: 128px !important; } }

@media (min-width: 1200px) {
  .maxw16xl {
    max-width: 128px !important; } }

@media (min-width: 1920px) {
  .maxw16xxl {
    max-width: 256px !important; } }

.pr24 {
  padding-right: 24px !important; }
  @media (min-width: 576px) {
    .pr24 {
      padding-right: 24px !important; } }
  @media (min-width: 768px) {
    .pr24 {
      padding-right: 24px !important; } }
  @media (min-width: 992px) {
    .pr24 {
      padding-right: 24px !important; } }
  @media (min-width: 1200px) {
    .pr24 {
      padding-right: 24px !important; } }
  @media (min-width: 1920px) {
    .pr24 {
      padding-right: 24px !important; } }
@media (min-width: 576px) {
  .pr24sm {
    padding-right: 48px !important; } }

@media (min-width: 768px) {
  .pr24md {
    padding-right: 96px !important; } }

@media (min-width: 992px) {
  .pr24lg {
    padding-right: 192px !important; } }

@media (min-width: 1200px) {
  .pr24xl {
    padding-right: 192px !important; } }

@media (min-width: 1920px) {
  .pr24xxl {
    padding-right: 384px !important; } }

.pl24 {
  padding-left: 24px !important; }
  @media (min-width: 576px) {
    .pl24 {
      padding-left: 24px !important; } }
  @media (min-width: 768px) {
    .pl24 {
      padding-left: 24px !important; } }
  @media (min-width: 992px) {
    .pl24 {
      padding-left: 24px !important; } }
  @media (min-width: 1200px) {
    .pl24 {
      padding-left: 24px !important; } }
  @media (min-width: 1920px) {
    .pl24 {
      padding-left: 24px !important; } }
@media (min-width: 576px) {
  .pl24sm {
    padding-left: 48px !important; } }

@media (min-width: 768px) {
  .pl24md {
    padding-left: 96px !important; } }

@media (min-width: 992px) {
  .pl24lg {
    padding-left: 192px !important; } }

@media (min-width: 1200px) {
  .pl24xl {
    padding-left: 192px !important; } }

@media (min-width: 1920px) {
  .pl24xxl {
    padding-left: 384px !important; } }

.pt24 {
  padding-top: 24px !important; }
  @media (min-width: 576px) {
    .pt24 {
      padding-top: 24px !important; } }
  @media (min-width: 768px) {
    .pt24 {
      padding-top: 24px !important; } }
  @media (min-width: 992px) {
    .pt24 {
      padding-top: 24px !important; } }
  @media (min-width: 1200px) {
    .pt24 {
      padding-top: 24px !important; } }
  @media (min-width: 1920px) {
    .pt24 {
      padding-top: 24px !important; } }
@media (min-width: 576px) {
  .pt24sm {
    padding-top: 48px !important; } }

@media (min-width: 768px) {
  .pt24md {
    padding-top: 96px !important; } }

@media (min-width: 992px) {
  .pt24lg {
    padding-top: 192px !important; } }

@media (min-width: 1200px) {
  .pt24xl {
    padding-top: 192px !important; } }

@media (min-width: 1920px) {
  .pt24xxl {
    padding-top: 384px !important; } }

.pb24 {
  padding-bottom: 24px !important; }
  @media (min-width: 576px) {
    .pb24 {
      padding-bottom: 24px !important; } }
  @media (min-width: 768px) {
    .pb24 {
      padding-bottom: 24px !important; } }
  @media (min-width: 992px) {
    .pb24 {
      padding-bottom: 24px !important; } }
  @media (min-width: 1200px) {
    .pb24 {
      padding-bottom: 24px !important; } }
  @media (min-width: 1920px) {
    .pb24 {
      padding-bottom: 24px !important; } }
@media (min-width: 576px) {
  .pb24sm {
    padding-bottom: 48px !important; } }

@media (min-width: 768px) {
  .pb24md {
    padding-bottom: 96px !important; } }

@media (min-width: 992px) {
  .pb24lg {
    padding-bottom: 192px !important; } }

@media (min-width: 1200px) {
  .pb24xl {
    padding-bottom: 192px !important; } }

@media (min-width: 1920px) {
  .pb24xxl {
    padding-bottom: 384px !important; } }

.mr24 {
  margin-right: 24px !important; }
  @media (min-width: 576px) {
    .mr24 {
      margin-right: 24px !important; } }
  @media (min-width: 768px) {
    .mr24 {
      margin-right: 24px !important; } }
  @media (min-width: 992px) {
    .mr24 {
      margin-right: 24px !important; } }
  @media (min-width: 1200px) {
    .mr24 {
      margin-right: 24px !important; } }
  @media (min-width: 1920px) {
    .mr24 {
      margin-right: 24px !important; } }
@media (min-width: 576px) {
  .mr24sm {
    margin-right: 48px !important; } }

@media (min-width: 768px) {
  .mr24md {
    margin-right: 96px !important; } }

@media (min-width: 992px) {
  .mr24lg {
    margin-right: 192px !important; } }

@media (min-width: 1200px) {
  .mr24xl {
    margin-right: 192px !important; } }

@media (min-width: 1920px) {
  .mr24xxl {
    margin-right: 384px !important; } }

.ml24 {
  margin-left: 24px !important; }
  @media (min-width: 576px) {
    .ml24 {
      margin-left: 24px !important; } }
  @media (min-width: 768px) {
    .ml24 {
      margin-left: 24px !important; } }
  @media (min-width: 992px) {
    .ml24 {
      margin-left: 24px !important; } }
  @media (min-width: 1200px) {
    .ml24 {
      margin-left: 24px !important; } }
  @media (min-width: 1920px) {
    .ml24 {
      margin-left: 24px !important; } }
@media (min-width: 576px) {
  .ml24sm {
    margin-left: 48px !important; } }

@media (min-width: 768px) {
  .ml24md {
    margin-left: 96px !important; } }

@media (min-width: 992px) {
  .ml24lg {
    margin-left: 192px !important; } }

@media (min-width: 1200px) {
  .ml24xl {
    margin-left: 192px !important; } }

@media (min-width: 1920px) {
  .ml24xxl {
    margin-left: 384px !important; } }

.mt24 {
  margin-top: 24px !important; }
  @media (min-width: 576px) {
    .mt24 {
      margin-top: 24px !important; } }
  @media (min-width: 768px) {
    .mt24 {
      margin-top: 24px !important; } }
  @media (min-width: 992px) {
    .mt24 {
      margin-top: 24px !important; } }
  @media (min-width: 1200px) {
    .mt24 {
      margin-top: 24px !important; } }
  @media (min-width: 1920px) {
    .mt24 {
      margin-top: 24px !important; } }
@media (min-width: 576px) {
  .mt24sm {
    margin-top: 48px !important; } }

@media (min-width: 768px) {
  .mt24md {
    margin-top: 96px !important; } }

@media (min-width: 992px) {
  .mt24lg {
    margin-top: 192px !important; } }

@media (min-width: 1200px) {
  .mt24xl {
    margin-top: 192px !important; } }

@media (min-width: 1920px) {
  .mt24xxl {
    margin-top: 384px !important; } }

.mb24 {
  margin-bottom: 24px !important; }
  @media (min-width: 576px) {
    .mb24 {
      margin-bottom: 24px !important; } }
  @media (min-width: 768px) {
    .mb24 {
      margin-bottom: 24px !important; } }
  @media (min-width: 992px) {
    .mb24 {
      margin-bottom: 24px !important; } }
  @media (min-width: 1200px) {
    .mb24 {
      margin-bottom: 24px !important; } }
  @media (min-width: 1920px) {
    .mb24 {
      margin-bottom: 24px !important; } }
@media (min-width: 576px) {
  .mb24sm {
    margin-bottom: 48px !important; } }

@media (min-width: 768px) {
  .mb24md {
    margin-bottom: 96px !important; } }

@media (min-width: 992px) {
  .mb24lg {
    margin-bottom: 192px !important; } }

@media (min-width: 1200px) {
  .mb24xl {
    margin-bottom: 192px !important; } }

@media (min-width: 1920px) {
  .mb24xxl {
    margin-bottom: 384px !important; } }

.minh24 {
  min-height: 24px !important; }
  @media (min-width: 576px) {
    .minh24 {
      min-height: 24px !important; } }
  @media (min-width: 768px) {
    .minh24 {
      min-height: 24px !important; } }
  @media (min-width: 992px) {
    .minh24 {
      min-height: 24px !important; } }
  @media (min-width: 1200px) {
    .minh24 {
      min-height: 24px !important; } }
  @media (min-width: 1920px) {
    .minh24 {
      min-height: 24px !important; } }
@media (min-width: 576px) {
  .minh24sm {
    min-height: 48px !important; } }

@media (min-width: 768px) {
  .minh24md {
    min-height: 96px !important; } }

@media (min-width: 992px) {
  .minh24lg {
    min-height: 192px !important; } }

@media (min-width: 1200px) {
  .minh24xl {
    min-height: 192px !important; } }

@media (min-width: 1920px) {
  .minh24xxl {
    min-height: 384px !important; } }

.maxh24 {
  max-height: 24px !important; }
  @media (min-width: 576px) {
    .maxh24 {
      max-height: 24px !important; } }
  @media (min-width: 768px) {
    .maxh24 {
      max-height: 24px !important; } }
  @media (min-width: 992px) {
    .maxh24 {
      max-height: 24px !important; } }
  @media (min-width: 1200px) {
    .maxh24 {
      max-height: 24px !important; } }
  @media (min-width: 1920px) {
    .maxh24 {
      max-height: 24px !important; } }
@media (min-width: 576px) {
  .maxh24sm {
    max-height: 48px !important; } }

@media (min-width: 768px) {
  .maxh24md {
    max-height: 96px !important; } }

@media (min-width: 992px) {
  .maxh24lg {
    max-height: 192px !important; } }

@media (min-width: 1200px) {
  .maxh24xl {
    max-height: 192px !important; } }

@media (min-width: 1920px) {
  .maxh24xxl {
    max-height: 384px !important; } }

.maxw24 {
  max-width: 24px !important; }
  @media (min-width: 576px) {
    .maxw24 {
      max-width: 24px !important; } }
  @media (min-width: 768px) {
    .maxw24 {
      max-width: 24px !important; } }
  @media (min-width: 992px) {
    .maxw24 {
      max-width: 24px !important; } }
  @media (min-width: 1200px) {
    .maxw24 {
      max-width: 24px !important; } }
  @media (min-width: 1920px) {
    .maxw24 {
      max-width: 24px !important; } }
@media (min-width: 576px) {
  .maxw24sm {
    max-width: 48px !important; } }

@media (min-width: 768px) {
  .maxw24md {
    max-width: 96px !important; } }

@media (min-width: 992px) {
  .maxw24lg {
    max-width: 192px !important; } }

@media (min-width: 1200px) {
  .maxw24xl {
    max-width: 192px !important; } }

@media (min-width: 1920px) {
  .maxw24xxl {
    max-width: 384px !important; } }

.pr32 {
  padding-right: 32px !important; }
  @media (min-width: 576px) {
    .pr32 {
      padding-right: 32px !important; } }
  @media (min-width: 768px) {
    .pr32 {
      padding-right: 32px !important; } }
  @media (min-width: 992px) {
    .pr32 {
      padding-right: 32px !important; } }
  @media (min-width: 1200px) {
    .pr32 {
      padding-right: 32px !important; } }
  @media (min-width: 1920px) {
    .pr32 {
      padding-right: 32px !important; } }
@media (min-width: 576px) {
  .pr32sm {
    padding-right: 64px !important; } }

@media (min-width: 768px) {
  .pr32md {
    padding-right: 128px !important; } }

@media (min-width: 992px) {
  .pr32lg {
    padding-right: 256px !important; } }

@media (min-width: 1200px) {
  .pr32xl {
    padding-right: 256px !important; } }

@media (min-width: 1920px) {
  .pr32xxl {
    padding-right: 512px !important; } }

.pl32 {
  padding-left: 32px !important; }
  @media (min-width: 576px) {
    .pl32 {
      padding-left: 32px !important; } }
  @media (min-width: 768px) {
    .pl32 {
      padding-left: 32px !important; } }
  @media (min-width: 992px) {
    .pl32 {
      padding-left: 32px !important; } }
  @media (min-width: 1200px) {
    .pl32 {
      padding-left: 32px !important; } }
  @media (min-width: 1920px) {
    .pl32 {
      padding-left: 32px !important; } }
@media (min-width: 576px) {
  .pl32sm {
    padding-left: 64px !important; } }

@media (min-width: 768px) {
  .pl32md {
    padding-left: 128px !important; } }

@media (min-width: 992px) {
  .pl32lg {
    padding-left: 256px !important; } }

@media (min-width: 1200px) {
  .pl32xl {
    padding-left: 256px !important; } }

@media (min-width: 1920px) {
  .pl32xxl {
    padding-left: 512px !important; } }

.pt32 {
  padding-top: 32px !important; }
  @media (min-width: 576px) {
    .pt32 {
      padding-top: 32px !important; } }
  @media (min-width: 768px) {
    .pt32 {
      padding-top: 32px !important; } }
  @media (min-width: 992px) {
    .pt32 {
      padding-top: 32px !important; } }
  @media (min-width: 1200px) {
    .pt32 {
      padding-top: 32px !important; } }
  @media (min-width: 1920px) {
    .pt32 {
      padding-top: 32px !important; } }
@media (min-width: 576px) {
  .pt32sm {
    padding-top: 64px !important; } }

@media (min-width: 768px) {
  .pt32md {
    padding-top: 128px !important; } }

@media (min-width: 992px) {
  .pt32lg {
    padding-top: 256px !important; } }

@media (min-width: 1200px) {
  .pt32xl {
    padding-top: 256px !important; } }

@media (min-width: 1920px) {
  .pt32xxl {
    padding-top: 512px !important; } }

.pb32 {
  padding-bottom: 32px !important; }
  @media (min-width: 576px) {
    .pb32 {
      padding-bottom: 32px !important; } }
  @media (min-width: 768px) {
    .pb32 {
      padding-bottom: 32px !important; } }
  @media (min-width: 992px) {
    .pb32 {
      padding-bottom: 32px !important; } }
  @media (min-width: 1200px) {
    .pb32 {
      padding-bottom: 32px !important; } }
  @media (min-width: 1920px) {
    .pb32 {
      padding-bottom: 32px !important; } }
@media (min-width: 576px) {
  .pb32sm {
    padding-bottom: 64px !important; } }

@media (min-width: 768px) {
  .pb32md {
    padding-bottom: 128px !important; } }

@media (min-width: 992px) {
  .pb32lg {
    padding-bottom: 256px !important; } }

@media (min-width: 1200px) {
  .pb32xl {
    padding-bottom: 256px !important; } }

@media (min-width: 1920px) {
  .pb32xxl {
    padding-bottom: 512px !important; } }

.mr32 {
  margin-right: 32px !important; }
  @media (min-width: 576px) {
    .mr32 {
      margin-right: 32px !important; } }
  @media (min-width: 768px) {
    .mr32 {
      margin-right: 32px !important; } }
  @media (min-width: 992px) {
    .mr32 {
      margin-right: 32px !important; } }
  @media (min-width: 1200px) {
    .mr32 {
      margin-right: 32px !important; } }
  @media (min-width: 1920px) {
    .mr32 {
      margin-right: 32px !important; } }
@media (min-width: 576px) {
  .mr32sm {
    margin-right: 64px !important; } }

@media (min-width: 768px) {
  .mr32md {
    margin-right: 128px !important; } }

@media (min-width: 992px) {
  .mr32lg {
    margin-right: 256px !important; } }

@media (min-width: 1200px) {
  .mr32xl {
    margin-right: 256px !important; } }

@media (min-width: 1920px) {
  .mr32xxl {
    margin-right: 512px !important; } }

.ml32 {
  margin-left: 32px !important; }
  @media (min-width: 576px) {
    .ml32 {
      margin-left: 32px !important; } }
  @media (min-width: 768px) {
    .ml32 {
      margin-left: 32px !important; } }
  @media (min-width: 992px) {
    .ml32 {
      margin-left: 32px !important; } }
  @media (min-width: 1200px) {
    .ml32 {
      margin-left: 32px !important; } }
  @media (min-width: 1920px) {
    .ml32 {
      margin-left: 32px !important; } }
@media (min-width: 576px) {
  .ml32sm {
    margin-left: 64px !important; } }

@media (min-width: 768px) {
  .ml32md {
    margin-left: 128px !important; } }

@media (min-width: 992px) {
  .ml32lg {
    margin-left: 256px !important; } }

@media (min-width: 1200px) {
  .ml32xl {
    margin-left: 256px !important; } }

@media (min-width: 1920px) {
  .ml32xxl {
    margin-left: 512px !important; } }

.mt32 {
  margin-top: 32px !important; }
  @media (min-width: 576px) {
    .mt32 {
      margin-top: 32px !important; } }
  @media (min-width: 768px) {
    .mt32 {
      margin-top: 32px !important; } }
  @media (min-width: 992px) {
    .mt32 {
      margin-top: 32px !important; } }
  @media (min-width: 1200px) {
    .mt32 {
      margin-top: 32px !important; } }
  @media (min-width: 1920px) {
    .mt32 {
      margin-top: 32px !important; } }
@media (min-width: 576px) {
  .mt32sm {
    margin-top: 64px !important; } }

@media (min-width: 768px) {
  .mt32md {
    margin-top: 128px !important; } }

@media (min-width: 992px) {
  .mt32lg {
    margin-top: 256px !important; } }

@media (min-width: 1200px) {
  .mt32xl {
    margin-top: 256px !important; } }

@media (min-width: 1920px) {
  .mt32xxl {
    margin-top: 512px !important; } }

.mb32 {
  margin-bottom: 32px !important; }
  @media (min-width: 576px) {
    .mb32 {
      margin-bottom: 32px !important; } }
  @media (min-width: 768px) {
    .mb32 {
      margin-bottom: 32px !important; } }
  @media (min-width: 992px) {
    .mb32 {
      margin-bottom: 32px !important; } }
  @media (min-width: 1200px) {
    .mb32 {
      margin-bottom: 32px !important; } }
  @media (min-width: 1920px) {
    .mb32 {
      margin-bottom: 32px !important; } }
@media (min-width: 576px) {
  .mb32sm {
    margin-bottom: 64px !important; } }

@media (min-width: 768px) {
  .mb32md {
    margin-bottom: 128px !important; } }

@media (min-width: 992px) {
  .mb32lg {
    margin-bottom: 256px !important; } }

@media (min-width: 1200px) {
  .mb32xl {
    margin-bottom: 256px !important; } }

@media (min-width: 1920px) {
  .mb32xxl {
    margin-bottom: 512px !important; } }

.minh32 {
  min-height: 32px !important; }
  @media (min-width: 576px) {
    .minh32 {
      min-height: 32px !important; } }
  @media (min-width: 768px) {
    .minh32 {
      min-height: 32px !important; } }
  @media (min-width: 992px) {
    .minh32 {
      min-height: 32px !important; } }
  @media (min-width: 1200px) {
    .minh32 {
      min-height: 32px !important; } }
  @media (min-width: 1920px) {
    .minh32 {
      min-height: 32px !important; } }
@media (min-width: 576px) {
  .minh32sm {
    min-height: 64px !important; } }

@media (min-width: 768px) {
  .minh32md {
    min-height: 128px !important; } }

@media (min-width: 992px) {
  .minh32lg {
    min-height: 256px !important; } }

@media (min-width: 1200px) {
  .minh32xl {
    min-height: 256px !important; } }

@media (min-width: 1920px) {
  .minh32xxl {
    min-height: 512px !important; } }

.maxh32 {
  max-height: 32px !important; }
  @media (min-width: 576px) {
    .maxh32 {
      max-height: 32px !important; } }
  @media (min-width: 768px) {
    .maxh32 {
      max-height: 32px !important; } }
  @media (min-width: 992px) {
    .maxh32 {
      max-height: 32px !important; } }
  @media (min-width: 1200px) {
    .maxh32 {
      max-height: 32px !important; } }
  @media (min-width: 1920px) {
    .maxh32 {
      max-height: 32px !important; } }
@media (min-width: 576px) {
  .maxh32sm {
    max-height: 64px !important; } }

@media (min-width: 768px) {
  .maxh32md {
    max-height: 128px !important; } }

@media (min-width: 992px) {
  .maxh32lg {
    max-height: 256px !important; } }

@media (min-width: 1200px) {
  .maxh32xl {
    max-height: 256px !important; } }

@media (min-width: 1920px) {
  .maxh32xxl {
    max-height: 512px !important; } }

.maxw32 {
  max-width: 32px !important; }
  @media (min-width: 576px) {
    .maxw32 {
      max-width: 32px !important; } }
  @media (min-width: 768px) {
    .maxw32 {
      max-width: 32px !important; } }
  @media (min-width: 992px) {
    .maxw32 {
      max-width: 32px !important; } }
  @media (min-width: 1200px) {
    .maxw32 {
      max-width: 32px !important; } }
  @media (min-width: 1920px) {
    .maxw32 {
      max-width: 32px !important; } }
@media (min-width: 576px) {
  .maxw32sm {
    max-width: 64px !important; } }

@media (min-width: 768px) {
  .maxw32md {
    max-width: 128px !important; } }

@media (min-width: 992px) {
  .maxw32lg {
    max-width: 256px !important; } }

@media (min-width: 1200px) {
  .maxw32xl {
    max-width: 256px !important; } }

@media (min-width: 1920px) {
  .maxw32xxl {
    max-width: 512px !important; } }

.pr40 {
  padding-right: 40px !important; }
  @media (min-width: 576px) {
    .pr40 {
      padding-right: 40px !important; } }
  @media (min-width: 768px) {
    .pr40 {
      padding-right: 40px !important; } }
  @media (min-width: 992px) {
    .pr40 {
      padding-right: 40px !important; } }
  @media (min-width: 1200px) {
    .pr40 {
      padding-right: 40px !important; } }
  @media (min-width: 1920px) {
    .pr40 {
      padding-right: 40px !important; } }
@media (min-width: 576px) {
  .pr40sm {
    padding-right: 80px !important; } }

@media (min-width: 768px) {
  .pr40md {
    padding-right: 160px !important; } }

@media (min-width: 992px) {
  .pr40lg {
    padding-right: 320px !important; } }

@media (min-width: 1200px) {
  .pr40xl {
    padding-right: 320px !important; } }

@media (min-width: 1920px) {
  .pr40xxl {
    padding-right: 640px !important; } }

.pl40 {
  padding-left: 40px !important; }
  @media (min-width: 576px) {
    .pl40 {
      padding-left: 40px !important; } }
  @media (min-width: 768px) {
    .pl40 {
      padding-left: 40px !important; } }
  @media (min-width: 992px) {
    .pl40 {
      padding-left: 40px !important; } }
  @media (min-width: 1200px) {
    .pl40 {
      padding-left: 40px !important; } }
  @media (min-width: 1920px) {
    .pl40 {
      padding-left: 40px !important; } }
@media (min-width: 576px) {
  .pl40sm {
    padding-left: 80px !important; } }

@media (min-width: 768px) {
  .pl40md {
    padding-left: 160px !important; } }

@media (min-width: 992px) {
  .pl40lg {
    padding-left: 320px !important; } }

@media (min-width: 1200px) {
  .pl40xl {
    padding-left: 320px !important; } }

@media (min-width: 1920px) {
  .pl40xxl {
    padding-left: 640px !important; } }

.pt40 {
  padding-top: 40px !important; }
  @media (min-width: 576px) {
    .pt40 {
      padding-top: 40px !important; } }
  @media (min-width: 768px) {
    .pt40 {
      padding-top: 40px !important; } }
  @media (min-width: 992px) {
    .pt40 {
      padding-top: 40px !important; } }
  @media (min-width: 1200px) {
    .pt40 {
      padding-top: 40px !important; } }
  @media (min-width: 1920px) {
    .pt40 {
      padding-top: 40px !important; } }
@media (min-width: 576px) {
  .pt40sm {
    padding-top: 80px !important; } }

@media (min-width: 768px) {
  .pt40md {
    padding-top: 160px !important; } }

@media (min-width: 992px) {
  .pt40lg {
    padding-top: 320px !important; } }

@media (min-width: 1200px) {
  .pt40xl {
    padding-top: 320px !important; } }

@media (min-width: 1920px) {
  .pt40xxl {
    padding-top: 640px !important; } }

.pb40 {
  padding-bottom: 40px !important; }
  @media (min-width: 576px) {
    .pb40 {
      padding-bottom: 40px !important; } }
  @media (min-width: 768px) {
    .pb40 {
      padding-bottom: 40px !important; } }
  @media (min-width: 992px) {
    .pb40 {
      padding-bottom: 40px !important; } }
  @media (min-width: 1200px) {
    .pb40 {
      padding-bottom: 40px !important; } }
  @media (min-width: 1920px) {
    .pb40 {
      padding-bottom: 40px !important; } }
@media (min-width: 576px) {
  .pb40sm {
    padding-bottom: 80px !important; } }

@media (min-width: 768px) {
  .pb40md {
    padding-bottom: 160px !important; } }

@media (min-width: 992px) {
  .pb40lg {
    padding-bottom: 320px !important; } }

@media (min-width: 1200px) {
  .pb40xl {
    padding-bottom: 320px !important; } }

@media (min-width: 1920px) {
  .pb40xxl {
    padding-bottom: 640px !important; } }

.mr40 {
  margin-right: 40px !important; }
  @media (min-width: 576px) {
    .mr40 {
      margin-right: 40px !important; } }
  @media (min-width: 768px) {
    .mr40 {
      margin-right: 40px !important; } }
  @media (min-width: 992px) {
    .mr40 {
      margin-right: 40px !important; } }
  @media (min-width: 1200px) {
    .mr40 {
      margin-right: 40px !important; } }
  @media (min-width: 1920px) {
    .mr40 {
      margin-right: 40px !important; } }
@media (min-width: 576px) {
  .mr40sm {
    margin-right: 80px !important; } }

@media (min-width: 768px) {
  .mr40md {
    margin-right: 160px !important; } }

@media (min-width: 992px) {
  .mr40lg {
    margin-right: 320px !important; } }

@media (min-width: 1200px) {
  .mr40xl {
    margin-right: 320px !important; } }

@media (min-width: 1920px) {
  .mr40xxl {
    margin-right: 640px !important; } }

.ml40 {
  margin-left: 40px !important; }
  @media (min-width: 576px) {
    .ml40 {
      margin-left: 40px !important; } }
  @media (min-width: 768px) {
    .ml40 {
      margin-left: 40px !important; } }
  @media (min-width: 992px) {
    .ml40 {
      margin-left: 40px !important; } }
  @media (min-width: 1200px) {
    .ml40 {
      margin-left: 40px !important; } }
  @media (min-width: 1920px) {
    .ml40 {
      margin-left: 40px !important; } }
@media (min-width: 576px) {
  .ml40sm {
    margin-left: 80px !important; } }

@media (min-width: 768px) {
  .ml40md {
    margin-left: 160px !important; } }

@media (min-width: 992px) {
  .ml40lg {
    margin-left: 320px !important; } }

@media (min-width: 1200px) {
  .ml40xl {
    margin-left: 320px !important; } }

@media (min-width: 1920px) {
  .ml40xxl {
    margin-left: 640px !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media (min-width: 576px) {
    .mt40 {
      margin-top: 40px !important; } }
  @media (min-width: 768px) {
    .mt40 {
      margin-top: 40px !important; } }
  @media (min-width: 992px) {
    .mt40 {
      margin-top: 40px !important; } }
  @media (min-width: 1200px) {
    .mt40 {
      margin-top: 40px !important; } }
  @media (min-width: 1920px) {
    .mt40 {
      margin-top: 40px !important; } }
@media (min-width: 576px) {
  .mt40sm {
    margin-top: 80px !important; } }

@media (min-width: 768px) {
  .mt40md {
    margin-top: 160px !important; } }

@media (min-width: 992px) {
  .mt40lg {
    margin-top: 320px !important; } }

@media (min-width: 1200px) {
  .mt40xl {
    margin-top: 320px !important; } }

@media (min-width: 1920px) {
  .mt40xxl {
    margin-top: 640px !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media (min-width: 576px) {
    .mb40 {
      margin-bottom: 40px !important; } }
  @media (min-width: 768px) {
    .mb40 {
      margin-bottom: 40px !important; } }
  @media (min-width: 992px) {
    .mb40 {
      margin-bottom: 40px !important; } }
  @media (min-width: 1200px) {
    .mb40 {
      margin-bottom: 40px !important; } }
  @media (min-width: 1920px) {
    .mb40 {
      margin-bottom: 40px !important; } }
@media (min-width: 576px) {
  .mb40sm {
    margin-bottom: 80px !important; } }

@media (min-width: 768px) {
  .mb40md {
    margin-bottom: 160px !important; } }

@media (min-width: 992px) {
  .mb40lg {
    margin-bottom: 320px !important; } }

@media (min-width: 1200px) {
  .mb40xl {
    margin-bottom: 320px !important; } }

@media (min-width: 1920px) {
  .mb40xxl {
    margin-bottom: 640px !important; } }

.minh40 {
  min-height: 40px !important; }
  @media (min-width: 576px) {
    .minh40 {
      min-height: 40px !important; } }
  @media (min-width: 768px) {
    .minh40 {
      min-height: 40px !important; } }
  @media (min-width: 992px) {
    .minh40 {
      min-height: 40px !important; } }
  @media (min-width: 1200px) {
    .minh40 {
      min-height: 40px !important; } }
  @media (min-width: 1920px) {
    .minh40 {
      min-height: 40px !important; } }
@media (min-width: 576px) {
  .minh40sm {
    min-height: 80px !important; } }

@media (min-width: 768px) {
  .minh40md {
    min-height: 160px !important; } }

@media (min-width: 992px) {
  .minh40lg {
    min-height: 320px !important; } }

@media (min-width: 1200px) {
  .minh40xl {
    min-height: 320px !important; } }

@media (min-width: 1920px) {
  .minh40xxl {
    min-height: 640px !important; } }

.maxh40 {
  max-height: 40px !important; }
  @media (min-width: 576px) {
    .maxh40 {
      max-height: 40px !important; } }
  @media (min-width: 768px) {
    .maxh40 {
      max-height: 40px !important; } }
  @media (min-width: 992px) {
    .maxh40 {
      max-height: 40px !important; } }
  @media (min-width: 1200px) {
    .maxh40 {
      max-height: 40px !important; } }
  @media (min-width: 1920px) {
    .maxh40 {
      max-height: 40px !important; } }
@media (min-width: 576px) {
  .maxh40sm {
    max-height: 80px !important; } }

@media (min-width: 768px) {
  .maxh40md {
    max-height: 160px !important; } }

@media (min-width: 992px) {
  .maxh40lg {
    max-height: 320px !important; } }

@media (min-width: 1200px) {
  .maxh40xl {
    max-height: 320px !important; } }

@media (min-width: 1920px) {
  .maxh40xxl {
    max-height: 640px !important; } }

.maxw40 {
  max-width: 40px !important; }
  @media (min-width: 576px) {
    .maxw40 {
      max-width: 40px !important; } }
  @media (min-width: 768px) {
    .maxw40 {
      max-width: 40px !important; } }
  @media (min-width: 992px) {
    .maxw40 {
      max-width: 40px !important; } }
  @media (min-width: 1200px) {
    .maxw40 {
      max-width: 40px !important; } }
  @media (min-width: 1920px) {
    .maxw40 {
      max-width: 40px !important; } }
@media (min-width: 576px) {
  .maxw40sm {
    max-width: 80px !important; } }

@media (min-width: 768px) {
  .maxw40md {
    max-width: 160px !important; } }

@media (min-width: 992px) {
  .maxw40lg {
    max-width: 320px !important; } }

@media (min-width: 1200px) {
  .maxw40xl {
    max-width: 320px !important; } }

@media (min-width: 1920px) {
  .maxw40xxl {
    max-width: 640px !important; } }

.pr48 {
  padding-right: 48px !important; }
  @media (min-width: 576px) {
    .pr48 {
      padding-right: 48px !important; } }
  @media (min-width: 768px) {
    .pr48 {
      padding-right: 48px !important; } }
  @media (min-width: 992px) {
    .pr48 {
      padding-right: 48px !important; } }
  @media (min-width: 1200px) {
    .pr48 {
      padding-right: 48px !important; } }
  @media (min-width: 1920px) {
    .pr48 {
      padding-right: 48px !important; } }
@media (min-width: 576px) {
  .pr48sm {
    padding-right: 96px !important; } }

@media (min-width: 768px) {
  .pr48md {
    padding-right: 192px !important; } }

@media (min-width: 992px) {
  .pr48lg {
    padding-right: 384px !important; } }

@media (min-width: 1200px) {
  .pr48xl {
    padding-right: 384px !important; } }

@media (min-width: 1920px) {
  .pr48xxl {
    padding-right: 768px !important; } }

.pl48 {
  padding-left: 48px !important; }
  @media (min-width: 576px) {
    .pl48 {
      padding-left: 48px !important; } }
  @media (min-width: 768px) {
    .pl48 {
      padding-left: 48px !important; } }
  @media (min-width: 992px) {
    .pl48 {
      padding-left: 48px !important; } }
  @media (min-width: 1200px) {
    .pl48 {
      padding-left: 48px !important; } }
  @media (min-width: 1920px) {
    .pl48 {
      padding-left: 48px !important; } }
@media (min-width: 576px) {
  .pl48sm {
    padding-left: 96px !important; } }

@media (min-width: 768px) {
  .pl48md {
    padding-left: 192px !important; } }

@media (min-width: 992px) {
  .pl48lg {
    padding-left: 384px !important; } }

@media (min-width: 1200px) {
  .pl48xl {
    padding-left: 384px !important; } }

@media (min-width: 1920px) {
  .pl48xxl {
    padding-left: 768px !important; } }

.pt48 {
  padding-top: 48px !important; }
  @media (min-width: 576px) {
    .pt48 {
      padding-top: 48px !important; } }
  @media (min-width: 768px) {
    .pt48 {
      padding-top: 48px !important; } }
  @media (min-width: 992px) {
    .pt48 {
      padding-top: 48px !important; } }
  @media (min-width: 1200px) {
    .pt48 {
      padding-top: 48px !important; } }
  @media (min-width: 1920px) {
    .pt48 {
      padding-top: 48px !important; } }
@media (min-width: 576px) {
  .pt48sm {
    padding-top: 96px !important; } }

@media (min-width: 768px) {
  .pt48md {
    padding-top: 192px !important; } }

@media (min-width: 992px) {
  .pt48lg {
    padding-top: 384px !important; } }

@media (min-width: 1200px) {
  .pt48xl {
    padding-top: 384px !important; } }

@media (min-width: 1920px) {
  .pt48xxl {
    padding-top: 768px !important; } }

.pb48 {
  padding-bottom: 48px !important; }
  @media (min-width: 576px) {
    .pb48 {
      padding-bottom: 48px !important; } }
  @media (min-width: 768px) {
    .pb48 {
      padding-bottom: 48px !important; } }
  @media (min-width: 992px) {
    .pb48 {
      padding-bottom: 48px !important; } }
  @media (min-width: 1200px) {
    .pb48 {
      padding-bottom: 48px !important; } }
  @media (min-width: 1920px) {
    .pb48 {
      padding-bottom: 48px !important; } }
@media (min-width: 576px) {
  .pb48sm {
    padding-bottom: 96px !important; } }

@media (min-width: 768px) {
  .pb48md {
    padding-bottom: 192px !important; } }

@media (min-width: 992px) {
  .pb48lg {
    padding-bottom: 384px !important; } }

@media (min-width: 1200px) {
  .pb48xl {
    padding-bottom: 384px !important; } }

@media (min-width: 1920px) {
  .pb48xxl {
    padding-bottom: 768px !important; } }

.mr48 {
  margin-right: 48px !important; }
  @media (min-width: 576px) {
    .mr48 {
      margin-right: 48px !important; } }
  @media (min-width: 768px) {
    .mr48 {
      margin-right: 48px !important; } }
  @media (min-width: 992px) {
    .mr48 {
      margin-right: 48px !important; } }
  @media (min-width: 1200px) {
    .mr48 {
      margin-right: 48px !important; } }
  @media (min-width: 1920px) {
    .mr48 {
      margin-right: 48px !important; } }
@media (min-width: 576px) {
  .mr48sm {
    margin-right: 96px !important; } }

@media (min-width: 768px) {
  .mr48md {
    margin-right: 192px !important; } }

@media (min-width: 992px) {
  .mr48lg {
    margin-right: 384px !important; } }

@media (min-width: 1200px) {
  .mr48xl {
    margin-right: 384px !important; } }

@media (min-width: 1920px) {
  .mr48xxl {
    margin-right: 768px !important; } }

.ml48 {
  margin-left: 48px !important; }
  @media (min-width: 576px) {
    .ml48 {
      margin-left: 48px !important; } }
  @media (min-width: 768px) {
    .ml48 {
      margin-left: 48px !important; } }
  @media (min-width: 992px) {
    .ml48 {
      margin-left: 48px !important; } }
  @media (min-width: 1200px) {
    .ml48 {
      margin-left: 48px !important; } }
  @media (min-width: 1920px) {
    .ml48 {
      margin-left: 48px !important; } }
@media (min-width: 576px) {
  .ml48sm {
    margin-left: 96px !important; } }

@media (min-width: 768px) {
  .ml48md {
    margin-left: 192px !important; } }

@media (min-width: 992px) {
  .ml48lg {
    margin-left: 384px !important; } }

@media (min-width: 1200px) {
  .ml48xl {
    margin-left: 384px !important; } }

@media (min-width: 1920px) {
  .ml48xxl {
    margin-left: 768px !important; } }

.mt48 {
  margin-top: 48px !important; }
  @media (min-width: 576px) {
    .mt48 {
      margin-top: 48px !important; } }
  @media (min-width: 768px) {
    .mt48 {
      margin-top: 48px !important; } }
  @media (min-width: 992px) {
    .mt48 {
      margin-top: 48px !important; } }
  @media (min-width: 1200px) {
    .mt48 {
      margin-top: 48px !important; } }
  @media (min-width: 1920px) {
    .mt48 {
      margin-top: 48px !important; } }
@media (min-width: 576px) {
  .mt48sm {
    margin-top: 96px !important; } }

@media (min-width: 768px) {
  .mt48md {
    margin-top: 192px !important; } }

@media (min-width: 992px) {
  .mt48lg {
    margin-top: 384px !important; } }

@media (min-width: 1200px) {
  .mt48xl {
    margin-top: 384px !important; } }

@media (min-width: 1920px) {
  .mt48xxl {
    margin-top: 768px !important; } }

.mb48 {
  margin-bottom: 48px !important; }
  @media (min-width: 576px) {
    .mb48 {
      margin-bottom: 48px !important; } }
  @media (min-width: 768px) {
    .mb48 {
      margin-bottom: 48px !important; } }
  @media (min-width: 992px) {
    .mb48 {
      margin-bottom: 48px !important; } }
  @media (min-width: 1200px) {
    .mb48 {
      margin-bottom: 48px !important; } }
  @media (min-width: 1920px) {
    .mb48 {
      margin-bottom: 48px !important; } }
@media (min-width: 576px) {
  .mb48sm {
    margin-bottom: 96px !important; } }

@media (min-width: 768px) {
  .mb48md {
    margin-bottom: 192px !important; } }

@media (min-width: 992px) {
  .mb48lg {
    margin-bottom: 384px !important; } }

@media (min-width: 1200px) {
  .mb48xl {
    margin-bottom: 384px !important; } }

@media (min-width: 1920px) {
  .mb48xxl {
    margin-bottom: 768px !important; } }

.minh48 {
  min-height: 48px !important; }
  @media (min-width: 576px) {
    .minh48 {
      min-height: 48px !important; } }
  @media (min-width: 768px) {
    .minh48 {
      min-height: 48px !important; } }
  @media (min-width: 992px) {
    .minh48 {
      min-height: 48px !important; } }
  @media (min-width: 1200px) {
    .minh48 {
      min-height: 48px !important; } }
  @media (min-width: 1920px) {
    .minh48 {
      min-height: 48px !important; } }
@media (min-width: 576px) {
  .minh48sm {
    min-height: 96px !important; } }

@media (min-width: 768px) {
  .minh48md {
    min-height: 192px !important; } }

@media (min-width: 992px) {
  .minh48lg {
    min-height: 384px !important; } }

@media (min-width: 1200px) {
  .minh48xl {
    min-height: 384px !important; } }

@media (min-width: 1920px) {
  .minh48xxl {
    min-height: 768px !important; } }

.maxh48 {
  max-height: 48px !important; }
  @media (min-width: 576px) {
    .maxh48 {
      max-height: 48px !important; } }
  @media (min-width: 768px) {
    .maxh48 {
      max-height: 48px !important; } }
  @media (min-width: 992px) {
    .maxh48 {
      max-height: 48px !important; } }
  @media (min-width: 1200px) {
    .maxh48 {
      max-height: 48px !important; } }
  @media (min-width: 1920px) {
    .maxh48 {
      max-height: 48px !important; } }
@media (min-width: 576px) {
  .maxh48sm {
    max-height: 96px !important; } }

@media (min-width: 768px) {
  .maxh48md {
    max-height: 192px !important; } }

@media (min-width: 992px) {
  .maxh48lg {
    max-height: 384px !important; } }

@media (min-width: 1200px) {
  .maxh48xl {
    max-height: 384px !important; } }

@media (min-width: 1920px) {
  .maxh48xxl {
    max-height: 768px !important; } }

.maxw48 {
  max-width: 48px !important; }
  @media (min-width: 576px) {
    .maxw48 {
      max-width: 48px !important; } }
  @media (min-width: 768px) {
    .maxw48 {
      max-width: 48px !important; } }
  @media (min-width: 992px) {
    .maxw48 {
      max-width: 48px !important; } }
  @media (min-width: 1200px) {
    .maxw48 {
      max-width: 48px !important; } }
  @media (min-width: 1920px) {
    .maxw48 {
      max-width: 48px !important; } }
@media (min-width: 576px) {
  .maxw48sm {
    max-width: 96px !important; } }

@media (min-width: 768px) {
  .maxw48md {
    max-width: 192px !important; } }

@media (min-width: 992px) {
  .maxw48lg {
    max-width: 384px !important; } }

@media (min-width: 1200px) {
  .maxw48xl {
    max-width: 384px !important; } }

@media (min-width: 1920px) {
  .maxw48xxl {
    max-width: 768px !important; } }

.pr56 {
  padding-right: 56px !important; }
  @media (min-width: 576px) {
    .pr56 {
      padding-right: 56px !important; } }
  @media (min-width: 768px) {
    .pr56 {
      padding-right: 56px !important; } }
  @media (min-width: 992px) {
    .pr56 {
      padding-right: 56px !important; } }
  @media (min-width: 1200px) {
    .pr56 {
      padding-right: 56px !important; } }
  @media (min-width: 1920px) {
    .pr56 {
      padding-right: 56px !important; } }
@media (min-width: 576px) {
  .pr56sm {
    padding-right: 112px !important; } }

@media (min-width: 768px) {
  .pr56md {
    padding-right: 224px !important; } }

@media (min-width: 992px) {
  .pr56lg {
    padding-right: 448px !important; } }

@media (min-width: 1200px) {
  .pr56xl {
    padding-right: 448px !important; } }

@media (min-width: 1920px) {
  .pr56xxl {
    padding-right: 896px !important; } }

.pl56 {
  padding-left: 56px !important; }
  @media (min-width: 576px) {
    .pl56 {
      padding-left: 56px !important; } }
  @media (min-width: 768px) {
    .pl56 {
      padding-left: 56px !important; } }
  @media (min-width: 992px) {
    .pl56 {
      padding-left: 56px !important; } }
  @media (min-width: 1200px) {
    .pl56 {
      padding-left: 56px !important; } }
  @media (min-width: 1920px) {
    .pl56 {
      padding-left: 56px !important; } }
@media (min-width: 576px) {
  .pl56sm {
    padding-left: 112px !important; } }

@media (min-width: 768px) {
  .pl56md {
    padding-left: 224px !important; } }

@media (min-width: 992px) {
  .pl56lg {
    padding-left: 448px !important; } }

@media (min-width: 1200px) {
  .pl56xl {
    padding-left: 448px !important; } }

@media (min-width: 1920px) {
  .pl56xxl {
    padding-left: 896px !important; } }

.pt56 {
  padding-top: 56px !important; }
  @media (min-width: 576px) {
    .pt56 {
      padding-top: 56px !important; } }
  @media (min-width: 768px) {
    .pt56 {
      padding-top: 56px !important; } }
  @media (min-width: 992px) {
    .pt56 {
      padding-top: 56px !important; } }
  @media (min-width: 1200px) {
    .pt56 {
      padding-top: 56px !important; } }
  @media (min-width: 1920px) {
    .pt56 {
      padding-top: 56px !important; } }
@media (min-width: 576px) {
  .pt56sm {
    padding-top: 112px !important; } }

@media (min-width: 768px) {
  .pt56md {
    padding-top: 224px !important; } }

@media (min-width: 992px) {
  .pt56lg {
    padding-top: 448px !important; } }

@media (min-width: 1200px) {
  .pt56xl {
    padding-top: 448px !important; } }

@media (min-width: 1920px) {
  .pt56xxl {
    padding-top: 896px !important; } }

.pb56 {
  padding-bottom: 56px !important; }
  @media (min-width: 576px) {
    .pb56 {
      padding-bottom: 56px !important; } }
  @media (min-width: 768px) {
    .pb56 {
      padding-bottom: 56px !important; } }
  @media (min-width: 992px) {
    .pb56 {
      padding-bottom: 56px !important; } }
  @media (min-width: 1200px) {
    .pb56 {
      padding-bottom: 56px !important; } }
  @media (min-width: 1920px) {
    .pb56 {
      padding-bottom: 56px !important; } }
@media (min-width: 576px) {
  .pb56sm {
    padding-bottom: 112px !important; } }

@media (min-width: 768px) {
  .pb56md {
    padding-bottom: 224px !important; } }

@media (min-width: 992px) {
  .pb56lg {
    padding-bottom: 448px !important; } }

@media (min-width: 1200px) {
  .pb56xl {
    padding-bottom: 448px !important; } }

@media (min-width: 1920px) {
  .pb56xxl {
    padding-bottom: 896px !important; } }

.mr56 {
  margin-right: 56px !important; }
  @media (min-width: 576px) {
    .mr56 {
      margin-right: 56px !important; } }
  @media (min-width: 768px) {
    .mr56 {
      margin-right: 56px !important; } }
  @media (min-width: 992px) {
    .mr56 {
      margin-right: 56px !important; } }
  @media (min-width: 1200px) {
    .mr56 {
      margin-right: 56px !important; } }
  @media (min-width: 1920px) {
    .mr56 {
      margin-right: 56px !important; } }
@media (min-width: 576px) {
  .mr56sm {
    margin-right: 112px !important; } }

@media (min-width: 768px) {
  .mr56md {
    margin-right: 224px !important; } }

@media (min-width: 992px) {
  .mr56lg {
    margin-right: 448px !important; } }

@media (min-width: 1200px) {
  .mr56xl {
    margin-right: 448px !important; } }

@media (min-width: 1920px) {
  .mr56xxl {
    margin-right: 896px !important; } }

.ml56 {
  margin-left: 56px !important; }
  @media (min-width: 576px) {
    .ml56 {
      margin-left: 56px !important; } }
  @media (min-width: 768px) {
    .ml56 {
      margin-left: 56px !important; } }
  @media (min-width: 992px) {
    .ml56 {
      margin-left: 56px !important; } }
  @media (min-width: 1200px) {
    .ml56 {
      margin-left: 56px !important; } }
  @media (min-width: 1920px) {
    .ml56 {
      margin-left: 56px !important; } }
@media (min-width: 576px) {
  .ml56sm {
    margin-left: 112px !important; } }

@media (min-width: 768px) {
  .ml56md {
    margin-left: 224px !important; } }

@media (min-width: 992px) {
  .ml56lg {
    margin-left: 448px !important; } }

@media (min-width: 1200px) {
  .ml56xl {
    margin-left: 448px !important; } }

@media (min-width: 1920px) {
  .ml56xxl {
    margin-left: 896px !important; } }

.mt56 {
  margin-top: 56px !important; }
  @media (min-width: 576px) {
    .mt56 {
      margin-top: 56px !important; } }
  @media (min-width: 768px) {
    .mt56 {
      margin-top: 56px !important; } }
  @media (min-width: 992px) {
    .mt56 {
      margin-top: 56px !important; } }
  @media (min-width: 1200px) {
    .mt56 {
      margin-top: 56px !important; } }
  @media (min-width: 1920px) {
    .mt56 {
      margin-top: 56px !important; } }
@media (min-width: 576px) {
  .mt56sm {
    margin-top: 112px !important; } }

@media (min-width: 768px) {
  .mt56md {
    margin-top: 224px !important; } }

@media (min-width: 992px) {
  .mt56lg {
    margin-top: 448px !important; } }

@media (min-width: 1200px) {
  .mt56xl {
    margin-top: 448px !important; } }

@media (min-width: 1920px) {
  .mt56xxl {
    margin-top: 896px !important; } }

.mb56 {
  margin-bottom: 56px !important; }
  @media (min-width: 576px) {
    .mb56 {
      margin-bottom: 56px !important; } }
  @media (min-width: 768px) {
    .mb56 {
      margin-bottom: 56px !important; } }
  @media (min-width: 992px) {
    .mb56 {
      margin-bottom: 56px !important; } }
  @media (min-width: 1200px) {
    .mb56 {
      margin-bottom: 56px !important; } }
  @media (min-width: 1920px) {
    .mb56 {
      margin-bottom: 56px !important; } }
@media (min-width: 576px) {
  .mb56sm {
    margin-bottom: 112px !important; } }

@media (min-width: 768px) {
  .mb56md {
    margin-bottom: 224px !important; } }

@media (min-width: 992px) {
  .mb56lg {
    margin-bottom: 448px !important; } }

@media (min-width: 1200px) {
  .mb56xl {
    margin-bottom: 448px !important; } }

@media (min-width: 1920px) {
  .mb56xxl {
    margin-bottom: 896px !important; } }

.minh56 {
  min-height: 56px !important; }
  @media (min-width: 576px) {
    .minh56 {
      min-height: 56px !important; } }
  @media (min-width: 768px) {
    .minh56 {
      min-height: 56px !important; } }
  @media (min-width: 992px) {
    .minh56 {
      min-height: 56px !important; } }
  @media (min-width: 1200px) {
    .minh56 {
      min-height: 56px !important; } }
  @media (min-width: 1920px) {
    .minh56 {
      min-height: 56px !important; } }
@media (min-width: 576px) {
  .minh56sm {
    min-height: 112px !important; } }

@media (min-width: 768px) {
  .minh56md {
    min-height: 224px !important; } }

@media (min-width: 992px) {
  .minh56lg {
    min-height: 448px !important; } }

@media (min-width: 1200px) {
  .minh56xl {
    min-height: 448px !important; } }

@media (min-width: 1920px) {
  .minh56xxl {
    min-height: 896px !important; } }

.maxh56 {
  max-height: 56px !important; }
  @media (min-width: 576px) {
    .maxh56 {
      max-height: 56px !important; } }
  @media (min-width: 768px) {
    .maxh56 {
      max-height: 56px !important; } }
  @media (min-width: 992px) {
    .maxh56 {
      max-height: 56px !important; } }
  @media (min-width: 1200px) {
    .maxh56 {
      max-height: 56px !important; } }
  @media (min-width: 1920px) {
    .maxh56 {
      max-height: 56px !important; } }
@media (min-width: 576px) {
  .maxh56sm {
    max-height: 112px !important; } }

@media (min-width: 768px) {
  .maxh56md {
    max-height: 224px !important; } }

@media (min-width: 992px) {
  .maxh56lg {
    max-height: 448px !important; } }

@media (min-width: 1200px) {
  .maxh56xl {
    max-height: 448px !important; } }

@media (min-width: 1920px) {
  .maxh56xxl {
    max-height: 896px !important; } }

.maxw56 {
  max-width: 56px !important; }
  @media (min-width: 576px) {
    .maxw56 {
      max-width: 56px !important; } }
  @media (min-width: 768px) {
    .maxw56 {
      max-width: 56px !important; } }
  @media (min-width: 992px) {
    .maxw56 {
      max-width: 56px !important; } }
  @media (min-width: 1200px) {
    .maxw56 {
      max-width: 56px !important; } }
  @media (min-width: 1920px) {
    .maxw56 {
      max-width: 56px !important; } }
@media (min-width: 576px) {
  .maxw56sm {
    max-width: 112px !important; } }

@media (min-width: 768px) {
  .maxw56md {
    max-width: 224px !important; } }

@media (min-width: 992px) {
  .maxw56lg {
    max-width: 448px !important; } }

@media (min-width: 1200px) {
  .maxw56xl {
    max-width: 448px !important; } }

@media (min-width: 1920px) {
  .maxw56xxl {
    max-width: 896px !important; } }

.pr64 {
  padding-right: 64px !important; }
  @media (min-width: 576px) {
    .pr64 {
      padding-right: 64px !important; } }
  @media (min-width: 768px) {
    .pr64 {
      padding-right: 64px !important; } }
  @media (min-width: 992px) {
    .pr64 {
      padding-right: 64px !important; } }
  @media (min-width: 1200px) {
    .pr64 {
      padding-right: 64px !important; } }
  @media (min-width: 1920px) {
    .pr64 {
      padding-right: 64px !important; } }
@media (min-width: 576px) {
  .pr64sm {
    padding-right: 128px !important; } }

@media (min-width: 768px) {
  .pr64md {
    padding-right: 256px !important; } }

@media (min-width: 992px) {
  .pr64lg {
    padding-right: 512px !important; } }

@media (min-width: 1200px) {
  .pr64xl {
    padding-right: 512px !important; } }

@media (min-width: 1920px) {
  .pr64xxl {
    padding-right: 1024px !important; } }

.pl64 {
  padding-left: 64px !important; }
  @media (min-width: 576px) {
    .pl64 {
      padding-left: 64px !important; } }
  @media (min-width: 768px) {
    .pl64 {
      padding-left: 64px !important; } }
  @media (min-width: 992px) {
    .pl64 {
      padding-left: 64px !important; } }
  @media (min-width: 1200px) {
    .pl64 {
      padding-left: 64px !important; } }
  @media (min-width: 1920px) {
    .pl64 {
      padding-left: 64px !important; } }
@media (min-width: 576px) {
  .pl64sm {
    padding-left: 128px !important; } }

@media (min-width: 768px) {
  .pl64md {
    padding-left: 256px !important; } }

@media (min-width: 992px) {
  .pl64lg {
    padding-left: 512px !important; } }

@media (min-width: 1200px) {
  .pl64xl {
    padding-left: 512px !important; } }

@media (min-width: 1920px) {
  .pl64xxl {
    padding-left: 1024px !important; } }

.pt64 {
  padding-top: 64px !important; }
  @media (min-width: 576px) {
    .pt64 {
      padding-top: 64px !important; } }
  @media (min-width: 768px) {
    .pt64 {
      padding-top: 64px !important; } }
  @media (min-width: 992px) {
    .pt64 {
      padding-top: 64px !important; } }
  @media (min-width: 1200px) {
    .pt64 {
      padding-top: 64px !important; } }
  @media (min-width: 1920px) {
    .pt64 {
      padding-top: 64px !important; } }
@media (min-width: 576px) {
  .pt64sm {
    padding-top: 128px !important; } }

@media (min-width: 768px) {
  .pt64md {
    padding-top: 256px !important; } }

@media (min-width: 992px) {
  .pt64lg {
    padding-top: 512px !important; } }

@media (min-width: 1200px) {
  .pt64xl {
    padding-top: 512px !important; } }

@media (min-width: 1920px) {
  .pt64xxl {
    padding-top: 1024px !important; } }

.pb64 {
  padding-bottom: 64px !important; }
  @media (min-width: 576px) {
    .pb64 {
      padding-bottom: 64px !important; } }
  @media (min-width: 768px) {
    .pb64 {
      padding-bottom: 64px !important; } }
  @media (min-width: 992px) {
    .pb64 {
      padding-bottom: 64px !important; } }
  @media (min-width: 1200px) {
    .pb64 {
      padding-bottom: 64px !important; } }
  @media (min-width: 1920px) {
    .pb64 {
      padding-bottom: 64px !important; } }
@media (min-width: 576px) {
  .pb64sm {
    padding-bottom: 128px !important; } }

@media (min-width: 768px) {
  .pb64md {
    padding-bottom: 256px !important; } }

@media (min-width: 992px) {
  .pb64lg {
    padding-bottom: 512px !important; } }

@media (min-width: 1200px) {
  .pb64xl {
    padding-bottom: 512px !important; } }

@media (min-width: 1920px) {
  .pb64xxl {
    padding-bottom: 1024px !important; } }

.mr64 {
  margin-right: 64px !important; }
  @media (min-width: 576px) {
    .mr64 {
      margin-right: 64px !important; } }
  @media (min-width: 768px) {
    .mr64 {
      margin-right: 64px !important; } }
  @media (min-width: 992px) {
    .mr64 {
      margin-right: 64px !important; } }
  @media (min-width: 1200px) {
    .mr64 {
      margin-right: 64px !important; } }
  @media (min-width: 1920px) {
    .mr64 {
      margin-right: 64px !important; } }
@media (min-width: 576px) {
  .mr64sm {
    margin-right: 128px !important; } }

@media (min-width: 768px) {
  .mr64md {
    margin-right: 256px !important; } }

@media (min-width: 992px) {
  .mr64lg {
    margin-right: 512px !important; } }

@media (min-width: 1200px) {
  .mr64xl {
    margin-right: 512px !important; } }

@media (min-width: 1920px) {
  .mr64xxl {
    margin-right: 1024px !important; } }

.ml64 {
  margin-left: 64px !important; }
  @media (min-width: 576px) {
    .ml64 {
      margin-left: 64px !important; } }
  @media (min-width: 768px) {
    .ml64 {
      margin-left: 64px !important; } }
  @media (min-width: 992px) {
    .ml64 {
      margin-left: 64px !important; } }
  @media (min-width: 1200px) {
    .ml64 {
      margin-left: 64px !important; } }
  @media (min-width: 1920px) {
    .ml64 {
      margin-left: 64px !important; } }
@media (min-width: 576px) {
  .ml64sm {
    margin-left: 128px !important; } }

@media (min-width: 768px) {
  .ml64md {
    margin-left: 256px !important; } }

@media (min-width: 992px) {
  .ml64lg {
    margin-left: 512px !important; } }

@media (min-width: 1200px) {
  .ml64xl {
    margin-left: 512px !important; } }

@media (min-width: 1920px) {
  .ml64xxl {
    margin-left: 1024px !important; } }

.mt64 {
  margin-top: 64px !important; }
  @media (min-width: 576px) {
    .mt64 {
      margin-top: 64px !important; } }
  @media (min-width: 768px) {
    .mt64 {
      margin-top: 64px !important; } }
  @media (min-width: 992px) {
    .mt64 {
      margin-top: 64px !important; } }
  @media (min-width: 1200px) {
    .mt64 {
      margin-top: 64px !important; } }
  @media (min-width: 1920px) {
    .mt64 {
      margin-top: 64px !important; } }
@media (min-width: 576px) {
  .mt64sm {
    margin-top: 128px !important; } }

@media (min-width: 768px) {
  .mt64md {
    margin-top: 256px !important; } }

@media (min-width: 992px) {
  .mt64lg {
    margin-top: 512px !important; } }

@media (min-width: 1200px) {
  .mt64xl {
    margin-top: 512px !important; } }

@media (min-width: 1920px) {
  .mt64xxl {
    margin-top: 1024px !important; } }

.mb64 {
  margin-bottom: 64px !important; }
  @media (min-width: 576px) {
    .mb64 {
      margin-bottom: 64px !important; } }
  @media (min-width: 768px) {
    .mb64 {
      margin-bottom: 64px !important; } }
  @media (min-width: 992px) {
    .mb64 {
      margin-bottom: 64px !important; } }
  @media (min-width: 1200px) {
    .mb64 {
      margin-bottom: 64px !important; } }
  @media (min-width: 1920px) {
    .mb64 {
      margin-bottom: 64px !important; } }
@media (min-width: 576px) {
  .mb64sm {
    margin-bottom: 128px !important; } }

@media (min-width: 768px) {
  .mb64md {
    margin-bottom: 256px !important; } }

@media (min-width: 992px) {
  .mb64lg {
    margin-bottom: 512px !important; } }

@media (min-width: 1200px) {
  .mb64xl {
    margin-bottom: 512px !important; } }

@media (min-width: 1920px) {
  .mb64xxl {
    margin-bottom: 1024px !important; } }

.minh64 {
  min-height: 64px !important; }
  @media (min-width: 576px) {
    .minh64 {
      min-height: 64px !important; } }
  @media (min-width: 768px) {
    .minh64 {
      min-height: 64px !important; } }
  @media (min-width: 992px) {
    .minh64 {
      min-height: 64px !important; } }
  @media (min-width: 1200px) {
    .minh64 {
      min-height: 64px !important; } }
  @media (min-width: 1920px) {
    .minh64 {
      min-height: 64px !important; } }
@media (min-width: 576px) {
  .minh64sm {
    min-height: 128px !important; } }

@media (min-width: 768px) {
  .minh64md {
    min-height: 256px !important; } }

@media (min-width: 992px) {
  .minh64lg {
    min-height: 512px !important; } }

@media (min-width: 1200px) {
  .minh64xl {
    min-height: 512px !important; } }

@media (min-width: 1920px) {
  .minh64xxl {
    min-height: 1024px !important; } }

.maxh64 {
  max-height: 64px !important; }
  @media (min-width: 576px) {
    .maxh64 {
      max-height: 64px !important; } }
  @media (min-width: 768px) {
    .maxh64 {
      max-height: 64px !important; } }
  @media (min-width: 992px) {
    .maxh64 {
      max-height: 64px !important; } }
  @media (min-width: 1200px) {
    .maxh64 {
      max-height: 64px !important; } }
  @media (min-width: 1920px) {
    .maxh64 {
      max-height: 64px !important; } }
@media (min-width: 576px) {
  .maxh64sm {
    max-height: 128px !important; } }

@media (min-width: 768px) {
  .maxh64md {
    max-height: 256px !important; } }

@media (min-width: 992px) {
  .maxh64lg {
    max-height: 512px !important; } }

@media (min-width: 1200px) {
  .maxh64xl {
    max-height: 512px !important; } }

@media (min-width: 1920px) {
  .maxh64xxl {
    max-height: 1024px !important; } }

.maxw64 {
  max-width: 64px !important; }
  @media (min-width: 576px) {
    .maxw64 {
      max-width: 64px !important; } }
  @media (min-width: 768px) {
    .maxw64 {
      max-width: 64px !important; } }
  @media (min-width: 992px) {
    .maxw64 {
      max-width: 64px !important; } }
  @media (min-width: 1200px) {
    .maxw64 {
      max-width: 64px !important; } }
  @media (min-width: 1920px) {
    .maxw64 {
      max-width: 64px !important; } }
@media (min-width: 576px) {
  .maxw64sm {
    max-width: 128px !important; } }

@media (min-width: 768px) {
  .maxw64md {
    max-width: 256px !important; } }

@media (min-width: 992px) {
  .maxw64lg {
    max-width: 512px !important; } }

@media (min-width: 1200px) {
  .maxw64xl {
    max-width: 512px !important; } }

@media (min-width: 1920px) {
  .maxw64xxl {
    max-width: 1024px !important; } }

.pr72 {
  padding-right: 72px !important; }
  @media (min-width: 576px) {
    .pr72 {
      padding-right: 72px !important; } }
  @media (min-width: 768px) {
    .pr72 {
      padding-right: 72px !important; } }
  @media (min-width: 992px) {
    .pr72 {
      padding-right: 72px !important; } }
  @media (min-width: 1200px) {
    .pr72 {
      padding-right: 72px !important; } }
  @media (min-width: 1920px) {
    .pr72 {
      padding-right: 72px !important; } }
@media (min-width: 576px) {
  .pr72sm {
    padding-right: 144px !important; } }

@media (min-width: 768px) {
  .pr72md {
    padding-right: 288px !important; } }

@media (min-width: 992px) {
  .pr72lg {
    padding-right: 576px !important; } }

@media (min-width: 1200px) {
  .pr72xl {
    padding-right: 576px !important; } }

@media (min-width: 1920px) {
  .pr72xxl {
    padding-right: 1152px !important; } }

.pl72 {
  padding-left: 72px !important; }
  @media (min-width: 576px) {
    .pl72 {
      padding-left: 72px !important; } }
  @media (min-width: 768px) {
    .pl72 {
      padding-left: 72px !important; } }
  @media (min-width: 992px) {
    .pl72 {
      padding-left: 72px !important; } }
  @media (min-width: 1200px) {
    .pl72 {
      padding-left: 72px !important; } }
  @media (min-width: 1920px) {
    .pl72 {
      padding-left: 72px !important; } }
@media (min-width: 576px) {
  .pl72sm {
    padding-left: 144px !important; } }

@media (min-width: 768px) {
  .pl72md {
    padding-left: 288px !important; } }

@media (min-width: 992px) {
  .pl72lg {
    padding-left: 576px !important; } }

@media (min-width: 1200px) {
  .pl72xl {
    padding-left: 576px !important; } }

@media (min-width: 1920px) {
  .pl72xxl {
    padding-left: 1152px !important; } }

.pt72 {
  padding-top: 72px !important; }
  @media (min-width: 576px) {
    .pt72 {
      padding-top: 72px !important; } }
  @media (min-width: 768px) {
    .pt72 {
      padding-top: 72px !important; } }
  @media (min-width: 992px) {
    .pt72 {
      padding-top: 72px !important; } }
  @media (min-width: 1200px) {
    .pt72 {
      padding-top: 72px !important; } }
  @media (min-width: 1920px) {
    .pt72 {
      padding-top: 72px !important; } }
@media (min-width: 576px) {
  .pt72sm {
    padding-top: 144px !important; } }

@media (min-width: 768px) {
  .pt72md {
    padding-top: 288px !important; } }

@media (min-width: 992px) {
  .pt72lg {
    padding-top: 576px !important; } }

@media (min-width: 1200px) {
  .pt72xl {
    padding-top: 576px !important; } }

@media (min-width: 1920px) {
  .pt72xxl {
    padding-top: 1152px !important; } }

.pb72 {
  padding-bottom: 72px !important; }
  @media (min-width: 576px) {
    .pb72 {
      padding-bottom: 72px !important; } }
  @media (min-width: 768px) {
    .pb72 {
      padding-bottom: 72px !important; } }
  @media (min-width: 992px) {
    .pb72 {
      padding-bottom: 72px !important; } }
  @media (min-width: 1200px) {
    .pb72 {
      padding-bottom: 72px !important; } }
  @media (min-width: 1920px) {
    .pb72 {
      padding-bottom: 72px !important; } }
@media (min-width: 576px) {
  .pb72sm {
    padding-bottom: 144px !important; } }

@media (min-width: 768px) {
  .pb72md {
    padding-bottom: 288px !important; } }

@media (min-width: 992px) {
  .pb72lg {
    padding-bottom: 576px !important; } }

@media (min-width: 1200px) {
  .pb72xl {
    padding-bottom: 576px !important; } }

@media (min-width: 1920px) {
  .pb72xxl {
    padding-bottom: 1152px !important; } }

.mr72 {
  margin-right: 72px !important; }
  @media (min-width: 576px) {
    .mr72 {
      margin-right: 72px !important; } }
  @media (min-width: 768px) {
    .mr72 {
      margin-right: 72px !important; } }
  @media (min-width: 992px) {
    .mr72 {
      margin-right: 72px !important; } }
  @media (min-width: 1200px) {
    .mr72 {
      margin-right: 72px !important; } }
  @media (min-width: 1920px) {
    .mr72 {
      margin-right: 72px !important; } }
@media (min-width: 576px) {
  .mr72sm {
    margin-right: 144px !important; } }

@media (min-width: 768px) {
  .mr72md {
    margin-right: 288px !important; } }

@media (min-width: 992px) {
  .mr72lg {
    margin-right: 576px !important; } }

@media (min-width: 1200px) {
  .mr72xl {
    margin-right: 576px !important; } }

@media (min-width: 1920px) {
  .mr72xxl {
    margin-right: 1152px !important; } }

.ml72 {
  margin-left: 72px !important; }
  @media (min-width: 576px) {
    .ml72 {
      margin-left: 72px !important; } }
  @media (min-width: 768px) {
    .ml72 {
      margin-left: 72px !important; } }
  @media (min-width: 992px) {
    .ml72 {
      margin-left: 72px !important; } }
  @media (min-width: 1200px) {
    .ml72 {
      margin-left: 72px !important; } }
  @media (min-width: 1920px) {
    .ml72 {
      margin-left: 72px !important; } }
@media (min-width: 576px) {
  .ml72sm {
    margin-left: 144px !important; } }

@media (min-width: 768px) {
  .ml72md {
    margin-left: 288px !important; } }

@media (min-width: 992px) {
  .ml72lg {
    margin-left: 576px !important; } }

@media (min-width: 1200px) {
  .ml72xl {
    margin-left: 576px !important; } }

@media (min-width: 1920px) {
  .ml72xxl {
    margin-left: 1152px !important; } }

.mt72 {
  margin-top: 72px !important; }
  @media (min-width: 576px) {
    .mt72 {
      margin-top: 72px !important; } }
  @media (min-width: 768px) {
    .mt72 {
      margin-top: 72px !important; } }
  @media (min-width: 992px) {
    .mt72 {
      margin-top: 72px !important; } }
  @media (min-width: 1200px) {
    .mt72 {
      margin-top: 72px !important; } }
  @media (min-width: 1920px) {
    .mt72 {
      margin-top: 72px !important; } }
@media (min-width: 576px) {
  .mt72sm {
    margin-top: 144px !important; } }

@media (min-width: 768px) {
  .mt72md {
    margin-top: 288px !important; } }

@media (min-width: 992px) {
  .mt72lg {
    margin-top: 576px !important; } }

@media (min-width: 1200px) {
  .mt72xl {
    margin-top: 576px !important; } }

@media (min-width: 1920px) {
  .mt72xxl {
    margin-top: 1152px !important; } }

.mb72 {
  margin-bottom: 72px !important; }
  @media (min-width: 576px) {
    .mb72 {
      margin-bottom: 72px !important; } }
  @media (min-width: 768px) {
    .mb72 {
      margin-bottom: 72px !important; } }
  @media (min-width: 992px) {
    .mb72 {
      margin-bottom: 72px !important; } }
  @media (min-width: 1200px) {
    .mb72 {
      margin-bottom: 72px !important; } }
  @media (min-width: 1920px) {
    .mb72 {
      margin-bottom: 72px !important; } }
@media (min-width: 576px) {
  .mb72sm {
    margin-bottom: 144px !important; } }

@media (min-width: 768px) {
  .mb72md {
    margin-bottom: 288px !important; } }

@media (min-width: 992px) {
  .mb72lg {
    margin-bottom: 576px !important; } }

@media (min-width: 1200px) {
  .mb72xl {
    margin-bottom: 576px !important; } }

@media (min-width: 1920px) {
  .mb72xxl {
    margin-bottom: 1152px !important; } }

.minh72 {
  min-height: 72px !important; }
  @media (min-width: 576px) {
    .minh72 {
      min-height: 72px !important; } }
  @media (min-width: 768px) {
    .minh72 {
      min-height: 72px !important; } }
  @media (min-width: 992px) {
    .minh72 {
      min-height: 72px !important; } }
  @media (min-width: 1200px) {
    .minh72 {
      min-height: 72px !important; } }
  @media (min-width: 1920px) {
    .minh72 {
      min-height: 72px !important; } }
@media (min-width: 576px) {
  .minh72sm {
    min-height: 144px !important; } }

@media (min-width: 768px) {
  .minh72md {
    min-height: 288px !important; } }

@media (min-width: 992px) {
  .minh72lg {
    min-height: 576px !important; } }

@media (min-width: 1200px) {
  .minh72xl {
    min-height: 576px !important; } }

@media (min-width: 1920px) {
  .minh72xxl {
    min-height: 1152px !important; } }

.maxh72 {
  max-height: 72px !important; }
  @media (min-width: 576px) {
    .maxh72 {
      max-height: 72px !important; } }
  @media (min-width: 768px) {
    .maxh72 {
      max-height: 72px !important; } }
  @media (min-width: 992px) {
    .maxh72 {
      max-height: 72px !important; } }
  @media (min-width: 1200px) {
    .maxh72 {
      max-height: 72px !important; } }
  @media (min-width: 1920px) {
    .maxh72 {
      max-height: 72px !important; } }
@media (min-width: 576px) {
  .maxh72sm {
    max-height: 144px !important; } }

@media (min-width: 768px) {
  .maxh72md {
    max-height: 288px !important; } }

@media (min-width: 992px) {
  .maxh72lg {
    max-height: 576px !important; } }

@media (min-width: 1200px) {
  .maxh72xl {
    max-height: 576px !important; } }

@media (min-width: 1920px) {
  .maxh72xxl {
    max-height: 1152px !important; } }

.maxw72 {
  max-width: 72px !important; }
  @media (min-width: 576px) {
    .maxw72 {
      max-width: 72px !important; } }
  @media (min-width: 768px) {
    .maxw72 {
      max-width: 72px !important; } }
  @media (min-width: 992px) {
    .maxw72 {
      max-width: 72px !important; } }
  @media (min-width: 1200px) {
    .maxw72 {
      max-width: 72px !important; } }
  @media (min-width: 1920px) {
    .maxw72 {
      max-width: 72px !important; } }
@media (min-width: 576px) {
  .maxw72sm {
    max-width: 144px !important; } }

@media (min-width: 768px) {
  .maxw72md {
    max-width: 288px !important; } }

@media (min-width: 992px) {
  .maxw72lg {
    max-width: 576px !important; } }

@media (min-width: 1200px) {
  .maxw72xl {
    max-width: 576px !important; } }

@media (min-width: 1920px) {
  .maxw72xxl {
    max-width: 1152px !important; } }

.pr80 {
  padding-right: 80px !important; }
  @media (min-width: 576px) {
    .pr80 {
      padding-right: 80px !important; } }
  @media (min-width: 768px) {
    .pr80 {
      padding-right: 80px !important; } }
  @media (min-width: 992px) {
    .pr80 {
      padding-right: 80px !important; } }
  @media (min-width: 1200px) {
    .pr80 {
      padding-right: 80px !important; } }
  @media (min-width: 1920px) {
    .pr80 {
      padding-right: 80px !important; } }
@media (min-width: 576px) {
  .pr80sm {
    padding-right: 160px !important; } }

@media (min-width: 768px) {
  .pr80md {
    padding-right: 320px !important; } }

@media (min-width: 992px) {
  .pr80lg {
    padding-right: 640px !important; } }

@media (min-width: 1200px) {
  .pr80xl {
    padding-right: 640px !important; } }

@media (min-width: 1920px) {
  .pr80xxl {
    padding-right: 1280px !important; } }

.pl80 {
  padding-left: 80px !important; }
  @media (min-width: 576px) {
    .pl80 {
      padding-left: 80px !important; } }
  @media (min-width: 768px) {
    .pl80 {
      padding-left: 80px !important; } }
  @media (min-width: 992px) {
    .pl80 {
      padding-left: 80px !important; } }
  @media (min-width: 1200px) {
    .pl80 {
      padding-left: 80px !important; } }
  @media (min-width: 1920px) {
    .pl80 {
      padding-left: 80px !important; } }
@media (min-width: 576px) {
  .pl80sm {
    padding-left: 160px !important; } }

@media (min-width: 768px) {
  .pl80md {
    padding-left: 320px !important; } }

@media (min-width: 992px) {
  .pl80lg {
    padding-left: 640px !important; } }

@media (min-width: 1200px) {
  .pl80xl {
    padding-left: 640px !important; } }

@media (min-width: 1920px) {
  .pl80xxl {
    padding-left: 1280px !important; } }

.pt80 {
  padding-top: 80px !important; }
  @media (min-width: 576px) {
    .pt80 {
      padding-top: 80px !important; } }
  @media (min-width: 768px) {
    .pt80 {
      padding-top: 80px !important; } }
  @media (min-width: 992px) {
    .pt80 {
      padding-top: 80px !important; } }
  @media (min-width: 1200px) {
    .pt80 {
      padding-top: 80px !important; } }
  @media (min-width: 1920px) {
    .pt80 {
      padding-top: 80px !important; } }
@media (min-width: 576px) {
  .pt80sm {
    padding-top: 160px !important; } }

@media (min-width: 768px) {
  .pt80md {
    padding-top: 320px !important; } }

@media (min-width: 992px) {
  .pt80lg {
    padding-top: 640px !important; } }

@media (min-width: 1200px) {
  .pt80xl {
    padding-top: 640px !important; } }

@media (min-width: 1920px) {
  .pt80xxl {
    padding-top: 1280px !important; } }

.pb80 {
  padding-bottom: 80px !important; }
  @media (min-width: 576px) {
    .pb80 {
      padding-bottom: 80px !important; } }
  @media (min-width: 768px) {
    .pb80 {
      padding-bottom: 80px !important; } }
  @media (min-width: 992px) {
    .pb80 {
      padding-bottom: 80px !important; } }
  @media (min-width: 1200px) {
    .pb80 {
      padding-bottom: 80px !important; } }
  @media (min-width: 1920px) {
    .pb80 {
      padding-bottom: 80px !important; } }
@media (min-width: 576px) {
  .pb80sm {
    padding-bottom: 160px !important; } }

@media (min-width: 768px) {
  .pb80md {
    padding-bottom: 320px !important; } }

@media (min-width: 992px) {
  .pb80lg {
    padding-bottom: 640px !important; } }

@media (min-width: 1200px) {
  .pb80xl {
    padding-bottom: 640px !important; } }

@media (min-width: 1920px) {
  .pb80xxl {
    padding-bottom: 1280px !important; } }

.mr80 {
  margin-right: 80px !important; }
  @media (min-width: 576px) {
    .mr80 {
      margin-right: 80px !important; } }
  @media (min-width: 768px) {
    .mr80 {
      margin-right: 80px !important; } }
  @media (min-width: 992px) {
    .mr80 {
      margin-right: 80px !important; } }
  @media (min-width: 1200px) {
    .mr80 {
      margin-right: 80px !important; } }
  @media (min-width: 1920px) {
    .mr80 {
      margin-right: 80px !important; } }
@media (min-width: 576px) {
  .mr80sm {
    margin-right: 160px !important; } }

@media (min-width: 768px) {
  .mr80md {
    margin-right: 320px !important; } }

@media (min-width: 992px) {
  .mr80lg {
    margin-right: 640px !important; } }

@media (min-width: 1200px) {
  .mr80xl {
    margin-right: 640px !important; } }

@media (min-width: 1920px) {
  .mr80xxl {
    margin-right: 1280px !important; } }

.ml80 {
  margin-left: 80px !important; }
  @media (min-width: 576px) {
    .ml80 {
      margin-left: 80px !important; } }
  @media (min-width: 768px) {
    .ml80 {
      margin-left: 80px !important; } }
  @media (min-width: 992px) {
    .ml80 {
      margin-left: 80px !important; } }
  @media (min-width: 1200px) {
    .ml80 {
      margin-left: 80px !important; } }
  @media (min-width: 1920px) {
    .ml80 {
      margin-left: 80px !important; } }
@media (min-width: 576px) {
  .ml80sm {
    margin-left: 160px !important; } }

@media (min-width: 768px) {
  .ml80md {
    margin-left: 320px !important; } }

@media (min-width: 992px) {
  .ml80lg {
    margin-left: 640px !important; } }

@media (min-width: 1200px) {
  .ml80xl {
    margin-left: 640px !important; } }

@media (min-width: 1920px) {
  .ml80xxl {
    margin-left: 1280px !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media (min-width: 576px) {
    .mt80 {
      margin-top: 80px !important; } }
  @media (min-width: 768px) {
    .mt80 {
      margin-top: 80px !important; } }
  @media (min-width: 992px) {
    .mt80 {
      margin-top: 80px !important; } }
  @media (min-width: 1200px) {
    .mt80 {
      margin-top: 80px !important; } }
  @media (min-width: 1920px) {
    .mt80 {
      margin-top: 80px !important; } }
@media (min-width: 576px) {
  .mt80sm {
    margin-top: 160px !important; } }

@media (min-width: 768px) {
  .mt80md {
    margin-top: 320px !important; } }

@media (min-width: 992px) {
  .mt80lg {
    margin-top: 640px !important; } }

@media (min-width: 1200px) {
  .mt80xl {
    margin-top: 640px !important; } }

@media (min-width: 1920px) {
  .mt80xxl {
    margin-top: 1280px !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media (min-width: 576px) {
    .mb80 {
      margin-bottom: 80px !important; } }
  @media (min-width: 768px) {
    .mb80 {
      margin-bottom: 80px !important; } }
  @media (min-width: 992px) {
    .mb80 {
      margin-bottom: 80px !important; } }
  @media (min-width: 1200px) {
    .mb80 {
      margin-bottom: 80px !important; } }
  @media (min-width: 1920px) {
    .mb80 {
      margin-bottom: 80px !important; } }
@media (min-width: 576px) {
  .mb80sm {
    margin-bottom: 160px !important; } }

@media (min-width: 768px) {
  .mb80md {
    margin-bottom: 320px !important; } }

@media (min-width: 992px) {
  .mb80lg {
    margin-bottom: 640px !important; } }

@media (min-width: 1200px) {
  .mb80xl {
    margin-bottom: 640px !important; } }

@media (min-width: 1920px) {
  .mb80xxl {
    margin-bottom: 1280px !important; } }

.minh80 {
  min-height: 80px !important; }
  @media (min-width: 576px) {
    .minh80 {
      min-height: 80px !important; } }
  @media (min-width: 768px) {
    .minh80 {
      min-height: 80px !important; } }
  @media (min-width: 992px) {
    .minh80 {
      min-height: 80px !important; } }
  @media (min-width: 1200px) {
    .minh80 {
      min-height: 80px !important; } }
  @media (min-width: 1920px) {
    .minh80 {
      min-height: 80px !important; } }
@media (min-width: 576px) {
  .minh80sm {
    min-height: 160px !important; } }

@media (min-width: 768px) {
  .minh80md {
    min-height: 320px !important; } }

@media (min-width: 992px) {
  .minh80lg {
    min-height: 640px !important; } }

@media (min-width: 1200px) {
  .minh80xl {
    min-height: 640px !important; } }

@media (min-width: 1920px) {
  .minh80xxl {
    min-height: 1280px !important; } }

.maxh80 {
  max-height: 80px !important; }
  @media (min-width: 576px) {
    .maxh80 {
      max-height: 80px !important; } }
  @media (min-width: 768px) {
    .maxh80 {
      max-height: 80px !important; } }
  @media (min-width: 992px) {
    .maxh80 {
      max-height: 80px !important; } }
  @media (min-width: 1200px) {
    .maxh80 {
      max-height: 80px !important; } }
  @media (min-width: 1920px) {
    .maxh80 {
      max-height: 80px !important; } }
@media (min-width: 576px) {
  .maxh80sm {
    max-height: 160px !important; } }

@media (min-width: 768px) {
  .maxh80md {
    max-height: 320px !important; } }

@media (min-width: 992px) {
  .maxh80lg {
    max-height: 640px !important; } }

@media (min-width: 1200px) {
  .maxh80xl {
    max-height: 640px !important; } }

@media (min-width: 1920px) {
  .maxh80xxl {
    max-height: 1280px !important; } }

.maxw80 {
  max-width: 80px !important; }
  @media (min-width: 576px) {
    .maxw80 {
      max-width: 80px !important; } }
  @media (min-width: 768px) {
    .maxw80 {
      max-width: 80px !important; } }
  @media (min-width: 992px) {
    .maxw80 {
      max-width: 80px !important; } }
  @media (min-width: 1200px) {
    .maxw80 {
      max-width: 80px !important; } }
  @media (min-width: 1920px) {
    .maxw80 {
      max-width: 80px !important; } }
@media (min-width: 576px) {
  .maxw80sm {
    max-width: 160px !important; } }

@media (min-width: 768px) {
  .maxw80md {
    max-width: 320px !important; } }

@media (min-width: 992px) {
  .maxw80lg {
    max-width: 640px !important; } }

@media (min-width: 1200px) {
  .maxw80xl {
    max-width: 640px !important; } }

@media (min-width: 1920px) {
  .maxw80xxl {
    max-width: 1280px !important; } }

.pr88 {
  padding-right: 88px !important; }
  @media (min-width: 576px) {
    .pr88 {
      padding-right: 88px !important; } }
  @media (min-width: 768px) {
    .pr88 {
      padding-right: 88px !important; } }
  @media (min-width: 992px) {
    .pr88 {
      padding-right: 88px !important; } }
  @media (min-width: 1200px) {
    .pr88 {
      padding-right: 88px !important; } }
  @media (min-width: 1920px) {
    .pr88 {
      padding-right: 88px !important; } }
@media (min-width: 576px) {
  .pr88sm {
    padding-right: 176px !important; } }

@media (min-width: 768px) {
  .pr88md {
    padding-right: 352px !important; } }

@media (min-width: 992px) {
  .pr88lg {
    padding-right: 704px !important; } }

@media (min-width: 1200px) {
  .pr88xl {
    padding-right: 704px !important; } }

@media (min-width: 1920px) {
  .pr88xxl {
    padding-right: 1408px !important; } }

.pl88 {
  padding-left: 88px !important; }
  @media (min-width: 576px) {
    .pl88 {
      padding-left: 88px !important; } }
  @media (min-width: 768px) {
    .pl88 {
      padding-left: 88px !important; } }
  @media (min-width: 992px) {
    .pl88 {
      padding-left: 88px !important; } }
  @media (min-width: 1200px) {
    .pl88 {
      padding-left: 88px !important; } }
  @media (min-width: 1920px) {
    .pl88 {
      padding-left: 88px !important; } }
@media (min-width: 576px) {
  .pl88sm {
    padding-left: 176px !important; } }

@media (min-width: 768px) {
  .pl88md {
    padding-left: 352px !important; } }

@media (min-width: 992px) {
  .pl88lg {
    padding-left: 704px !important; } }

@media (min-width: 1200px) {
  .pl88xl {
    padding-left: 704px !important; } }

@media (min-width: 1920px) {
  .pl88xxl {
    padding-left: 1408px !important; } }

.pt88 {
  padding-top: 88px !important; }
  @media (min-width: 576px) {
    .pt88 {
      padding-top: 88px !important; } }
  @media (min-width: 768px) {
    .pt88 {
      padding-top: 88px !important; } }
  @media (min-width: 992px) {
    .pt88 {
      padding-top: 88px !important; } }
  @media (min-width: 1200px) {
    .pt88 {
      padding-top: 88px !important; } }
  @media (min-width: 1920px) {
    .pt88 {
      padding-top: 88px !important; } }
@media (min-width: 576px) {
  .pt88sm {
    padding-top: 176px !important; } }

@media (min-width: 768px) {
  .pt88md {
    padding-top: 352px !important; } }

@media (min-width: 992px) {
  .pt88lg {
    padding-top: 704px !important; } }

@media (min-width: 1200px) {
  .pt88xl {
    padding-top: 704px !important; } }

@media (min-width: 1920px) {
  .pt88xxl {
    padding-top: 1408px !important; } }

.pb88 {
  padding-bottom: 88px !important; }
  @media (min-width: 576px) {
    .pb88 {
      padding-bottom: 88px !important; } }
  @media (min-width: 768px) {
    .pb88 {
      padding-bottom: 88px !important; } }
  @media (min-width: 992px) {
    .pb88 {
      padding-bottom: 88px !important; } }
  @media (min-width: 1200px) {
    .pb88 {
      padding-bottom: 88px !important; } }
  @media (min-width: 1920px) {
    .pb88 {
      padding-bottom: 88px !important; } }
@media (min-width: 576px) {
  .pb88sm {
    padding-bottom: 176px !important; } }

@media (min-width: 768px) {
  .pb88md {
    padding-bottom: 352px !important; } }

@media (min-width: 992px) {
  .pb88lg {
    padding-bottom: 704px !important; } }

@media (min-width: 1200px) {
  .pb88xl {
    padding-bottom: 704px !important; } }

@media (min-width: 1920px) {
  .pb88xxl {
    padding-bottom: 1408px !important; } }

.mr88 {
  margin-right: 88px !important; }
  @media (min-width: 576px) {
    .mr88 {
      margin-right: 88px !important; } }
  @media (min-width: 768px) {
    .mr88 {
      margin-right: 88px !important; } }
  @media (min-width: 992px) {
    .mr88 {
      margin-right: 88px !important; } }
  @media (min-width: 1200px) {
    .mr88 {
      margin-right: 88px !important; } }
  @media (min-width: 1920px) {
    .mr88 {
      margin-right: 88px !important; } }
@media (min-width: 576px) {
  .mr88sm {
    margin-right: 176px !important; } }

@media (min-width: 768px) {
  .mr88md {
    margin-right: 352px !important; } }

@media (min-width: 992px) {
  .mr88lg {
    margin-right: 704px !important; } }

@media (min-width: 1200px) {
  .mr88xl {
    margin-right: 704px !important; } }

@media (min-width: 1920px) {
  .mr88xxl {
    margin-right: 1408px !important; } }

.ml88 {
  margin-left: 88px !important; }
  @media (min-width: 576px) {
    .ml88 {
      margin-left: 88px !important; } }
  @media (min-width: 768px) {
    .ml88 {
      margin-left: 88px !important; } }
  @media (min-width: 992px) {
    .ml88 {
      margin-left: 88px !important; } }
  @media (min-width: 1200px) {
    .ml88 {
      margin-left: 88px !important; } }
  @media (min-width: 1920px) {
    .ml88 {
      margin-left: 88px !important; } }
@media (min-width: 576px) {
  .ml88sm {
    margin-left: 176px !important; } }

@media (min-width: 768px) {
  .ml88md {
    margin-left: 352px !important; } }

@media (min-width: 992px) {
  .ml88lg {
    margin-left: 704px !important; } }

@media (min-width: 1200px) {
  .ml88xl {
    margin-left: 704px !important; } }

@media (min-width: 1920px) {
  .ml88xxl {
    margin-left: 1408px !important; } }

.mt88 {
  margin-top: 88px !important; }
  @media (min-width: 576px) {
    .mt88 {
      margin-top: 88px !important; } }
  @media (min-width: 768px) {
    .mt88 {
      margin-top: 88px !important; } }
  @media (min-width: 992px) {
    .mt88 {
      margin-top: 88px !important; } }
  @media (min-width: 1200px) {
    .mt88 {
      margin-top: 88px !important; } }
  @media (min-width: 1920px) {
    .mt88 {
      margin-top: 88px !important; } }
@media (min-width: 576px) {
  .mt88sm {
    margin-top: 176px !important; } }

@media (min-width: 768px) {
  .mt88md {
    margin-top: 352px !important; } }

@media (min-width: 992px) {
  .mt88lg {
    margin-top: 704px !important; } }

@media (min-width: 1200px) {
  .mt88xl {
    margin-top: 704px !important; } }

@media (min-width: 1920px) {
  .mt88xxl {
    margin-top: 1408px !important; } }

.mb88 {
  margin-bottom: 88px !important; }
  @media (min-width: 576px) {
    .mb88 {
      margin-bottom: 88px !important; } }
  @media (min-width: 768px) {
    .mb88 {
      margin-bottom: 88px !important; } }
  @media (min-width: 992px) {
    .mb88 {
      margin-bottom: 88px !important; } }
  @media (min-width: 1200px) {
    .mb88 {
      margin-bottom: 88px !important; } }
  @media (min-width: 1920px) {
    .mb88 {
      margin-bottom: 88px !important; } }
@media (min-width: 576px) {
  .mb88sm {
    margin-bottom: 176px !important; } }

@media (min-width: 768px) {
  .mb88md {
    margin-bottom: 352px !important; } }

@media (min-width: 992px) {
  .mb88lg {
    margin-bottom: 704px !important; } }

@media (min-width: 1200px) {
  .mb88xl {
    margin-bottom: 704px !important; } }

@media (min-width: 1920px) {
  .mb88xxl {
    margin-bottom: 1408px !important; } }

.minh88 {
  min-height: 88px !important; }
  @media (min-width: 576px) {
    .minh88 {
      min-height: 88px !important; } }
  @media (min-width: 768px) {
    .minh88 {
      min-height: 88px !important; } }
  @media (min-width: 992px) {
    .minh88 {
      min-height: 88px !important; } }
  @media (min-width: 1200px) {
    .minh88 {
      min-height: 88px !important; } }
  @media (min-width: 1920px) {
    .minh88 {
      min-height: 88px !important; } }
@media (min-width: 576px) {
  .minh88sm {
    min-height: 176px !important; } }

@media (min-width: 768px) {
  .minh88md {
    min-height: 352px !important; } }

@media (min-width: 992px) {
  .minh88lg {
    min-height: 704px !important; } }

@media (min-width: 1200px) {
  .minh88xl {
    min-height: 704px !important; } }

@media (min-width: 1920px) {
  .minh88xxl {
    min-height: 1408px !important; } }

.maxh88 {
  max-height: 88px !important; }
  @media (min-width: 576px) {
    .maxh88 {
      max-height: 88px !important; } }
  @media (min-width: 768px) {
    .maxh88 {
      max-height: 88px !important; } }
  @media (min-width: 992px) {
    .maxh88 {
      max-height: 88px !important; } }
  @media (min-width: 1200px) {
    .maxh88 {
      max-height: 88px !important; } }
  @media (min-width: 1920px) {
    .maxh88 {
      max-height: 88px !important; } }
@media (min-width: 576px) {
  .maxh88sm {
    max-height: 176px !important; } }

@media (min-width: 768px) {
  .maxh88md {
    max-height: 352px !important; } }

@media (min-width: 992px) {
  .maxh88lg {
    max-height: 704px !important; } }

@media (min-width: 1200px) {
  .maxh88xl {
    max-height: 704px !important; } }

@media (min-width: 1920px) {
  .maxh88xxl {
    max-height: 1408px !important; } }

.maxw88 {
  max-width: 88px !important; }
  @media (min-width: 576px) {
    .maxw88 {
      max-width: 88px !important; } }
  @media (min-width: 768px) {
    .maxw88 {
      max-width: 88px !important; } }
  @media (min-width: 992px) {
    .maxw88 {
      max-width: 88px !important; } }
  @media (min-width: 1200px) {
    .maxw88 {
      max-width: 88px !important; } }
  @media (min-width: 1920px) {
    .maxw88 {
      max-width: 88px !important; } }
@media (min-width: 576px) {
  .maxw88sm {
    max-width: 176px !important; } }

@media (min-width: 768px) {
  .maxw88md {
    max-width: 352px !important; } }

@media (min-width: 992px) {
  .maxw88lg {
    max-width: 704px !important; } }

@media (min-width: 1200px) {
  .maxw88xl {
    max-width: 704px !important; } }

@media (min-width: 1920px) {
  .maxw88xxl {
    max-width: 1408px !important; } }

.pr96 {
  padding-right: 96px !important; }
  @media (min-width: 576px) {
    .pr96 {
      padding-right: 96px !important; } }
  @media (min-width: 768px) {
    .pr96 {
      padding-right: 96px !important; } }
  @media (min-width: 992px) {
    .pr96 {
      padding-right: 96px !important; } }
  @media (min-width: 1200px) {
    .pr96 {
      padding-right: 96px !important; } }
  @media (min-width: 1920px) {
    .pr96 {
      padding-right: 96px !important; } }
@media (min-width: 576px) {
  .pr96sm {
    padding-right: 192px !important; } }

@media (min-width: 768px) {
  .pr96md {
    padding-right: 384px !important; } }

@media (min-width: 992px) {
  .pr96lg {
    padding-right: 768px !important; } }

@media (min-width: 1200px) {
  .pr96xl {
    padding-right: 768px !important; } }

@media (min-width: 1920px) {
  .pr96xxl {
    padding-right: 1536px !important; } }

.pl96 {
  padding-left: 96px !important; }
  @media (min-width: 576px) {
    .pl96 {
      padding-left: 96px !important; } }
  @media (min-width: 768px) {
    .pl96 {
      padding-left: 96px !important; } }
  @media (min-width: 992px) {
    .pl96 {
      padding-left: 96px !important; } }
  @media (min-width: 1200px) {
    .pl96 {
      padding-left: 96px !important; } }
  @media (min-width: 1920px) {
    .pl96 {
      padding-left: 96px !important; } }
@media (min-width: 576px) {
  .pl96sm {
    padding-left: 192px !important; } }

@media (min-width: 768px) {
  .pl96md {
    padding-left: 384px !important; } }

@media (min-width: 992px) {
  .pl96lg {
    padding-left: 768px !important; } }

@media (min-width: 1200px) {
  .pl96xl {
    padding-left: 768px !important; } }

@media (min-width: 1920px) {
  .pl96xxl {
    padding-left: 1536px !important; } }

.pt96 {
  padding-top: 96px !important; }
  @media (min-width: 576px) {
    .pt96 {
      padding-top: 96px !important; } }
  @media (min-width: 768px) {
    .pt96 {
      padding-top: 96px !important; } }
  @media (min-width: 992px) {
    .pt96 {
      padding-top: 96px !important; } }
  @media (min-width: 1200px) {
    .pt96 {
      padding-top: 96px !important; } }
  @media (min-width: 1920px) {
    .pt96 {
      padding-top: 96px !important; } }
@media (min-width: 576px) {
  .pt96sm {
    padding-top: 192px !important; } }

@media (min-width: 768px) {
  .pt96md {
    padding-top: 384px !important; } }

@media (min-width: 992px) {
  .pt96lg {
    padding-top: 768px !important; } }

@media (min-width: 1200px) {
  .pt96xl {
    padding-top: 768px !important; } }

@media (min-width: 1920px) {
  .pt96xxl {
    padding-top: 1536px !important; } }

.pb96 {
  padding-bottom: 96px !important; }
  @media (min-width: 576px) {
    .pb96 {
      padding-bottom: 96px !important; } }
  @media (min-width: 768px) {
    .pb96 {
      padding-bottom: 96px !important; } }
  @media (min-width: 992px) {
    .pb96 {
      padding-bottom: 96px !important; } }
  @media (min-width: 1200px) {
    .pb96 {
      padding-bottom: 96px !important; } }
  @media (min-width: 1920px) {
    .pb96 {
      padding-bottom: 96px !important; } }
@media (min-width: 576px) {
  .pb96sm {
    padding-bottom: 192px !important; } }

@media (min-width: 768px) {
  .pb96md {
    padding-bottom: 384px !important; } }

@media (min-width: 992px) {
  .pb96lg {
    padding-bottom: 768px !important; } }

@media (min-width: 1200px) {
  .pb96xl {
    padding-bottom: 768px !important; } }

@media (min-width: 1920px) {
  .pb96xxl {
    padding-bottom: 1536px !important; } }

.mr96 {
  margin-right: 96px !important; }
  @media (min-width: 576px) {
    .mr96 {
      margin-right: 96px !important; } }
  @media (min-width: 768px) {
    .mr96 {
      margin-right: 96px !important; } }
  @media (min-width: 992px) {
    .mr96 {
      margin-right: 96px !important; } }
  @media (min-width: 1200px) {
    .mr96 {
      margin-right: 96px !important; } }
  @media (min-width: 1920px) {
    .mr96 {
      margin-right: 96px !important; } }
@media (min-width: 576px) {
  .mr96sm {
    margin-right: 192px !important; } }

@media (min-width: 768px) {
  .mr96md {
    margin-right: 384px !important; } }

@media (min-width: 992px) {
  .mr96lg {
    margin-right: 768px !important; } }

@media (min-width: 1200px) {
  .mr96xl {
    margin-right: 768px !important; } }

@media (min-width: 1920px) {
  .mr96xxl {
    margin-right: 1536px !important; } }

.ml96 {
  margin-left: 96px !important; }
  @media (min-width: 576px) {
    .ml96 {
      margin-left: 96px !important; } }
  @media (min-width: 768px) {
    .ml96 {
      margin-left: 96px !important; } }
  @media (min-width: 992px) {
    .ml96 {
      margin-left: 96px !important; } }
  @media (min-width: 1200px) {
    .ml96 {
      margin-left: 96px !important; } }
  @media (min-width: 1920px) {
    .ml96 {
      margin-left: 96px !important; } }
@media (min-width: 576px) {
  .ml96sm {
    margin-left: 192px !important; } }

@media (min-width: 768px) {
  .ml96md {
    margin-left: 384px !important; } }

@media (min-width: 992px) {
  .ml96lg {
    margin-left: 768px !important; } }

@media (min-width: 1200px) {
  .ml96xl {
    margin-left: 768px !important; } }

@media (min-width: 1920px) {
  .ml96xxl {
    margin-left: 1536px !important; } }

.mt96 {
  margin-top: 96px !important; }
  @media (min-width: 576px) {
    .mt96 {
      margin-top: 96px !important; } }
  @media (min-width: 768px) {
    .mt96 {
      margin-top: 96px !important; } }
  @media (min-width: 992px) {
    .mt96 {
      margin-top: 96px !important; } }
  @media (min-width: 1200px) {
    .mt96 {
      margin-top: 96px !important; } }
  @media (min-width: 1920px) {
    .mt96 {
      margin-top: 96px !important; } }
@media (min-width: 576px) {
  .mt96sm {
    margin-top: 192px !important; } }

@media (min-width: 768px) {
  .mt96md {
    margin-top: 384px !important; } }

@media (min-width: 992px) {
  .mt96lg {
    margin-top: 768px !important; } }

@media (min-width: 1200px) {
  .mt96xl {
    margin-top: 768px !important; } }

@media (min-width: 1920px) {
  .mt96xxl {
    margin-top: 1536px !important; } }

.mb96 {
  margin-bottom: 96px !important; }
  @media (min-width: 576px) {
    .mb96 {
      margin-bottom: 96px !important; } }
  @media (min-width: 768px) {
    .mb96 {
      margin-bottom: 96px !important; } }
  @media (min-width: 992px) {
    .mb96 {
      margin-bottom: 96px !important; } }
  @media (min-width: 1200px) {
    .mb96 {
      margin-bottom: 96px !important; } }
  @media (min-width: 1920px) {
    .mb96 {
      margin-bottom: 96px !important; } }
@media (min-width: 576px) {
  .mb96sm {
    margin-bottom: 192px !important; } }

@media (min-width: 768px) {
  .mb96md {
    margin-bottom: 384px !important; } }

@media (min-width: 992px) {
  .mb96lg {
    margin-bottom: 768px !important; } }

@media (min-width: 1200px) {
  .mb96xl {
    margin-bottom: 768px !important; } }

@media (min-width: 1920px) {
  .mb96xxl {
    margin-bottom: 1536px !important; } }

.minh96 {
  min-height: 96px !important; }
  @media (min-width: 576px) {
    .minh96 {
      min-height: 96px !important; } }
  @media (min-width: 768px) {
    .minh96 {
      min-height: 96px !important; } }
  @media (min-width: 992px) {
    .minh96 {
      min-height: 96px !important; } }
  @media (min-width: 1200px) {
    .minh96 {
      min-height: 96px !important; } }
  @media (min-width: 1920px) {
    .minh96 {
      min-height: 96px !important; } }
@media (min-width: 576px) {
  .minh96sm {
    min-height: 192px !important; } }

@media (min-width: 768px) {
  .minh96md {
    min-height: 384px !important; } }

@media (min-width: 992px) {
  .minh96lg {
    min-height: 768px !important; } }

@media (min-width: 1200px) {
  .minh96xl {
    min-height: 768px !important; } }

@media (min-width: 1920px) {
  .minh96xxl {
    min-height: 1536px !important; } }

.maxh96 {
  max-height: 96px !important; }
  @media (min-width: 576px) {
    .maxh96 {
      max-height: 96px !important; } }
  @media (min-width: 768px) {
    .maxh96 {
      max-height: 96px !important; } }
  @media (min-width: 992px) {
    .maxh96 {
      max-height: 96px !important; } }
  @media (min-width: 1200px) {
    .maxh96 {
      max-height: 96px !important; } }
  @media (min-width: 1920px) {
    .maxh96 {
      max-height: 96px !important; } }
@media (min-width: 576px) {
  .maxh96sm {
    max-height: 192px !important; } }

@media (min-width: 768px) {
  .maxh96md {
    max-height: 384px !important; } }

@media (min-width: 992px) {
  .maxh96lg {
    max-height: 768px !important; } }

@media (min-width: 1200px) {
  .maxh96xl {
    max-height: 768px !important; } }

@media (min-width: 1920px) {
  .maxh96xxl {
    max-height: 1536px !important; } }

.maxw96 {
  max-width: 96px !important; }
  @media (min-width: 576px) {
    .maxw96 {
      max-width: 96px !important; } }
  @media (min-width: 768px) {
    .maxw96 {
      max-width: 96px !important; } }
  @media (min-width: 992px) {
    .maxw96 {
      max-width: 96px !important; } }
  @media (min-width: 1200px) {
    .maxw96 {
      max-width: 96px !important; } }
  @media (min-width: 1920px) {
    .maxw96 {
      max-width: 96px !important; } }
@media (min-width: 576px) {
  .maxw96sm {
    max-width: 192px !important; } }

@media (min-width: 768px) {
  .maxw96md {
    max-width: 384px !important; } }

@media (min-width: 992px) {
  .maxw96lg {
    max-width: 768px !important; } }

@media (min-width: 1200px) {
  .maxw96xl {
    max-width: 768px !important; } }

@media (min-width: 1920px) {
  .maxw96xxl {
    max-width: 1536px !important; } }

.lh1 {
  line-height: 1; }
  @media (min-width: 576px) {
    .lh1sm {
      line-height: 1; } }
  @media (min-width: 768px) {
    .lh1md {
      line-height: 1; } }
  @media (min-width: 992px) {
    .lh1lg {
      line-height: 1; } }
  @media (min-width: 1200px) {
    .lh1xl {
      line-height: 1; } }
  @media (min-width: 1920px) {
    .lh1xxl {
      line-height: 1; } }
.lh125 {
  line-height: 1.25; }
  @media (min-width: 576px) {
    .lh125sm {
      line-height: 1.25; } }
  @media (min-width: 768px) {
    .lh125md {
      line-height: 1.25; } }
  @media (min-width: 992px) {
    .lh125lg {
      line-height: 1.25; } }
  @media (min-width: 1200px) {
    .lh125xl {
      line-height: 1.25; } }
  @media (min-width: 1920px) {
    .lh125xxl {
      line-height: 1.25; } }
.lh133 {
  line-height: 1.33; }
  @media (min-width: 576px) {
    .lh133sm {
      line-height: 1.33; } }
  @media (min-width: 768px) {
    .lh133md {
      line-height: 1.33; } }
  @media (min-width: 992px) {
    .lh133lg {
      line-height: 1.33; } }
  @media (min-width: 1200px) {
    .lh133xl {
      line-height: 1.33; } }
  @media (min-width: 1920px) {
    .lh133xxl {
      line-height: 1.33; } }
.lh15 {
  line-height: 1.5; }
  @media (min-width: 576px) {
    .lh15sm {
      line-height: 1.5; } }
  @media (min-width: 768px) {
    .lh15md {
      line-height: 1.5; } }
  @media (min-width: 992px) {
    .lh15lg {
      line-height: 1.5; } }
  @media (min-width: 1200px) {
    .lh15xl {
      line-height: 1.5; } }
  @media (min-width: 1920px) {
    .lh15xxl {
      line-height: 1.5; } }
.lh2 {
  line-height: 2; }
  @media (min-width: 576px) {
    .lh2sm {
      line-height: 2; } }
  @media (min-width: 768px) {
    .lh2md {
      line-height: 2; } }
  @media (min-width: 992px) {
    .lh2lg {
      line-height: 2; } }
  @media (min-width: 1200px) {
    .lh2xl {
      line-height: 2; } }
  @media (min-width: 1920px) {
    .lh2xxl {
      line-height: 2; } }
.pr0 {
  padding-right: 0 !important; }
  @media (min-width: 576px) {
    .pr0 {
      padding-right: 0 !important; } }
  @media (min-width: 768px) {
    .pr0 {
      padding-right: 0 !important; } }
  @media (min-width: 992px) {
    .pr0 {
      padding-right: 0 !important; } }
  @media (min-width: 1200px) {
    .pr0 {
      padding-right: 0 !important; } }
  @media (min-width: 1920px) {
    .pr0 {
      padding-right: 0 !important; } }
@media (min-width: 576px) {
  .pr0sm {
    padding-right: 0 !important; } }

@media (min-width: 768px) {
  .pr0md {
    padding-right: 0 !important; } }

@media (min-width: 992px) {
  .pr0lg {
    padding-right: 0 !important; } }

@media (min-width: 1200px) {
  .pr0xl {
    padding-right: 0 !important; } }

@media (min-width: 1920px) {
  .pr0xxl {
    padding-right: 0 !important; } }

.pl0 {
  padding-left: 0 !important; }
  @media (min-width: 576px) {
    .pl0 {
      padding-left: 0 !important; } }
  @media (min-width: 768px) {
    .pl0 {
      padding-left: 0 !important; } }
  @media (min-width: 992px) {
    .pl0 {
      padding-left: 0 !important; } }
  @media (min-width: 1200px) {
    .pl0 {
      padding-left: 0 !important; } }
  @media (min-width: 1920px) {
    .pl0 {
      padding-left: 0 !important; } }
@media (min-width: 576px) {
  .pl0sm {
    padding-left: 0 !important; } }

@media (min-width: 768px) {
  .pl0md {
    padding-left: 0 !important; } }

@media (min-width: 992px) {
  .pl0lg {
    padding-left: 0 !important; } }

@media (min-width: 1200px) {
  .pl0xl {
    padding-left: 0 !important; } }

@media (min-width: 1920px) {
  .pl0xxl {
    padding-left: 0 !important; } }

.pb0 {
  padding-bottom: 0 !important; }
  @media (min-width: 576px) {
    .pb0 {
      padding-bottom: 0 !important; } }
  @media (min-width: 768px) {
    .pb0 {
      padding-bottom: 0 !important; } }
  @media (min-width: 992px) {
    .pb0 {
      padding-bottom: 0 !important; } }
  @media (min-width: 1200px) {
    .pb0 {
      padding-bottom: 0 !important; } }
  @media (min-width: 1920px) {
    .pb0 {
      padding-bottom: 0 !important; } }
@media (min-width: 576px) {
  .pb0sm {
    padding-bottom: 0 !important; } }

@media (min-width: 768px) {
  .pb0md {
    padding-bottom: 0 !important; } }

@media (min-width: 992px) {
  .pb0lg {
    padding-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .pb0xl {
    padding-bottom: 0 !important; } }

@media (min-width: 1920px) {
  .pb0xxl {
    padding-bottom: 0 !important; } }

.pt0 {
  padding-top: 0 !important; }
  @media (min-width: 576px) {
    .pt0 {
      padding-top: 0 !important; } }
  @media (min-width: 768px) {
    .pt0 {
      padding-top: 0 !important; } }
  @media (min-width: 992px) {
    .pt0 {
      padding-top: 0 !important; } }
  @media (min-width: 1200px) {
    .pt0 {
      padding-top: 0 !important; } }
  @media (min-width: 1920px) {
    .pt0 {
      padding-top: 0 !important; } }
@media (min-width: 576px) {
  .pt0sm {
    padding-top: 0 !important; } }

@media (min-width: 768px) {
  .pt0md {
    padding-top: 0 !important; } }

@media (min-width: 992px) {
  .pt0lg {
    padding-top: 0 !important; } }

@media (min-width: 1200px) {
  .pt0xl {
    padding-top: 0 !important; } }

@media (min-width: 1920px) {
  .pt0xxl {
    padding-top: 0 !important; } }

.mr0 {
  margin-right: 0 !important; }
  @media (min-width: 576px) {
    .mr0 {
      margin-right: 0 !important; } }
  @media (min-width: 768px) {
    .mr0 {
      margin-right: 0 !important; } }
  @media (min-width: 992px) {
    .mr0 {
      margin-right: 0 !important; } }
  @media (min-width: 1200px) {
    .mr0 {
      margin-right: 0 !important; } }
  @media (min-width: 1920px) {
    .mr0 {
      margin-right: 0 !important; } }
@media (min-width: 576px) {
  .mr0sm {
    margin-right: 0 !important; } }

@media (min-width: 768px) {
  .mr0md {
    margin-right: 0 !important; } }

@media (min-width: 992px) {
  .mr0lg {
    margin-right: 0 !important; } }

@media (min-width: 1200px) {
  .mr0xl {
    margin-right: 0 !important; } }

@media (min-width: 1920px) {
  .mr0xxl {
    margin-right: 0 !important; } }

.ml0 {
  margin-left: 0 !important; }
  @media (min-width: 576px) {
    .ml0 {
      margin-left: 0 !important; } }
  @media (min-width: 768px) {
    .ml0 {
      margin-left: 0 !important; } }
  @media (min-width: 992px) {
    .ml0 {
      margin-left: 0 !important; } }
  @media (min-width: 1200px) {
    .ml0 {
      margin-left: 0 !important; } }
  @media (min-width: 1920px) {
    .ml0 {
      margin-left: 0 !important; } }
@media (min-width: 576px) {
  .ml0sm {
    margin-left: 0 !important; } }

@media (min-width: 768px) {
  .ml0md {
    margin-left: 0 !important; } }

@media (min-width: 992px) {
  .ml0lg {
    margin-left: 0 !important; } }

@media (min-width: 1200px) {
  .ml0xl {
    margin-left: 0 !important; } }

@media (min-width: 1920px) {
  .ml0xxl {
    margin-left: 0 !important; } }

.mb0 {
  margin-bottom: 0 !important; }
  @media (min-width: 576px) {
    .mb0 {
      margin-bottom: 0 !important; } }
  @media (min-width: 768px) {
    .mb0 {
      margin-bottom: 0 !important; } }
  @media (min-width: 992px) {
    .mb0 {
      margin-bottom: 0 !important; } }
  @media (min-width: 1200px) {
    .mb0 {
      margin-bottom: 0 !important; } }
  @media (min-width: 1920px) {
    .mb0 {
      margin-bottom: 0 !important; } }
@media (min-width: 576px) {
  .mb0sm {
    margin-bottom: 0 !important; } }

@media (min-width: 768px) {
  .mb0md {
    margin-bottom: 0 !important; } }

@media (min-width: 992px) {
  .mb0lg {
    margin-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .mb0xl {
    margin-bottom: 0 !important; } }

@media (min-width: 1920px) {
  .mb0xxl {
    margin-bottom: 0 !important; } }

.mt0 {
  margin-top: 0 !important; }
  @media (min-width: 576px) {
    .mt0 {
      margin-top: 0 !important; } }
  @media (min-width: 768px) {
    .mt0 {
      margin-top: 0 !important; } }
  @media (min-width: 992px) {
    .mt0 {
      margin-top: 0 !important; } }
  @media (min-width: 1200px) {
    .mt0 {
      margin-top: 0 !important; } }
  @media (min-width: 1920px) {
    .mt0 {
      margin-top: 0 !important; } }
@media (min-width: 576px) {
  .mt0sm {
    margin-top: 0 !important; } }

@media (min-width: 768px) {
  .mt0md {
    margin-top: 0 !important; } }

@media (min-width: 992px) {
  .mt0lg {
    margin-top: 0 !important; } }

@media (min-width: 1200px) {
  .mt0xl {
    margin-top: 0 !important; } }

@media (min-width: 1920px) {
  .mt0xxl {
    margin-top: 0 !important; } }

.minh0 {
  min-height: 0 !important; }
  @media (min-width: 576px) {
    .minh0 {
      min-height: 0 !important; } }
  @media (min-width: 768px) {
    .minh0 {
      min-height: 0 !important; } }
  @media (min-width: 992px) {
    .minh0 {
      min-height: 0 !important; } }
  @media (min-width: 1200px) {
    .minh0 {
      min-height: 0 !important; } }
  @media (min-width: 1920px) {
    .minh0 {
      min-height: 0 !important; } }
@media (min-width: 576px) {
  .minh0sm {
    min-height: 0 !important; } }

@media (min-width: 768px) {
  .minh0md {
    min-height: 0 !important; } }

@media (min-width: 992px) {
  .minh0lg {
    min-height: 0 !important; } }

@media (min-width: 1200px) {
  .minh0xl {
    min-height: 0 !important; } }

@media (min-width: 1920px) {
  .minh0xxl {
    min-height: 0 !important; } }

.maxh0 {
  max-height: 0 !important; }
  @media (min-width: 576px) {
    .maxh0 {
      max-height: 0 !important; } }
  @media (min-width: 768px) {
    .maxh0 {
      max-height: 0 !important; } }
  @media (min-width: 992px) {
    .maxh0 {
      max-height: 0 !important; } }
  @media (min-width: 1200px) {
    .maxh0 {
      max-height: 0 !important; } }
  @media (min-width: 1920px) {
    .maxh0 {
      max-height: 0 !important; } }
@media (min-width: 576px) {
  .maxh0sm {
    max-height: 0 !important; } }

@media (min-width: 768px) {
  .maxh0md {
    max-height: 0 !important; } }

@media (min-width: 992px) {
  .maxh0lg {
    max-height: 0 !important; } }

@media (min-width: 1200px) {
  .maxh0xl {
    max-height: 0 !important; } }

@media (min-width: 1920px) {
  .maxh0xxl {
    max-height: 0 !important; } }

.p0 {
  padding: 0 !important; }
  @media (min-width: 576px) {
    .p0 {
      padding: 0 !important; } }
  @media (min-width: 768px) {
    .p0 {
      padding: 0 !important; } }
  @media (min-width: 992px) {
    .p0 {
      padding: 0 !important; } }
  @media (min-width: 1200px) {
    .p0 {
      padding: 0 !important; } }
  @media (min-width: 1920px) {
    .p0 {
      padding: 0 !important; } }
@media (min-width: 576px) {
  .p0sm {
    padding: 0 !important; } }

@media (min-width: 768px) {
  .p0md {
    padding: 0 !important; } }

@media (min-width: 992px) {
  .p0lg {
    padding: 0 !important; } }

@media (min-width: 1200px) {
  .p0xl {
    padding: 0 !important; } }

@media (min-width: 1920px) {
  .p0xxl {
    padding: 0 !important; } }

.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.pr1 {
  padding-right: 1px !important; }
  @media (min-width: 576px) {
    .pr1 {
      padding-right: 1px !important; } }
  @media (min-width: 768px) {
    .pr1 {
      padding-right: 1px !important; } }
  @media (min-width: 992px) {
    .pr1 {
      padding-right: 1px !important; } }
  @media (min-width: 1200px) {
    .pr1 {
      padding-right: 1px !important; } }
  @media (min-width: 1920px) {
    .pr1 {
      padding-right: 1px !important; } }
@media (min-width: 576px) {
  .pr1sm {
    padding-right: 2px !important; } }

@media (min-width: 768px) {
  .pr1md {
    padding-right: 4px !important; } }

@media (min-width: 992px) {
  .pr1lg {
    padding-right: 8px !important; } }

@media (min-width: 1200px) {
  .pr1xl {
    padding-right: 8px !important; } }

@media (min-width: 1920px) {
  .pr1xxl {
    padding-right: 16px !important; } }

.pl1 {
  padding-left: 1px !important; }
  @media (min-width: 576px) {
    .pl1 {
      padding-left: 1px !important; } }
  @media (min-width: 768px) {
    .pl1 {
      padding-left: 1px !important; } }
  @media (min-width: 992px) {
    .pl1 {
      padding-left: 1px !important; } }
  @media (min-width: 1200px) {
    .pl1 {
      padding-left: 1px !important; } }
  @media (min-width: 1920px) {
    .pl1 {
      padding-left: 1px !important; } }
@media (min-width: 576px) {
  .pl1sm {
    padding-left: 2px !important; } }

@media (min-width: 768px) {
  .pl1md {
    padding-left: 4px !important; } }

@media (min-width: 992px) {
  .pl1lg {
    padding-left: 8px !important; } }

@media (min-width: 1200px) {
  .pl1xl {
    padding-left: 8px !important; } }

@media (min-width: 1920px) {
  .pl1xxl {
    padding-left: 16px !important; } }

.pb1 {
  padding-bottom: 1px !important; }
  @media (min-width: 576px) {
    .pb1 {
      padding-bottom: 1px !important; } }
  @media (min-width: 768px) {
    .pb1 {
      padding-bottom: 1px !important; } }
  @media (min-width: 992px) {
    .pb1 {
      padding-bottom: 1px !important; } }
  @media (min-width: 1200px) {
    .pb1 {
      padding-bottom: 1px !important; } }
  @media (min-width: 1920px) {
    .pb1 {
      padding-bottom: 1px !important; } }
@media (min-width: 576px) {
  .pb1sm {
    padding-bottom: 2px !important; } }

@media (min-width: 768px) {
  .pb1md {
    padding-bottom: 4px !important; } }

@media (min-width: 992px) {
  .pb1lg {
    padding-bottom: 8px !important; } }

@media (min-width: 1200px) {
  .pb1xl {
    padding-bottom: 8px !important; } }

@media (min-width: 1920px) {
  .pb1xxl {
    padding-bottom: 16px !important; } }

.pt1 {
  padding-top: 1px !important; }
  @media (min-width: 576px) {
    .pt1 {
      padding-top: 1px !important; } }
  @media (min-width: 768px) {
    .pt1 {
      padding-top: 1px !important; } }
  @media (min-width: 992px) {
    .pt1 {
      padding-top: 1px !important; } }
  @media (min-width: 1200px) {
    .pt1 {
      padding-top: 1px !important; } }
  @media (min-width: 1920px) {
    .pt1 {
      padding-top: 1px !important; } }
@media (min-width: 576px) {
  .pt1sm {
    padding-top: 2px !important; } }

@media (min-width: 768px) {
  .pt1md {
    padding-top: 4px !important; } }

@media (min-width: 992px) {
  .pt1lg {
    padding-top: 8px !important; } }

@media (min-width: 1200px) {
  .pt1xl {
    padding-top: 8px !important; } }

@media (min-width: 1920px) {
  .pt1xxl {
    padding-top: 16px !important; } }

.mr1 {
  margin-right: 1px !important; }
  @media (min-width: 576px) {
    .mr1 {
      margin-right: 1px !important; } }
  @media (min-width: 768px) {
    .mr1 {
      margin-right: 1px !important; } }
  @media (min-width: 992px) {
    .mr1 {
      margin-right: 1px !important; } }
  @media (min-width: 1200px) {
    .mr1 {
      margin-right: 1px !important; } }
  @media (min-width: 1920px) {
    .mr1 {
      margin-right: 1px !important; } }
@media (min-width: 576px) {
  .mr1sm {
    margin-right: 2px !important; } }

@media (min-width: 768px) {
  .mr1md {
    margin-right: 4px !important; } }

@media (min-width: 992px) {
  .mr1lg {
    margin-right: 8px !important; } }

@media (min-width: 1200px) {
  .mr1xl {
    margin-right: 8px !important; } }

@media (min-width: 1920px) {
  .mr1xxl {
    margin-right: 16px !important; } }

.ml1 {
  margin-left: 1px !important; }
  @media (min-width: 576px) {
    .ml1 {
      margin-left: 1px !important; } }
  @media (min-width: 768px) {
    .ml1 {
      margin-left: 1px !important; } }
  @media (min-width: 992px) {
    .ml1 {
      margin-left: 1px !important; } }
  @media (min-width: 1200px) {
    .ml1 {
      margin-left: 1px !important; } }
  @media (min-width: 1920px) {
    .ml1 {
      margin-left: 1px !important; } }
@media (min-width: 576px) {
  .ml1sm {
    margin-left: 2px !important; } }

@media (min-width: 768px) {
  .ml1md {
    margin-left: 4px !important; } }

@media (min-width: 992px) {
  .ml1lg {
    margin-left: 8px !important; } }

@media (min-width: 1200px) {
  .ml1xl {
    margin-left: 8px !important; } }

@media (min-width: 1920px) {
  .ml1xxl {
    margin-left: 16px !important; } }

.mb1 {
  margin-bottom: 1px !important; }
  @media (min-width: 576px) {
    .mb1 {
      margin-bottom: 1px !important; } }
  @media (min-width: 768px) {
    .mb1 {
      margin-bottom: 1px !important; } }
  @media (min-width: 992px) {
    .mb1 {
      margin-bottom: 1px !important; } }
  @media (min-width: 1200px) {
    .mb1 {
      margin-bottom: 1px !important; } }
  @media (min-width: 1920px) {
    .mb1 {
      margin-bottom: 1px !important; } }
@media (min-width: 576px) {
  .mb1sm {
    margin-bottom: 2px !important; } }

@media (min-width: 768px) {
  .mb1md {
    margin-bottom: 4px !important; } }

@media (min-width: 992px) {
  .mb1lg {
    margin-bottom: 8px !important; } }

@media (min-width: 1200px) {
  .mb1xl {
    margin-bottom: 8px !important; } }

@media (min-width: 1920px) {
  .mb1xxl {
    margin-bottom: 16px !important; } }

.mt1 {
  margin-top: 1px !important; }
  @media (min-width: 576px) {
    .mt1 {
      margin-top: 1px !important; } }
  @media (min-width: 768px) {
    .mt1 {
      margin-top: 1px !important; } }
  @media (min-width: 992px) {
    .mt1 {
      margin-top: 1px !important; } }
  @media (min-width: 1200px) {
    .mt1 {
      margin-top: 1px !important; } }
  @media (min-width: 1920px) {
    .mt1 {
      margin-top: 1px !important; } }
@media (min-width: 576px) {
  .mt1sm {
    margin-top: 2px !important; } }

@media (min-width: 768px) {
  .mt1md {
    margin-top: 4px !important; } }

@media (min-width: 992px) {
  .mt1lg {
    margin-top: 8px !important; } }

@media (min-width: 1200px) {
  .mt1xl {
    margin-top: 8px !important; } }

@media (min-width: 1920px) {
  .mt1xxl {
    margin-top: 16px !important; } }

.minh1 {
  min-height: 1px !important; }
  @media (min-width: 576px) {
    .minh1 {
      min-height: 1px !important; } }
  @media (min-width: 768px) {
    .minh1 {
      min-height: 1px !important; } }
  @media (min-width: 992px) {
    .minh1 {
      min-height: 1px !important; } }
  @media (min-width: 1200px) {
    .minh1 {
      min-height: 1px !important; } }
  @media (min-width: 1920px) {
    .minh1 {
      min-height: 1px !important; } }
@media (min-width: 576px) {
  .minh1sm {
    min-height: 2px !important; } }

@media (min-width: 768px) {
  .minh1md {
    min-height: 4px !important; } }

@media (min-width: 992px) {
  .minh1lg {
    min-height: 8px !important; } }

@media (min-width: 1200px) {
  .minh1xl {
    min-height: 8px !important; } }

@media (min-width: 1920px) {
  .minh1xxl {
    min-height: 16px !important; } }

.maxh1 {
  max-height: 1px !important; }
  @media (min-width: 576px) {
    .maxh1 {
      max-height: 1px !important; } }
  @media (min-width: 768px) {
    .maxh1 {
      max-height: 1px !important; } }
  @media (min-width: 992px) {
    .maxh1 {
      max-height: 1px !important; } }
  @media (min-width: 1200px) {
    .maxh1 {
      max-height: 1px !important; } }
  @media (min-width: 1920px) {
    .maxh1 {
      max-height: 1px !important; } }
@media (min-width: 576px) {
  .maxh1sm {
    max-height: 2px !important; } }

@media (min-width: 768px) {
  .maxh1md {
    max-height: 4px !important; } }

@media (min-width: 992px) {
  .maxh1lg {
    max-height: 8px !important; } }

@media (min-width: 1200px) {
  .maxh1xl {
    max-height: 8px !important; } }

@media (min-width: 1920px) {
  .maxh1xxl {
    max-height: 16px !important; } }

.p1 {
  padding: 1px !important; }
  @media (min-width: 576px) {
    .p1 {
      padding: 1px !important; } }
  @media (min-width: 768px) {
    .p1 {
      padding: 1px !important; } }
  @media (min-width: 992px) {
    .p1 {
      padding: 1px !important; } }
  @media (min-width: 1200px) {
    .p1 {
      padding: 1px !important; } }
  @media (min-width: 1920px) {
    .p1 {
      padding: 1px !important; } }
@media (min-width: 576px) {
  .p1sm {
    padding: 2px !important; } }

@media (min-width: 768px) {
  .p1md {
    padding: 4px !important; } }

@media (min-width: 992px) {
  .p1lg {
    padding: 8px !important; } }

@media (min-width: 1200px) {
  .p1xl {
    padding: 8px !important; } }

@media (min-width: 1920px) {
  .p1xxl {
    padding: 16px !important; } }

.ptb1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.pr2 {
  padding-right: 2px !important; }
  @media (min-width: 576px) {
    .pr2 {
      padding-right: 2px !important; } }
  @media (min-width: 768px) {
    .pr2 {
      padding-right: 2px !important; } }
  @media (min-width: 992px) {
    .pr2 {
      padding-right: 2px !important; } }
  @media (min-width: 1200px) {
    .pr2 {
      padding-right: 2px !important; } }
  @media (min-width: 1920px) {
    .pr2 {
      padding-right: 2px !important; } }
@media (min-width: 576px) {
  .pr2sm {
    padding-right: 4px !important; } }

@media (min-width: 768px) {
  .pr2md {
    padding-right: 8px !important; } }

@media (min-width: 992px) {
  .pr2lg {
    padding-right: 16px !important; } }

@media (min-width: 1200px) {
  .pr2xl {
    padding-right: 16px !important; } }

@media (min-width: 1920px) {
  .pr2xxl {
    padding-right: 32px !important; } }

.pl2 {
  padding-left: 2px !important; }
  @media (min-width: 576px) {
    .pl2 {
      padding-left: 2px !important; } }
  @media (min-width: 768px) {
    .pl2 {
      padding-left: 2px !important; } }
  @media (min-width: 992px) {
    .pl2 {
      padding-left: 2px !important; } }
  @media (min-width: 1200px) {
    .pl2 {
      padding-left: 2px !important; } }
  @media (min-width: 1920px) {
    .pl2 {
      padding-left: 2px !important; } }
@media (min-width: 576px) {
  .pl2sm {
    padding-left: 4px !important; } }

@media (min-width: 768px) {
  .pl2md {
    padding-left: 8px !important; } }

@media (min-width: 992px) {
  .pl2lg {
    padding-left: 16px !important; } }

@media (min-width: 1200px) {
  .pl2xl {
    padding-left: 16px !important; } }

@media (min-width: 1920px) {
  .pl2xxl {
    padding-left: 32px !important; } }

.pb2 {
  padding-bottom: 2px !important; }
  @media (min-width: 576px) {
    .pb2 {
      padding-bottom: 2px !important; } }
  @media (min-width: 768px) {
    .pb2 {
      padding-bottom: 2px !important; } }
  @media (min-width: 992px) {
    .pb2 {
      padding-bottom: 2px !important; } }
  @media (min-width: 1200px) {
    .pb2 {
      padding-bottom: 2px !important; } }
  @media (min-width: 1920px) {
    .pb2 {
      padding-bottom: 2px !important; } }
@media (min-width: 576px) {
  .pb2sm {
    padding-bottom: 4px !important; } }

@media (min-width: 768px) {
  .pb2md {
    padding-bottom: 8px !important; } }

@media (min-width: 992px) {
  .pb2lg {
    padding-bottom: 16px !important; } }

@media (min-width: 1200px) {
  .pb2xl {
    padding-bottom: 16px !important; } }

@media (min-width: 1920px) {
  .pb2xxl {
    padding-bottom: 32px !important; } }

.pt2 {
  padding-top: 2px !important; }
  @media (min-width: 576px) {
    .pt2 {
      padding-top: 2px !important; } }
  @media (min-width: 768px) {
    .pt2 {
      padding-top: 2px !important; } }
  @media (min-width: 992px) {
    .pt2 {
      padding-top: 2px !important; } }
  @media (min-width: 1200px) {
    .pt2 {
      padding-top: 2px !important; } }
  @media (min-width: 1920px) {
    .pt2 {
      padding-top: 2px !important; } }
@media (min-width: 576px) {
  .pt2sm {
    padding-top: 4px !important; } }

@media (min-width: 768px) {
  .pt2md {
    padding-top: 8px !important; } }

@media (min-width: 992px) {
  .pt2lg {
    padding-top: 16px !important; } }

@media (min-width: 1200px) {
  .pt2xl {
    padding-top: 16px !important; } }

@media (min-width: 1920px) {
  .pt2xxl {
    padding-top: 32px !important; } }

.mr2 {
  margin-right: 2px !important; }
  @media (min-width: 576px) {
    .mr2 {
      margin-right: 2px !important; } }
  @media (min-width: 768px) {
    .mr2 {
      margin-right: 2px !important; } }
  @media (min-width: 992px) {
    .mr2 {
      margin-right: 2px !important; } }
  @media (min-width: 1200px) {
    .mr2 {
      margin-right: 2px !important; } }
  @media (min-width: 1920px) {
    .mr2 {
      margin-right: 2px !important; } }
@media (min-width: 576px) {
  .mr2sm {
    margin-right: 4px !important; } }

@media (min-width: 768px) {
  .mr2md {
    margin-right: 8px !important; } }

@media (min-width: 992px) {
  .mr2lg {
    margin-right: 16px !important; } }

@media (min-width: 1200px) {
  .mr2xl {
    margin-right: 16px !important; } }

@media (min-width: 1920px) {
  .mr2xxl {
    margin-right: 32px !important; } }

.ml2 {
  margin-left: 2px !important; }
  @media (min-width: 576px) {
    .ml2 {
      margin-left: 2px !important; } }
  @media (min-width: 768px) {
    .ml2 {
      margin-left: 2px !important; } }
  @media (min-width: 992px) {
    .ml2 {
      margin-left: 2px !important; } }
  @media (min-width: 1200px) {
    .ml2 {
      margin-left: 2px !important; } }
  @media (min-width: 1920px) {
    .ml2 {
      margin-left: 2px !important; } }
@media (min-width: 576px) {
  .ml2sm {
    margin-left: 4px !important; } }

@media (min-width: 768px) {
  .ml2md {
    margin-left: 8px !important; } }

@media (min-width: 992px) {
  .ml2lg {
    margin-left: 16px !important; } }

@media (min-width: 1200px) {
  .ml2xl {
    margin-left: 16px !important; } }

@media (min-width: 1920px) {
  .ml2xxl {
    margin-left: 32px !important; } }

.mb2 {
  margin-bottom: 2px !important; }
  @media (min-width: 576px) {
    .mb2 {
      margin-bottom: 2px !important; } }
  @media (min-width: 768px) {
    .mb2 {
      margin-bottom: 2px !important; } }
  @media (min-width: 992px) {
    .mb2 {
      margin-bottom: 2px !important; } }
  @media (min-width: 1200px) {
    .mb2 {
      margin-bottom: 2px !important; } }
  @media (min-width: 1920px) {
    .mb2 {
      margin-bottom: 2px !important; } }
@media (min-width: 576px) {
  .mb2sm {
    margin-bottom: 4px !important; } }

@media (min-width: 768px) {
  .mb2md {
    margin-bottom: 8px !important; } }

@media (min-width: 992px) {
  .mb2lg {
    margin-bottom: 16px !important; } }

@media (min-width: 1200px) {
  .mb2xl {
    margin-bottom: 16px !important; } }

@media (min-width: 1920px) {
  .mb2xxl {
    margin-bottom: 32px !important; } }

.mt2 {
  margin-top: 2px !important; }
  @media (min-width: 576px) {
    .mt2 {
      margin-top: 2px !important; } }
  @media (min-width: 768px) {
    .mt2 {
      margin-top: 2px !important; } }
  @media (min-width: 992px) {
    .mt2 {
      margin-top: 2px !important; } }
  @media (min-width: 1200px) {
    .mt2 {
      margin-top: 2px !important; } }
  @media (min-width: 1920px) {
    .mt2 {
      margin-top: 2px !important; } }
@media (min-width: 576px) {
  .mt2sm {
    margin-top: 4px !important; } }

@media (min-width: 768px) {
  .mt2md {
    margin-top: 8px !important; } }

@media (min-width: 992px) {
  .mt2lg {
    margin-top: 16px !important; } }

@media (min-width: 1200px) {
  .mt2xl {
    margin-top: 16px !important; } }

@media (min-width: 1920px) {
  .mt2xxl {
    margin-top: 32px !important; } }

.minh2 {
  min-height: 2px !important; }
  @media (min-width: 576px) {
    .minh2 {
      min-height: 2px !important; } }
  @media (min-width: 768px) {
    .minh2 {
      min-height: 2px !important; } }
  @media (min-width: 992px) {
    .minh2 {
      min-height: 2px !important; } }
  @media (min-width: 1200px) {
    .minh2 {
      min-height: 2px !important; } }
  @media (min-width: 1920px) {
    .minh2 {
      min-height: 2px !important; } }
@media (min-width: 576px) {
  .minh2sm {
    min-height: 4px !important; } }

@media (min-width: 768px) {
  .minh2md {
    min-height: 8px !important; } }

@media (min-width: 992px) {
  .minh2lg {
    min-height: 16px !important; } }

@media (min-width: 1200px) {
  .minh2xl {
    min-height: 16px !important; } }

@media (min-width: 1920px) {
  .minh2xxl {
    min-height: 32px !important; } }

.maxh2 {
  max-height: 2px !important; }
  @media (min-width: 576px) {
    .maxh2 {
      max-height: 2px !important; } }
  @media (min-width: 768px) {
    .maxh2 {
      max-height: 2px !important; } }
  @media (min-width: 992px) {
    .maxh2 {
      max-height: 2px !important; } }
  @media (min-width: 1200px) {
    .maxh2 {
      max-height: 2px !important; } }
  @media (min-width: 1920px) {
    .maxh2 {
      max-height: 2px !important; } }
@media (min-width: 576px) {
  .maxh2sm {
    max-height: 4px !important; } }

@media (min-width: 768px) {
  .maxh2md {
    max-height: 8px !important; } }

@media (min-width: 992px) {
  .maxh2lg {
    max-height: 16px !important; } }

@media (min-width: 1200px) {
  .maxh2xl {
    max-height: 16px !important; } }

@media (min-width: 1920px) {
  .maxh2xxl {
    max-height: 32px !important; } }

.p2 {
  padding: 2px !important; }
  @media (min-width: 576px) {
    .p2 {
      padding: 2px !important; } }
  @media (min-width: 768px) {
    .p2 {
      padding: 2px !important; } }
  @media (min-width: 992px) {
    .p2 {
      padding: 2px !important; } }
  @media (min-width: 1200px) {
    .p2 {
      padding: 2px !important; } }
  @media (min-width: 1920px) {
    .p2 {
      padding: 2px !important; } }
@media (min-width: 576px) {
  .p2sm {
    padding: 4px !important; } }

@media (min-width: 768px) {
  .p2md {
    padding: 8px !important; } }

@media (min-width: 992px) {
  .p2lg {
    padding: 16px !important; } }

@media (min-width: 1200px) {
  .p2xl {
    padding: 16px !important; } }

@media (min-width: 1920px) {
  .p2xxl {
    padding: 32px !important; } }

.ptb2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.pr3 {
  padding-right: 3px !important; }
  @media (min-width: 576px) {
    .pr3 {
      padding-right: 3px !important; } }
  @media (min-width: 768px) {
    .pr3 {
      padding-right: 3px !important; } }
  @media (min-width: 992px) {
    .pr3 {
      padding-right: 3px !important; } }
  @media (min-width: 1200px) {
    .pr3 {
      padding-right: 3px !important; } }
  @media (min-width: 1920px) {
    .pr3 {
      padding-right: 3px !important; } }
@media (min-width: 576px) {
  .pr3sm {
    padding-right: 6px !important; } }

@media (min-width: 768px) {
  .pr3md {
    padding-right: 12px !important; } }

@media (min-width: 992px) {
  .pr3lg {
    padding-right: 24px !important; } }

@media (min-width: 1200px) {
  .pr3xl {
    padding-right: 24px !important; } }

@media (min-width: 1920px) {
  .pr3xxl {
    padding-right: 48px !important; } }

.pl3 {
  padding-left: 3px !important; }
  @media (min-width: 576px) {
    .pl3 {
      padding-left: 3px !important; } }
  @media (min-width: 768px) {
    .pl3 {
      padding-left: 3px !important; } }
  @media (min-width: 992px) {
    .pl3 {
      padding-left: 3px !important; } }
  @media (min-width: 1200px) {
    .pl3 {
      padding-left: 3px !important; } }
  @media (min-width: 1920px) {
    .pl3 {
      padding-left: 3px !important; } }
@media (min-width: 576px) {
  .pl3sm {
    padding-left: 6px !important; } }

@media (min-width: 768px) {
  .pl3md {
    padding-left: 12px !important; } }

@media (min-width: 992px) {
  .pl3lg {
    padding-left: 24px !important; } }

@media (min-width: 1200px) {
  .pl3xl {
    padding-left: 24px !important; } }

@media (min-width: 1920px) {
  .pl3xxl {
    padding-left: 48px !important; } }

.pb3 {
  padding-bottom: 3px !important; }
  @media (min-width: 576px) {
    .pb3 {
      padding-bottom: 3px !important; } }
  @media (min-width: 768px) {
    .pb3 {
      padding-bottom: 3px !important; } }
  @media (min-width: 992px) {
    .pb3 {
      padding-bottom: 3px !important; } }
  @media (min-width: 1200px) {
    .pb3 {
      padding-bottom: 3px !important; } }
  @media (min-width: 1920px) {
    .pb3 {
      padding-bottom: 3px !important; } }
@media (min-width: 576px) {
  .pb3sm {
    padding-bottom: 6px !important; } }

@media (min-width: 768px) {
  .pb3md {
    padding-bottom: 12px !important; } }

@media (min-width: 992px) {
  .pb3lg {
    padding-bottom: 24px !important; } }

@media (min-width: 1200px) {
  .pb3xl {
    padding-bottom: 24px !important; } }

@media (min-width: 1920px) {
  .pb3xxl {
    padding-bottom: 48px !important; } }

.pt3 {
  padding-top: 3px !important; }
  @media (min-width: 576px) {
    .pt3 {
      padding-top: 3px !important; } }
  @media (min-width: 768px) {
    .pt3 {
      padding-top: 3px !important; } }
  @media (min-width: 992px) {
    .pt3 {
      padding-top: 3px !important; } }
  @media (min-width: 1200px) {
    .pt3 {
      padding-top: 3px !important; } }
  @media (min-width: 1920px) {
    .pt3 {
      padding-top: 3px !important; } }
@media (min-width: 576px) {
  .pt3sm {
    padding-top: 6px !important; } }

@media (min-width: 768px) {
  .pt3md {
    padding-top: 12px !important; } }

@media (min-width: 992px) {
  .pt3lg {
    padding-top: 24px !important; } }

@media (min-width: 1200px) {
  .pt3xl {
    padding-top: 24px !important; } }

@media (min-width: 1920px) {
  .pt3xxl {
    padding-top: 48px !important; } }

.mr3 {
  margin-right: 3px !important; }
  @media (min-width: 576px) {
    .mr3 {
      margin-right: 3px !important; } }
  @media (min-width: 768px) {
    .mr3 {
      margin-right: 3px !important; } }
  @media (min-width: 992px) {
    .mr3 {
      margin-right: 3px !important; } }
  @media (min-width: 1200px) {
    .mr3 {
      margin-right: 3px !important; } }
  @media (min-width: 1920px) {
    .mr3 {
      margin-right: 3px !important; } }
@media (min-width: 576px) {
  .mr3sm {
    margin-right: 6px !important; } }

@media (min-width: 768px) {
  .mr3md {
    margin-right: 12px !important; } }

@media (min-width: 992px) {
  .mr3lg {
    margin-right: 24px !important; } }

@media (min-width: 1200px) {
  .mr3xl {
    margin-right: 24px !important; } }

@media (min-width: 1920px) {
  .mr3xxl {
    margin-right: 48px !important; } }

.ml3 {
  margin-left: 3px !important; }
  @media (min-width: 576px) {
    .ml3 {
      margin-left: 3px !important; } }
  @media (min-width: 768px) {
    .ml3 {
      margin-left: 3px !important; } }
  @media (min-width: 992px) {
    .ml3 {
      margin-left: 3px !important; } }
  @media (min-width: 1200px) {
    .ml3 {
      margin-left: 3px !important; } }
  @media (min-width: 1920px) {
    .ml3 {
      margin-left: 3px !important; } }
@media (min-width: 576px) {
  .ml3sm {
    margin-left: 6px !important; } }

@media (min-width: 768px) {
  .ml3md {
    margin-left: 12px !important; } }

@media (min-width: 992px) {
  .ml3lg {
    margin-left: 24px !important; } }

@media (min-width: 1200px) {
  .ml3xl {
    margin-left: 24px !important; } }

@media (min-width: 1920px) {
  .ml3xxl {
    margin-left: 48px !important; } }

.mb3 {
  margin-bottom: 3px !important; }
  @media (min-width: 576px) {
    .mb3 {
      margin-bottom: 3px !important; } }
  @media (min-width: 768px) {
    .mb3 {
      margin-bottom: 3px !important; } }
  @media (min-width: 992px) {
    .mb3 {
      margin-bottom: 3px !important; } }
  @media (min-width: 1200px) {
    .mb3 {
      margin-bottom: 3px !important; } }
  @media (min-width: 1920px) {
    .mb3 {
      margin-bottom: 3px !important; } }
@media (min-width: 576px) {
  .mb3sm {
    margin-bottom: 6px !important; } }

@media (min-width: 768px) {
  .mb3md {
    margin-bottom: 12px !important; } }

@media (min-width: 992px) {
  .mb3lg {
    margin-bottom: 24px !important; } }

@media (min-width: 1200px) {
  .mb3xl {
    margin-bottom: 24px !important; } }

@media (min-width: 1920px) {
  .mb3xxl {
    margin-bottom: 48px !important; } }

.mt3 {
  margin-top: 3px !important; }
  @media (min-width: 576px) {
    .mt3 {
      margin-top: 3px !important; } }
  @media (min-width: 768px) {
    .mt3 {
      margin-top: 3px !important; } }
  @media (min-width: 992px) {
    .mt3 {
      margin-top: 3px !important; } }
  @media (min-width: 1200px) {
    .mt3 {
      margin-top: 3px !important; } }
  @media (min-width: 1920px) {
    .mt3 {
      margin-top: 3px !important; } }
@media (min-width: 576px) {
  .mt3sm {
    margin-top: 6px !important; } }

@media (min-width: 768px) {
  .mt3md {
    margin-top: 12px !important; } }

@media (min-width: 992px) {
  .mt3lg {
    margin-top: 24px !important; } }

@media (min-width: 1200px) {
  .mt3xl {
    margin-top: 24px !important; } }

@media (min-width: 1920px) {
  .mt3xxl {
    margin-top: 48px !important; } }

.minh3 {
  min-height: 3px !important; }
  @media (min-width: 576px) {
    .minh3 {
      min-height: 3px !important; } }
  @media (min-width: 768px) {
    .minh3 {
      min-height: 3px !important; } }
  @media (min-width: 992px) {
    .minh3 {
      min-height: 3px !important; } }
  @media (min-width: 1200px) {
    .minh3 {
      min-height: 3px !important; } }
  @media (min-width: 1920px) {
    .minh3 {
      min-height: 3px !important; } }
@media (min-width: 576px) {
  .minh3sm {
    min-height: 6px !important; } }

@media (min-width: 768px) {
  .minh3md {
    min-height: 12px !important; } }

@media (min-width: 992px) {
  .minh3lg {
    min-height: 24px !important; } }

@media (min-width: 1200px) {
  .minh3xl {
    min-height: 24px !important; } }

@media (min-width: 1920px) {
  .minh3xxl {
    min-height: 48px !important; } }

.maxh3 {
  max-height: 3px !important; }
  @media (min-width: 576px) {
    .maxh3 {
      max-height: 3px !important; } }
  @media (min-width: 768px) {
    .maxh3 {
      max-height: 3px !important; } }
  @media (min-width: 992px) {
    .maxh3 {
      max-height: 3px !important; } }
  @media (min-width: 1200px) {
    .maxh3 {
      max-height: 3px !important; } }
  @media (min-width: 1920px) {
    .maxh3 {
      max-height: 3px !important; } }
@media (min-width: 576px) {
  .maxh3sm {
    max-height: 6px !important; } }

@media (min-width: 768px) {
  .maxh3md {
    max-height: 12px !important; } }

@media (min-width: 992px) {
  .maxh3lg {
    max-height: 24px !important; } }

@media (min-width: 1200px) {
  .maxh3xl {
    max-height: 24px !important; } }

@media (min-width: 1920px) {
  .maxh3xxl {
    max-height: 48px !important; } }

.p3 {
  padding: 3px !important; }
  @media (min-width: 576px) {
    .p3 {
      padding: 3px !important; } }
  @media (min-width: 768px) {
    .p3 {
      padding: 3px !important; } }
  @media (min-width: 992px) {
    .p3 {
      padding: 3px !important; } }
  @media (min-width: 1200px) {
    .p3 {
      padding: 3px !important; } }
  @media (min-width: 1920px) {
    .p3 {
      padding: 3px !important; } }
@media (min-width: 576px) {
  .p3sm {
    padding: 6px !important; } }

@media (min-width: 768px) {
  .p3md {
    padding: 12px !important; } }

@media (min-width: 992px) {
  .p3lg {
    padding: 24px !important; } }

@media (min-width: 1200px) {
  .p3xl {
    padding: 24px !important; } }

@media (min-width: 1920px) {
  .p3xxl {
    padding: 48px !important; } }

.ptb3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.pr4 {
  padding-right: 4px !important; }
  @media (min-width: 576px) {
    .pr4 {
      padding-right: 4px !important; } }
  @media (min-width: 768px) {
    .pr4 {
      padding-right: 4px !important; } }
  @media (min-width: 992px) {
    .pr4 {
      padding-right: 4px !important; } }
  @media (min-width: 1200px) {
    .pr4 {
      padding-right: 4px !important; } }
  @media (min-width: 1920px) {
    .pr4 {
      padding-right: 4px !important; } }
@media (min-width: 576px) {
  .pr4sm {
    padding-right: 8px !important; } }

@media (min-width: 768px) {
  .pr4md {
    padding-right: 16px !important; } }

@media (min-width: 992px) {
  .pr4lg {
    padding-right: 32px !important; } }

@media (min-width: 1200px) {
  .pr4xl {
    padding-right: 32px !important; } }

@media (min-width: 1920px) {
  .pr4xxl {
    padding-right: 64px !important; } }

.pl4 {
  padding-left: 4px !important; }
  @media (min-width: 576px) {
    .pl4 {
      padding-left: 4px !important; } }
  @media (min-width: 768px) {
    .pl4 {
      padding-left: 4px !important; } }
  @media (min-width: 992px) {
    .pl4 {
      padding-left: 4px !important; } }
  @media (min-width: 1200px) {
    .pl4 {
      padding-left: 4px !important; } }
  @media (min-width: 1920px) {
    .pl4 {
      padding-left: 4px !important; } }
@media (min-width: 576px) {
  .pl4sm {
    padding-left: 8px !important; } }

@media (min-width: 768px) {
  .pl4md {
    padding-left: 16px !important; } }

@media (min-width: 992px) {
  .pl4lg {
    padding-left: 32px !important; } }

@media (min-width: 1200px) {
  .pl4xl {
    padding-left: 32px !important; } }

@media (min-width: 1920px) {
  .pl4xxl {
    padding-left: 64px !important; } }

.pb4 {
  padding-bottom: 4px !important; }
  @media (min-width: 576px) {
    .pb4 {
      padding-bottom: 4px !important; } }
  @media (min-width: 768px) {
    .pb4 {
      padding-bottom: 4px !important; } }
  @media (min-width: 992px) {
    .pb4 {
      padding-bottom: 4px !important; } }
  @media (min-width: 1200px) {
    .pb4 {
      padding-bottom: 4px !important; } }
  @media (min-width: 1920px) {
    .pb4 {
      padding-bottom: 4px !important; } }
@media (min-width: 576px) {
  .pb4sm {
    padding-bottom: 8px !important; } }

@media (min-width: 768px) {
  .pb4md {
    padding-bottom: 16px !important; } }

@media (min-width: 992px) {
  .pb4lg {
    padding-bottom: 32px !important; } }

@media (min-width: 1200px) {
  .pb4xl {
    padding-bottom: 32px !important; } }

@media (min-width: 1920px) {
  .pb4xxl {
    padding-bottom: 64px !important; } }

.pt4 {
  padding-top: 4px !important; }
  @media (min-width: 576px) {
    .pt4 {
      padding-top: 4px !important; } }
  @media (min-width: 768px) {
    .pt4 {
      padding-top: 4px !important; } }
  @media (min-width: 992px) {
    .pt4 {
      padding-top: 4px !important; } }
  @media (min-width: 1200px) {
    .pt4 {
      padding-top: 4px !important; } }
  @media (min-width: 1920px) {
    .pt4 {
      padding-top: 4px !important; } }
@media (min-width: 576px) {
  .pt4sm {
    padding-top: 8px !important; } }

@media (min-width: 768px) {
  .pt4md {
    padding-top: 16px !important; } }

@media (min-width: 992px) {
  .pt4lg {
    padding-top: 32px !important; } }

@media (min-width: 1200px) {
  .pt4xl {
    padding-top: 32px !important; } }

@media (min-width: 1920px) {
  .pt4xxl {
    padding-top: 64px !important; } }

.mr4 {
  margin-right: 4px !important; }
  @media (min-width: 576px) {
    .mr4 {
      margin-right: 4px !important; } }
  @media (min-width: 768px) {
    .mr4 {
      margin-right: 4px !important; } }
  @media (min-width: 992px) {
    .mr4 {
      margin-right: 4px !important; } }
  @media (min-width: 1200px) {
    .mr4 {
      margin-right: 4px !important; } }
  @media (min-width: 1920px) {
    .mr4 {
      margin-right: 4px !important; } }
@media (min-width: 576px) {
  .mr4sm {
    margin-right: 8px !important; } }

@media (min-width: 768px) {
  .mr4md {
    margin-right: 16px !important; } }

@media (min-width: 992px) {
  .mr4lg {
    margin-right: 32px !important; } }

@media (min-width: 1200px) {
  .mr4xl {
    margin-right: 32px !important; } }

@media (min-width: 1920px) {
  .mr4xxl {
    margin-right: 64px !important; } }

.ml4 {
  margin-left: 4px !important; }
  @media (min-width: 576px) {
    .ml4 {
      margin-left: 4px !important; } }
  @media (min-width: 768px) {
    .ml4 {
      margin-left: 4px !important; } }
  @media (min-width: 992px) {
    .ml4 {
      margin-left: 4px !important; } }
  @media (min-width: 1200px) {
    .ml4 {
      margin-left: 4px !important; } }
  @media (min-width: 1920px) {
    .ml4 {
      margin-left: 4px !important; } }
@media (min-width: 576px) {
  .ml4sm {
    margin-left: 8px !important; } }

@media (min-width: 768px) {
  .ml4md {
    margin-left: 16px !important; } }

@media (min-width: 992px) {
  .ml4lg {
    margin-left: 32px !important; } }

@media (min-width: 1200px) {
  .ml4xl {
    margin-left: 32px !important; } }

@media (min-width: 1920px) {
  .ml4xxl {
    margin-left: 64px !important; } }

.mb4 {
  margin-bottom: 4px !important; }
  @media (min-width: 576px) {
    .mb4 {
      margin-bottom: 4px !important; } }
  @media (min-width: 768px) {
    .mb4 {
      margin-bottom: 4px !important; } }
  @media (min-width: 992px) {
    .mb4 {
      margin-bottom: 4px !important; } }
  @media (min-width: 1200px) {
    .mb4 {
      margin-bottom: 4px !important; } }
  @media (min-width: 1920px) {
    .mb4 {
      margin-bottom: 4px !important; } }
@media (min-width: 576px) {
  .mb4sm {
    margin-bottom: 8px !important; } }

@media (min-width: 768px) {
  .mb4md {
    margin-bottom: 16px !important; } }

@media (min-width: 992px) {
  .mb4lg {
    margin-bottom: 32px !important; } }

@media (min-width: 1200px) {
  .mb4xl {
    margin-bottom: 32px !important; } }

@media (min-width: 1920px) {
  .mb4xxl {
    margin-bottom: 64px !important; } }

.mt4 {
  margin-top: 4px !important; }
  @media (min-width: 576px) {
    .mt4 {
      margin-top: 4px !important; } }
  @media (min-width: 768px) {
    .mt4 {
      margin-top: 4px !important; } }
  @media (min-width: 992px) {
    .mt4 {
      margin-top: 4px !important; } }
  @media (min-width: 1200px) {
    .mt4 {
      margin-top: 4px !important; } }
  @media (min-width: 1920px) {
    .mt4 {
      margin-top: 4px !important; } }
@media (min-width: 576px) {
  .mt4sm {
    margin-top: 8px !important; } }

@media (min-width: 768px) {
  .mt4md {
    margin-top: 16px !important; } }

@media (min-width: 992px) {
  .mt4lg {
    margin-top: 32px !important; } }

@media (min-width: 1200px) {
  .mt4xl {
    margin-top: 32px !important; } }

@media (min-width: 1920px) {
  .mt4xxl {
    margin-top: 64px !important; } }

.minh4 {
  min-height: 4px !important; }
  @media (min-width: 576px) {
    .minh4 {
      min-height: 4px !important; } }
  @media (min-width: 768px) {
    .minh4 {
      min-height: 4px !important; } }
  @media (min-width: 992px) {
    .minh4 {
      min-height: 4px !important; } }
  @media (min-width: 1200px) {
    .minh4 {
      min-height: 4px !important; } }
  @media (min-width: 1920px) {
    .minh4 {
      min-height: 4px !important; } }
@media (min-width: 576px) {
  .minh4sm {
    min-height: 8px !important; } }

@media (min-width: 768px) {
  .minh4md {
    min-height: 16px !important; } }

@media (min-width: 992px) {
  .minh4lg {
    min-height: 32px !important; } }

@media (min-width: 1200px) {
  .minh4xl {
    min-height: 32px !important; } }

@media (min-width: 1920px) {
  .minh4xxl {
    min-height: 64px !important; } }

.maxh4 {
  max-height: 4px !important; }
  @media (min-width: 576px) {
    .maxh4 {
      max-height: 4px !important; } }
  @media (min-width: 768px) {
    .maxh4 {
      max-height: 4px !important; } }
  @media (min-width: 992px) {
    .maxh4 {
      max-height: 4px !important; } }
  @media (min-width: 1200px) {
    .maxh4 {
      max-height: 4px !important; } }
  @media (min-width: 1920px) {
    .maxh4 {
      max-height: 4px !important; } }
@media (min-width: 576px) {
  .maxh4sm {
    max-height: 8px !important; } }

@media (min-width: 768px) {
  .maxh4md {
    max-height: 16px !important; } }

@media (min-width: 992px) {
  .maxh4lg {
    max-height: 32px !important; } }

@media (min-width: 1200px) {
  .maxh4xl {
    max-height: 32px !important; } }

@media (min-width: 1920px) {
  .maxh4xxl {
    max-height: 64px !important; } }

.p4 {
  padding: 4px !important; }
  @media (min-width: 576px) {
    .p4 {
      padding: 4px !important; } }
  @media (min-width: 768px) {
    .p4 {
      padding: 4px !important; } }
  @media (min-width: 992px) {
    .p4 {
      padding: 4px !important; } }
  @media (min-width: 1200px) {
    .p4 {
      padding: 4px !important; } }
  @media (min-width: 1920px) {
    .p4 {
      padding: 4px !important; } }
@media (min-width: 576px) {
  .p4sm {
    padding: 8px !important; } }

@media (min-width: 768px) {
  .p4md {
    padding: 16px !important; } }

@media (min-width: 992px) {
  .p4lg {
    padding: 32px !important; } }

@media (min-width: 1200px) {
  .p4xl {
    padding: 32px !important; } }

@media (min-width: 1920px) {
  .p4xxl {
    padding: 64px !important; } }

.ptb4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.pr5 {
  padding-right: 5px !important; }
  @media (min-width: 576px) {
    .pr5 {
      padding-right: 5px !important; } }
  @media (min-width: 768px) {
    .pr5 {
      padding-right: 5px !important; } }
  @media (min-width: 992px) {
    .pr5 {
      padding-right: 5px !important; } }
  @media (min-width: 1200px) {
    .pr5 {
      padding-right: 5px !important; } }
  @media (min-width: 1920px) {
    .pr5 {
      padding-right: 5px !important; } }
@media (min-width: 576px) {
  .pr5sm {
    padding-right: 10px !important; } }

@media (min-width: 768px) {
  .pr5md {
    padding-right: 20px !important; } }

@media (min-width: 992px) {
  .pr5lg {
    padding-right: 40px !important; } }

@media (min-width: 1200px) {
  .pr5xl {
    padding-right: 40px !important; } }

@media (min-width: 1920px) {
  .pr5xxl {
    padding-right: 80px !important; } }

.pl5 {
  padding-left: 5px !important; }
  @media (min-width: 576px) {
    .pl5 {
      padding-left: 5px !important; } }
  @media (min-width: 768px) {
    .pl5 {
      padding-left: 5px !important; } }
  @media (min-width: 992px) {
    .pl5 {
      padding-left: 5px !important; } }
  @media (min-width: 1200px) {
    .pl5 {
      padding-left: 5px !important; } }
  @media (min-width: 1920px) {
    .pl5 {
      padding-left: 5px !important; } }
@media (min-width: 576px) {
  .pl5sm {
    padding-left: 10px !important; } }

@media (min-width: 768px) {
  .pl5md {
    padding-left: 20px !important; } }

@media (min-width: 992px) {
  .pl5lg {
    padding-left: 40px !important; } }

@media (min-width: 1200px) {
  .pl5xl {
    padding-left: 40px !important; } }

@media (min-width: 1920px) {
  .pl5xxl {
    padding-left: 80px !important; } }

.pb5 {
  padding-bottom: 5px !important; }
  @media (min-width: 576px) {
    .pb5 {
      padding-bottom: 5px !important; } }
  @media (min-width: 768px) {
    .pb5 {
      padding-bottom: 5px !important; } }
  @media (min-width: 992px) {
    .pb5 {
      padding-bottom: 5px !important; } }
  @media (min-width: 1200px) {
    .pb5 {
      padding-bottom: 5px !important; } }
  @media (min-width: 1920px) {
    .pb5 {
      padding-bottom: 5px !important; } }
@media (min-width: 576px) {
  .pb5sm {
    padding-bottom: 10px !important; } }

@media (min-width: 768px) {
  .pb5md {
    padding-bottom: 20px !important; } }

@media (min-width: 992px) {
  .pb5lg {
    padding-bottom: 40px !important; } }

@media (min-width: 1200px) {
  .pb5xl {
    padding-bottom: 40px !important; } }

@media (min-width: 1920px) {
  .pb5xxl {
    padding-bottom: 80px !important; } }

.pt5 {
  padding-top: 5px !important; }
  @media (min-width: 576px) {
    .pt5 {
      padding-top: 5px !important; } }
  @media (min-width: 768px) {
    .pt5 {
      padding-top: 5px !important; } }
  @media (min-width: 992px) {
    .pt5 {
      padding-top: 5px !important; } }
  @media (min-width: 1200px) {
    .pt5 {
      padding-top: 5px !important; } }
  @media (min-width: 1920px) {
    .pt5 {
      padding-top: 5px !important; } }
@media (min-width: 576px) {
  .pt5sm {
    padding-top: 10px !important; } }

@media (min-width: 768px) {
  .pt5md {
    padding-top: 20px !important; } }

@media (min-width: 992px) {
  .pt5lg {
    padding-top: 40px !important; } }

@media (min-width: 1200px) {
  .pt5xl {
    padding-top: 40px !important; } }

@media (min-width: 1920px) {
  .pt5xxl {
    padding-top: 80px !important; } }

.mr5 {
  margin-right: 5px !important; }
  @media (min-width: 576px) {
    .mr5 {
      margin-right: 5px !important; } }
  @media (min-width: 768px) {
    .mr5 {
      margin-right: 5px !important; } }
  @media (min-width: 992px) {
    .mr5 {
      margin-right: 5px !important; } }
  @media (min-width: 1200px) {
    .mr5 {
      margin-right: 5px !important; } }
  @media (min-width: 1920px) {
    .mr5 {
      margin-right: 5px !important; } }
@media (min-width: 576px) {
  .mr5sm {
    margin-right: 10px !important; } }

@media (min-width: 768px) {
  .mr5md {
    margin-right: 20px !important; } }

@media (min-width: 992px) {
  .mr5lg {
    margin-right: 40px !important; } }

@media (min-width: 1200px) {
  .mr5xl {
    margin-right: 40px !important; } }

@media (min-width: 1920px) {
  .mr5xxl {
    margin-right: 80px !important; } }

.ml5 {
  margin-left: 5px !important; }
  @media (min-width: 576px) {
    .ml5 {
      margin-left: 5px !important; } }
  @media (min-width: 768px) {
    .ml5 {
      margin-left: 5px !important; } }
  @media (min-width: 992px) {
    .ml5 {
      margin-left: 5px !important; } }
  @media (min-width: 1200px) {
    .ml5 {
      margin-left: 5px !important; } }
  @media (min-width: 1920px) {
    .ml5 {
      margin-left: 5px !important; } }
@media (min-width: 576px) {
  .ml5sm {
    margin-left: 10px !important; } }

@media (min-width: 768px) {
  .ml5md {
    margin-left: 20px !important; } }

@media (min-width: 992px) {
  .ml5lg {
    margin-left: 40px !important; } }

@media (min-width: 1200px) {
  .ml5xl {
    margin-left: 40px !important; } }

@media (min-width: 1920px) {
  .ml5xxl {
    margin-left: 80px !important; } }

.mb5 {
  margin-bottom: 5px !important; }
  @media (min-width: 576px) {
    .mb5 {
      margin-bottom: 5px !important; } }
  @media (min-width: 768px) {
    .mb5 {
      margin-bottom: 5px !important; } }
  @media (min-width: 992px) {
    .mb5 {
      margin-bottom: 5px !important; } }
  @media (min-width: 1200px) {
    .mb5 {
      margin-bottom: 5px !important; } }
  @media (min-width: 1920px) {
    .mb5 {
      margin-bottom: 5px !important; } }
@media (min-width: 576px) {
  .mb5sm {
    margin-bottom: 10px !important; } }

@media (min-width: 768px) {
  .mb5md {
    margin-bottom: 20px !important; } }

@media (min-width: 992px) {
  .mb5lg {
    margin-bottom: 40px !important; } }

@media (min-width: 1200px) {
  .mb5xl {
    margin-bottom: 40px !important; } }

@media (min-width: 1920px) {
  .mb5xxl {
    margin-bottom: 80px !important; } }

.mt5 {
  margin-top: 5px !important; }
  @media (min-width: 576px) {
    .mt5 {
      margin-top: 5px !important; } }
  @media (min-width: 768px) {
    .mt5 {
      margin-top: 5px !important; } }
  @media (min-width: 992px) {
    .mt5 {
      margin-top: 5px !important; } }
  @media (min-width: 1200px) {
    .mt5 {
      margin-top: 5px !important; } }
  @media (min-width: 1920px) {
    .mt5 {
      margin-top: 5px !important; } }
@media (min-width: 576px) {
  .mt5sm {
    margin-top: 10px !important; } }

@media (min-width: 768px) {
  .mt5md {
    margin-top: 20px !important; } }

@media (min-width: 992px) {
  .mt5lg {
    margin-top: 40px !important; } }

@media (min-width: 1200px) {
  .mt5xl {
    margin-top: 40px !important; } }

@media (min-width: 1920px) {
  .mt5xxl {
    margin-top: 80px !important; } }

.minh5 {
  min-height: 5px !important; }
  @media (min-width: 576px) {
    .minh5 {
      min-height: 5px !important; } }
  @media (min-width: 768px) {
    .minh5 {
      min-height: 5px !important; } }
  @media (min-width: 992px) {
    .minh5 {
      min-height: 5px !important; } }
  @media (min-width: 1200px) {
    .minh5 {
      min-height: 5px !important; } }
  @media (min-width: 1920px) {
    .minh5 {
      min-height: 5px !important; } }
@media (min-width: 576px) {
  .minh5sm {
    min-height: 10px !important; } }

@media (min-width: 768px) {
  .minh5md {
    min-height: 20px !important; } }

@media (min-width: 992px) {
  .minh5lg {
    min-height: 40px !important; } }

@media (min-width: 1200px) {
  .minh5xl {
    min-height: 40px !important; } }

@media (min-width: 1920px) {
  .minh5xxl {
    min-height: 80px !important; } }

.maxh5 {
  max-height: 5px !important; }
  @media (min-width: 576px) {
    .maxh5 {
      max-height: 5px !important; } }
  @media (min-width: 768px) {
    .maxh5 {
      max-height: 5px !important; } }
  @media (min-width: 992px) {
    .maxh5 {
      max-height: 5px !important; } }
  @media (min-width: 1200px) {
    .maxh5 {
      max-height: 5px !important; } }
  @media (min-width: 1920px) {
    .maxh5 {
      max-height: 5px !important; } }
@media (min-width: 576px) {
  .maxh5sm {
    max-height: 10px !important; } }

@media (min-width: 768px) {
  .maxh5md {
    max-height: 20px !important; } }

@media (min-width: 992px) {
  .maxh5lg {
    max-height: 40px !important; } }

@media (min-width: 1200px) {
  .maxh5xl {
    max-height: 40px !important; } }

@media (min-width: 1920px) {
  .maxh5xxl {
    max-height: 80px !important; } }

.p5 {
  padding: 5px !important; }
  @media (min-width: 576px) {
    .p5 {
      padding: 5px !important; } }
  @media (min-width: 768px) {
    .p5 {
      padding: 5px !important; } }
  @media (min-width: 992px) {
    .p5 {
      padding: 5px !important; } }
  @media (min-width: 1200px) {
    .p5 {
      padding: 5px !important; } }
  @media (min-width: 1920px) {
    .p5 {
      padding: 5px !important; } }
@media (min-width: 576px) {
  .p5sm {
    padding: 10px !important; } }

@media (min-width: 768px) {
  .p5md {
    padding: 20px !important; } }

@media (min-width: 992px) {
  .p5lg {
    padding: 40px !important; } }

@media (min-width: 1200px) {
  .p5xl {
    padding: 40px !important; } }

@media (min-width: 1920px) {
  .p5xxl {
    padding: 80px !important; } }

.ptb5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.pr6 {
  padding-right: 6px !important; }
  @media (min-width: 576px) {
    .pr6 {
      padding-right: 6px !important; } }
  @media (min-width: 768px) {
    .pr6 {
      padding-right: 6px !important; } }
  @media (min-width: 992px) {
    .pr6 {
      padding-right: 6px !important; } }
  @media (min-width: 1200px) {
    .pr6 {
      padding-right: 6px !important; } }
  @media (min-width: 1920px) {
    .pr6 {
      padding-right: 6px !important; } }
@media (min-width: 576px) {
  .pr6sm {
    padding-right: 12px !important; } }

@media (min-width: 768px) {
  .pr6md {
    padding-right: 24px !important; } }

@media (min-width: 992px) {
  .pr6lg {
    padding-right: 48px !important; } }

@media (min-width: 1200px) {
  .pr6xl {
    padding-right: 48px !important; } }

@media (min-width: 1920px) {
  .pr6xxl {
    padding-right: 96px !important; } }

.pl6 {
  padding-left: 6px !important; }
  @media (min-width: 576px) {
    .pl6 {
      padding-left: 6px !important; } }
  @media (min-width: 768px) {
    .pl6 {
      padding-left: 6px !important; } }
  @media (min-width: 992px) {
    .pl6 {
      padding-left: 6px !important; } }
  @media (min-width: 1200px) {
    .pl6 {
      padding-left: 6px !important; } }
  @media (min-width: 1920px) {
    .pl6 {
      padding-left: 6px !important; } }
@media (min-width: 576px) {
  .pl6sm {
    padding-left: 12px !important; } }

@media (min-width: 768px) {
  .pl6md {
    padding-left: 24px !important; } }

@media (min-width: 992px) {
  .pl6lg {
    padding-left: 48px !important; } }

@media (min-width: 1200px) {
  .pl6xl {
    padding-left: 48px !important; } }

@media (min-width: 1920px) {
  .pl6xxl {
    padding-left: 96px !important; } }

.pb6 {
  padding-bottom: 6px !important; }
  @media (min-width: 576px) {
    .pb6 {
      padding-bottom: 6px !important; } }
  @media (min-width: 768px) {
    .pb6 {
      padding-bottom: 6px !important; } }
  @media (min-width: 992px) {
    .pb6 {
      padding-bottom: 6px !important; } }
  @media (min-width: 1200px) {
    .pb6 {
      padding-bottom: 6px !important; } }
  @media (min-width: 1920px) {
    .pb6 {
      padding-bottom: 6px !important; } }
@media (min-width: 576px) {
  .pb6sm {
    padding-bottom: 12px !important; } }

@media (min-width: 768px) {
  .pb6md {
    padding-bottom: 24px !important; } }

@media (min-width: 992px) {
  .pb6lg {
    padding-bottom: 48px !important; } }

@media (min-width: 1200px) {
  .pb6xl {
    padding-bottom: 48px !important; } }

@media (min-width: 1920px) {
  .pb6xxl {
    padding-bottom: 96px !important; } }

.pt6 {
  padding-top: 6px !important; }
  @media (min-width: 576px) {
    .pt6 {
      padding-top: 6px !important; } }
  @media (min-width: 768px) {
    .pt6 {
      padding-top: 6px !important; } }
  @media (min-width: 992px) {
    .pt6 {
      padding-top: 6px !important; } }
  @media (min-width: 1200px) {
    .pt6 {
      padding-top: 6px !important; } }
  @media (min-width: 1920px) {
    .pt6 {
      padding-top: 6px !important; } }
@media (min-width: 576px) {
  .pt6sm {
    padding-top: 12px !important; } }

@media (min-width: 768px) {
  .pt6md {
    padding-top: 24px !important; } }

@media (min-width: 992px) {
  .pt6lg {
    padding-top: 48px !important; } }

@media (min-width: 1200px) {
  .pt6xl {
    padding-top: 48px !important; } }

@media (min-width: 1920px) {
  .pt6xxl {
    padding-top: 96px !important; } }

.mr6 {
  margin-right: 6px !important; }
  @media (min-width: 576px) {
    .mr6 {
      margin-right: 6px !important; } }
  @media (min-width: 768px) {
    .mr6 {
      margin-right: 6px !important; } }
  @media (min-width: 992px) {
    .mr6 {
      margin-right: 6px !important; } }
  @media (min-width: 1200px) {
    .mr6 {
      margin-right: 6px !important; } }
  @media (min-width: 1920px) {
    .mr6 {
      margin-right: 6px !important; } }
@media (min-width: 576px) {
  .mr6sm {
    margin-right: 12px !important; } }

@media (min-width: 768px) {
  .mr6md {
    margin-right: 24px !important; } }

@media (min-width: 992px) {
  .mr6lg {
    margin-right: 48px !important; } }

@media (min-width: 1200px) {
  .mr6xl {
    margin-right: 48px !important; } }

@media (min-width: 1920px) {
  .mr6xxl {
    margin-right: 96px !important; } }

.ml6 {
  margin-left: 6px !important; }
  @media (min-width: 576px) {
    .ml6 {
      margin-left: 6px !important; } }
  @media (min-width: 768px) {
    .ml6 {
      margin-left: 6px !important; } }
  @media (min-width: 992px) {
    .ml6 {
      margin-left: 6px !important; } }
  @media (min-width: 1200px) {
    .ml6 {
      margin-left: 6px !important; } }
  @media (min-width: 1920px) {
    .ml6 {
      margin-left: 6px !important; } }
@media (min-width: 576px) {
  .ml6sm {
    margin-left: 12px !important; } }

@media (min-width: 768px) {
  .ml6md {
    margin-left: 24px !important; } }

@media (min-width: 992px) {
  .ml6lg {
    margin-left: 48px !important; } }

@media (min-width: 1200px) {
  .ml6xl {
    margin-left: 48px !important; } }

@media (min-width: 1920px) {
  .ml6xxl {
    margin-left: 96px !important; } }

.mb6 {
  margin-bottom: 6px !important; }
  @media (min-width: 576px) {
    .mb6 {
      margin-bottom: 6px !important; } }
  @media (min-width: 768px) {
    .mb6 {
      margin-bottom: 6px !important; } }
  @media (min-width: 992px) {
    .mb6 {
      margin-bottom: 6px !important; } }
  @media (min-width: 1200px) {
    .mb6 {
      margin-bottom: 6px !important; } }
  @media (min-width: 1920px) {
    .mb6 {
      margin-bottom: 6px !important; } }
@media (min-width: 576px) {
  .mb6sm {
    margin-bottom: 12px !important; } }

@media (min-width: 768px) {
  .mb6md {
    margin-bottom: 24px !important; } }

@media (min-width: 992px) {
  .mb6lg {
    margin-bottom: 48px !important; } }

@media (min-width: 1200px) {
  .mb6xl {
    margin-bottom: 48px !important; } }

@media (min-width: 1920px) {
  .mb6xxl {
    margin-bottom: 96px !important; } }

.mt6 {
  margin-top: 6px !important; }
  @media (min-width: 576px) {
    .mt6 {
      margin-top: 6px !important; } }
  @media (min-width: 768px) {
    .mt6 {
      margin-top: 6px !important; } }
  @media (min-width: 992px) {
    .mt6 {
      margin-top: 6px !important; } }
  @media (min-width: 1200px) {
    .mt6 {
      margin-top: 6px !important; } }
  @media (min-width: 1920px) {
    .mt6 {
      margin-top: 6px !important; } }
@media (min-width: 576px) {
  .mt6sm {
    margin-top: 12px !important; } }

@media (min-width: 768px) {
  .mt6md {
    margin-top: 24px !important; } }

@media (min-width: 992px) {
  .mt6lg {
    margin-top: 48px !important; } }

@media (min-width: 1200px) {
  .mt6xl {
    margin-top: 48px !important; } }

@media (min-width: 1920px) {
  .mt6xxl {
    margin-top: 96px !important; } }

.minh6 {
  min-height: 6px !important; }
  @media (min-width: 576px) {
    .minh6 {
      min-height: 6px !important; } }
  @media (min-width: 768px) {
    .minh6 {
      min-height: 6px !important; } }
  @media (min-width: 992px) {
    .minh6 {
      min-height: 6px !important; } }
  @media (min-width: 1200px) {
    .minh6 {
      min-height: 6px !important; } }
  @media (min-width: 1920px) {
    .minh6 {
      min-height: 6px !important; } }
@media (min-width: 576px) {
  .minh6sm {
    min-height: 12px !important; } }

@media (min-width: 768px) {
  .minh6md {
    min-height: 24px !important; } }

@media (min-width: 992px) {
  .minh6lg {
    min-height: 48px !important; } }

@media (min-width: 1200px) {
  .minh6xl {
    min-height: 48px !important; } }

@media (min-width: 1920px) {
  .minh6xxl {
    min-height: 96px !important; } }

.maxh6 {
  max-height: 6px !important; }
  @media (min-width: 576px) {
    .maxh6 {
      max-height: 6px !important; } }
  @media (min-width: 768px) {
    .maxh6 {
      max-height: 6px !important; } }
  @media (min-width: 992px) {
    .maxh6 {
      max-height: 6px !important; } }
  @media (min-width: 1200px) {
    .maxh6 {
      max-height: 6px !important; } }
  @media (min-width: 1920px) {
    .maxh6 {
      max-height: 6px !important; } }
@media (min-width: 576px) {
  .maxh6sm {
    max-height: 12px !important; } }

@media (min-width: 768px) {
  .maxh6md {
    max-height: 24px !important; } }

@media (min-width: 992px) {
  .maxh6lg {
    max-height: 48px !important; } }

@media (min-width: 1200px) {
  .maxh6xl {
    max-height: 48px !important; } }

@media (min-width: 1920px) {
  .maxh6xxl {
    max-height: 96px !important; } }

.p6 {
  padding: 6px !important; }
  @media (min-width: 576px) {
    .p6 {
      padding: 6px !important; } }
  @media (min-width: 768px) {
    .p6 {
      padding: 6px !important; } }
  @media (min-width: 992px) {
    .p6 {
      padding: 6px !important; } }
  @media (min-width: 1200px) {
    .p6 {
      padding: 6px !important; } }
  @media (min-width: 1920px) {
    .p6 {
      padding: 6px !important; } }
@media (min-width: 576px) {
  .p6sm {
    padding: 12px !important; } }

@media (min-width: 768px) {
  .p6md {
    padding: 24px !important; } }

@media (min-width: 992px) {
  .p6lg {
    padding: 48px !important; } }

@media (min-width: 1200px) {
  .p6xl {
    padding: 48px !important; } }

@media (min-width: 1920px) {
  .p6xxl {
    padding: 96px !important; } }

.ptb6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.pr7 {
  padding-right: 7px !important; }
  @media (min-width: 576px) {
    .pr7 {
      padding-right: 7px !important; } }
  @media (min-width: 768px) {
    .pr7 {
      padding-right: 7px !important; } }
  @media (min-width: 992px) {
    .pr7 {
      padding-right: 7px !important; } }
  @media (min-width: 1200px) {
    .pr7 {
      padding-right: 7px !important; } }
  @media (min-width: 1920px) {
    .pr7 {
      padding-right: 7px !important; } }
@media (min-width: 576px) {
  .pr7sm {
    padding-right: 14px !important; } }

@media (min-width: 768px) {
  .pr7md {
    padding-right: 28px !important; } }

@media (min-width: 992px) {
  .pr7lg {
    padding-right: 56px !important; } }

@media (min-width: 1200px) {
  .pr7xl {
    padding-right: 56px !important; } }

@media (min-width: 1920px) {
  .pr7xxl {
    padding-right: 112px !important; } }

.pl7 {
  padding-left: 7px !important; }
  @media (min-width: 576px) {
    .pl7 {
      padding-left: 7px !important; } }
  @media (min-width: 768px) {
    .pl7 {
      padding-left: 7px !important; } }
  @media (min-width: 992px) {
    .pl7 {
      padding-left: 7px !important; } }
  @media (min-width: 1200px) {
    .pl7 {
      padding-left: 7px !important; } }
  @media (min-width: 1920px) {
    .pl7 {
      padding-left: 7px !important; } }
@media (min-width: 576px) {
  .pl7sm {
    padding-left: 14px !important; } }

@media (min-width: 768px) {
  .pl7md {
    padding-left: 28px !important; } }

@media (min-width: 992px) {
  .pl7lg {
    padding-left: 56px !important; } }

@media (min-width: 1200px) {
  .pl7xl {
    padding-left: 56px !important; } }

@media (min-width: 1920px) {
  .pl7xxl {
    padding-left: 112px !important; } }

.pb7 {
  padding-bottom: 7px !important; }
  @media (min-width: 576px) {
    .pb7 {
      padding-bottom: 7px !important; } }
  @media (min-width: 768px) {
    .pb7 {
      padding-bottom: 7px !important; } }
  @media (min-width: 992px) {
    .pb7 {
      padding-bottom: 7px !important; } }
  @media (min-width: 1200px) {
    .pb7 {
      padding-bottom: 7px !important; } }
  @media (min-width: 1920px) {
    .pb7 {
      padding-bottom: 7px !important; } }
@media (min-width: 576px) {
  .pb7sm {
    padding-bottom: 14px !important; } }

@media (min-width: 768px) {
  .pb7md {
    padding-bottom: 28px !important; } }

@media (min-width: 992px) {
  .pb7lg {
    padding-bottom: 56px !important; } }

@media (min-width: 1200px) {
  .pb7xl {
    padding-bottom: 56px !important; } }

@media (min-width: 1920px) {
  .pb7xxl {
    padding-bottom: 112px !important; } }

.pt7 {
  padding-top: 7px !important; }
  @media (min-width: 576px) {
    .pt7 {
      padding-top: 7px !important; } }
  @media (min-width: 768px) {
    .pt7 {
      padding-top: 7px !important; } }
  @media (min-width: 992px) {
    .pt7 {
      padding-top: 7px !important; } }
  @media (min-width: 1200px) {
    .pt7 {
      padding-top: 7px !important; } }
  @media (min-width: 1920px) {
    .pt7 {
      padding-top: 7px !important; } }
@media (min-width: 576px) {
  .pt7sm {
    padding-top: 14px !important; } }

@media (min-width: 768px) {
  .pt7md {
    padding-top: 28px !important; } }

@media (min-width: 992px) {
  .pt7lg {
    padding-top: 56px !important; } }

@media (min-width: 1200px) {
  .pt7xl {
    padding-top: 56px !important; } }

@media (min-width: 1920px) {
  .pt7xxl {
    padding-top: 112px !important; } }

.mr7 {
  margin-right: 7px !important; }
  @media (min-width: 576px) {
    .mr7 {
      margin-right: 7px !important; } }
  @media (min-width: 768px) {
    .mr7 {
      margin-right: 7px !important; } }
  @media (min-width: 992px) {
    .mr7 {
      margin-right: 7px !important; } }
  @media (min-width: 1200px) {
    .mr7 {
      margin-right: 7px !important; } }
  @media (min-width: 1920px) {
    .mr7 {
      margin-right: 7px !important; } }
@media (min-width: 576px) {
  .mr7sm {
    margin-right: 14px !important; } }

@media (min-width: 768px) {
  .mr7md {
    margin-right: 28px !important; } }

@media (min-width: 992px) {
  .mr7lg {
    margin-right: 56px !important; } }

@media (min-width: 1200px) {
  .mr7xl {
    margin-right: 56px !important; } }

@media (min-width: 1920px) {
  .mr7xxl {
    margin-right: 112px !important; } }

.ml7 {
  margin-left: 7px !important; }
  @media (min-width: 576px) {
    .ml7 {
      margin-left: 7px !important; } }
  @media (min-width: 768px) {
    .ml7 {
      margin-left: 7px !important; } }
  @media (min-width: 992px) {
    .ml7 {
      margin-left: 7px !important; } }
  @media (min-width: 1200px) {
    .ml7 {
      margin-left: 7px !important; } }
  @media (min-width: 1920px) {
    .ml7 {
      margin-left: 7px !important; } }
@media (min-width: 576px) {
  .ml7sm {
    margin-left: 14px !important; } }

@media (min-width: 768px) {
  .ml7md {
    margin-left: 28px !important; } }

@media (min-width: 992px) {
  .ml7lg {
    margin-left: 56px !important; } }

@media (min-width: 1200px) {
  .ml7xl {
    margin-left: 56px !important; } }

@media (min-width: 1920px) {
  .ml7xxl {
    margin-left: 112px !important; } }

.mb7 {
  margin-bottom: 7px !important; }
  @media (min-width: 576px) {
    .mb7 {
      margin-bottom: 7px !important; } }
  @media (min-width: 768px) {
    .mb7 {
      margin-bottom: 7px !important; } }
  @media (min-width: 992px) {
    .mb7 {
      margin-bottom: 7px !important; } }
  @media (min-width: 1200px) {
    .mb7 {
      margin-bottom: 7px !important; } }
  @media (min-width: 1920px) {
    .mb7 {
      margin-bottom: 7px !important; } }
@media (min-width: 576px) {
  .mb7sm {
    margin-bottom: 14px !important; } }

@media (min-width: 768px) {
  .mb7md {
    margin-bottom: 28px !important; } }

@media (min-width: 992px) {
  .mb7lg {
    margin-bottom: 56px !important; } }

@media (min-width: 1200px) {
  .mb7xl {
    margin-bottom: 56px !important; } }

@media (min-width: 1920px) {
  .mb7xxl {
    margin-bottom: 112px !important; } }

.mt7 {
  margin-top: 7px !important; }
  @media (min-width: 576px) {
    .mt7 {
      margin-top: 7px !important; } }
  @media (min-width: 768px) {
    .mt7 {
      margin-top: 7px !important; } }
  @media (min-width: 992px) {
    .mt7 {
      margin-top: 7px !important; } }
  @media (min-width: 1200px) {
    .mt7 {
      margin-top: 7px !important; } }
  @media (min-width: 1920px) {
    .mt7 {
      margin-top: 7px !important; } }
@media (min-width: 576px) {
  .mt7sm {
    margin-top: 14px !important; } }

@media (min-width: 768px) {
  .mt7md {
    margin-top: 28px !important; } }

@media (min-width: 992px) {
  .mt7lg {
    margin-top: 56px !important; } }

@media (min-width: 1200px) {
  .mt7xl {
    margin-top: 56px !important; } }

@media (min-width: 1920px) {
  .mt7xxl {
    margin-top: 112px !important; } }

.minh7 {
  min-height: 7px !important; }
  @media (min-width: 576px) {
    .minh7 {
      min-height: 7px !important; } }
  @media (min-width: 768px) {
    .minh7 {
      min-height: 7px !important; } }
  @media (min-width: 992px) {
    .minh7 {
      min-height: 7px !important; } }
  @media (min-width: 1200px) {
    .minh7 {
      min-height: 7px !important; } }
  @media (min-width: 1920px) {
    .minh7 {
      min-height: 7px !important; } }
@media (min-width: 576px) {
  .minh7sm {
    min-height: 14px !important; } }

@media (min-width: 768px) {
  .minh7md {
    min-height: 28px !important; } }

@media (min-width: 992px) {
  .minh7lg {
    min-height: 56px !important; } }

@media (min-width: 1200px) {
  .minh7xl {
    min-height: 56px !important; } }

@media (min-width: 1920px) {
  .minh7xxl {
    min-height: 112px !important; } }

.maxh7 {
  max-height: 7px !important; }
  @media (min-width: 576px) {
    .maxh7 {
      max-height: 7px !important; } }
  @media (min-width: 768px) {
    .maxh7 {
      max-height: 7px !important; } }
  @media (min-width: 992px) {
    .maxh7 {
      max-height: 7px !important; } }
  @media (min-width: 1200px) {
    .maxh7 {
      max-height: 7px !important; } }
  @media (min-width: 1920px) {
    .maxh7 {
      max-height: 7px !important; } }
@media (min-width: 576px) {
  .maxh7sm {
    max-height: 14px !important; } }

@media (min-width: 768px) {
  .maxh7md {
    max-height: 28px !important; } }

@media (min-width: 992px) {
  .maxh7lg {
    max-height: 56px !important; } }

@media (min-width: 1200px) {
  .maxh7xl {
    max-height: 56px !important; } }

@media (min-width: 1920px) {
  .maxh7xxl {
    max-height: 112px !important; } }

.p7 {
  padding: 7px !important; }
  @media (min-width: 576px) {
    .p7 {
      padding: 7px !important; } }
  @media (min-width: 768px) {
    .p7 {
      padding: 7px !important; } }
  @media (min-width: 992px) {
    .p7 {
      padding: 7px !important; } }
  @media (min-width: 1200px) {
    .p7 {
      padding: 7px !important; } }
  @media (min-width: 1920px) {
    .p7 {
      padding: 7px !important; } }
@media (min-width: 576px) {
  .p7sm {
    padding: 14px !important; } }

@media (min-width: 768px) {
  .p7md {
    padding: 28px !important; } }

@media (min-width: 992px) {
  .p7lg {
    padding: 56px !important; } }

@media (min-width: 1200px) {
  .p7xl {
    padding: 56px !important; } }

@media (min-width: 1920px) {
  .p7xxl {
    padding: 112px !important; } }

.ptb7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

.pr8 {
  padding-right: 8px !important; }
  @media (min-width: 576px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 768px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 992px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 1200px) {
    .pr8 {
      padding-right: 8px !important; } }
  @media (min-width: 1920px) {
    .pr8 {
      padding-right: 8px !important; } }
@media (min-width: 576px) {
  .pr8sm {
    padding-right: 16px !important; } }

@media (min-width: 768px) {
  .pr8md {
    padding-right: 32px !important; } }

@media (min-width: 992px) {
  .pr8lg {
    padding-right: 64px !important; } }

@media (min-width: 1200px) {
  .pr8xl {
    padding-right: 64px !important; } }

@media (min-width: 1920px) {
  .pr8xxl {
    padding-right: 128px !important; } }

.pl8 {
  padding-left: 8px !important; }
  @media (min-width: 576px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 768px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 992px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 1200px) {
    .pl8 {
      padding-left: 8px !important; } }
  @media (min-width: 1920px) {
    .pl8 {
      padding-left: 8px !important; } }
@media (min-width: 576px) {
  .pl8sm {
    padding-left: 16px !important; } }

@media (min-width: 768px) {
  .pl8md {
    padding-left: 32px !important; } }

@media (min-width: 992px) {
  .pl8lg {
    padding-left: 64px !important; } }

@media (min-width: 1200px) {
  .pl8xl {
    padding-left: 64px !important; } }

@media (min-width: 1920px) {
  .pl8xxl {
    padding-left: 128px !important; } }

.pb8 {
  padding-bottom: 8px !important; }
  @media (min-width: 576px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 768px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 992px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 1200px) {
    .pb8 {
      padding-bottom: 8px !important; } }
  @media (min-width: 1920px) {
    .pb8 {
      padding-bottom: 8px !important; } }
@media (min-width: 576px) {
  .pb8sm {
    padding-bottom: 16px !important; } }

@media (min-width: 768px) {
  .pb8md {
    padding-bottom: 32px !important; } }

@media (min-width: 992px) {
  .pb8lg {
    padding-bottom: 64px !important; } }

@media (min-width: 1200px) {
  .pb8xl {
    padding-bottom: 64px !important; } }

@media (min-width: 1920px) {
  .pb8xxl {
    padding-bottom: 128px !important; } }

.pt8 {
  padding-top: 8px !important; }
  @media (min-width: 576px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 768px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 992px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 1200px) {
    .pt8 {
      padding-top: 8px !important; } }
  @media (min-width: 1920px) {
    .pt8 {
      padding-top: 8px !important; } }
@media (min-width: 576px) {
  .pt8sm {
    padding-top: 16px !important; } }

@media (min-width: 768px) {
  .pt8md {
    padding-top: 32px !important; } }

@media (min-width: 992px) {
  .pt8lg {
    padding-top: 64px !important; } }

@media (min-width: 1200px) {
  .pt8xl {
    padding-top: 64px !important; } }

@media (min-width: 1920px) {
  .pt8xxl {
    padding-top: 128px !important; } }

.mr8 {
  margin-right: 8px !important; }
  @media (min-width: 576px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 768px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 992px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 1200px) {
    .mr8 {
      margin-right: 8px !important; } }
  @media (min-width: 1920px) {
    .mr8 {
      margin-right: 8px !important; } }
@media (min-width: 576px) {
  .mr8sm {
    margin-right: 16px !important; } }

@media (min-width: 768px) {
  .mr8md {
    margin-right: 32px !important; } }

@media (min-width: 992px) {
  .mr8lg {
    margin-right: 64px !important; } }

@media (min-width: 1200px) {
  .mr8xl {
    margin-right: 64px !important; } }

@media (min-width: 1920px) {
  .mr8xxl {
    margin-right: 128px !important; } }

.ml8 {
  margin-left: 8px !important; }
  @media (min-width: 576px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 768px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 992px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 1200px) {
    .ml8 {
      margin-left: 8px !important; } }
  @media (min-width: 1920px) {
    .ml8 {
      margin-left: 8px !important; } }
@media (min-width: 576px) {
  .ml8sm {
    margin-left: 16px !important; } }

@media (min-width: 768px) {
  .ml8md {
    margin-left: 32px !important; } }

@media (min-width: 992px) {
  .ml8lg {
    margin-left: 64px !important; } }

@media (min-width: 1200px) {
  .ml8xl {
    margin-left: 64px !important; } }

@media (min-width: 1920px) {
  .ml8xxl {
    margin-left: 128px !important; } }

.mb8 {
  margin-bottom: 8px !important; }
  @media (min-width: 576px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 768px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 992px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 1200px) {
    .mb8 {
      margin-bottom: 8px !important; } }
  @media (min-width: 1920px) {
    .mb8 {
      margin-bottom: 8px !important; } }
@media (min-width: 576px) {
  .mb8sm {
    margin-bottom: 16px !important; } }

@media (min-width: 768px) {
  .mb8md {
    margin-bottom: 32px !important; } }

@media (min-width: 992px) {
  .mb8lg {
    margin-bottom: 64px !important; } }

@media (min-width: 1200px) {
  .mb8xl {
    margin-bottom: 64px !important; } }

@media (min-width: 1920px) {
  .mb8xxl {
    margin-bottom: 128px !important; } }

.mt8 {
  margin-top: 8px !important; }
  @media (min-width: 576px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 768px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 992px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 1200px) {
    .mt8 {
      margin-top: 8px !important; } }
  @media (min-width: 1920px) {
    .mt8 {
      margin-top: 8px !important; } }
@media (min-width: 576px) {
  .mt8sm {
    margin-top: 16px !important; } }

@media (min-width: 768px) {
  .mt8md {
    margin-top: 32px !important; } }

@media (min-width: 992px) {
  .mt8lg {
    margin-top: 64px !important; } }

@media (min-width: 1200px) {
  .mt8xl {
    margin-top: 64px !important; } }

@media (min-width: 1920px) {
  .mt8xxl {
    margin-top: 128px !important; } }

.minh8 {
  min-height: 8px !important; }
  @media (min-width: 576px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 768px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 992px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 1200px) {
    .minh8 {
      min-height: 8px !important; } }
  @media (min-width: 1920px) {
    .minh8 {
      min-height: 8px !important; } }
@media (min-width: 576px) {
  .minh8sm {
    min-height: 16px !important; } }

@media (min-width: 768px) {
  .minh8md {
    min-height: 32px !important; } }

@media (min-width: 992px) {
  .minh8lg {
    min-height: 64px !important; } }

@media (min-width: 1200px) {
  .minh8xl {
    min-height: 64px !important; } }

@media (min-width: 1920px) {
  .minh8xxl {
    min-height: 128px !important; } }

.maxh8 {
  max-height: 8px !important; }
  @media (min-width: 576px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 768px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 992px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 1200px) {
    .maxh8 {
      max-height: 8px !important; } }
  @media (min-width: 1920px) {
    .maxh8 {
      max-height: 8px !important; } }
@media (min-width: 576px) {
  .maxh8sm {
    max-height: 16px !important; } }

@media (min-width: 768px) {
  .maxh8md {
    max-height: 32px !important; } }

@media (min-width: 992px) {
  .maxh8lg {
    max-height: 64px !important; } }

@media (min-width: 1200px) {
  .maxh8xl {
    max-height: 64px !important; } }

@media (min-width: 1920px) {
  .maxh8xxl {
    max-height: 128px !important; } }

.p8 {
  padding: 8px !important; }
  @media (min-width: 576px) {
    .p8 {
      padding: 8px !important; } }
  @media (min-width: 768px) {
    .p8 {
      padding: 8px !important; } }
  @media (min-width: 992px) {
    .p8 {
      padding: 8px !important; } }
  @media (min-width: 1200px) {
    .p8 {
      padding: 8px !important; } }
  @media (min-width: 1920px) {
    .p8 {
      padding: 8px !important; } }
@media (min-width: 576px) {
  .p8sm {
    padding: 16px !important; } }

@media (min-width: 768px) {
  .p8md {
    padding: 32px !important; } }

@media (min-width: 992px) {
  .p8lg {
    padding: 64px !important; } }

@media (min-width: 1200px) {
  .p8xl {
    padding: 64px !important; } }

@media (min-width: 1920px) {
  .p8xxl {
    padding: 128px !important; } }

.ptb8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.pr9 {
  padding-right: 9px !important; }
  @media (min-width: 576px) {
    .pr9 {
      padding-right: 9px !important; } }
  @media (min-width: 768px) {
    .pr9 {
      padding-right: 9px !important; } }
  @media (min-width: 992px) {
    .pr9 {
      padding-right: 9px !important; } }
  @media (min-width: 1200px) {
    .pr9 {
      padding-right: 9px !important; } }
  @media (min-width: 1920px) {
    .pr9 {
      padding-right: 9px !important; } }
@media (min-width: 576px) {
  .pr9sm {
    padding-right: 18px !important; } }

@media (min-width: 768px) {
  .pr9md {
    padding-right: 36px !important; } }

@media (min-width: 992px) {
  .pr9lg {
    padding-right: 72px !important; } }

@media (min-width: 1200px) {
  .pr9xl {
    padding-right: 72px !important; } }

@media (min-width: 1920px) {
  .pr9xxl {
    padding-right: 144px !important; } }

.pl9 {
  padding-left: 9px !important; }
  @media (min-width: 576px) {
    .pl9 {
      padding-left: 9px !important; } }
  @media (min-width: 768px) {
    .pl9 {
      padding-left: 9px !important; } }
  @media (min-width: 992px) {
    .pl9 {
      padding-left: 9px !important; } }
  @media (min-width: 1200px) {
    .pl9 {
      padding-left: 9px !important; } }
  @media (min-width: 1920px) {
    .pl9 {
      padding-left: 9px !important; } }
@media (min-width: 576px) {
  .pl9sm {
    padding-left: 18px !important; } }

@media (min-width: 768px) {
  .pl9md {
    padding-left: 36px !important; } }

@media (min-width: 992px) {
  .pl9lg {
    padding-left: 72px !important; } }

@media (min-width: 1200px) {
  .pl9xl {
    padding-left: 72px !important; } }

@media (min-width: 1920px) {
  .pl9xxl {
    padding-left: 144px !important; } }

.pb9 {
  padding-bottom: 9px !important; }
  @media (min-width: 576px) {
    .pb9 {
      padding-bottom: 9px !important; } }
  @media (min-width: 768px) {
    .pb9 {
      padding-bottom: 9px !important; } }
  @media (min-width: 992px) {
    .pb9 {
      padding-bottom: 9px !important; } }
  @media (min-width: 1200px) {
    .pb9 {
      padding-bottom: 9px !important; } }
  @media (min-width: 1920px) {
    .pb9 {
      padding-bottom: 9px !important; } }
@media (min-width: 576px) {
  .pb9sm {
    padding-bottom: 18px !important; } }

@media (min-width: 768px) {
  .pb9md {
    padding-bottom: 36px !important; } }

@media (min-width: 992px) {
  .pb9lg {
    padding-bottom: 72px !important; } }

@media (min-width: 1200px) {
  .pb9xl {
    padding-bottom: 72px !important; } }

@media (min-width: 1920px) {
  .pb9xxl {
    padding-bottom: 144px !important; } }

.pt9 {
  padding-top: 9px !important; }
  @media (min-width: 576px) {
    .pt9 {
      padding-top: 9px !important; } }
  @media (min-width: 768px) {
    .pt9 {
      padding-top: 9px !important; } }
  @media (min-width: 992px) {
    .pt9 {
      padding-top: 9px !important; } }
  @media (min-width: 1200px) {
    .pt9 {
      padding-top: 9px !important; } }
  @media (min-width: 1920px) {
    .pt9 {
      padding-top: 9px !important; } }
@media (min-width: 576px) {
  .pt9sm {
    padding-top: 18px !important; } }

@media (min-width: 768px) {
  .pt9md {
    padding-top: 36px !important; } }

@media (min-width: 992px) {
  .pt9lg {
    padding-top: 72px !important; } }

@media (min-width: 1200px) {
  .pt9xl {
    padding-top: 72px !important; } }

@media (min-width: 1920px) {
  .pt9xxl {
    padding-top: 144px !important; } }

.mr9 {
  margin-right: 9px !important; }
  @media (min-width: 576px) {
    .mr9 {
      margin-right: 9px !important; } }
  @media (min-width: 768px) {
    .mr9 {
      margin-right: 9px !important; } }
  @media (min-width: 992px) {
    .mr9 {
      margin-right: 9px !important; } }
  @media (min-width: 1200px) {
    .mr9 {
      margin-right: 9px !important; } }
  @media (min-width: 1920px) {
    .mr9 {
      margin-right: 9px !important; } }
@media (min-width: 576px) {
  .mr9sm {
    margin-right: 18px !important; } }

@media (min-width: 768px) {
  .mr9md {
    margin-right: 36px !important; } }

@media (min-width: 992px) {
  .mr9lg {
    margin-right: 72px !important; } }

@media (min-width: 1200px) {
  .mr9xl {
    margin-right: 72px !important; } }

@media (min-width: 1920px) {
  .mr9xxl {
    margin-right: 144px !important; } }

.ml9 {
  margin-left: 9px !important; }
  @media (min-width: 576px) {
    .ml9 {
      margin-left: 9px !important; } }
  @media (min-width: 768px) {
    .ml9 {
      margin-left: 9px !important; } }
  @media (min-width: 992px) {
    .ml9 {
      margin-left: 9px !important; } }
  @media (min-width: 1200px) {
    .ml9 {
      margin-left: 9px !important; } }
  @media (min-width: 1920px) {
    .ml9 {
      margin-left: 9px !important; } }
@media (min-width: 576px) {
  .ml9sm {
    margin-left: 18px !important; } }

@media (min-width: 768px) {
  .ml9md {
    margin-left: 36px !important; } }

@media (min-width: 992px) {
  .ml9lg {
    margin-left: 72px !important; } }

@media (min-width: 1200px) {
  .ml9xl {
    margin-left: 72px !important; } }

@media (min-width: 1920px) {
  .ml9xxl {
    margin-left: 144px !important; } }

.mb9 {
  margin-bottom: 9px !important; }
  @media (min-width: 576px) {
    .mb9 {
      margin-bottom: 9px !important; } }
  @media (min-width: 768px) {
    .mb9 {
      margin-bottom: 9px !important; } }
  @media (min-width: 992px) {
    .mb9 {
      margin-bottom: 9px !important; } }
  @media (min-width: 1200px) {
    .mb9 {
      margin-bottom: 9px !important; } }
  @media (min-width: 1920px) {
    .mb9 {
      margin-bottom: 9px !important; } }
@media (min-width: 576px) {
  .mb9sm {
    margin-bottom: 18px !important; } }

@media (min-width: 768px) {
  .mb9md {
    margin-bottom: 36px !important; } }

@media (min-width: 992px) {
  .mb9lg {
    margin-bottom: 72px !important; } }

@media (min-width: 1200px) {
  .mb9xl {
    margin-bottom: 72px !important; } }

@media (min-width: 1920px) {
  .mb9xxl {
    margin-bottom: 144px !important; } }

.mt9 {
  margin-top: 9px !important; }
  @media (min-width: 576px) {
    .mt9 {
      margin-top: 9px !important; } }
  @media (min-width: 768px) {
    .mt9 {
      margin-top: 9px !important; } }
  @media (min-width: 992px) {
    .mt9 {
      margin-top: 9px !important; } }
  @media (min-width: 1200px) {
    .mt9 {
      margin-top: 9px !important; } }
  @media (min-width: 1920px) {
    .mt9 {
      margin-top: 9px !important; } }
@media (min-width: 576px) {
  .mt9sm {
    margin-top: 18px !important; } }

@media (min-width: 768px) {
  .mt9md {
    margin-top: 36px !important; } }

@media (min-width: 992px) {
  .mt9lg {
    margin-top: 72px !important; } }

@media (min-width: 1200px) {
  .mt9xl {
    margin-top: 72px !important; } }

@media (min-width: 1920px) {
  .mt9xxl {
    margin-top: 144px !important; } }

.minh9 {
  min-height: 9px !important; }
  @media (min-width: 576px) {
    .minh9 {
      min-height: 9px !important; } }
  @media (min-width: 768px) {
    .minh9 {
      min-height: 9px !important; } }
  @media (min-width: 992px) {
    .minh9 {
      min-height: 9px !important; } }
  @media (min-width: 1200px) {
    .minh9 {
      min-height: 9px !important; } }
  @media (min-width: 1920px) {
    .minh9 {
      min-height: 9px !important; } }
@media (min-width: 576px) {
  .minh9sm {
    min-height: 18px !important; } }

@media (min-width: 768px) {
  .minh9md {
    min-height: 36px !important; } }

@media (min-width: 992px) {
  .minh9lg {
    min-height: 72px !important; } }

@media (min-width: 1200px) {
  .minh9xl {
    min-height: 72px !important; } }

@media (min-width: 1920px) {
  .minh9xxl {
    min-height: 144px !important; } }

.maxh9 {
  max-height: 9px !important; }
  @media (min-width: 576px) {
    .maxh9 {
      max-height: 9px !important; } }
  @media (min-width: 768px) {
    .maxh9 {
      max-height: 9px !important; } }
  @media (min-width: 992px) {
    .maxh9 {
      max-height: 9px !important; } }
  @media (min-width: 1200px) {
    .maxh9 {
      max-height: 9px !important; } }
  @media (min-width: 1920px) {
    .maxh9 {
      max-height: 9px !important; } }
@media (min-width: 576px) {
  .maxh9sm {
    max-height: 18px !important; } }

@media (min-width: 768px) {
  .maxh9md {
    max-height: 36px !important; } }

@media (min-width: 992px) {
  .maxh9lg {
    max-height: 72px !important; } }

@media (min-width: 1200px) {
  .maxh9xl {
    max-height: 72px !important; } }

@media (min-width: 1920px) {
  .maxh9xxl {
    max-height: 144px !important; } }

.p9 {
  padding: 9px !important; }
  @media (min-width: 576px) {
    .p9 {
      padding: 9px !important; } }
  @media (min-width: 768px) {
    .p9 {
      padding: 9px !important; } }
  @media (min-width: 992px) {
    .p9 {
      padding: 9px !important; } }
  @media (min-width: 1200px) {
    .p9 {
      padding: 9px !important; } }
  @media (min-width: 1920px) {
    .p9 {
      padding: 9px !important; } }
@media (min-width: 576px) {
  .p9sm {
    padding: 18px !important; } }

@media (min-width: 768px) {
  .p9md {
    padding: 36px !important; } }

@media (min-width: 992px) {
  .p9lg {
    padding: 72px !important; } }

@media (min-width: 1200px) {
  .p9xl {
    padding: 72px !important; } }

@media (min-width: 1920px) {
  .p9xxl {
    padding: 144px !important; } }

.ptb9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

.pr10 {
  padding-right: 10px !important; }
  @media (min-width: 576px) {
    .pr10 {
      padding-right: 10px !important; } }
  @media (min-width: 768px) {
    .pr10 {
      padding-right: 10px !important; } }
  @media (min-width: 992px) {
    .pr10 {
      padding-right: 10px !important; } }
  @media (min-width: 1200px) {
    .pr10 {
      padding-right: 10px !important; } }
  @media (min-width: 1920px) {
    .pr10 {
      padding-right: 10px !important; } }
@media (min-width: 576px) {
  .pr10sm {
    padding-right: 20px !important; } }

@media (min-width: 768px) {
  .pr10md {
    padding-right: 40px !important; } }

@media (min-width: 992px) {
  .pr10lg {
    padding-right: 80px !important; } }

@media (min-width: 1200px) {
  .pr10xl {
    padding-right: 80px !important; } }

@media (min-width: 1920px) {
  .pr10xxl {
    padding-right: 160px !important; } }

.pl10 {
  padding-left: 10px !important; }
  @media (min-width: 576px) {
    .pl10 {
      padding-left: 10px !important; } }
  @media (min-width: 768px) {
    .pl10 {
      padding-left: 10px !important; } }
  @media (min-width: 992px) {
    .pl10 {
      padding-left: 10px !important; } }
  @media (min-width: 1200px) {
    .pl10 {
      padding-left: 10px !important; } }
  @media (min-width: 1920px) {
    .pl10 {
      padding-left: 10px !important; } }
@media (min-width: 576px) {
  .pl10sm {
    padding-left: 20px !important; } }

@media (min-width: 768px) {
  .pl10md {
    padding-left: 40px !important; } }

@media (min-width: 992px) {
  .pl10lg {
    padding-left: 80px !important; } }

@media (min-width: 1200px) {
  .pl10xl {
    padding-left: 80px !important; } }

@media (min-width: 1920px) {
  .pl10xxl {
    padding-left: 160px !important; } }

.pb10 {
  padding-bottom: 10px !important; }
  @media (min-width: 576px) {
    .pb10 {
      padding-bottom: 10px !important; } }
  @media (min-width: 768px) {
    .pb10 {
      padding-bottom: 10px !important; } }
  @media (min-width: 992px) {
    .pb10 {
      padding-bottom: 10px !important; } }
  @media (min-width: 1200px) {
    .pb10 {
      padding-bottom: 10px !important; } }
  @media (min-width: 1920px) {
    .pb10 {
      padding-bottom: 10px !important; } }
@media (min-width: 576px) {
  .pb10sm {
    padding-bottom: 20px !important; } }

@media (min-width: 768px) {
  .pb10md {
    padding-bottom: 40px !important; } }

@media (min-width: 992px) {
  .pb10lg {
    padding-bottom: 80px !important; } }

@media (min-width: 1200px) {
  .pb10xl {
    padding-bottom: 80px !important; } }

@media (min-width: 1920px) {
  .pb10xxl {
    padding-bottom: 160px !important; } }

.pt10 {
  padding-top: 10px !important; }
  @media (min-width: 576px) {
    .pt10 {
      padding-top: 10px !important; } }
  @media (min-width: 768px) {
    .pt10 {
      padding-top: 10px !important; } }
  @media (min-width: 992px) {
    .pt10 {
      padding-top: 10px !important; } }
  @media (min-width: 1200px) {
    .pt10 {
      padding-top: 10px !important; } }
  @media (min-width: 1920px) {
    .pt10 {
      padding-top: 10px !important; } }
@media (min-width: 576px) {
  .pt10sm {
    padding-top: 20px !important; } }

@media (min-width: 768px) {
  .pt10md {
    padding-top: 40px !important; } }

@media (min-width: 992px) {
  .pt10lg {
    padding-top: 80px !important; } }

@media (min-width: 1200px) {
  .pt10xl {
    padding-top: 80px !important; } }

@media (min-width: 1920px) {
  .pt10xxl {
    padding-top: 160px !important; } }

.mr10 {
  margin-right: 10px !important; }
  @media (min-width: 576px) {
    .mr10 {
      margin-right: 10px !important; } }
  @media (min-width: 768px) {
    .mr10 {
      margin-right: 10px !important; } }
  @media (min-width: 992px) {
    .mr10 {
      margin-right: 10px !important; } }
  @media (min-width: 1200px) {
    .mr10 {
      margin-right: 10px !important; } }
  @media (min-width: 1920px) {
    .mr10 {
      margin-right: 10px !important; } }
@media (min-width: 576px) {
  .mr10sm {
    margin-right: 20px !important; } }

@media (min-width: 768px) {
  .mr10md {
    margin-right: 40px !important; } }

@media (min-width: 992px) {
  .mr10lg {
    margin-right: 80px !important; } }

@media (min-width: 1200px) {
  .mr10xl {
    margin-right: 80px !important; } }

@media (min-width: 1920px) {
  .mr10xxl {
    margin-right: 160px !important; } }

.ml10 {
  margin-left: 10px !important; }
  @media (min-width: 576px) {
    .ml10 {
      margin-left: 10px !important; } }
  @media (min-width: 768px) {
    .ml10 {
      margin-left: 10px !important; } }
  @media (min-width: 992px) {
    .ml10 {
      margin-left: 10px !important; } }
  @media (min-width: 1200px) {
    .ml10 {
      margin-left: 10px !important; } }
  @media (min-width: 1920px) {
    .ml10 {
      margin-left: 10px !important; } }
@media (min-width: 576px) {
  .ml10sm {
    margin-left: 20px !important; } }

@media (min-width: 768px) {
  .ml10md {
    margin-left: 40px !important; } }

@media (min-width: 992px) {
  .ml10lg {
    margin-left: 80px !important; } }

@media (min-width: 1200px) {
  .ml10xl {
    margin-left: 80px !important; } }

@media (min-width: 1920px) {
  .ml10xxl {
    margin-left: 160px !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media (min-width: 576px) {
    .mb10 {
      margin-bottom: 10px !important; } }
  @media (min-width: 768px) {
    .mb10 {
      margin-bottom: 10px !important; } }
  @media (min-width: 992px) {
    .mb10 {
      margin-bottom: 10px !important; } }
  @media (min-width: 1200px) {
    .mb10 {
      margin-bottom: 10px !important; } }
  @media (min-width: 1920px) {
    .mb10 {
      margin-bottom: 10px !important; } }
@media (min-width: 576px) {
  .mb10sm {
    margin-bottom: 20px !important; } }

@media (min-width: 768px) {
  .mb10md {
    margin-bottom: 40px !important; } }

@media (min-width: 992px) {
  .mb10lg {
    margin-bottom: 80px !important; } }

@media (min-width: 1200px) {
  .mb10xl {
    margin-bottom: 80px !important; } }

@media (min-width: 1920px) {
  .mb10xxl {
    margin-bottom: 160px !important; } }

.mt10 {
  margin-top: 10px !important; }
  @media (min-width: 576px) {
    .mt10 {
      margin-top: 10px !important; } }
  @media (min-width: 768px) {
    .mt10 {
      margin-top: 10px !important; } }
  @media (min-width: 992px) {
    .mt10 {
      margin-top: 10px !important; } }
  @media (min-width: 1200px) {
    .mt10 {
      margin-top: 10px !important; } }
  @media (min-width: 1920px) {
    .mt10 {
      margin-top: 10px !important; } }
@media (min-width: 576px) {
  .mt10sm {
    margin-top: 20px !important; } }

@media (min-width: 768px) {
  .mt10md {
    margin-top: 40px !important; } }

@media (min-width: 992px) {
  .mt10lg {
    margin-top: 80px !important; } }

@media (min-width: 1200px) {
  .mt10xl {
    margin-top: 80px !important; } }

@media (min-width: 1920px) {
  .mt10xxl {
    margin-top: 160px !important; } }

.minh10 {
  min-height: 10px !important; }
  @media (min-width: 576px) {
    .minh10 {
      min-height: 10px !important; } }
  @media (min-width: 768px) {
    .minh10 {
      min-height: 10px !important; } }
  @media (min-width: 992px) {
    .minh10 {
      min-height: 10px !important; } }
  @media (min-width: 1200px) {
    .minh10 {
      min-height: 10px !important; } }
  @media (min-width: 1920px) {
    .minh10 {
      min-height: 10px !important; } }
@media (min-width: 576px) {
  .minh10sm {
    min-height: 20px !important; } }

@media (min-width: 768px) {
  .minh10md {
    min-height: 40px !important; } }

@media (min-width: 992px) {
  .minh10lg {
    min-height: 80px !important; } }

@media (min-width: 1200px) {
  .minh10xl {
    min-height: 80px !important; } }

@media (min-width: 1920px) {
  .minh10xxl {
    min-height: 160px !important; } }

.maxh10 {
  max-height: 10px !important; }
  @media (min-width: 576px) {
    .maxh10 {
      max-height: 10px !important; } }
  @media (min-width: 768px) {
    .maxh10 {
      max-height: 10px !important; } }
  @media (min-width: 992px) {
    .maxh10 {
      max-height: 10px !important; } }
  @media (min-width: 1200px) {
    .maxh10 {
      max-height: 10px !important; } }
  @media (min-width: 1920px) {
    .maxh10 {
      max-height: 10px !important; } }
@media (min-width: 576px) {
  .maxh10sm {
    max-height: 20px !important; } }

@media (min-width: 768px) {
  .maxh10md {
    max-height: 40px !important; } }

@media (min-width: 992px) {
  .maxh10lg {
    max-height: 80px !important; } }

@media (min-width: 1200px) {
  .maxh10xl {
    max-height: 80px !important; } }

@media (min-width: 1920px) {
  .maxh10xxl {
    max-height: 160px !important; } }

.p10 {
  padding: 10px !important; }
  @media (min-width: 576px) {
    .p10 {
      padding: 10px !important; } }
  @media (min-width: 768px) {
    .p10 {
      padding: 10px !important; } }
  @media (min-width: 992px) {
    .p10 {
      padding: 10px !important; } }
  @media (min-width: 1200px) {
    .p10 {
      padding: 10px !important; } }
  @media (min-width: 1920px) {
    .p10 {
      padding: 10px !important; } }
@media (min-width: 576px) {
  .p10sm {
    padding: 20px !important; } }

@media (min-width: 768px) {
  .p10md {
    padding: 40px !important; } }

@media (min-width: 992px) {
  .p10lg {
    padding: 80px !important; } }

@media (min-width: 1200px) {
  .p10xl {
    padding: 80px !important; } }

@media (min-width: 1920px) {
  .p10xxl {
    padding: 160px !important; } }

.ptb10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

/* Grid
635 zu 476 */
.w1 {
  width: 1.375rem !important; }

.w2 {
  width: 2.75rem !important; }

.w3 {
  width: 4.125rem !important; }

.wh1 {
  width: 1.375rem !important;
  height: 1.375rem !important; }

.wh2 {
  width: 2.75rem !important;
  height: 2.75rem !important; }

.wh3 {
  width: 4.125rem !important;
  height: 4.125rem !important; }

.wh4 {
  width: 5.5rem !important;
  height: 5.5rem !important; }

.minw3 {
  min-width: 4.125rem !important; }

.maxh25 {
  max-height: 34.375rem !important; }

.maxh30 {
  max-height: 41.25rem !important; }

.maxh35 {
  max-height: 48.125rem !important; }

.maxw2 {
  max-width: 2.75rem !important; }

.maxw3 {
  max-width: 4.125rem !important; }

.maxw4 {
  max-width: 5.5rem !important; }

.maxw5 {
  max-width: 6.875rem !important; }

.maxw10 {
  max-width: 13.75rem !important; }

.maxw20 {
  max-width: 27.5rem !important; }

.maxw25 {
  max-width: 34.375rem !important; }

.maxw30 {
  max-width: 41.25rem !important; }

.bg-clip {
  background-clip: content-box; }

.w100 {
  width: 100% !important; }

.h100 {
  height: 100% !important; }

.opl5 {
  object-position: 5% 0%; }

.opll0 {
  object-position: 10% 0%; }

.opl20 {
  object-position: 20% 0%; }

.op1010 {
  object-position: 10% 10%; }

.op1020 {
  object-position: 10% 20%; }

.op1030 {
  object-position: 10% 30%; }

.op1040 {
  object-position: 10% 40%; }

.op1050 {
  object-position: 10% 50%; }

.op1060 {
  object-position: 10% 60%; }

.op1070 {
  object-position: 10% 70%; }

.op1080 {
  object-position: 10% 80%; }

.op1090 {
  object-position: 10% 90%; }

.op2010 {
  object-position: 20% 10%; }

.op2020 {
  object-position: 20% 20%; }

.op2030 {
  object-position: 20% 30%; }

.op2040 {
  object-position: 20% 40%; }

.op2050 {
  object-position: 20% 50%; }

.op2060 {
  object-position: 20% 60%; }

.op2070 {
  object-position: 20% 70%; }

.op2080 {
  object-position: 20% 80%; }

.op2090 {
  object-position: 20% 90%; }

.op3010 {
  object-position: 30% 10%; }

.op3020 {
  object-position: 30% 20%; }

.op3030 {
  object-position: 30% 30%; }

.op3040 {
  object-position: 30% 40%; }

.op3050 {
  object-position: 30% 50%; }

.op3060 {
  object-position: 30% 60%; }

.op3070 {
  object-position: 30% 70%; }

.op3080 {
  object-position: 30% 80%; }

.op3090 {
  object-position: 30% 90%; }

.op4010 {
  object-position: 40% 10%; }

.op4020 {
  object-position: 40% 20%; }

.op4030 {
  object-position: 40% 30%; }

.op4040 {
  object-position: 40% 40%; }

.op4050 {
  object-position: 40% 50%; }

.op4060 {
  object-position: 40% 60%; }

.op4070 {
  object-position: 40% 70%; }

.op4080 {
  object-position: 40% 80%; }

.op4090 {
  object-position: 40% 90%; }

.op5010 {
  object-position: 50% 10%; }

.op5020 {
  object-position: 50% 20%; }

.op5030 {
  object-position: 50% 30%; }

.op5040 {
  object-position: 50% 40%; }

.op5050 {
  object-position: 50% 50%; }

.op5060 {
  object-position: 50% 60%; }

.op5070 {
  object-position: 50% 70%; }

.op5080 {
  object-position: 50% 80%; }

.op5090 {
  object-position: 50% 90%; }

.op6010 {
  object-position: 60% 10%; }

.op6020 {
  object-position: 60% 20%; }

.op6030 {
  object-position: 60% 30%; }

.op6040 {
  object-position: 60% 40%; }

.op6050 {
  object-position: 60% 50%; }

.op6060 {
  object-position: 60% 60%; }

.op6070 {
  object-position: 60% 70%; }

.op6080 {
  object-position: 60% 80%; }

.op6090 {
  object-position: 60% 90%; }

.op7010 {
  object-position: 70% 10%; }

.op7020 {
  object-position: 70% 20%; }

.op7030 {
  object-position: 70% 30%; }

.op7040 {
  object-position: 70% 40%; }

.op7050 {
  object-position: 70% 50%; }

.op7060 {
  object-position: 70% 60%; }

.op7070 {
  object-position: 70% 70%; }

.op7080 {
  object-position: 70% 80%; }

.op7090 {
  object-position: 70% 90%; }

.op8010 {
  object-position: 80% 10%; }

.op8020 {
  object-position: 80% 20%; }

.op8030 {
  object-position: 80% 30%; }

.op8040 {
  object-position: 80% 40%; }

.op8050 {
  object-position: 80% 50%; }

.op8060 {
  object-position: 80% 60%; }

.op8070 {
  object-position: 80% 70%; }

.op8080 {
  object-position: 80% 80%; }

.op8090 {
  object-position: 80% 90%; }

.op9010 {
  object-position: 90% 10%; }

.op9020 {
  object-position: 90% 20%; }

.op9030 {
  object-position: 90% 30%; }

.op9040 {
  object-position: 90% 40%; }

.op9050 {
  object-position: 90% 50%; }

.op9060 {
  object-position: 90% 60%; }

.op9070 {
  object-position: 90% 70%; }

.op9080 {
  object-position: 90% 80%; }

.op9090 {
  object-position: 90% 90%; }

.op05 {
  object-position: 0% 5%; }
  @media (min-width: 576px) {
    .op05sm {
      object-position: 0% 5%; } }
  @media (min-width: 768px) {
    .op05md {
      object-position: 0% 5%; } }
  @media (min-width: 992px) {
    .op05lg {
      object-position: 0% 5%; } }
  @media (min-width: 1200px) {
    .op05xl {
      object-position: 0% 5%; } }
  @media (min-width: 1920px) {
    .op05xxl {
      object-position: 0% 5%; } }
.op10 {
  object-position: 0% 10%; }
  @media (min-width: 576px) {
    .op10sm {
      object-position: 0% 10%; } }
  @media (min-width: 768px) {
    .op10md {
      object-position: 0% 10%; } }
  @media (min-width: 992px) {
    .op10lg {
      object-position: 0% 10%; } }
  @media (min-width: 1200px) {
    .op10xl {
      object-position: 0% 10%; } }
  @media (min-width: 1920px) {
    .op10xxl {
      object-position: 0% 10%; } }
.op15 {
  object-position: 0% 15%; }
  @media (min-width: 576px) {
    .op15sm {
      object-position: 0% 15%; } }
  @media (min-width: 768px) {
    .op15md {
      object-position: 0% 15%; } }
  @media (min-width: 992px) {
    .op15lg {
      object-position: 0% 15%; } }
  @media (min-width: 1200px) {
    .op15xl {
      object-position: 0% 15%; } }
  @media (min-width: 1920px) {
    .op15xxl {
      object-position: 0% 15%; } }
.op20 {
  object-position: 0% 20%; }
  @media (min-width: 576px) {
    .op20sm {
      object-position: 0% 20%; } }
  @media (min-width: 768px) {
    .op20md {
      object-position: 0% 20%; } }
  @media (min-width: 992px) {
    .op20lg {
      object-position: 0% 20%; } }
  @media (min-width: 1200px) {
    .op20xl {
      object-position: 0% 20%; } }
  @media (min-width: 1920px) {
    .op20xxl {
      object-position: 0% 20%; } }
.op25 {
  object-position: 0% 25%; }
  @media (min-width: 576px) {
    .op25sm {
      object-position: 0% 25%; } }
  @media (min-width: 768px) {
    .op25md {
      object-position: 0% 25%; } }
  @media (min-width: 992px) {
    .op25lg {
      object-position: 0% 25%; } }
  @media (min-width: 1200px) {
    .op25xl {
      object-position: 0% 25%; } }
  @media (min-width: 1920px) {
    .op25xxl {
      object-position: 0% 25%; } }
.op30 {
  object-position: 0% 30%; }
  @media (min-width: 576px) {
    .op30sm {
      object-position: 0% 30%; } }
  @media (min-width: 768px) {
    .op30md {
      object-position: 0% 30%; } }
  @media (min-width: 992px) {
    .op30lg {
      object-position: 0% 30%; } }
  @media (min-width: 1200px) {
    .op30xl {
      object-position: 0% 30%; } }
  @media (min-width: 1920px) {
    .op30xxl {
      object-position: 0% 30%; } }
.op35 {
  object-position: 0% 35%; }
  @media (min-width: 576px) {
    .op35sm {
      object-position: 0% 35%; } }
  @media (min-width: 768px) {
    .op35md {
      object-position: 0% 35%; } }
  @media (min-width: 992px) {
    .op35lg {
      object-position: 0% 35%; } }
  @media (min-width: 1200px) {
    .op35xl {
      object-position: 0% 35%; } }
  @media (min-width: 1920px) {
    .op35xxl {
      object-position: 0% 35%; } }
.op40 {
  object-position: 0% 40%; }
  @media (min-width: 576px) {
    .op40sm {
      object-position: 0% 40%; } }
  @media (min-width: 768px) {
    .op40md {
      object-position: 0% 40%; } }
  @media (min-width: 992px) {
    .op40lg {
      object-position: 0% 40%; } }
  @media (min-width: 1200px) {
    .op40xl {
      object-position: 0% 40%; } }
  @media (min-width: 1920px) {
    .op40xxl {
      object-position: 0% 40%; } }
.op45 {
  object-position: 0% 45%; }
  @media (min-width: 576px) {
    .op45sm {
      object-position: 0% 45%; } }
  @media (min-width: 768px) {
    .op45md {
      object-position: 0% 45%; } }
  @media (min-width: 992px) {
    .op45lg {
      object-position: 0% 45%; } }
  @media (min-width: 1200px) {
    .op45xl {
      object-position: 0% 45%; } }
  @media (min-width: 1920px) {
    .op45xxl {
      object-position: 0% 45%; } }
.op50 {
  object-position: 0% 50%; }
  @media (min-width: 576px) {
    .op50sm {
      object-position: 0% 50%; } }
  @media (min-width: 768px) {
    .op50md {
      object-position: 0% 50%; } }
  @media (min-width: 992px) {
    .op50lg {
      object-position: 0% 50%; } }
  @media (min-width: 1200px) {
    .op50xl {
      object-position: 0% 50%; } }
  @media (min-width: 1920px) {
    .op50xxl {
      object-position: 0% 50%; } }
.op55 {
  object-position: 0% 55%; }
  @media (min-width: 576px) {
    .op55sm {
      object-position: 0% 55%; } }
  @media (min-width: 768px) {
    .op55md {
      object-position: 0% 55%; } }
  @media (min-width: 992px) {
    .op55lg {
      object-position: 0% 55%; } }
  @media (min-width: 1200px) {
    .op55xl {
      object-position: 0% 55%; } }
  @media (min-width: 1920px) {
    .op55xxl {
      object-position: 0% 55%; } }
.op60 {
  object-position: 0% 60%; }
  @media (min-width: 576px) {
    .op60sm {
      object-position: 0% 60%; } }
  @media (min-width: 768px) {
    .op60md {
      object-position: 0% 60%; } }
  @media (min-width: 992px) {
    .op60lg {
      object-position: 0% 60%; } }
  @media (min-width: 1200px) {
    .op60xl {
      object-position: 0% 60%; } }
  @media (min-width: 1920px) {
    .op60xxl {
      object-position: 0% 60%; } }
.op65 {
  object-position: 0% 65%; }
  @media (min-width: 576px) {
    .op65sm {
      object-position: 0% 65%; } }
  @media (min-width: 768px) {
    .op65md {
      object-position: 0% 65%; } }
  @media (min-width: 992px) {
    .op65lg {
      object-position: 0% 65%; } }
  @media (min-width: 1200px) {
    .op65xl {
      object-position: 0% 65%; } }
  @media (min-width: 1920px) {
    .op65xxl {
      object-position: 0% 65%; } }
.op70 {
  object-position: 0% 70%; }
  @media (min-width: 576px) {
    .op70sm {
      object-position: 0% 70%; } }
  @media (min-width: 768px) {
    .op70md {
      object-position: 0% 70%; } }
  @media (min-width: 992px) {
    .op70lg {
      object-position: 0% 70%; } }
  @media (min-width: 1200px) {
    .op70xl {
      object-position: 0% 70%; } }
  @media (min-width: 1920px) {
    .op70xxl {
      object-position: 0% 70%; } }
.op75 {
  object-position: 0% 75%; }
  @media (min-width: 576px) {
    .op75sm {
      object-position: 0% 75%; } }
  @media (min-width: 768px) {
    .op75md {
      object-position: 0% 75%; } }
  @media (min-width: 992px) {
    .op75lg {
      object-position: 0% 75%; } }
  @media (min-width: 1200px) {
    .op75xl {
      object-position: 0% 75%; } }
  @media (min-width: 1920px) {
    .op75xxl {
      object-position: 0% 75%; } }
.op80 {
  object-position: 0% 80%; }
  @media (min-width: 576px) {
    .op80sm {
      object-position: 0% 80%; } }
  @media (min-width: 768px) {
    .op80md {
      object-position: 0% 80%; } }
  @media (min-width: 992px) {
    .op80lg {
      object-position: 0% 80%; } }
  @media (min-width: 1200px) {
    .op80xl {
      object-position: 0% 80%; } }
  @media (min-width: 1920px) {
    .op80xxl {
      object-position: 0% 80%; } }
.op85 {
  object-position: 0% 85%; }
  @media (min-width: 576px) {
    .op85sm {
      object-position: 0% 85%; } }
  @media (min-width: 768px) {
    .op85md {
      object-position: 0% 85%; } }
  @media (min-width: 992px) {
    .op85lg {
      object-position: 0% 85%; } }
  @media (min-width: 1200px) {
    .op85xl {
      object-position: 0% 85%; } }
  @media (min-width: 1920px) {
    .op85xxl {
      object-position: 0% 85%; } }
.op90 {
  object-position: 0% 90%; }
  @media (min-width: 576px) {
    .op90sm {
      object-position: 0% 90%; } }
  @media (min-width: 768px) {
    .op90md {
      object-position: 0% 90%; } }
  @media (min-width: 992px) {
    .op90lg {
      object-position: 0% 90%; } }
  @media (min-width: 1200px) {
    .op90xl {
      object-position: 0% 90%; } }
  @media (min-width: 1920px) {
    .op90xxl {
      object-position: 0% 90%; } }
.op95 {
  object-position: 0% 95%; }
  @media (min-width: 576px) {
    .op95sm {
      object-position: 0% 95%; } }
  @media (min-width: 768px) {
    .op95md {
      object-position: 0% 95%; } }
  @media (min-width: 992px) {
    .op95lg {
      object-position: 0% 95%; } }
  @media (min-width: 1200px) {
    .op95xl {
      object-position: 0% 95%; } }
  @media (min-width: 1920px) {
    .op95xxl {
      object-position: 0% 95%; } }
.op100 {
  object-position: 0% 100%; }
  @media (min-width: 576px) {
    .op100sm {
      object-position: 0% 100%; } }
  @media (min-width: 768px) {
    .op100md {
      object-position: 0% 100%; } }
  @media (min-width: 992px) {
    .op100lg {
      object-position: 0% 100%; } }
  @media (min-width: 1200px) {
    .op100xl {
      object-position: 0% 100%; } }
  @media (min-width: 1920px) {
    .op100xxl {
      object-position: 0% 100%; } }
.filter-c1 {
  background-color: rgba(27, 94, 32, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.t025 {
  top: 0.34375rem !important; }

.t05 {
  top: 0.6875rem !important; }

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.filter-c1-5 {
  background-color: rgba(38, 198, 218, 0.05); }
  .filter-c1-5 img {
    display: block; }

.filter-c1-10 {
  background-color: rgba(38, 198, 218, 0.1); }
  .filter-c1-10 img {
    display: block; }

.filter-c1-20 {
  background-color: rgba(38, 198, 218, 0.2); }
  .filter-c1-20 img {
    display: block; }

.filter-c1-30 {
  background-color: rgba(38, 198, 218, 0.3); }
  .filter-c1-30 img {
    display: block; }

.filter-c1-40 {
  background-color: rgba(38, 198, 218, 0.4); }
  .filter-c1-40 img {
    display: block; }

.filter-c1-50 {
  background-color: rgba(38, 198, 218, 0.5); }
  .filter-c1-50 img {
    display: block; }

.filter-c1-60 {
  background-color: rgba(38, 198, 218, 0.6); }
  .filter-c1-60 img {
    display: block; }

.filter-c1-70 {
  background-color: rgba(38, 198, 218, 0.7); }
  .filter-c1-70 img {
    display: block; }

.filter-c1-80 {
  background-color: rgba(38, 198, 218, 0.8); }
  .filter-c1-80 img {
    display: block; }

.filter-c2-5 {
  background-color: rgba(27, 94, 32, 0.05); }
  .filter-c2-5 img {
    display: block; }

.filter-c2-10 {
  background-color: rgba(27, 94, 32, 0.1); }
  .filter-c2-10 img {
    display: block; }

.filter-c2-20 {
  background-color: rgba(27, 94, 32, 0.2); }
  .filter-c2-20 img {
    display: block; }

.filter-c2-30 {
  background-color: rgba(27, 94, 32, 0.3); }
  .filter-c2-30 img {
    display: block; }

.filter-c2-40 {
  background-color: rgba(27, 94, 32, 0.4); }
  .filter-c2-40 img {
    display: block; }

.filter-c2-50 {
  background-color: rgba(27, 94, 32, 0.5); }
  .filter-c2-50 img {
    display: block; }

.filter-c2-80 {
  background-color: rgba(27, 94, 32, 0.8); }
  .filter-c2-80 img {
    display: block; }

.filter-cw-5 {
  background-color: rgba(255, 255, 255, 0.05); }
  .filter-cw-5 img {
    display: block; }

.filter-cw-10 {
  background-color: rgba(255, 255, 255, 0.1); }
  .filter-cw-10 img {
    display: block; }

.filter-cw-20 {
  background-color: rgba(255, 255, 255, 0.2); }
  .filter-cw-20 img {
    display: block; }

.filter-cw-30 {
  background-color: rgba(255, 255, 255, 0.3); }
  .filter-cw-30 img {
    display: block; }

.filter-cw-40 {
  background-color: rgba(255, 255, 255, 0.4); }
  .filter-cw-40 img {
    display: block; }

.filter-cw-50 {
  background-color: rgba(255, 255, 255, 0.5); }
  .filter-cw-50 img {
    display: block; }

.filter-cw-60 {
  background-color: rgba(255, 255, 255, 0.6); }
  .filter-cw-60 img {
    display: block; }

.filter-cw-70 {
  background-color: rgba(255, 255, 255, 0.7); }
  .filter-cw-70 img {
    display: block; }

.filter-cw-80 {
  background-color: rgba(255, 255, 255, 0.8); }
  .filter-cw-80 img {
    display: block; }

.filter-cw-90 {
  background-color: rgba(255, 255, 255, 0.9); }
  .filter-cw-90 img {
    display: block; }

.filter-c1-5-after:after {
  background-color: rgba(38, 198, 218, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-5-after img {
  display: block; }

.filter-c1-10-after:after {
  background-color: rgba(38, 198, 218, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-10-after img {
  display: block; }

.filter-c1-20-after:after {
  background-color: rgba(38, 198, 218, 0.2);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-20-after img {
  display: block; }

.filter-c1-30-after:after {
  background-color: rgba(38, 198, 218, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-30-after img {
  display: block; }

.filter-c1-40-after:after {
  background-color: rgba(38, 198, 218, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-40-after img {
  display: block; }

.filter-c1-50-after:after {
  background-color: rgba(38, 198, 218, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-50-after img {
  display: block; }

.filter-c1-60-after:after {
  background-color: rgba(38, 198, 218, 0.6);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-60-after img {
  display: block; }

.filter-c1-70-after:after {
  background-color: rgba(38, 198, 218, 0.7);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-70-after img {
  display: block; }

.filter-c1-80-after:after {
  background-color: rgba(38, 198, 218, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c1-80-after img {
  display: block; }

.filter-c2-5-after:after {
  background-color: rgba(27, 94, 32, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-5-after img {
  display: block; }

.filter-c2-10-after:after {
  background-color: rgba(27, 94, 32, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-10-after img {
  display: block; }

.filter-c2-20-after:after {
  background-color: rgba(27, 94, 32, 0.2);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-20-after img {
  display: block; }

.filter-c2-30-after:after {
  background-color: rgba(27, 94, 32, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-30-after img {
  display: block; }

.filter-c2-50-after:after {
  background-color: rgba(27, 94, 32, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-50-after img {
  display: block; }

.filter-c2-80-after:after {
  background-color: rgba(27, 94, 32, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-c2-80-after img {
  display: block; }

.filter-cw-5-after:after {
  background-color: rgba(255, 255, 255, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-cw-5-after img {
  display: block; }

.filter-cw-10-after:after {
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block; }

.filter-cw-10-after img {
  display: block; }

.o-10 {
  opacity: 0.1; }

.o-20 {
  opacity: 0.2; }

.o-30 {
  opacity: 0.3; }

.o-40 {
  opacity: 0.4; }

.o-50 {
  opacity: 0.5; }

.o-60 {
  opacity: 0.6; }

.o-70 {
  opacity: 0.7; }

.o-80 {
  opacity: 0.8; }

.o-90 {
  opacity: 0.9; }

/* heading Bottom */
.hb-c2-1:after {
  width: 1.375rem !important;
  border-top-width: 5px;
  border-bottom-width: 0;
  border-color: #1b5e20;
  border-style: solid;
  content: "";
  display: inline-block; }

.hb-c2-2:after {
  width: 2.75rem !important;
  border-top-width: 5px;
  border-bottom-width: 0;
  border-color: #1b5e20;
  border-style: solid;
  content: "";
  display: inline-block; }

.hb-c2-3:after {
  width: 4.125rem !important;
  border-top-width: 5px;
  border-bottom-width: 0;
  border-color: #1b5e20;
  border-style: solid;
  content: "";
  display: inline-block; }

.hb-c2-4:after {
  width: 5.5rem !important;
  border-top-width: 5px;
  border-bottom-width: 0;
  border-color: #1b5e20;
  border-style: solid;
  content: "";
  display: inline-block; }

/* Heading Middle */
.hm {
  z-index: 1; }
  .hm-c1 {
    border-color: #26c6da;
    background-color: #fff; }
    .hm-c1 * {
      background-color: #fff; }
  .hm-c2 {
    border-color: #1b5e20;
    background-color: #26c6da; }
    .hm-c2-c1 {
      background-color: #26c6da; }
      .hm-c2-c1 * {
        background-color: #26c6da; }
      .hm-c2-c1:before {
        border-color: #1b5e20; }
      .hm-c2-c1:after {
        border-color: #1b5e20; }
  .hm-cw {
    border-color: #fff;
    background-color: #26c6da; }
    .hm-cw-c1 {
      background-color: #26c6da;
      color: #fff; }
      .hm-cw-c1 * {
        color: #fff;
        background-color: #26c6da; }
      .hm-cw-c1:before, .hm-cw-c1:after {
        border-color: #fff; }
    .hm-cw-c2 {
      background-color: #1b5e20;
      color: #fff; }
      .hm-cw-c2 * {
        color: #fff;
        background-color: #1b5e20; }
      .hm-cw-c2:before, .hm-cw-c2:after {
        border-color: #fff; }
  .hm h2 {
    z-index: 2;
    display: inline-block;
    position: relative;
    padding-left: 4px;
    padding-right: 4px; }
  .hm:before, .hm:after {
    top: 30%;
    border-top-style: solid;
    content: "";
    position: absolute;
    left: 1.375rem !important;
    right: 1.375rem !important;
    height: 0;
    border-top-width: 1px; }

.notify-badge {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  color: white;
  padding: 0; }

.mw1 {
  min-width: 1.375rem !important; }

.mw2 {
  min-width: 2.75rem !important; }

.mw3 {
  min-width: 4.125rem !important; }

.mw4 {
  min-width: 5.5rem !important; }

.mw5 {
  min-width: 6.875rem !important; }

.mw10 {
  min-width: 13.75rem !important; }

.mw15 {
  min-width: 20.625rem !important; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

body #postbox-container-1 .meta-box-sortables,
body #postbox-container-1 .meta-box-sortables .meta-box-sortables,
body #postbox-container-2 .meta-box-sortables {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 32px;
  row-gap: 32px; }
  body #postbox-container-1 .meta-box-sortables > div,
  body #postbox-container-1 .meta-box-sortables .meta-box-sortables > div,
  body #postbox-container-2 .meta-box-sortables > div {
    flex-grow: 1;
    flex: 1 0 41%; }

body.post-type-shop_order #postbox-container-1,
body.post-type-shop_order #postbox-container-1 .meta-box-sortables,
body.post-type-shop_order #postbox-container-2 {
  display: flex;
  gap: 32px; }
  body.post-type-shop_order #postbox-container-1 .meta-box-sortables,
  body.post-type-shop_order #postbox-container-1 .meta-box-sortables .meta-box-sortables,
  body.post-type-shop_order #postbox-container-2 .meta-box-sortables {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    gap: 32px;
    row-gap: 32px; }
    body.post-type-shop_order #postbox-container-1 .meta-box-sortables > div,
    body.post-type-shop_order #postbox-container-1 .meta-box-sortables .meta-box-sortables > div,
    body.post-type-shop_order #postbox-container-2 .meta-box-sortables > div {
      flex-grow: 1;
      flex: 1 0 21%; }

/*Design ohne Plugin*/
body {
  font-size: 16px; }
  body .fixed-adminbar {
    position: fixed !important;
    margin-top: 0 !important;
    left: 332px !important;
    max-width: 87% !important; }

body .fancybox__iframe h1 {
  display: none; }

body .fancybox__iframe .fancybox__content #wpadminbar {
  display: none; }

body #adminmenu,
body #adminmenu .wp-submenu,
body #adminmenuback,
body #adminmenuwrap {
  width: 300px; }

body #wpcontent,
body #wpfooter {
  margin-left: 300px; }

body #wpcontent .wrap {
  margin-right: 32px; }

html.wp-toolbar {
  padding-top: 48px; }
  html.wp-toolbar body {
    background: #006064; }
    html.wp-toolbar body a {
      color: #c8e6c9; }
    html.wp-toolbar body #wpwrap #wpadminbar {
      background-color: #f8f8f8;
      height: 48px;
      margin-top: -48px;
      position: relative;
      max-width: 100%;
      z-index: 200;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      html.wp-toolbar body #wpwrap #wpadminbar .button a {
        border-radius: 2px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 16px;
        padding-right: 16px;
        height: auto;
        line-height: 16px;
        font-size: 16px;
        background-color: #c8e6c9;
        color: #1b5e20;
        border: none; }
      html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li a {
        color: #1b5e20; }
        html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li a span {
          color: #1b5e20; }
          html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li a span:before {
            color: #1b5e20; }
        html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li a:before {
          color: #1b5e20; }
      html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li div {
        color: #1b5e20; }
        html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li div span {
          color: #1b5e20; }
          html.wp-toolbar body #wpwrap #wpadminbar #wp-toolbar ul li div span:before {
            color: #1b5e20; }
    html.wp-toolbar body #wpwrap #adminmenuback {
      background-color: #263238 !important; }
    html.wp-toolbar body #wpwrap #adminmenuwrap {
      background-color: #263238 !important;
      top: 0; }
      html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu {
        background-color: #263238 !important; }
        html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu a {
          color: #c8e6c9; }
          html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu a div.wp-menu-image:before {
            color: #c8e6c9 !important; }
          html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu a div.svg {
            color: #c8e6c9 !important; }
        html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu .wp-submenu {
          background-color: #000 !important; }
        html.wp-toolbar body #wpwrap #adminmenuwrap #adminmenu .update-plugins {
          background-color: #15c845; }

body.post-type-tierarzt #titlediv, body.post-type-hund #titlediv, body.post-type-kunden #titlediv, body.post-type-allergie #titlediv, body.post-type-krankenversicherung #titlediv {
  display: none; }

.button-icon {
  padding: 4px;
  border-radius: 4px;
  color: #1b5e20; }

/*Sidebar*/
body #adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
  /* width: 224px; */ }

/*Tabelle Liste*/
body table.wp-list-table thead tr {
  background-color: #263238;
  border-top-left-radius: 4px; }
  body table.wp-list-table thead tr th {
    color: #26c6da; }

body table.wp-list-table tfoot tr {
  background-color: #263238; }
  body table.wp-list-table tfoot tr th {
    color: #26c6da; }

body .postbox {
  border: none; }
  body .postbox .postbox-header {
    background-color: #263238; }
    body .postbox .postbox-header h2 {
      color: #26c6da; }
  body .postbox .inside {
    padding-top: 16px; }
    body .postbox .inside .rwmb-meta-box {
      display: flex;
      flex-direction: column;
      gap: 24px; }
      body .postbox .inside .rwmb-meta-box .rwmb-row .rwmb-column .rwmb-field .rwmb-label > label {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.6);
        font-weight: 400; }
      body .postbox .inside .rwmb-meta-box .rwmb-row .rwmb-column .rwmb-field .rwmb-label p {
        display: inline;
        padding-left: 4px; }

/*UI Elemente*/
body.wp-core-ui {
  font-size: 16px; }
  body.wp-core-ui input[type="text"],
  body.wp-core-ui input[type="number"],
  body.wp-core-ui input[type="email"] {
    border-bottom: 1px solid #c9c9c9;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    padding-left: 0;
    box-shadow: none; }
    body.wp-core-ui input[type="text"]:active, body.wp-core-ui input[type="text"]:focus, body.wp-core-ui input[type="text"]:visited,
    body.wp-core-ui input[type="number"]:active,
    body.wp-core-ui input[type="number"]:focus,
    body.wp-core-ui input[type="number"]:visited,
    body.wp-core-ui input[type="email"]:active,
    body.wp-core-ui input[type="email"]:focus,
    body.wp-core-ui input[type="email"]:visited {
      border-bottom: 1px solid #c9c9c9;
      font-size: 16px;
      line-height: 1.25;
      font-weight: 400;
      padding-left: 0;
      box-shadow: none;
      -webkit-transition: color 0.5s ease;
      -moz-transition: color 0.5s ease;
      -ms-transition: color 0.5s ease;
      -o-transition: color 0.5s ease;
      transition: color 0.5s ease;
      -webkit-transition: background 0.5s ease;
      -moz-transition: background 0.5s ease;
      -ms-transition: background 0.5s ease;
      -o-transition: background 0.5s ease;
      transition: background 0.5s ease;
      cursor: pointer; }
  body.wp-core-ui .ui-datepicker td {
    background-color: #1b5e20; }
    body.wp-core-ui .ui-datepicker td a {
      color: #c8e6c9; }
  body.wp-core-ui textarea {
    box-shadow: none;
    border-color: #c9c9c9; }
  body.wp-core-ui .ui-datepicker th,
  body.wp-core-ui .ui-datepicker .ui-datepicker-title {
    color: #1b5e20; }
    body.wp-core-ui .ui-datepicker th .ui-widget-content,
    body.wp-core-ui .ui-datepicker .ui-datepicker-title .ui-widget-content {
      background-color: #f4f4f4; }
  body.wp-core-ui .ui-datepicker .ui-datepicker-header,
  body.wp-core-ui .ui-timepicker-div .ui-widget-header,
  body.wp-core-ui .ui-datepicker .ui-datepicker-header .ui-state-hover,
  body.wp-core-ui .ui-datepicker thead {
    background: #c8e6c9;
    color: #1b5e20; }
  body.wp-core-ui span.select2 .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 1.25; }
    body.wp-core-ui span.select2 .select2-selection--single .select2-selection__rendered span {
      font-size: 16px;
      line-height: 1.25; }
    body.wp-core-ui span.select2 .select2-selection--single .select2-selection__rendered .select2-selection__clear {
      /*  display:none;*/
      color: #c9c9c9;
      padding-top: 5px; }
  body.wp-core-ui span.select2 .select2-selection--multiple .select2-selection__rendered {
    font-size: 16px;
    line-height: 1.25; }
    body.wp-core-ui span.select2 .select2-selection--multiple .select2-selection__rendered span {
      font-size: 16px;
      line-height: 1.25; }
    body.wp-core-ui span.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
      color: #c9c9c9; }
    body.wp-core-ui span.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
      display: none; }
  body.wp-core-ui span.select2 .select2-selection__arrow b {
    border-color: #c8e6c9 transparent transparent transparent;
    border-width: 7px 6px 0 6px; }
  body.wp-core-ui .select2-container--default .select2-selection--single,
  body.wp-core-ui .select2-container--default .select2-selection--multiple {
    border-radius: 0; }

/*Buttons*/
body.wp-core-ui .button,
body.wp-core-ui .button-primary,
body.wp-core-ui .button-secondary,
body.wp-core-ui .button.button-hero,
body.wp-core-ui .button.button-large,
body.wp-core-ui input[type="submit"] {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  box-shadow: none;
  background-color: #c8e6c9;
  color: #1b5e20;
  border: none; }

/*Überschreibungen*/
body #poststuff .inside {
  margin: 0; }

body span.selection .select2-selection__rendered {
  padding-left: 0 !important; }

body .rwmb-modal {
  top: 8%;
  bottom: 8%;
  left: 8%;
  right: 8%; }
  body .rwmb-modal .rwmb-modal-title h2 {
    background-color: #263238;
    color: #26c6da; }

body .select2-container .select2-selection--single,
body .select2-container .select2-selection--multiple,
body .select2-dropdown,
body .select2-container--open .select2-dropdown--below {
  border-color: #c9c9c9; }

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c8e6c9;
  color: #1b5e20; }

body .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 4px;
  border-color: #1b5e20;
  border: 1px solid #c9c9c9;
  box-shadow: none; }

body select option {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

body .submitbox #minor-publishing {
  display: none; }

body .submitbox .spinner {
  display: none; }

body .submitbox #publishing-action {
  width: 100%; }
  body .submitbox #publishing-action input[type="submit"] {
    display: block;
    width: 100%; }

body.wp-core-ui .wrap > div.notice {
  display: none; }

body.wp-core-ui #notice-container {
  position: absolute;
  min-width: 400px;
  visibility: hidden;
  border: none;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  right: 32px;
  top: 1%;
  gap: 32px; }
  body.wp-core-ui #notice-container > div {
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 100% !important;
    margin: 0 !important;
    border-top-left-radius: 4px;
    padding-right: 16px !important;
    flex-direction: column;
    border-bottom-left-radius: 4px;
    width: 100%;
    flex-grow: 0;
    border: none;
    gap: 16px;
    align-items: flex-start;
    display: flex;
    flex-basis: auto;
    border-left: 8px solid #00a32a;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
    body.wp-core-ui #notice-container > div i {
      font-size: 32px;
      color: #00a32a; }
    body.wp-core-ui #notice-container > div p span.head-success {
      display: block;
      font-size: 24px;
      color: #00a32a; }
  body.wp-core-ui #notice-container > div#message {
    flex-direction: row;
    align-items: center; }
  body.wp-core-ui #notice-container > div.notice.updated {
    border-left-color: #00a32a; }
  body.wp-core-ui #notice-container > div.notice.notice-error {
    border-left-color: #d63638; }

@media (min-width: 992px) {
  body #post-body #submitdiv {
    display: none; } }

body #post-body-content a {
  color: #333; }

body #a,
body .no-plugin-results a {
  color: #333; }

body table.wp-list-table th.sortable a span,
body table.wp-list-table th.sorted a span {
  display: inline-flex;
  float: left; }

body table.wp-list-table tfoot td.check-column,
body table.wp-list-table thead td.check-column {
  padding-top: 0; }

body.wp-core-ui .button,
body.wp-core-ui .button-primary,
body.wp-core-ui .button-secondary,
body.wp-core-ui .button.button-hero,
body.wp-core-ui .button.button-large {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  box-shadow: none; }

body.wp-core-ui select,
body.wp-core-ui input[type="checkbox"] {
  border-radius: 4px;
  border-bottom-width: 2px; }

body #woocommerce-embedded-root {
  display: none; }

body #poststuff #post-body-content {
  margin-bottom: 0; }

body #wpbody-content #screen-meta-links {
  margin-right: 32px; }

body #wpbody-content .woocommerce-layout {
  display: none; }

body #wpcontent {
  padding-left: 32px; }

body .wp-core-ui .button,
body .wp-core-ui .button-primary,
body .wp-core-ui .button-secondary {
  box-shadow: none; }

body .highlight,
body .highlight a,
body input[type="radio"]:checked:before,
body #edit-slug-box .edit-slug.button,
body #edit-slug-box #view-post-btn .button,
body .post-com-count:hover:after,
body .tablenav .tablenav-pages a:focus,
body .tablenav .tablenav-pages a:hover,
body .media-item .bar,
body .theme-browser .theme .more-details,
body .theme-browser .theme.add-new-theme a:focus:after,
body .theme-browser .theme.add-new-theme a:hover:after,
body .widgets-chooser li.widgets-chooser-selected,
body .plugin-card .plugin-card-bottom,
body #ws_menu_editor a.ws_button:hover,
body #ws_menu_editor .ws_main_container .ws_container,
body .components-button.is-primary:enabled {
  background-color: #1b5e20;
  color: #c8e6c9;
  font-size: 14px; }

body #poststuff #submitdiv .inside,
body #poststuff .inside {
  margin-top: 0; }
  body #poststuff #submitdiv .inside #wpse-list-table,
  body #poststuff .inside #wpse-list-table {
    margin: 0; }
  body #poststuff #submitdiv .inside #minor-publishing,
  body #poststuff .inside #minor-publishing {
    display: none; }

body .postbox .inside,
body .stuffbox .inside {
  padding-left: 16px; }

body #poststuff h2,
body .metabox-holder h2.hndle,
body .postbox .hndle,
body .stuffbox .hndle {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: none;
  padding: 0 16px; }

body .wp-core-ui .button,
body .wp-core-ui .button-secondary,
body .wp-core-ui .button-primary,
body i.mtrlwaves-effect input,
body .upload-plugin .install-help,
body .upload-theme .install-help,
body input[type="button"],
body input[type="submit"] {
  box-shadow: none !important; }

body .subsubsub a .count,
body .subsubsub a.current .count {
  color: #26c6da; }

body .subsubsub {
  margin-bottom: 0; }

body .rwmb-switch:checked + .rwmb-switch-status .rwmb-switch-slider {
  background-color: #1b5e20; }

body #wpadminbar #wp-toolbar {
  padding-top: 8px; }
  body #wpadminbar #wp-toolbar .quicklinks {
    margin-left: 0; }

body #wpwrap h1 {
  color: #26c6da; }

body #comment-link-box,
body #edit-slug-box {
  color: #fff; }

body input[type="button"],
body input[type="submit"] {
  font-size: 16px !important; }

body .postbox-container .postbox,
body .postbox-container #major-publishing-actions {
  margin-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-group-wrapper .rwmb-clone:after,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-group-wrapper .rwmb-clone:after {
    content: none;
    padding-bottom: 0; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-heading-wrapper h4,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-heading-wrapper h4 {
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-size: 14px; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-image-item .rwmb-file-icon,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-image-item .rwmb-file-icon {
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-image-item .rwmb-image-actions a,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-image-item .rwmb-image-actions a {
    color: #26c6da; }
  body .postbox-container .postbox .inside .rwmb-meta-box .select2-container .select2-selection,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .select2-container .select2-selection {
    border: none;
    border-bottom: 1px solid #c9c9c9;
    background-color: transparent; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-input .description,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-input .description {
    color: #ccc; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-input a.rwmb-modal-add-button,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-input a.rwmb-modal-add-button {
    color: #1b5e20;
    font-size: 12px;
    text-decoration: underline; }
  body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-input .select2-selection__choice,
  body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-input .select2-selection__choice {
    border: none;
    padding: 4px 8px;
    background-color: #f4f4f4;
    color: #2c3338; }
    body .postbox-container .postbox .inside .rwmb-meta-box .rwmb-input .select2-selection__choice span,
    body .postbox-container #major-publishing-actions .inside .rwmb-meta-box .rwmb-input .select2-selection__choice span {
      color: #cccccc;
      font-size: 16px; }
  body .postbox-container .postbox .inside #minor-publishing,
  body .postbox-container #major-publishing-actions .inside #minor-publishing {
    padding: 16px !important; }
  body .postbox-container .postbox a,
  body .postbox-container #major-publishing-actions a {
    color: #666; }
  body .postbox-container .postbox div.handle-actions button,
  body .postbox-container .postbox div.handle-actions button span,
  body .postbox-container #major-publishing-actions div.handle-actions button,
  body .postbox-container #major-publishing-actions div.handle-actions button span {
    color: #1b5e20; }
  body .postbox-container .postbox .postbox-header,
  body .postbox-container #major-publishing-actions .postbox-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none; }
    body .postbox-container .postbox .postbox-header h2,
    body .postbox-container #major-publishing-actions .postbox-header h2 {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-radius: 4px !important; }

body tbody#the-list a.row-title {
  font-size: 18px !important;
  font-weight: 400;
  color: #666; }

body .updates-table tbody tr,
body .widefat.importers tr,
body .wp-list-table tbody tr:hover {
  background-color: #26c6da;
  cursor: pointer;
  box-shadow: none;
  -webkit-transform: none;
  transform: none; }
  body .updates-table tbody tr a.row-title,
  body .widefat.importers tr a.row-title,
  body .wp-list-table tbody tr:hover a.row-title {
    color: #fff !important; }

body.post-type-shop_order #postbox-container-2 .inside {
  margin-top: 0; }
  body.post-type-shop_order #postbox-container-2 .inside #order_data {
    padding-top: 0;
    padding-bottom: 24px; }
    body.post-type-shop_order #postbox-container-2 .inside #order_data h2.woocommerce-order-data__heading {
      margin-left: -24px;
      margin-right: -24px;
      line-height: 24px;
      padding: 12px 16px;
      text-shadow: none;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    body.post-type-shop_order #postbox-container-2 .inside #order_data h3 {
      padding-left: 0; }

/*# sourceMappingURL=theme-admin.css.map */