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

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

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

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

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

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

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

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

.mt-5px {
  margin-top: 5px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.ml-5px {
  margin-left: 5px !important;
}

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

.mr-5px {
  margin-right: 5px !important;
}

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

.mt-8px {
  margin-top: 8px !important;
}

.pt-8px {
  padding-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

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

.mr-8px {
  margin-right: 8px !important;
}

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

.mt-10px {
  margin-top: 10px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

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

.mr-10px {
  margin-right: 10px !important;
}

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

.mt-15px {
  margin-top: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

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

.mr-15px {
  margin-right: 15px !important;
}

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

.mt-20px {
  margin-top: 20px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

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

.mr-20px {
  margin-right: 20px !important;
}

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

.mt-25px {
  margin-top: 25px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

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

.mr-25px {
  margin-right: 25px !important;
}

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

.mt-30px {
  margin-top: 30px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

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

.mr-30px {
  margin-right: 30px !important;
}

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

.mt-40px {
  margin-top: 40px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

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

.mr-40px {
  margin-right: 40px !important;
}

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

.mt-45px {
  margin-top: 45px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.ml-45px {
  margin-left: 45px !important;
}

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

.mr-45px {
  margin-right: 45px !important;
}

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

.mt-50px {
  margin-top: 50px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

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

.mr-50px {
  margin-right: 50px !important;
}

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

.mt-80px {
  margin-top: 80px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.ml-80px {
  margin-left: 80px !important;
}

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

.mr-80px {
  margin-right: 80px !important;
}

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

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

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

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

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

@media (min-width: 0) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .pt-xs-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 0) {
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 0) {
  .ml-xs-0 {
    margin-left: 0 !important;
  }
  .pl-xs-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 0) {
  .mr-xs-0 {
    margin-right: 0 !important;
  }
  .pr-xs-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 0) {
  .mt-xs-5px {
    margin-top: 5px !important;
  }
  .pt-xs-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-5px {
    margin-bottom: 5px !important;
  }
  .pb-xs-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-5px {
    margin-left: 5px !important;
  }
  .pl-xs-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-5px {
    margin-right: 5px !important;
  }
  .pr-xs-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-8px {
    margin-top: 8px !important;
  }
  .pt-xs-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-8px {
    margin-bottom: 8px !important;
  }
  .pb-xs-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-8px {
    margin-left: 8px !important;
  }
  .pl-xs-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-8px {
    margin-right: 8px !important;
  }
  .pr-xs-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-10px {
    margin-top: 10px !important;
  }
  .pt-xs-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-10px {
    margin-bottom: 10px !important;
  }
  .pb-xs-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-10px {
    margin-left: 10px !important;
  }
  .pl-xs-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-10px {
    margin-right: 10px !important;
  }
  .pr-xs-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-15px {
    margin-top: 15px !important;
  }
  .pt-xs-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-15px {
    margin-bottom: 15px !important;
  }
  .pb-xs-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-15px {
    margin-left: 15px !important;
  }
  .pl-xs-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-15px {
    margin-right: 15px !important;
  }
  .pr-xs-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-20px {
    margin-top: 20px !important;
  }
  .pt-xs-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-20px {
    margin-bottom: 20px !important;
  }
  .pb-xs-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-20px {
    margin-left: 20px !important;
  }
  .pl-xs-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-20px {
    margin-right: 20px !important;
  }
  .pr-xs-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-25px {
    margin-top: 25px !important;
  }
  .pt-xs-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-25px {
    margin-bottom: 25px !important;
  }
  .pb-xs-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-25px {
    margin-left: 25px !important;
  }
  .pl-xs-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-25px {
    margin-right: 25px !important;
  }
  .pr-xs-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-30px {
    margin-top: 30px !important;
  }
  .pt-xs-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-30px {
    margin-bottom: 30px !important;
  }
  .pb-xs-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-30px {
    margin-left: 30px !important;
  }
  .pl-xs-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-30px {
    margin-right: 30px !important;
  }
  .pr-xs-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-40px {
    margin-top: 40px !important;
  }
  .pt-xs-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-40px {
    margin-bottom: 40px !important;
  }
  .pb-xs-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-40px {
    margin-left: 40px !important;
  }
  .pl-xs-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-40px {
    margin-right: 40px !important;
  }
  .pr-xs-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-45px {
    margin-top: 45px !important;
  }
  .pt-xs-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-45px {
    margin-bottom: 45px !important;
  }
  .pb-xs-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-45px {
    margin-left: 45px !important;
  }
  .pl-xs-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-45px {
    margin-right: 45px !important;
  }
  .pr-xs-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-50px {
    margin-top: 50px !important;
  }
  .pt-xs-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-50px {
    margin-bottom: 50px !important;
  }
  .pb-xs-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-50px {
    margin-left: 50px !important;
  }
  .pl-xs-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-50px {
    margin-right: 50px !important;
  }
  .pr-xs-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-80px {
    margin-top: 80px !important;
  }
  .pt-xs-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 0) {
  .mb-xs-80px {
    margin-bottom: 80px !important;
  }
  .pb-xs-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 0) {
  .ml-xs-80px {
    margin-left: 80px !important;
  }
  .pl-xs-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 0) {
  .mr-xs-80px {
    margin-right: 80px !important;
  }
  .pr-xs-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 0) {
  .mt-xs-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 0) {
  .mb-xs-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 0) {
  .ml-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 0) {
  .mr-xs-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-5px {
    margin-top: 5px !important;
  }
  .pt-sm-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-5px {
    margin-bottom: 5px !important;
  }
  .pb-sm-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-5px {
    margin-left: 5px !important;
  }
  .pl-sm-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-5px {
    margin-right: 5px !important;
  }
  .pr-sm-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-8px {
    margin-top: 8px !important;
  }
  .pt-sm-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-8px {
    margin-bottom: 8px !important;
  }
  .pb-sm-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-8px {
    margin-left: 8px !important;
  }
  .pl-sm-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-8px {
    margin-right: 8px !important;
  }
  .pr-sm-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-10px {
    margin-top: 10px !important;
  }
  .pt-sm-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-10px {
    margin-bottom: 10px !important;
  }
  .pb-sm-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-10px {
    margin-left: 10px !important;
  }
  .pl-sm-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-10px {
    margin-right: 10px !important;
  }
  .pr-sm-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-15px {
    margin-top: 15px !important;
  }
  .pt-sm-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-15px {
    margin-bottom: 15px !important;
  }
  .pb-sm-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-15px {
    margin-left: 15px !important;
  }
  .pl-sm-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-15px {
    margin-right: 15px !important;
  }
  .pr-sm-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-20px {
    margin-top: 20px !important;
  }
  .pt-sm-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-20px {
    margin-bottom: 20px !important;
  }
  .pb-sm-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-20px {
    margin-left: 20px !important;
  }
  .pl-sm-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-20px {
    margin-right: 20px !important;
  }
  .pr-sm-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-25px {
    margin-top: 25px !important;
  }
  .pt-sm-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-25px {
    margin-bottom: 25px !important;
  }
  .pb-sm-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-25px {
    margin-left: 25px !important;
  }
  .pl-sm-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-25px {
    margin-right: 25px !important;
  }
  .pr-sm-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-30px {
    margin-top: 30px !important;
  }
  .pt-sm-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-30px {
    margin-bottom: 30px !important;
  }
  .pb-sm-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-30px {
    margin-left: 30px !important;
  }
  .pl-sm-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-30px {
    margin-right: 30px !important;
  }
  .pr-sm-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-40px {
    margin-top: 40px !important;
  }
  .pt-sm-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-40px {
    margin-bottom: 40px !important;
  }
  .pb-sm-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-40px {
    margin-left: 40px !important;
  }
  .pl-sm-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-40px {
    margin-right: 40px !important;
  }
  .pr-sm-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-45px {
    margin-top: 45px !important;
  }
  .pt-sm-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-45px {
    margin-bottom: 45px !important;
  }
  .pb-sm-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-45px {
    margin-left: 45px !important;
  }
  .pl-sm-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-45px {
    margin-right: 45px !important;
  }
  .pr-sm-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-50px {
    margin-top: 50px !important;
  }
  .pt-sm-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-50px {
    margin-bottom: 50px !important;
  }
  .pb-sm-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-50px {
    margin-left: 50px !important;
  }
  .pl-sm-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-50px {
    margin-right: 50px !important;
  }
  .pr-sm-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-80px {
    margin-top: 80px !important;
  }
  .pt-sm-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-80px {
    margin-bottom: 80px !important;
  }
  .pb-sm-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-80px {
    margin-left: 80px !important;
  }
  .pl-sm-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-80px {
    margin-right: 80px !important;
  }
  .pr-sm-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 478px) {
  .mt-sm-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 478px) {
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 478px) {
  .ml-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 478px) {
  .mr-sm-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .mt-md-5px {
    margin-top: 5px !important;
  }
  .pt-md-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-5px {
    margin-bottom: 5px !important;
  }
  .pb-md-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-5px {
    margin-left: 5px !important;
  }
  .pl-md-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-5px {
    margin-right: 5px !important;
  }
  .pr-md-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-8px {
    margin-top: 8px !important;
  }
  .pt-md-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-8px {
    margin-bottom: 8px !important;
  }
  .pb-md-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-8px {
    margin-left: 8px !important;
  }
  .pl-md-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-8px {
    margin-right: 8px !important;
  }
  .pr-md-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-10px {
    margin-top: 10px !important;
  }
  .pt-md-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-10px {
    margin-bottom: 10px !important;
  }
  .pb-md-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-10px {
    margin-left: 10px !important;
  }
  .pl-md-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-10px {
    margin-right: 10px !important;
  }
  .pr-md-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-15px {
    margin-top: 15px !important;
  }
  .pt-md-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-15px {
    margin-bottom: 15px !important;
  }
  .pb-md-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-15px {
    margin-left: 15px !important;
  }
  .pl-md-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-15px {
    margin-right: 15px !important;
  }
  .pr-md-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-20px {
    margin-top: 20px !important;
  }
  .pt-md-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .pb-md-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-20px {
    margin-left: 20px !important;
  }
  .pl-md-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-20px {
    margin-right: 20px !important;
  }
  .pr-md-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-25px {
    margin-top: 25px !important;
  }
  .pt-md-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-25px {
    margin-bottom: 25px !important;
  }
  .pb-md-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-25px {
    margin-left: 25px !important;
  }
  .pl-md-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-25px {
    margin-right: 25px !important;
  }
  .pr-md-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-30px {
    margin-top: 30px !important;
  }
  .pt-md-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-30px {
    margin-bottom: 30px !important;
  }
  .pb-md-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-30px {
    margin-left: 30px !important;
  }
  .pl-md-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-30px {
    margin-right: 30px !important;
  }
  .pr-md-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-40px {
    margin-top: 40px !important;
  }
  .pt-md-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-40px {
    margin-bottom: 40px !important;
  }
  .pb-md-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-40px {
    margin-left: 40px !important;
  }
  .pl-md-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-40px {
    margin-right: 40px !important;
  }
  .pr-md-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-45px {
    margin-top: 45px !important;
  }
  .pt-md-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-45px {
    margin-bottom: 45px !important;
  }
  .pb-md-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-45px {
    margin-left: 45px !important;
  }
  .pl-md-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-45px {
    margin-right: 45px !important;
  }
  .pr-md-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-50px {
    margin-top: 50px !important;
  }
  .pt-md-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-50px {
    margin-bottom: 50px !important;
  }
  .pb-md-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-50px {
    margin-left: 50px !important;
  }
  .pl-md-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-50px {
    margin-right: 50px !important;
  }
  .pr-md-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-80px {
    margin-top: 80px !important;
  }
  .pt-md-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .mb-md-80px {
    margin-bottom: 80px !important;
  }
  .pb-md-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .ml-md-80px {
    margin-left: 80px !important;
  }
  .pl-md-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .mr-md-80px {
    margin-right: 80px !important;
  }
  .pr-md-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .mt-md-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .mb-md-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .ml-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .mr-md-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-5px {
    margin-top: 5px !important;
  }
  .pt-lg-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-5px {
    margin-bottom: 5px !important;
  }
  .pb-lg-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-5px {
    margin-left: 5px !important;
  }
  .pl-lg-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-5px {
    margin-right: 5px !important;
  }
  .pr-lg-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-8px {
    margin-top: 8px !important;
  }
  .pt-lg-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-8px {
    margin-bottom: 8px !important;
  }
  .pb-lg-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-8px {
    margin-left: 8px !important;
  }
  .pl-lg-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-8px {
    margin-right: 8px !important;
  }
  .pr-lg-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-10px {
    margin-top: 10px !important;
  }
  .pt-lg-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-10px {
    margin-bottom: 10px !important;
  }
  .pb-lg-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-10px {
    margin-left: 10px !important;
  }
  .pl-lg-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-10px {
    margin-right: 10px !important;
  }
  .pr-lg-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-15px {
    margin-top: 15px !important;
  }
  .pt-lg-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-15px {
    margin-bottom: 15px !important;
  }
  .pb-lg-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-15px {
    margin-left: 15px !important;
  }
  .pl-lg-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-15px {
    margin-right: 15px !important;
  }
  .pr-lg-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-20px {
    margin-top: 20px !important;
  }
  .pt-lg-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
  .pb-lg-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-20px {
    margin-left: 20px !important;
  }
  .pl-lg-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-20px {
    margin-right: 20px !important;
  }
  .pr-lg-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-25px {
    margin-top: 25px !important;
  }
  .pt-lg-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-25px {
    margin-bottom: 25px !important;
  }
  .pb-lg-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-25px {
    margin-left: 25px !important;
  }
  .pl-lg-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-25px {
    margin-right: 25px !important;
  }
  .pr-lg-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-30px {
    margin-top: 30px !important;
  }
  .pt-lg-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-30px {
    margin-bottom: 30px !important;
  }
  .pb-lg-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-30px {
    margin-left: 30px !important;
  }
  .pl-lg-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-30px {
    margin-right: 30px !important;
  }
  .pr-lg-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-40px {
    margin-top: 40px !important;
  }
  .pt-lg-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-40px {
    margin-bottom: 40px !important;
  }
  .pb-lg-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-40px {
    margin-left: 40px !important;
  }
  .pl-lg-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-40px {
    margin-right: 40px !important;
  }
  .pr-lg-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-45px {
    margin-top: 45px !important;
  }
  .pt-lg-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-45px {
    margin-bottom: 45px !important;
  }
  .pb-lg-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-45px {
    margin-left: 45px !important;
  }
  .pl-lg-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-45px {
    margin-right: 45px !important;
  }
  .pr-lg-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-50px {
    margin-top: 50px !important;
  }
  .pt-lg-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-50px {
    margin-bottom: 50px !important;
  }
  .pb-lg-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-50px {
    margin-left: 50px !important;
  }
  .pl-lg-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-50px {
    margin-right: 50px !important;
  }
  .pr-lg-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-80px {
    margin-top: 80px !important;
  }
  .pt-lg-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-80px {
    margin-bottom: 80px !important;
  }
  .pb-lg-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-80px {
    margin-left: 80px !important;
  }
  .pl-lg-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-80px {
    margin-right: 80px !important;
  }
  .pr-lg-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-5px {
    margin-top: 5px !important;
  }
  .pt-xl-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-5px {
    margin-bottom: 5px !important;
  }
  .pb-xl-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-5px {
    margin-left: 5px !important;
  }
  .pl-xl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-5px {
    margin-right: 5px !important;
  }
  .pr-xl-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-8px {
    margin-top: 8px !important;
  }
  .pt-xl-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-8px {
    margin-bottom: 8px !important;
  }
  .pb-xl-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-8px {
    margin-left: 8px !important;
  }
  .pl-xl-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-8px {
    margin-right: 8px !important;
  }
  .pr-xl-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-10px {
    margin-top: 10px !important;
  }
  .pt-xl-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-10px {
    margin-bottom: 10px !important;
  }
  .pb-xl-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-10px {
    margin-left: 10px !important;
  }
  .pl-xl-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-10px {
    margin-right: 10px !important;
  }
  .pr-xl-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-15px {
    margin-top: 15px !important;
  }
  .pt-xl-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-15px {
    margin-bottom: 15px !important;
  }
  .pb-xl-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-15px {
    margin-left: 15px !important;
  }
  .pl-xl-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-15px {
    margin-right: 15px !important;
  }
  .pr-xl-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-20px {
    margin-top: 20px !important;
  }
  .pt-xl-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-20px {
    margin-bottom: 20px !important;
  }
  .pb-xl-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-20px {
    margin-left: 20px !important;
  }
  .pl-xl-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-20px {
    margin-right: 20px !important;
  }
  .pr-xl-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-25px {
    margin-top: 25px !important;
  }
  .pt-xl-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-25px {
    margin-bottom: 25px !important;
  }
  .pb-xl-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-25px {
    margin-left: 25px !important;
  }
  .pl-xl-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-25px {
    margin-right: 25px !important;
  }
  .pr-xl-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-30px {
    margin-top: 30px !important;
  }
  .pt-xl-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-30px {
    margin-bottom: 30px !important;
  }
  .pb-xl-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-30px {
    margin-left: 30px !important;
  }
  .pl-xl-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-30px {
    margin-right: 30px !important;
  }
  .pr-xl-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-40px {
    margin-top: 40px !important;
  }
  .pt-xl-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-40px {
    margin-bottom: 40px !important;
  }
  .pb-xl-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-40px {
    margin-left: 40px !important;
  }
  .pl-xl-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-40px {
    margin-right: 40px !important;
  }
  .pr-xl-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-45px {
    margin-top: 45px !important;
  }
  .pt-xl-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-45px {
    margin-bottom: 45px !important;
  }
  .pb-xl-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-45px {
    margin-left: 45px !important;
  }
  .pl-xl-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-45px {
    margin-right: 45px !important;
  }
  .pr-xl-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-50px {
    margin-top: 50px !important;
  }
  .pt-xl-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-50px {
    margin-bottom: 50px !important;
  }
  .pb-xl-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-50px {
    margin-left: 50px !important;
  }
  .pl-xl-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-50px {
    margin-right: 50px !important;
  }
  .pr-xl-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-80px {
    margin-top: 80px !important;
  }
  .pt-xl-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-80px {
    margin-bottom: 80px !important;
  }
  .pb-xl-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-80px {
    margin-left: 80px !important;
  }
  .pl-xl-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-80px {
    margin-right: 80px !important;
  }
  .pr-xl-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-5px {
    margin-top: 5px !important;
  }
  .pt-xxl-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-5px {
    margin-bottom: 5px !important;
  }
  .pb-xxl-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-5px {
    margin-left: 5px !important;
  }
  .pl-xxl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-5px {
    margin-right: 5px !important;
  }
  .pr-xxl-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-8px {
    margin-top: 8px !important;
  }
  .pt-xxl-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-8px {
    margin-bottom: 8px !important;
  }
  .pb-xxl-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-8px {
    margin-left: 8px !important;
  }
  .pl-xxl-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-8px {
    margin-right: 8px !important;
  }
  .pr-xxl-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-10px {
    margin-top: 10px !important;
  }
  .pt-xxl-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-10px {
    margin-bottom: 10px !important;
  }
  .pb-xxl-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-10px {
    margin-left: 10px !important;
  }
  .pl-xxl-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-10px {
    margin-right: 10px !important;
  }
  .pr-xxl-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-15px {
    margin-top: 15px !important;
  }
  .pt-xxl-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-15px {
    margin-bottom: 15px !important;
  }
  .pb-xxl-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-15px {
    margin-left: 15px !important;
  }
  .pl-xxl-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-15px {
    margin-right: 15px !important;
  }
  .pr-xxl-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-20px {
    margin-top: 20px !important;
  }
  .pt-xxl-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-20px {
    margin-bottom: 20px !important;
  }
  .pb-xxl-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-20px {
    margin-left: 20px !important;
  }
  .pl-xxl-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-20px {
    margin-right: 20px !important;
  }
  .pr-xxl-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-25px {
    margin-top: 25px !important;
  }
  .pt-xxl-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-25px {
    margin-bottom: 25px !important;
  }
  .pb-xxl-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-25px {
    margin-left: 25px !important;
  }
  .pl-xxl-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-25px {
    margin-right: 25px !important;
  }
  .pr-xxl-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-30px {
    margin-top: 30px !important;
  }
  .pt-xxl-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-30px {
    margin-bottom: 30px !important;
  }
  .pb-xxl-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-30px {
    margin-left: 30px !important;
  }
  .pl-xxl-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-30px {
    margin-right: 30px !important;
  }
  .pr-xxl-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-40px {
    margin-top: 40px !important;
  }
  .pt-xxl-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-40px {
    margin-bottom: 40px !important;
  }
  .pb-xxl-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-40px {
    margin-left: 40px !important;
  }
  .pl-xxl-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-40px {
    margin-right: 40px !important;
  }
  .pr-xxl-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-45px {
    margin-top: 45px !important;
  }
  .pt-xxl-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-45px {
    margin-bottom: 45px !important;
  }
  .pb-xxl-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-45px {
    margin-left: 45px !important;
  }
  .pl-xxl-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-45px {
    margin-right: 45px !important;
  }
  .pr-xxl-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-50px {
    margin-top: 50px !important;
  }
  .pt-xxl-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-50px {
    margin-bottom: 50px !important;
  }
  .pb-xxl-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-50px {
    margin-left: 50px !important;
  }
  .pl-xxl-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-50px {
    margin-right: 50px !important;
  }
  .pr-xxl-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-80px {
    margin-top: 80px !important;
  }
  .pt-xxl-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-80px {
    margin-bottom: 80px !important;
  }
  .pb-xxl-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-80px {
    margin-left: 80px !important;
  }
  .pl-xxl-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-80px {
    margin-right: 80px !important;
  }
  .pr-xxl-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-0 {
    margin-top: 0 !important;
  }
  .pt-xxxl-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .pb-xxxl-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-0 {
    margin-left: 0 !important;
  }
  .pl-xxxl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-0 {
    margin-right: 0 !important;
  }
  .pr-xxxl-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-5px {
    margin-top: 5px !important;
  }
  .pt-xxxl-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-5px {
    margin-bottom: 5px !important;
  }
  .pb-xxxl-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-5px {
    margin-left: 5px !important;
  }
  .pl-xxxl-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-5px {
    margin-right: 5px !important;
  }
  .pr-xxxl-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-8px {
    margin-top: 8px !important;
  }
  .pt-xxxl-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-8px {
    margin-bottom: 8px !important;
  }
  .pb-xxxl-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-8px {
    margin-left: 8px !important;
  }
  .pl-xxxl-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-8px {
    margin-right: 8px !important;
  }
  .pr-xxxl-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-10px {
    margin-top: 10px !important;
  }
  .pt-xxxl-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-10px {
    margin-bottom: 10px !important;
  }
  .pb-xxxl-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-10px {
    margin-left: 10px !important;
  }
  .pl-xxxl-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-10px {
    margin-right: 10px !important;
  }
  .pr-xxxl-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-15px {
    margin-top: 15px !important;
  }
  .pt-xxxl-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-15px {
    margin-bottom: 15px !important;
  }
  .pb-xxxl-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-15px {
    margin-left: 15px !important;
  }
  .pl-xxxl-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-15px {
    margin-right: 15px !important;
  }
  .pr-xxxl-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-20px {
    margin-top: 20px !important;
  }
  .pt-xxxl-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-20px {
    margin-bottom: 20px !important;
  }
  .pb-xxxl-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-20px {
    margin-left: 20px !important;
  }
  .pl-xxxl-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-20px {
    margin-right: 20px !important;
  }
  .pr-xxxl-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-25px {
    margin-top: 25px !important;
  }
  .pt-xxxl-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-25px {
    margin-bottom: 25px !important;
  }
  .pb-xxxl-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-25px {
    margin-left: 25px !important;
  }
  .pl-xxxl-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-25px {
    margin-right: 25px !important;
  }
  .pr-xxxl-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-30px {
    margin-top: 30px !important;
  }
  .pt-xxxl-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-30px {
    margin-bottom: 30px !important;
  }
  .pb-xxxl-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-30px {
    margin-left: 30px !important;
  }
  .pl-xxxl-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-30px {
    margin-right: 30px !important;
  }
  .pr-xxxl-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-40px {
    margin-top: 40px !important;
  }
  .pt-xxxl-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-40px {
    margin-bottom: 40px !important;
  }
  .pb-xxxl-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-40px {
    margin-left: 40px !important;
  }
  .pl-xxxl-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-40px {
    margin-right: 40px !important;
  }
  .pr-xxxl-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-45px {
    margin-top: 45px !important;
  }
  .pt-xxxl-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-45px {
    margin-bottom: 45px !important;
  }
  .pb-xxxl-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-45px {
    margin-left: 45px !important;
  }
  .pl-xxxl-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-45px {
    margin-right: 45px !important;
  }
  .pr-xxxl-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-50px {
    margin-top: 50px !important;
  }
  .pt-xxxl-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-50px {
    margin-bottom: 50px !important;
  }
  .pb-xxxl-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-50px {
    margin-left: 50px !important;
  }
  .pl-xxxl-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-50px {
    margin-right: 50px !important;
  }
  .pr-xxxl-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-80px {
    margin-top: 80px !important;
  }
  .pt-xxxl-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-80px {
    margin-bottom: 80px !important;
  }
  .pb-xxxl-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-80px {
    margin-left: 80px !important;
  }
  .pl-xxxl-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-80px {
    margin-right: 80px !important;
  }
  .pr-xxxl-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-0 {
    margin-top: 0 !important;
  }
  .pt-fullhd-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-0 {
    margin-bottom: 0 !important;
  }
  .pb-fullhd-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-0 {
    margin-left: 0 !important;
  }
  .pl-fullhd-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-0 {
    margin-right: 0 !important;
  }
  .pr-fullhd-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-5px {
    margin-top: 5px !important;
  }
  .pt-fullhd-5px {
    padding-top: 5px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-5px {
    margin-bottom: 5px !important;
  }
  .pb-fullhd-5px {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-5px {
    margin-left: 5px !important;
  }
  .pl-fullhd-5px {
    padding-left: 5px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-5px {
    margin-right: 5px !important;
  }
  .pr-fullhd-5px {
    padding-right: 5px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-8px {
    margin-top: 8px !important;
  }
  .pt-fullhd-8px {
    padding-top: 8px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-8px {
    margin-bottom: 8px !important;
  }
  .pb-fullhd-8px {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-8px {
    margin-left: 8px !important;
  }
  .pl-fullhd-8px {
    padding-left: 8px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-8px {
    margin-right: 8px !important;
  }
  .pr-fullhd-8px {
    padding-right: 8px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-10px {
    margin-top: 10px !important;
  }
  .pt-fullhd-10px {
    padding-top: 10px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-10px {
    margin-bottom: 10px !important;
  }
  .pb-fullhd-10px {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-10px {
    margin-left: 10px !important;
  }
  .pl-fullhd-10px {
    padding-left: 10px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-10px {
    margin-right: 10px !important;
  }
  .pr-fullhd-10px {
    padding-right: 10px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-15px {
    margin-top: 15px !important;
  }
  .pt-fullhd-15px {
    padding-top: 15px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-15px {
    margin-bottom: 15px !important;
  }
  .pb-fullhd-15px {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-15px {
    margin-left: 15px !important;
  }
  .pl-fullhd-15px {
    padding-left: 15px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-15px {
    margin-right: 15px !important;
  }
  .pr-fullhd-15px {
    padding-right: 15px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-20px {
    margin-top: 20px !important;
  }
  .pt-fullhd-20px {
    padding-top: 20px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-20px {
    margin-bottom: 20px !important;
  }
  .pb-fullhd-20px {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-20px {
    margin-left: 20px !important;
  }
  .pl-fullhd-20px {
    padding-left: 20px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-20px {
    margin-right: 20px !important;
  }
  .pr-fullhd-20px {
    padding-right: 20px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-25px {
    margin-top: 25px !important;
  }
  .pt-fullhd-25px {
    padding-top: 25px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-25px {
    margin-bottom: 25px !important;
  }
  .pb-fullhd-25px {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-25px {
    margin-left: 25px !important;
  }
  .pl-fullhd-25px {
    padding-left: 25px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-25px {
    margin-right: 25px !important;
  }
  .pr-fullhd-25px {
    padding-right: 25px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-30px {
    margin-top: 30px !important;
  }
  .pt-fullhd-30px {
    padding-top: 30px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-30px {
    margin-bottom: 30px !important;
  }
  .pb-fullhd-30px {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-30px {
    margin-left: 30px !important;
  }
  .pl-fullhd-30px {
    padding-left: 30px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-30px {
    margin-right: 30px !important;
  }
  .pr-fullhd-30px {
    padding-right: 30px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-40px {
    margin-top: 40px !important;
  }
  .pt-fullhd-40px {
    padding-top: 40px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-40px {
    margin-bottom: 40px !important;
  }
  .pb-fullhd-40px {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-40px {
    margin-left: 40px !important;
  }
  .pl-fullhd-40px {
    padding-left: 40px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-40px {
    margin-right: 40px !important;
  }
  .pr-fullhd-40px {
    padding-right: 40px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-45px {
    margin-top: 45px !important;
  }
  .pt-fullhd-45px {
    padding-top: 45px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-45px {
    margin-bottom: 45px !important;
  }
  .pb-fullhd-45px {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-45px {
    margin-left: 45px !important;
  }
  .pl-fullhd-45px {
    padding-left: 45px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-45px {
    margin-right: 45px !important;
  }
  .pr-fullhd-45px {
    padding-right: 45px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-50px {
    margin-top: 50px !important;
  }
  .pt-fullhd-50px {
    padding-top: 50px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-50px {
    margin-bottom: 50px !important;
  }
  .pb-fullhd-50px {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-50px {
    margin-left: 50px !important;
  }
  .pl-fullhd-50px {
    padding-left: 50px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-50px {
    margin-right: 50px !important;
  }
  .pr-fullhd-50px {
    padding-right: 50px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-80px {
    margin-top: 80px !important;
  }
  .pt-fullhd-80px {
    padding-top: 80px !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-80px {
    margin-bottom: 80px !important;
  }
  .pb-fullhd-80px {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-80px {
    margin-left: 80px !important;
  }
  .pl-fullhd-80px {
    padding-left: 80px !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-80px {
    margin-right: 80px !important;
  }
  .pr-fullhd-80px {
    padding-right: 80px !important;
  }
}
@media (min-width: 1900px) {
  .mt-fullhd-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1900px) {
  .mb-fullhd-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1900px) {
  .ml-fullhd-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1900px) {
  .mr-fullhd-auto {
    margin-right: auto !important;
  }
}
.col-1 {
  width: 8.33% !important;
}

.col-2 {
  width: 16.6667% !important;
}

.col-3 {
  width: 25% !important;
}

.col-4 {
  width: 33% !important;
}

.col-5 {
  width: 41.6667% !important;
}

.col-6 {
  width: 50% !important;
}

.col-7 {
  width: 58.3333% !important;
}

.col-8 {
  width: 66.6667% !important;
}

.col-9 {
  width: 75% !important;
}

.col-10 {
  width: 83.33% !important;
}

.col-11 {
  width: 91.667% !important;
}

.col-12 {
  width: 100% !important;
}

@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33% !important;
  }
}

@media (min-width: 768px) {
  .col-md-2 {
    width: 16.6667% !important;
  }
}

@media (min-width: 768px) {
  .col-md-3 {
    width: 25% !important;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    width: 33.3333% !important;
  }
}

@media (min-width: 768px) {
  .col-md-5 {
    width: 41.6667% !important;
  }
}

@media (min-width: 768px) {
  .col-md-6 {
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .col-md-7 {
    width: 58.3333% !important;
  }
}

@media (min-width: 768px) {
  .col-md-8 {
    width: 66.6667% !important;
  }
}

@media (min-width: 768px) {
  .col-md-9 {
    width: 75% !important;
  }
}

@media (min-width: 768px) {
  .col-md-10 {
    width: 83.333% !important;
  }
}

@media (min-width: 768px) {
  .col-md-11 {
    width: 91.667% !important;
  }
}

@media (min-width: 768px) {
  .col-md-12 {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.33% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-2 {
    width: 16.6667% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-3 {
    width: 25% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
    width: 33.3333% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-5 {
    width: 41.6667% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-6 {
    width: 50% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-7 {
    width: 58.3333% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-8 {
    width: 66.6667% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-9 {
    width: 75% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-10 {
    width: 83.333% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-11 {
    width: 91.667% !important;
  }
}

@media (min-width: 992px) {
  .col-lg-12 {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.33% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-2 {
    width: 16.6667% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-3 {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .col-xl-4 {
    width: 33.3333% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-5 {
    width: 41.6667% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-6 {
    width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-7 {
    width: 58.3333% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-8 {
    width: 66.6667% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-9 {
    width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-10 {
    width: 83.333% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-11 {
    width: 91.667% !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-12 {
    width: 100% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-1 {
    width: 8.33% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-2 {
    width: 16.6667% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-3 {
    width: 25%;
  }
}

@media (min-width: 1400px) {
  .col-xxl-4 {
    width: 33.3333% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-5 {
    width: 41.6667% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-6 {
    width: 50% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-7 {
    width: 58.3333% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-8 {
    width: 66.6667% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-9 {
    width: 75% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-10 {
    width: 83.333% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-11 {
    width: 91.667% !important;
  }
}

@media (min-width: 1400px) {
  .col-xxl-12 {
    width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-1 {
    width: 8.33% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-2 {
    width: 16.6667% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-3 {
    width: 25% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-4 {
    width: 33.3333% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-5 {
    width: 41.6667% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-6 {
    width: 50% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-7 {
    width: 58.3333% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-8 {
    width: 66.6667% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-9 {
    width: 75% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-10 {
    width: 83.333% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-11 {
    width: 91.667% !important;
  }
}

@media (min-width: 1600px) {
  .col-xxxl-12 {
    width: 100% !important;
  }
}

html.no-scroll {
  overflow: hidden !important;
}

.brxe-text.nop p {
  margin-bottom: 0;
}

.d-none {
  display: none;
}

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

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

.flex-lg-column {
  display: flex;
  flex-direction: row;
}
@media (min-width: 992px) {
  .flex-lg-column {
    flex-direction: column;
  }
}

.flex-lg-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
}

@media (min-width: 992px) {
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
}

@media (min-width: 992px) {
  .justify-content-lg-center {
    justify-content: center !important;
  }
}

@media (min-width: 992px) {
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
}

@media (min-width: 992px) {
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
}

@media (min-width: 992px) {
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}

@media (min-width: 992px) {
  .align-items-lg-start {
    align-items: flex-start !important;
  }
}

@media (min-width: 992px) {
  .align-items-lg-end {
    align-items: flex-end !important;
  }
}

@media (min-width: 992px) {
  .align-items-lg-center {
    align-items: center !important;
  }
}

@media (min-width: 992px) {
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
}

@media (min-width: 992px) {
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
}

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

@media (min-width: 992px) {
  .flex-lg-column {
    flex-direction: column !important;
  }
}

.row-gap-20px {
  row-gap: 20px;
}

.row-gap-30px {
  row-gap: 30px;
}

.column-gap-15px {
  column-gap: 15px;
}

.column-gap-30px {
  column-gap: 30px;
}

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

.position-relative {
  position: relative;
}

.d-flex {
  display: flex;
}

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

.row-gap-10px {
  row-gap: 10px;
}

.text-16px {
  font-size: 16px;
}

@layer bricks {
  @media (max-width: 767px) {
    .brxe-container {
      flex-wrap: nowrap !important;
    }
  }
}
.header__dropdown > .brx-submenu-toggle button {
  position: relative;
  top: 3px;
}
.header__dropdown > .brx-submenu-toggle button svg {
  transition: all 0.5s ease;
}
.header__dropdown.open > .brx-submenu-toggle button svg {
  transform: rotate(180deg);
}

.megamenu-dropdown {
  position: static;
}
.header__search .header__search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__search .header__search-icon--close {
  display: none;
}
.header__search-field {
  display: none;
}
.header__search.is-active .header__search-icon:not(.header__search-icon--close) {
  display: none;
}
.header__search.is-active .header__search-icon--close {
  display: flex;
}
.header__search.is-active .header__search-field {
  display: flex;
}

.header__search-field.is-active {
  display: flex;
}
.header__search-field .header__search-field__select input:focus, .header__search-field .header__search-field__select input:focus-visible {
  outline: none !important;
}

.brxe-polylang-language-switcher .current-lang {
  font-weight: bold;
  position: relative;
}
.brxe-polylang-language-switcher .current-lang::after {
  display: block;
  width: 2px;
  background-color: var(--navy-blue);
  position: absolute;
  content: "";
  right: -7px;
  top: 0;
  bottom: 0;
  height: 100%;
}
.brxe-polylang-language-switcher .current-lang:last-child::after {
  right: auto;
  left: -7px;
}

.offcanvas__dropdown {
  border-bottom: 2px solid #6098FF;
  position: static;
}
.offcanvas__dropdown .brx-submenu-toggle {
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  justify-content: space-between;
}
.offcanvas__dropdown .offcanvas__dropdown-content {
  overflow: hidden scroll;
  height: calc(100vh - 202px);
  pointer-events: none;
  left: 0 !important;
  top: 90px;
}
.offcanvas__dropdown.open .offcanvas__dropdown-content {
  pointer-events: all;
}

@layer bricks {
  .brx-sub-submenu-overflow-right, .brx-sub-submenu-overflow-right ul, .brx-submenu-overflow-right ul {
    left: 0 !important;
  }
}
.offcanvas__dropdown .offcanvas__dropdown .offcanvas__dropdown-content {
  top: 0;
}

.offcanvas__dropdown .offcanvas__dropdown .offcanvas__dropdown-content {
  height: calc(100vh - 112px);
}

.hero {
  background: linear-gradient(16.34deg, #0F3350 10.93%, #BFD6FF 69.9%);
}
@media (min-width: 992px) {
  .hero {
    background: radial-gradient(56.67% 158.38% at 14.2% 109.93%, #0F3350 12.69%, #BFD6FF 100%);
  }
}
.hero--var-2 {
  background: linear-gradient(16.34deg, #AB9A8F 10.93%, #BFD6FF 69.9%);
}
@media (min-width: 992px) {
  .hero--var-2 {
    background: radial-gradient(56.67% 158.38% at 14.2% 109.93%, #AB9A8F 12.69%, #BFD6FF 100%);
  }
}
.hero--var-3 {
  background: linear-gradient(16.34deg, #0F3350 10.93%, #E2DEB9 69.9%);
}
@media (min-width: 992px) {
  .hero--var-3 {
    background: radial-gradient(56.67% 158.38% at 14.2% 109.93%, #0F3350 12.69%, #E2DEB9 100%);
  }
}
.hero--var-4 {
  background: linear-gradient(16.34deg, #D56453 10.93%, #C5CFD2 69.9%);
}
@media (min-width: 992px) {
  .hero--var-4 {
    background: radial-gradient(56.67% 158.38% at 14.2% 109.93%, #D56453 12.69%, #C5CFD2 100%);
  }
}

.hero-unterseite {
  background: linear-gradient(16.34deg, #E0DCBB 10.93%, #BFBFDE 69.9%);
}
@media (min-width: 992px) {
  .hero-unterseite {
    background: radial-gradient(78.09% 220.25% at -7.22% 130.27%, #E2DEB9 12.69%, #BFBFDE 100%);
  }
}
.hero-unterseite--var-2 {
  background: linear-gradient(16.34deg, #C2D0D2 10.93%, #D5CBC5 69.9%);
}
@media (min-width: 992px) {
  .hero-unterseite--var-2 {
    background: radial-gradient(80.83% 231.78% at 2.64% 104.49%, #C2D0D2 46.74%, #D5CBC5 100%);
  }
}
.hero-unterseite--var-3 {
  background: radial-gradient(131.21% 73.27% at 25.38% 92.61%, #F8F7EE 0%, #EFD0C5 37.02%, #E08E80 100%);
}
@media (min-width: 992px) {
  .hero-unterseite--var-3 {
    background: radial-gradient(102.92% 295.2% at 2.64% 104.49%, #F8F7EE 46.74%, #D56453 100%);
  }
}
.hero-unterseite[hero-var=var-2], .hero-unterseite[hero-var-event=var-2] {
  background: linear-gradient(16.34deg, #C2D0D2 10.93%, #D5CBC5 69.9%);
}
@media (min-width: 992px) {
  .hero-unterseite[hero-var=var-2], .hero-unterseite[hero-var-event=var-2] {
    background: radial-gradient(80.83% 231.78% at 2.64% 104.49%, #C2D0D2 46.74%, #D5CBC5 100%);
  }
}
.hero-unterseite[hero-var=var-3], .hero-unterseite[hero-var-event=var-3] {
  background: radial-gradient(131.21% 73.27% at 25.38% 92.61%, #F8F7EE 0%, #EFD0C5 37.02%, #E08E80 100%);
}
@media (min-width: 992px) {
  .hero-unterseite[hero-var=var-3], .hero-unterseite[hero-var-event=var-3] {
    background: radial-gradient(102.92% 295.2% at 2.64% 104.49%, #F8F7EE 46.74%, #D56453 100%);
  }
}

.bg-verlauf-gelb-violett {
  background: linear-gradient(16.34deg, #E0DCBB 10.93%, #BFBFDE 69.9%);
}
@media (min-width: 992px) {
  .bg-verlauf-gelb-violett {
    background: radial-gradient(78.09% 220.25% at -7.22% 130.27%, #E2DEB9 12.69%, #BFBFDE 100%);
  }
}

.bg-verlauf-gruen-rot {
  background: radial-gradient(136.94% 231.37% at 121.53% 1.9%, #8CB3B8 0%, #C57458 97.84%);
}
@media (min-width: 992px) {
  .bg-verlauf-gruen-rot {
    background: radial-gradient(136.94% 231.37% at 121.53% 1.9%, #C57458 0%, #8CB3B8 97.84%);
  }
}

.bg-verlauf-weiss-rot {
  background: radial-gradient(131.21% 73.27% at 25.38% 92.61%, #F8F7EE 0%, #EFD0C5 37.02%, #E08E80 100%);
}
@media (min-width: 992px) {
  .bg-verlauf-weiss-rot {
    background: radial-gradient(102.92% 295.2% at 2.64% 104.49%, #F8F7EE 46.74%, #D56453 100%);
  }
}

.text-medien__bodytext a:not(.btn):not(.read-more),
.wysiwyg-output a:not(.btn):not(.read-more),
.brxe-text a:not(.btn):not(.read-more) {
  color: var(--atlantic-green);
  text-decoration: underline;
  font-weight: 500;
  text-decoration-style: solid;
  text-underline-offset: 22%;
  text-decoration-thickness: 13%;
  text-decoration-skip-ink: auto;
  transition: all 0.2s ease;
  position: relative;
}
.text-medien__bodytext a:not(.btn):not(.read-more)::after,
.wysiwyg-output a:not(.btn):not(.read-more)::after,
.brxe-text a:not(.btn):not(.read-more)::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("assets/images/arrow-top-right.svg");
  position: relative;
  right: 0;
  margin-left: 7px;
}
.text-medien__bodytext a:not(.btn):not(.read-more):hover,
.wysiwyg-output a:not(.btn):not(.read-more):hover,
.brxe-text a:not(.btn):not(.read-more):hover {
  color: #E55F53;
}
.text-medien__bodytext a:has(img)::after,
.wysiwyg-output a:has(img)::after,
.brxe-text a:has(img)::after {
  content: none;
}

.text-medien p {
  margin-bottom: 20px;
}
.text-medien p:last-child {
  margin-bottom: 0;
}
.text-medien blockquote {
  font-family: "Akzidenz-Grotesk Std";
  margin: 0 0 30px 0;
  padding-bottom: 30px;
  padding-left: 0;
  padding-top: 80px;
  border-left: none;
  border-bottom: 2px solid var(--red-gold);
  color: var(--coral-red);
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  font-style: italic;
  position: relative;
}
@media (min-width: 992px) {
  .text-medien blockquote {
    padding-left: 130px;
    padding-top: 0;
    margin: 0 0 40px 0;
  }
}
.text-medien blockquote::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url("assets/images/quote.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 58px;
  height: 51px;
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  .text-medien blockquote::before {
    width: 100px;
    height: 90px;
    top: 25px;
  }
}
.text-medien ul {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 40px;
  list-style: none;
}
.text-medien ul:last-child {
  margin-bottom: 0 !important;
}
.text-medien ul li {
  position: relative;
  padding-left: 35px;
}
.text-medien ul li::before {
  content: "";
  background-color: var(--coral-red);
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.text-medien ol {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 40px;
  padding-left: 20px;
}
.text-medien ol:last-child {
  margin-bottom: 0 !important;
}
.text-medien ol li::marker {
  color: var(--atlantic-green);
}
.text-medien__download {
  position: relative;
  padding-left: 35px;
  display: flex;
}
.text-medien__download::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("assets/images/download-icon.svg");
  left: 0;
}
.text-medien figure {
  overflow: visible;
}
.text-medien figure figcaption {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: var(--navy-blue);
  position: static;
  background: transparent;
  padding: 0;
}
.text-medien h1, .text-medien h2, .text-medien h3, .text-medien h4, .text-medien h5, .text-medien h6 {
  margin-bottom: 15px;
}
.text-medien a.btn {
  color: white;
}

.text-medien__slot a {
  position: relative;
  padding-left: 35px;
  display: flex;
  color: var(--atlantic-green);
  text-decoration: underline;
  font-weight: 500;
  text-decoration-style: solid;
  text-underline-offset: 22%;
  text-decoration-thickness: 13%;
  text-decoration-skip-ink: auto;
  transition: all 0.2s ease;
}
.text-medien__slot a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("assets/images/download-icon.svg");
  left: 0;
}

.bricks-swiper-button-next, .bricks-swiper-button-prev {
  cursor: pointer;
}

.swiper-button.swiper-button-disabled {
  opacity: 0.25;
}

.ab-posts-module__pagination, .ab-gallery-slider__pagination, .ab-icon-slider__pagination {
  --swiper-pagination-bullet-horizontal-gap: 7.5px;
  --swiper-pagination-bullet-size: 20px;
}
@media (max-width: 991.98px) {
  .ab-posts-module__pagination, .ab-gallery-slider__pagination, .ab-icon-slider__pagination {
    width: calc(100vw - 160px) !important;
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-size);
  height: var(--swiper-pagination-bullet-size);
  min-width: var(--swiper-pagination-bullet-size);
  min-height: var(--swiper-pagination-bullet-size);
  background: transparent;
  border: 2px solid var(--navy-blue);
  opacity: 1; /* Swiper usually fades them out, set to 1 if you want them solid */
  /* Remove manual margins - Swiper will apply the gap variable automatically */
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap) !important;
}
@media screen and (min-width: 992px) {
  .swiper-pagination-bullet {
    min-width: 20px;
    min-height: 20px;
    background: white;
    border: 2px solid var(--navy-blue);
    display: block;
    position: static;
    transform: scale(1) !important;
  }
}
.swiper-pagination-bullet-active {
  border: 5px solid var(--neon-blue);
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: white;
}
.swiper-pagination-bullet-active-next[aria-disabled=true], .swiper-pagination-bullet-active-prev[aria-disabled=true] {
  opacity: 0.2;
  cursor: not-allowed;
}
@media screen and (min-width: 992px) {
  .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-prev {
    transform: scale(1);
  }
}
.grid-gap-40px {
  gap: 40px !important;
}

@media (min-width: 992px) {
  .grid-gap-lg-30px {
    gap: 30px !important;
  }
}

@media (min-width: 992px) {
  .hero__container {
    column-gap: 30px;
  }
}
@media (min-width: 1400px) {
  .hero__container {
    column-gap: 0;
  }
}
.hero .hero__image {
  width: 100%;
}
@media screen and (max-width: 476px) {
  .hero .hero__image {
    max-width: 340px;
    height: 300px;
  }
}
@media screen and (min-width: 477px) {
  .hero .hero__image {
    width: 100%;
    max-height: 500px;
  }
}
@media screen and (min-width: 992px) {
  .hero .hero__image {
    max-height: 500px;
    max-width: 610px;
    min-height: 500px;
  }
}
@media (min-width: 1400px) {
  .hero .hero__image {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1680px) {
  .hero .hero__image {
    max-width: 45%;
    max-height: 510px;
    height: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .hero .hero__image {
    height: 100%;
    max-height: 1000px;
  }
}
.hero__slider .splide__arrows {
  position: absolute;
  width: calc(100% - 40px);
  left: 50%;
  bottom: 75px;
  transform: translateX(-50%);
}
@media screen and (min-width: 992px) {
  .hero__slider .splide__arrows {
    width: 250px;
    transform: translateX(0);
  }
}
.hero__slider .splide__pagination {
  bottom: 65px;
}
@media (min-width: 992px) {
  .hero__slider .splide__pagination {
    left: calc(50% + 120px);
  }
}

.slider-pagination-default .splide__pagination {
  column-gap: 15px;
}

.read-more {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  width: fit-content;
  display: flex;
  column-gap: 10px;
}

.subheadline {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
}

.btn {
  background-color: var(--neon-blue);
  padding: 19px 30px;
  color: white;
  font-weight: bold;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 15%;
  width: fit-content;
  display: flex;
}

.veranstaltungen-container {
  transition: height 300ms ease;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.veranstaltungen-container > .veranstaltungen {
  position: absolute;
  top: 0; /* Replaced inset: 0 */
  left: 0; /* Replaced inset: 0 */
  width: 100%;
  transition: opacity 300ms ease, transform 300ms ease;
}

.veranstaltungen-container > .veranstaltungen.is-hidden {
  opacity: 0;
  transform: translateY(0px);
  pointer-events: none;
}

.veranstaltungen-container > .veranstaltungen.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.copyright {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.6980392157);
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright svg {
  width: 14px;
  height: 14px;
  max-height: 14px;
  max-width: 14px;
  min-width: 14px;
  min-height: 14px;
}
.copyright--galerie {
  bottom: 20px;
}

.sib_signup_form {
  display: flex;
  flex-direction: column;
}

.ab-brevo-input, .ab-brevo-select {
  padding: 13px 25px;
  background-color: white;
  border: 1px solid #AB9A8F;
  border-radius: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #6060AC;
}

.ab-brevo-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2300005D' d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E");
  background-size: 14px;
  background-position: right 25px top 50%;
}

.ab-brevo-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}

.ab-brevo-button {
  background-color: var(--neon-blue);
  padding: 19px 30px;
  color: white;
  font-weight: bold;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 15%;
  width: fit-content;
  border: 0;
}

.ab-brevo-checkbox {
  min-width: 25px;
  min-height: 25px;
  max-height: 25px;
  max-width: 25px;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #AB9A8F;
  appearance: none;
  background-color: white;
}

.ab-brevo-checkbox:checked {
  background-color: var(--navy-blue);
  border: 1px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12'%3E%3Cpath d='M13.013 0L5.37025 7.09019L2.1381 3.64094L0 5.64445L5.22171 11.2169L15 2.15389L13.013 0Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
}

.megamenu-link,
.megamenu-dropdown > .brx-submenu-toggle, .header__dropdown > .brx-submenu-toggle, .footer__link {
  position: relative;
  overflow: hidden;
  width: fit-content;
}
.megamenu-link::before,
.megamenu-dropdown > .brx-submenu-toggle::before, .header__dropdown > .brx-submenu-toggle::before, .footer__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--navy-blue);
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition: opacity 600ms ease, transform 600ms ease;
}
.megamenu-link:hover::before, .megamenu-link:focus::before,
.megamenu-dropdown > .brx-submenu-toggle:hover::before,
.megamenu-dropdown > .brx-submenu-toggle:focus::before, .header__dropdown > .brx-submenu-toggle:hover::before, .header__dropdown > .brx-submenu-toggle:focus::before, .footer__link:hover::before, .footer__link:focus::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 400ms ease, transform 400ms ease;
}

.footer__link::before {
  transition: opacity 600ms ease, transform 600ms ease;
  height: 1px;
}

.footer__link:hover::before, .footer__link:focus::before {
  transition: opacity 400ms ease, transform 400ms ease;
}

.offcanvas__link[aria-current=page] {
  text-decoration: underline;
}

.megamenu-link[aria-current=page]::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.megamenu-dropdown.open.active > .brx-submenu-toggle::before, .header__dropdown.open.active > .brx-submenu-toggle::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.page-id-22427 .footer__top {
  display: none !important;
}

h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a, .h1:hover a, .h2:hover a, .h3:hover a, .h4:hover a, .h5:hover a, .h6:hover a {
  text-decoration: underline;
}

body.logged-in.admin-bar #brx-header {
  top: 46px;
}
@media (min-width: 992px) {
  body.logged-in.admin-bar #brx-header {
    top: 32px;
  }
}

#brx-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000;
  background-color: transparent;
  transition: background-color 0.01s linear, background 0.01s linear;
}
#brx-header.active {
  background: var(--light-neon-blue-40);
}

.social-buttons__inner {
  display: none;
  visibility: hidden;
}
.social-buttons__inner.active {
  display: flex;
  visibility: visible;
}

.parent-breadcrumb {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.filter-wrapper {
  display: flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .filter-wrapper {
    margin-bottom: 50px;
  }
}
.filter-wrapper .filter-link {
  background-color: var(--transparent);
  border: 2px solid var(--light-navy-blue);
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  color: var(--navy-blue);
  padding: 15px 25px;
  text-transform: capitalize;
  line-height: 100%;
  letter-spacing: 0.15em;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.filter-wrapper .filter-link.active {
  background-color: var(--light-navy-blue);
  color: var(--white);
  font-weight: 700;
  border-color: var(--transparent);
}

.hero__quote.hero__quote-disabled {
  display: none !important;
}

.wp-singular.single iframe {
  width: 100%;
  height: 400px;
}
@media (min-width: 992px) {
  .wp-singular.single iframe {
    height: 600px;
  }
}

.brxe-post-content blockquote {
  color: #D56453;
}

/*# sourceMappingURL=atlantik-styles.css.map */