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

@media all and (min-width: 576px) {
  .pad-sm-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-0 {
    padding: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-0 {
    padding: 0 !important;
  }
}

.pad-1 {
  padding: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-1 {
    padding: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-1 {
    padding: 16px !important;
  }
}

.pad-2 {
  padding: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-2 {
    padding: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-2 {
    padding: 24px !important;
  }
}

.pad-3 {
  padding: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-3 {
    padding: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-3 {
    padding: 32px !important;
  }
}

.pad-4 {
  padding: 40px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-4 {
    padding: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-4 {
    padding: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-4 {
    padding: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-4 {
    padding: 40px !important;
  }
}

.pad-5 {
  padding: 64px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-5 {
    padding: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-5 {
    padding: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-5 {
    padding: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-5 {
    padding: 64px !important;
  }
}

.pad-6 {
  padding: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-6 {
    padding: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-6 {
    padding: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-6 {
    padding: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-6 {
    padding: 80px !important;
  }
}

.pad-7 {
  padding: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-sm-7 {
    padding: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-md-7 {
    padding: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-lg-7 {
    padding: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-xl-7 {
    padding: 128px !important;
  }
}

.pad-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.pad-x-1 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.pad-x-2 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.pad-x-3 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-3 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

.pad-x-4 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-4 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.pad-x-5 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-5 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-5 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-5 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-5 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

.pad-x-6 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-6 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-6 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-6 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-6 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

.pad-x-7 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-x-sm-7 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-x-md-7 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-x-lg-7 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-x-xl-7 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-y-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.pad-y-1 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-1 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.pad-y-2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

.pad-y-3 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-3 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

.pad-y-4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.pad-y-5 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-5 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-5 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-5 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-5 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

.pad-y-6 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-6 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-6 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-6 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-6 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

.pad-y-7 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-y-sm-7 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-y-md-7 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-y-lg-7 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-y-xl-7 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-left-sm-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-0 {
    padding-left: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-0 {
    padding-left: 0 !important;
  }
}

.pad-left-1 {
  padding-left: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-1 {
    padding-left: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-1 {
    padding-left: 16px !important;
  }
}

.pad-left-2 {
  padding-left: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-2 {
    padding-left: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-2 {
    padding-left: 24px !important;
  }
}

.pad-left-3 {
  padding-left: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-3 {
    padding-left: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-3 {
    padding-left: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-left-sm-4 {
    padding-left: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-4 {
    padding-left: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-4 {
    padding-left: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-4 {
    padding-left: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-left-sm-5 {
    padding-left: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-5 {
    padding-left: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-5 {
    padding-left: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-5 {
    padding-left: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-left-sm-6 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-6 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-6 {
    padding-left: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-6 {
    padding-left: 80px !important;
  }
}

.pad-left-7 {
  padding-left: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-left-sm-7 {
    padding-left: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-left-md-7 {
    padding-left: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-left-lg-7 {
    padding-left: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-left-xl-7 {
    padding-left: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-right-sm-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-0 {
    padding-right: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-0 {
    padding-right: 0 !important;
  }
}

.pad-right-1 {
  padding-right: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-1 {
    padding-right: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-1 {
    padding-right: 16px !important;
  }
}

.pad-right-2 {
  padding-right: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-2 {
    padding-right: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-2 {
    padding-right: 24px !important;
  }
}

.pad-right-3 {
  padding-right: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-3 {
    padding-right: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-3 {
    padding-right: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-right-sm-4 {
    padding-right: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-4 {
    padding-right: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-4 {
    padding-right: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-4 {
    padding-right: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-right-sm-5 {
    padding-right: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-5 {
    padding-right: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-5 {
    padding-right: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-5 {
    padding-right: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-right-sm-6 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-6 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-6 {
    padding-right: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-6 {
    padding-right: 80px !important;
  }
}

.pad-right-7 {
  padding-right: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-right-sm-7 {
    padding-right: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-right-md-7 {
    padding-right: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-right-lg-7 {
    padding-right: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-right-xl-7 {
    padding-right: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-top-sm-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-0 {
    padding-top: 0 !important;
  }
}

.pad-top-1 {
  padding-top: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-1 {
    padding-top: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-1 {
    padding-top: 16px !important;
  }
}

.pad-top-2 {
  padding-top: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-2 {
    padding-top: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-2 {
    padding-top: 24px !important;
  }
}

.pad-top-3 {
  padding-top: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-3 {
    padding-top: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-3 {
    padding-top: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-top-sm-4 {
    padding-top: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-4 {
    padding-top: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-4 {
    padding-top: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-4 {
    padding-top: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-top-sm-5 {
    padding-top: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-5 {
    padding-top: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-5 {
    padding-top: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-5 {
    padding-top: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-top-sm-6 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-6 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-6 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-6 {
    padding-top: 80px !important;
  }
}

.pad-top-7 {
  padding-top: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-top-sm-7 {
    padding-top: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-top-md-7 {
    padding-top: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-top-lg-7 {
    padding-top: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-top-xl-7 {
    padding-top: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-bottom-sm-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-0 {
    padding-bottom: 0 !important;
  }
}

.pad-bottom-1 {
  padding-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-1 {
    padding-bottom: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-1 {
    padding-bottom: 16px !important;
  }
}

.pad-bottom-2 {
  padding-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-2 {
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-2 {
    padding-bottom: 24px !important;
  }
}

.pad-bottom-3 {
  padding-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-3 {
    padding-bottom: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-3 {
    padding-bottom: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-bottom-sm-4 {
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-4 {
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-4 {
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-4 {
    padding-bottom: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-bottom-sm-5 {
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-5 {
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-5 {
    padding-bottom: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-5 {
    padding-bottom: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .pad-bottom-sm-6 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-6 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-6 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-6 {
    padding-bottom: 80px !important;
  }
}

.pad-bottom-7 {
  padding-bottom: 128px !important;
}

@media all and (min-width: 576px) {
  .pad-bottom-sm-7 {
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .pad-bottom-md-7 {
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .pad-bottom-lg-7 {
    padding-bottom: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .pad-bottom-xl-7 {
    padding-bottom: 128px !important;
  }
}

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

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

@media all and (min-width: 768px) {
  .marg-md-0 {
    margin: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-0 {
    margin: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-0 {
    margin: 0 !important;
  }
}

.marg-1 {
  margin: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-1 {
    margin: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-1 {
    margin: 16px !important;
  }
}

.marg-2 {
  margin: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-2 {
    margin: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-2 {
    margin: 24px !important;
  }
}

.marg-3 {
  margin: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-3 {
    margin: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-3 {
    margin: 32px !important;
  }
}

.marg-4 {
  margin: 40px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-4 {
    margin: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-4 {
    margin: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-4 {
    margin: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-4 {
    margin: 40px !important;
  }
}

.marg-5 {
  margin: 64px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-5 {
    margin: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-5 {
    margin: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-5 {
    margin: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-5 {
    margin: 64px !important;
  }
}

.marg-6 {
  margin: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-6 {
    margin: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-6 {
    margin: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-6 {
    margin: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-6 {
    margin: 80px !important;
  }
}

.marg-7 {
  margin: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-sm-7 {
    margin: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-md-7 {
    margin: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-lg-7 {
    margin: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-xl-7 {
    margin: 128px !important;
  }
}

.marg-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.marg-x-1 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-1 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.marg-x-2 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

.marg-x-3 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-3 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

.marg-x-4 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-4 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

.marg-x-5 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-5 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-5 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-5 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-5 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

.marg-x-6 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-6 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-6 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-6 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-6 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

.marg-x-7 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-x-sm-7 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-x-md-7 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-x-lg-7 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-x-xl-7 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

.marg-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.marg-y-1 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-1 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.marg-y-2 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

.marg-y-3 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-3 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

.marg-y-4 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

.marg-y-5 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-5 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-5 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-5 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-5 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

.marg-y-6 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-6 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-6 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-6 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-6 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

.marg-y-7 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-y-sm-7 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-y-md-7 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-y-lg-7 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-y-xl-7 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-left-sm-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-0 {
    margin-left: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-0 {
    margin-left: 0 !important;
  }
}

.marg-left-1 {
  margin-left: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-1 {
    margin-left: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-1 {
    margin-left: 16px !important;
  }
}

.marg-left-2 {
  margin-left: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-2 {
    margin-left: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-2 {
    margin-left: 24px !important;
  }
}

.marg-left-3 {
  margin-left: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-3 {
    margin-left: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-3 {
    margin-left: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-left-sm-4 {
    margin-left: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-4 {
    margin-left: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-4 {
    margin-left: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-4 {
    margin-left: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-left-sm-5 {
    margin-left: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-5 {
    margin-left: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-5 {
    margin-left: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-5 {
    margin-left: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-left-sm-6 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-6 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-6 {
    margin-left: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-6 {
    margin-left: 80px !important;
  }
}

.marg-left-7 {
  margin-left: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-left-sm-7 {
    margin-left: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-left-md-7 {
    margin-left: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-left-lg-7 {
    margin-left: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-left-xl-7 {
    margin-left: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-right-sm-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-0 {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-0 {
    margin-right: 0 !important;
  }
}

.marg-right-1 {
  margin-right: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-1 {
    margin-right: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-1 {
    margin-right: 16px !important;
  }
}

.marg-right-2 {
  margin-right: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-2 {
    margin-right: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-2 {
    margin-right: 24px !important;
  }
}

.marg-right-3 {
  margin-right: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-3 {
    margin-right: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-3 {
    margin-right: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-right-sm-4 {
    margin-right: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-4 {
    margin-right: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-4 {
    margin-right: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-4 {
    margin-right: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-right-sm-5 {
    margin-right: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-5 {
    margin-right: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-5 {
    margin-right: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-5 {
    margin-right: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-right-sm-6 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-6 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-6 {
    margin-right: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-6 {
    margin-right: 80px !important;
  }
}

.marg-right-7 {
  margin-right: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-right-sm-7 {
    margin-right: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-right-md-7 {
    margin-right: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-right-lg-7 {
    margin-right: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-right-xl-7 {
    margin-right: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-top-sm-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-0 {
    margin-top: 0 !important;
  }
}

.marg-top-1 {
  margin-top: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-1 {
    margin-top: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-1 {
    margin-top: 16px !important;
  }
}

.marg-top-2 {
  margin-top: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-2 {
    margin-top: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-2 {
    margin-top: 24px !important;
  }
}

.marg-top-3 {
  margin-top: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-3 {
    margin-top: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-3 {
    margin-top: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-top-sm-4 {
    margin-top: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-4 {
    margin-top: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-4 {
    margin-top: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-4 {
    margin-top: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-top-sm-5 {
    margin-top: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-5 {
    margin-top: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-5 {
    margin-top: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-5 {
    margin-top: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-top-sm-6 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-6 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-6 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-6 {
    margin-top: 80px !important;
  }
}

.marg-top-7 {
  margin-top: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-top-sm-7 {
    margin-top: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-top-md-7 {
    margin-top: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-top-lg-7 {
    margin-top: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-top-xl-7 {
    margin-top: 128px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-bottom-sm-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-0 {
    margin-bottom: 0 !important;
  }
}

.marg-bottom-1 {
  margin-bottom: 16px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-1 {
    margin-bottom: 16px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-1 {
    margin-bottom: 16px !important;
  }
}

.marg-bottom-2 {
  margin-bottom: 24px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-2 {
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-2 {
    margin-bottom: 24px !important;
  }
}

.marg-bottom-3 {
  margin-bottom: 32px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-3 {
    margin-bottom: 32px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-3 {
    margin-bottom: 32px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-bottom-sm-4 {
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-4 {
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-4 {
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-4 {
    margin-bottom: 40px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-bottom-sm-5 {
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-5 {
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-5 {
    margin-bottom: 64px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-5 {
    margin-bottom: 64px !important;
  }
}

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

@media all and (min-width: 576px) {
  .marg-bottom-sm-6 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-6 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-6 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-6 {
    margin-bottom: 80px !important;
  }
}

.marg-bottom-7 {
  margin-bottom: 128px !important;
}

@media all and (min-width: 576px) {
  .marg-bottom-sm-7 {
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 768px) {
  .marg-bottom-md-7 {
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 992px) {
  .marg-bottom-lg-7 {
    margin-bottom: 128px !important;
  }
}

@media all and (min-width: 1200px) {
  .marg-bottom-xl-7 {
    margin-bottom: 128px !important;
  }
}

body.site_ours_noir {
  margin: 0;
  position: relative;
  color: white;
  font-size: 16px;
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  background-image: url("/images/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  --bs-body-line-height: 1.2;
}
body.site_ours_noir::before {
  content: "";
  position: fixed;
  inset: 0;
  top: -10vh;
  height: 120vh;
  background-image: url("/images/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
body.site_ours_noir .bouton {
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  border: 2px solid transparent;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  padding: 10px 32px;
  width: 358px;
  max-width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: border 0.1s ease-in-out, background-color 0.1s ease-in-out;
  text-decoration: none;
}
@media all and (max-width: 991px) {
  body.site_ours_noir .bouton {
    width: 100%;
  }
}
body.site_ours_noir .bouton:not(:disabled, .disabled):hover {
  background-color: #0F0A0C;
  border-color: #0F0A0C;
}
body.site_ours_noir .bouton-principal {
  background-color: #bc1633;
  color: white;
}
body.site_ours_noir .bouton-small {
  padding: 8px 32px;
  height: 48px;
  width: fit-content;
}
@media all and (max-width: 991px) {
  body.site_ours_noir .bouton-small {
    padding: 8px 16px;
    height: 44px;
  }
}
body.site_ours_noir .black, body.site_ours_noir h2 {
  font-weight: 600;
}
body.site_ours_noir h1 {
  margin: 0 auto;
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  padding: 14px 32px 10px 32px;
  width: fit-content;
  font-size: 32px;
  background-color: #bc1633;
  transform: rotate(-2.3deg);
}
body.site_ours_noir h2 {
  font-size: 20px;
  position: relative;
}
body.site_ours_noir h2::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  height: 2px;
}
body.site_ours_noir #lead-texte {
  max-width: 620px;
}
@media all and (max-width: 767px) {
  body.site_ours_noir #lead-texte {
    max-width: 328px;
  }
}
body.site_ours_noir .header {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: -24px;
}
body.site_ours_noir .header .img-wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}
body.site_ours_noir .header .illustration {
  height: auto;
  width: auto;
  min-width: 400px;
  max-width: 1028px;
  object-fit: cover;
}
body.site_ours_noir .header .logo {
  position: absolute;
  min-width: 120px;
  width: 30%;
  max-width: 230px;
  bottom: 25px;
  left: 10px;
}
@media all and (min-width: 992px) {
  body.site_ours_noir .header .logo {
    left: clamp(50px, 50vw - 550px, 3000px);
  }
}
body.site_ours_noir .header::after {
  content: "";
  background-color: white;
  height: 8px;
  width: 95%;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}
body.site_ours_noir main {
  overflow-x: hidden;
}
body.site_ours_noir main .form-label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 4px;
}
body.site_ours_noir main .form-check-label {
  font-size: 16px;
}
body.site_ours_noir main .form input, body.site_ours_noir main .form textarea, body.site_ours_noir main .form select {
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}
body.site_ours_noir main .form input::placeholder, body.site_ours_noir main .form textarea::placeholder, body.site_ours_noir main .form select::placeholder {
  color: rgba(15, 10, 12, 0.45);
  font-size: 16px;
}
body.site_ours_noir main .form input:focus, body.site_ours_noir main .form textarea:focus, body.site_ours_noir main .form select:focus {
  box-shadow: none;
}
body.site_ours_noir main .form fieldset {
  gap: 8px;
}
body.site_ours_noir main .form fieldset .form-radios {
  gap: 16px;
}
body.site_ours_noir main .form input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid white;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: border 0.2s ease;
  padding: 0;
}
body.site_ours_noir main .form input[type=radio]:hover {
  border-color: #0F0A0C;
}
body.site_ours_noir main .form input[type=radio]:checked {
  border-color: #0F0A0C;
  background-color: transparent;
}
body.site_ours_noir main .form input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0F0A0C;
}
body.site_ours_noir main .form .evaluation {
  font-size: 14px;
  font-style: italic;
}
body.site_ours_noir main .form table th:not(th:first-of-type) {
  text-align: center;
}
body.site_ours_noir main .form table td.critere {
  width: 65%;
  max-width: 380px;
  padding: 4px 24px 4px 5px;
}
@media all and (max-width: 1199px) {
  body.site_ours_noir main .form table td.critere {
    padding: 4px 16px 4px 4px;
  }
}
body.site_ours_noir main .form table td:not(.critere) {
  text-align: center;
  width: 8.75%;
  padding: 10px 5px;
}
body.site_ours_noir main .message {
  font-size: 32px;
  text-align: center;
}

/*# sourceMappingURL=ours_noir_satisfaction_20251022.css.map */