@charset "UTF-8";
/* ==========================================================================
   PSDGator SCSS Styles [VARIABLES]
   Theme Settings
   ========================================================================== */
/* ========================================================== */
/* 			            01. general                               */
/* ========================================================== */
/* ========================================================== */
/* 			            02. grid                                  */
/* ========================================================== */
/* We can have extra column sizes */
/* ========================================================== */
/* 			            03. utils                                 */
/* ========================================================== */
/* ========================================================== */
/* 			            04. breakpoints                           */
/* ========================================================== */
/* ========================================================== */
/* 			            05. css variables                         */
/* ========================================================== */
:root {
  /* html|body */
  --main-font-family: "Gotham", sans-serif;
  --main-font-size: 16px;
  --main-font-color: #fff;
  --body-background: #fff;
}

/* ==========================================================================
   PSDGator SCSS FUNCTIONS [TYPES]

   A collection of function for advanced type checking
   ========================================================================== */
/* ==========================================================================
   PSDGator SCSS FUNCTIONS [INTERNAL]
   ========================================================================== */
/**
 * Replaces substring on a string variable
 */
/**
 * Splits a string with a specific separator
 */
/* ==========================================================================
   PSDGator SCSS FUNCTIONS [UNITS]
   ========================================================================== */
/**
 * Removes unit from value
 */
/**
 * Adds unit to a unitless value
 */
/**
 * Converts to rem values
 */
/**
 * Converts to vw values
 */
/* ==========================================================================
   PSDGator SCSS Styles [UTILITIES]

   A tiny utility-first CSS "framework"
   ========================================================================== */
.text-center {
  text-align: center;
}

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

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.d-block {
  display: block;
}

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

.d-flex {
  display: flex;
}

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

.d-none {
  display: none;
}

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

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

@media screen and (max-width: 1024px) {
  .text-xl-center {
    text-align: center;
  }
  .text-xl-left {
    text-align: left;
  }
  .text-xl-right {
    text-align: right;
  }
  .float-xl-left {
    float: left;
  }
  .float-xl-right {
    float: right;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
  .overflow-xl-visible {
    overflow: visible;
  }
  .position-xl-static {
    position: static;
  }
  .position-xl-relative {
    position: relative;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
  .d-xl-none {
    display: none;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .justify-content-xl-center {
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .float-lg-left {
    float: left;
  }
  .float-lg-right {
    float: right;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .overflow-lg-visible {
    overflow: visible;
  }
  .position-lg-static {
    position: static;
  }
  .position-lg-relative {
    position: relative;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
  .d-lg-none {
    display: none;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .float-md-left {
    float: left;
  }
  .float-md-right {
    float: right;
  }
  .overflow-md-hidden {
    overflow: hidden;
  }
  .overflow-md-visible {
    overflow: visible;
  }
  .position-md-static {
    position: static;
  }
  .position-md-relative {
    position: relative;
  }
  .position-md-absolute {
    position: absolute;
  }
  .d-md-block {
    display: block;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
  .d-md-none {
    display: none;
  }
  .align-items-md-center {
    align-items: center;
  }
  .justify-content-md-center {
    justify-content: center;
  }
}
@media screen and (max-width: 640px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .float-sm-left {
    float: left;
  }
  .float-sm-right {
    float: right;
  }
  .overflow-sm-hidden {
    overflow: hidden;
  }
  .overflow-sm-visible {
    overflow: visible;
  }
  .position-sm-static {
    position: static;
  }
  .position-sm-relative {
    position: relative;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
  .d-sm-none {
    display: none;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
}
/* ==========================================================================
   PSDGator SCSS Styles [GRID]
   ========================================================================== */
.psd-row {
  display: flex;
  flex-wrap: wrap;
}
.psd-row--hcenter {
  justify-content: center;
}
.psd-row--vcenter {
  align-items: center;
}

/**
 * A small hack so we don't have to include max-width
 * with the appropriate percentage everywhere (less file size)
 *
 * Generally it works but it seems to fail when a col is
 * alone in its row (it will expand to 100%)
 */
/**
 * Builders
 */
/**
 * Generate everything
 */
.psd-col {
  flex: 1;
  max-width: 100%;
}

.psd-col-auto {
  flex: auto;
  max-width: 100%;
  width: auto;
}

/* Generate all column/offset classes */
.psd-col-1 {
  flex: 8.3333333333%;
  max-width: 8.3333333333%;
}

.psd-off-1 {
  margin-left: 8.3333333333%;
}

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

.psd-off-2 {
  margin-left: 16.6666666667%;
}

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

.psd-off-3 {
  margin-left: 25%;
}

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

.psd-off-4 {
  margin-left: 33.3333333333%;
}

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

.psd-off-5 {
  margin-left: 41.6666666667%;
}

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

.psd-off-6 {
  margin-left: 50%;
}

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

.psd-off-7 {
  margin-left: 58.3333333333%;
}

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

.psd-off-8 {
  margin-left: 66.6666666667%;
}

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

.psd-off-9 {
  margin-left: 75%;
}

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

.psd-off-10 {
  margin-left: 83.3333333333%;
}

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

.psd-off-11 {
  margin-left: 91.6666666667%;
}

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

.psd-off-12 {
  margin-left: 100%;
}

/* Generate the extra classes */
.psd-col-20 {
  flex: 20%;
  max-width: 20%;
}

/* Generate all gap classes */
.psd-gap-0,
.psd-gap-0-x {
  margin-left: 0;
}
.psd-gap-0 > *,
.psd-gap-0-x > * {
  padding-left: 0;
}

.psd-gap-0,
.psd-gap-0-y {
  margin-top: 0;
}
.psd-gap-0 > *,
.psd-gap-0-y > * {
  padding-top: 0;
}

.psd-gap-8,
.psd-gap-8-x {
  margin-left: -8px;
}
.psd-gap-8 > *,
.psd-gap-8-x > * {
  padding-left: 8px;
}

.psd-gap-8,
.psd-gap-8-y {
  margin-top: -8px;
}
.psd-gap-8 > *,
.psd-gap-8-y > * {
  padding-top: 8px;
}

.psd-gap-10,
.psd-gap-10-x {
  margin-left: -10px;
}
.psd-gap-10 > *,
.psd-gap-10-x > * {
  padding-left: 10px;
}

.psd-gap-10,
.psd-gap-10-y {
  margin-top: -10px;
}
.psd-gap-10 > *,
.psd-gap-10-y > * {
  padding-top: 10px;
}

.psd-gap-16,
.psd-gap-16-x {
  margin-left: -16px;
}
.psd-gap-16 > *,
.psd-gap-16-x > * {
  padding-left: 16px;
}

.psd-gap-16,
.psd-gap-16-y {
  margin-top: -16px;
}
.psd-gap-16 > *,
.psd-gap-16-y > * {
  padding-top: 16px;
}

.psd-gap-20,
.psd-gap-20-x {
  margin-left: -20px;
}
.psd-gap-20 > *,
.psd-gap-20-x > * {
  padding-left: 20px;
}

.psd-gap-20,
.psd-gap-20-y {
  margin-top: -20px;
}
.psd-gap-20 > *,
.psd-gap-20-y > * {
  padding-top: 20px;
}

.psd-gap-26,
.psd-gap-26-x {
  margin-left: -26px;
}
.psd-gap-26 > *,
.psd-gap-26-x > * {
  padding-left: 26px;
}

.psd-gap-26,
.psd-gap-26-y {
  margin-top: -26px;
}
.psd-gap-26 > *,
.psd-gap-26-y > * {
  padding-top: 26px;
}

.psd-gap-30,
.psd-gap-30-x {
  margin-left: -30px;
}
.psd-gap-30 > *,
.psd-gap-30-x > * {
  padding-left: 30px;
}

.psd-gap-30,
.psd-gap-30-y {
  margin-top: -30px;
}
.psd-gap-30 > *,
.psd-gap-30-y > * {
  padding-top: 30px;
}

.psd-gap-40,
.psd-gap-40-x {
  margin-left: -40px;
}
.psd-gap-40 > *,
.psd-gap-40-x > * {
  padding-left: 40px;
}

.psd-gap-40,
.psd-gap-40-y {
  margin-top: -40px;
}
.psd-gap-40 > *,
.psd-gap-40-y > * {
  padding-top: 40px;
}

.psd-gap-50,
.psd-gap-50-x {
  margin-left: -50px;
}
.psd-gap-50 > *,
.psd-gap-50-x > * {
  padding-left: 50px;
}

.psd-gap-50,
.psd-gap-50-y {
  margin-top: -50px;
}
.psd-gap-50 > *,
.psd-gap-50-y > * {
  padding-top: 50px;
}

.psd-gap-60,
.psd-gap-60-x {
  margin-left: -60px;
}
.psd-gap-60 > *,
.psd-gap-60-x > * {
  padding-left: 60px;
}

.psd-gap-60,
.psd-gap-60-y {
  margin-top: -60px;
}
.psd-gap-60 > *,
.psd-gap-60-y > * {
  padding-top: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Generate all responsive steps */
@media screen and (max-width: 1024px) {
  .psd-col-xl {
    flex: 1;
    max-width: 100%;
  }
  .psd-col-xl-auto {
    flex: auto;
    max-width: 100%;
    width: auto;
  }
  /* Generate all column/offset classes */
  .psd-col-xl-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .psd-off-xl-1 {
    margin-left: 8.3333333333%;
  }
  .psd-col-xl-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .psd-off-xl-2 {
    margin-left: 16.6666666667%;
  }
  .psd-col-xl-3 {
    flex: 25%;
    max-width: 25%;
  }
  .psd-off-xl-3 {
    margin-left: 25%;
  }
  .psd-col-xl-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .psd-off-xl-4 {
    margin-left: 33.3333333333%;
  }
  .psd-col-xl-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .psd-off-xl-5 {
    margin-left: 41.6666666667%;
  }
  .psd-col-xl-6 {
    flex: 50%;
    max-width: 50%;
  }
  .psd-off-xl-6 {
    margin-left: 50%;
  }
  .psd-col-xl-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .psd-off-xl-7 {
    margin-left: 58.3333333333%;
  }
  .psd-col-xl-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .psd-off-xl-8 {
    margin-left: 66.6666666667%;
  }
  .psd-col-xl-9 {
    flex: 75%;
    max-width: 75%;
  }
  .psd-off-xl-9 {
    margin-left: 75%;
  }
  .psd-col-xl-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .psd-off-xl-10 {
    margin-left: 83.3333333333%;
  }
  .psd-col-xl-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .psd-off-xl-11 {
    margin-left: 91.6666666667%;
  }
  .psd-col-xl-12 {
    flex: 100%;
    max-width: 100%;
  }
  .psd-off-xl-12 {
    margin-left: 100%;
  }
  /* Generate the extra classes */
  .psd-col-xl-20 {
    flex: 20%;
    max-width: 20%;
  }
  /* Generate all gap classes */
  .psd-gap-xl-0,
  .psd-gap-xl-0-x {
    margin-left: 0;
  }
  .psd-gap-xl-0 > *,
  .psd-gap-xl-0-x > * {
    padding-left: 0;
  }
  .psd-gap-xl-0,
  .psd-gap-xl-0-y {
    margin-top: 0;
  }
  .psd-gap-xl-0 > *,
  .psd-gap-xl-0-y > * {
    padding-top: 0;
  }
  .psd-gap-xl-8,
  .psd-gap-xl-8-x {
    margin-left: -8px;
  }
  .psd-gap-xl-8 > *,
  .psd-gap-xl-8-x > * {
    padding-left: 8px;
  }
  .psd-gap-xl-8,
  .psd-gap-xl-8-y {
    margin-top: -8px;
  }
  .psd-gap-xl-8 > *,
  .psd-gap-xl-8-y > * {
    padding-top: 8px;
  }
  .psd-gap-xl-10,
  .psd-gap-xl-10-x {
    margin-left: -10px;
  }
  .psd-gap-xl-10 > *,
  .psd-gap-xl-10-x > * {
    padding-left: 10px;
  }
  .psd-gap-xl-10,
  .psd-gap-xl-10-y {
    margin-top: -10px;
  }
  .psd-gap-xl-10 > *,
  .psd-gap-xl-10-y > * {
    padding-top: 10px;
  }
  .psd-gap-xl-16,
  .psd-gap-xl-16-x {
    margin-left: -16px;
  }
  .psd-gap-xl-16 > *,
  .psd-gap-xl-16-x > * {
    padding-left: 16px;
  }
  .psd-gap-xl-16,
  .psd-gap-xl-16-y {
    margin-top: -16px;
  }
  .psd-gap-xl-16 > *,
  .psd-gap-xl-16-y > * {
    padding-top: 16px;
  }
  .psd-gap-xl-20,
  .psd-gap-xl-20-x {
    margin-left: -20px;
  }
  .psd-gap-xl-20 > *,
  .psd-gap-xl-20-x > * {
    padding-left: 20px;
  }
  .psd-gap-xl-20,
  .psd-gap-xl-20-y {
    margin-top: -20px;
  }
  .psd-gap-xl-20 > *,
  .psd-gap-xl-20-y > * {
    padding-top: 20px;
  }
  .psd-gap-xl-26,
  .psd-gap-xl-26-x {
    margin-left: -26px;
  }
  .psd-gap-xl-26 > *,
  .psd-gap-xl-26-x > * {
    padding-left: 26px;
  }
  .psd-gap-xl-26,
  .psd-gap-xl-26-y {
    margin-top: -26px;
  }
  .psd-gap-xl-26 > *,
  .psd-gap-xl-26-y > * {
    padding-top: 26px;
  }
  .psd-gap-xl-30,
  .psd-gap-xl-30-x {
    margin-left: -30px;
  }
  .psd-gap-xl-30 > *,
  .psd-gap-xl-30-x > * {
    padding-left: 30px;
  }
  .psd-gap-xl-30,
  .psd-gap-xl-30-y {
    margin-top: -30px;
  }
  .psd-gap-xl-30 > *,
  .psd-gap-xl-30-y > * {
    padding-top: 30px;
  }
  .psd-gap-xl-40,
  .psd-gap-xl-40-x {
    margin-left: -40px;
  }
  .psd-gap-xl-40 > *,
  .psd-gap-xl-40-x > * {
    padding-left: 40px;
  }
  .psd-gap-xl-40,
  .psd-gap-xl-40-y {
    margin-top: -40px;
  }
  .psd-gap-xl-40 > *,
  .psd-gap-xl-40-y > * {
    padding-top: 40px;
  }
  .psd-gap-xl-50,
  .psd-gap-xl-50-x {
    margin-left: -50px;
  }
  .psd-gap-xl-50 > *,
  .psd-gap-xl-50-x > * {
    padding-left: 50px;
  }
  .psd-gap-xl-50,
  .psd-gap-xl-50-y {
    margin-top: -50px;
  }
  .psd-gap-xl-50 > *,
  .psd-gap-xl-50-y > * {
    padding-top: 50px;
  }
  .psd-gap-xl-60,
  .psd-gap-xl-60-x {
    margin-left: -60px;
  }
  .psd-gap-xl-60 > *,
  .psd-gap-xl-60-x > * {
    padding-left: 60px;
  }
  .psd-gap-xl-60,
  .psd-gap-xl-60-y {
    margin-top: -60px;
  }
  .psd-gap-xl-60 > *,
  .psd-gap-xl-60-y > * {
    padding-top: 60px;
  }
  .psd-mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .psd-mt-xl-0 {
    margin-top: 0px !important;
  }
  .psd-ml-xl-0 {
    margin-left: 0px !important;
  }
  .psd-mr-xl-0 {
    margin-right: 0px !important;
  }
  .psd-pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .psd-pt-xl-0 {
    padding-top: 0px !important;
  }
  .psd-pl-xl-0 {
    padding-left: 0px !important;
  }
  .psd-pr-xl-0 {
    padding-right: 0px !important;
  }
  .psd-mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .psd-mt-xl-10 {
    margin-top: 10px !important;
  }
  .psd-ml-xl-10 {
    margin-left: 10px !important;
  }
  .psd-mr-xl-10 {
    margin-right: 10px !important;
  }
  .psd-pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .psd-pt-xl-10 {
    padding-top: 10px !important;
  }
  .psd-pl-xl-10 {
    padding-left: 10px !important;
  }
  .psd-pr-xl-10 {
    padding-right: 10px !important;
  }
  .psd-mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .psd-mt-xl-20 {
    margin-top: 20px !important;
  }
  .psd-ml-xl-20 {
    margin-left: 20px !important;
  }
  .psd-mr-xl-20 {
    margin-right: 20px !important;
  }
  .psd-pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .psd-pt-xl-20 {
    padding-top: 20px !important;
  }
  .psd-pl-xl-20 {
    padding-left: 20px !important;
  }
  .psd-pr-xl-20 {
    padding-right: 20px !important;
  }
  .psd-mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .psd-mt-xl-30 {
    margin-top: 30px !important;
  }
  .psd-ml-xl-30 {
    margin-left: 30px !important;
  }
  .psd-mr-xl-30 {
    margin-right: 30px !important;
  }
  .psd-pb-xl-30 {
    padding-bottom: 30px !important;
  }
  .psd-pt-xl-30 {
    padding-top: 30px !important;
  }
  .psd-pl-xl-30 {
    padding-left: 30px !important;
  }
  .psd-pr-xl-30 {
    padding-right: 30px !important;
  }
  .psd-mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .psd-mt-xl-40 {
    margin-top: 40px !important;
  }
  .psd-ml-xl-40 {
    margin-left: 40px !important;
  }
  .psd-mr-xl-40 {
    margin-right: 40px !important;
  }
  .psd-pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .psd-pt-xl-40 {
    padding-top: 40px !important;
  }
  .psd-pl-xl-40 {
    padding-left: 40px !important;
  }
  .psd-pr-xl-40 {
    padding-right: 40px !important;
  }
  .psd-mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .psd-mt-xl-50 {
    margin-top: 50px !important;
  }
  .psd-ml-xl-50 {
    margin-left: 50px !important;
  }
  .psd-mr-xl-50 {
    margin-right: 50px !important;
  }
  .psd-pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .psd-pt-xl-50 {
    padding-top: 50px !important;
  }
  .psd-pl-xl-50 {
    padding-left: 50px !important;
  }
  .psd-pr-xl-50 {
    padding-right: 50px !important;
  }
  .psd-mb-xl-60 {
    margin-bottom: 60px !important;
  }
  .psd-mt-xl-60 {
    margin-top: 60px !important;
  }
  .psd-ml-xl-60 {
    margin-left: 60px !important;
  }
  .psd-mr-xl-60 {
    margin-right: 60px !important;
  }
  .psd-pb-xl-60 {
    padding-bottom: 60px !important;
  }
  .psd-pt-xl-60 {
    padding-top: 60px !important;
  }
  .psd-pl-xl-60 {
    padding-left: 60px !important;
  }
  .psd-pr-xl-60 {
    padding-right: 60px !important;
  }
  .psd-mb-xl-70 {
    margin-bottom: 70px !important;
  }
  .psd-mt-xl-70 {
    margin-top: 70px !important;
  }
  .psd-ml-xl-70 {
    margin-left: 70px !important;
  }
  .psd-mr-xl-70 {
    margin-right: 70px !important;
  }
  .psd-pb-xl-70 {
    padding-bottom: 70px !important;
  }
  .psd-pt-xl-70 {
    padding-top: 70px !important;
  }
  .psd-pl-xl-70 {
    padding-left: 70px !important;
  }
  .psd-pr-xl-70 {
    padding-right: 70px !important;
  }
  .psd-mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .psd-mt-xl-80 {
    margin-top: 80px !important;
  }
  .psd-ml-xl-80 {
    margin-left: 80px !important;
  }
  .psd-mr-xl-80 {
    margin-right: 80px !important;
  }
  .psd-pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .psd-pt-xl-80 {
    padding-top: 80px !important;
  }
  .psd-pl-xl-80 {
    padding-left: 80px !important;
  }
  .psd-pr-xl-80 {
    padding-right: 80px !important;
  }
  .psd-mb-xl-90 {
    margin-bottom: 90px !important;
  }
  .psd-mt-xl-90 {
    margin-top: 90px !important;
  }
  .psd-ml-xl-90 {
    margin-left: 90px !important;
  }
  .psd-mr-xl-90 {
    margin-right: 90px !important;
  }
  .psd-pb-xl-90 {
    padding-bottom: 90px !important;
  }
  .psd-pt-xl-90 {
    padding-top: 90px !important;
  }
  .psd-pl-xl-90 {
    padding-left: 90px !important;
  }
  .psd-pr-xl-90 {
    padding-right: 90px !important;
  }
  .psd-mb-xl-100 {
    margin-bottom: 100px !important;
  }
  .psd-mt-xl-100 {
    margin-top: 100px !important;
  }
  .psd-ml-xl-100 {
    margin-left: 100px !important;
  }
  .psd-mr-xl-100 {
    margin-right: 100px !important;
  }
  .psd-pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .psd-pt-xl-100 {
    padding-top: 100px !important;
  }
  .psd-pl-xl-100 {
    padding-left: 100px !important;
  }
  .psd-pr-xl-100 {
    padding-right: 100px !important;
  }
  .psd-mb-xl-150 {
    margin-bottom: 150px !important;
  }
  .psd-mt-xl-150 {
    margin-top: 150px !important;
  }
  .psd-ml-xl-150 {
    margin-left: 150px !important;
  }
  .psd-mr-xl-150 {
    margin-right: 150px !important;
  }
  .psd-pb-xl-150 {
    padding-bottom: 150px !important;
  }
  .psd-pt-xl-150 {
    padding-top: 150px !important;
  }
  .psd-pl-xl-150 {
    padding-left: 150px !important;
  }
  .psd-pr-xl-150 {
    padding-right: 150px !important;
  }
  .psd-mb-xl-200 {
    margin-bottom: 200px !important;
  }
  .psd-mt-xl-200 {
    margin-top: 200px !important;
  }
  .psd-ml-xl-200 {
    margin-left: 200px !important;
  }
  .psd-mr-xl-200 {
    margin-right: 200px !important;
  }
  .psd-pb-xl-200 {
    padding-bottom: 200px !important;
  }
  .psd-pt-xl-200 {
    padding-top: 200px !important;
  }
  .psd-pl-xl-200 {
    padding-left: 200px !important;
  }
  .psd-pr-xl-200 {
    padding-right: 200px !important;
  }
  .psd-mb-xl-250 {
    margin-bottom: 250px !important;
  }
  .psd-mt-xl-250 {
    margin-top: 250px !important;
  }
  .psd-ml-xl-250 {
    margin-left: 250px !important;
  }
  .psd-mr-xl-250 {
    margin-right: 250px !important;
  }
  .psd-pb-xl-250 {
    padding-bottom: 250px !important;
  }
  .psd-pt-xl-250 {
    padding-top: 250px !important;
  }
  .psd-pl-xl-250 {
    padding-left: 250px !important;
  }
  .psd-pr-xl-250 {
    padding-right: 250px !important;
  }
  .reset-xl {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .psd-col-lg {
    flex: 1;
    max-width: 100%;
  }
  .psd-col-lg-auto {
    flex: auto;
    max-width: 100%;
    width: auto;
  }
  /* Generate all column/offset classes */
  .psd-col-lg-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .psd-off-lg-1 {
    margin-left: 8.3333333333%;
  }
  .psd-col-lg-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .psd-off-lg-2 {
    margin-left: 16.6666666667%;
  }
  .psd-col-lg-3 {
    flex: 25%;
    max-width: 25%;
  }
  .psd-off-lg-3 {
    margin-left: 25%;
  }
  .psd-col-lg-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .psd-off-lg-4 {
    margin-left: 33.3333333333%;
  }
  .psd-col-lg-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .psd-off-lg-5 {
    margin-left: 41.6666666667%;
  }
  .psd-col-lg-6 {
    flex: 50%;
    max-width: 50%;
  }
  .psd-off-lg-6 {
    margin-left: 50%;
  }
  .psd-col-lg-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .psd-off-lg-7 {
    margin-left: 58.3333333333%;
  }
  .psd-col-lg-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .psd-off-lg-8 {
    margin-left: 66.6666666667%;
  }
  .psd-col-lg-9 {
    flex: 75%;
    max-width: 75%;
  }
  .psd-off-lg-9 {
    margin-left: 75%;
  }
  .psd-col-lg-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .psd-off-lg-10 {
    margin-left: 83.3333333333%;
  }
  .psd-col-lg-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .psd-off-lg-11 {
    margin-left: 91.6666666667%;
  }
  .psd-col-lg-12 {
    flex: 100%;
    max-width: 100%;
  }
  .psd-off-lg-12 {
    margin-left: 100%;
  }
  /* Generate the extra classes */
  .psd-col-lg-20 {
    flex: 20%;
    max-width: 20%;
  }
  /* Generate all gap classes */
  .psd-gap-lg-0,
  .psd-gap-lg-0-x {
    margin-left: 0;
  }
  .psd-gap-lg-0 > *,
  .psd-gap-lg-0-x > * {
    padding-left: 0;
  }
  .psd-gap-lg-0,
  .psd-gap-lg-0-y {
    margin-top: 0;
  }
  .psd-gap-lg-0 > *,
  .psd-gap-lg-0-y > * {
    padding-top: 0;
  }
  .psd-gap-lg-8,
  .psd-gap-lg-8-x {
    margin-left: -8px;
  }
  .psd-gap-lg-8 > *,
  .psd-gap-lg-8-x > * {
    padding-left: 8px;
  }
  .psd-gap-lg-8,
  .psd-gap-lg-8-y {
    margin-top: -8px;
  }
  .psd-gap-lg-8 > *,
  .psd-gap-lg-8-y > * {
    padding-top: 8px;
  }
  .psd-gap-lg-10,
  .psd-gap-lg-10-x {
    margin-left: -10px;
  }
  .psd-gap-lg-10 > *,
  .psd-gap-lg-10-x > * {
    padding-left: 10px;
  }
  .psd-gap-lg-10,
  .psd-gap-lg-10-y {
    margin-top: -10px;
  }
  .psd-gap-lg-10 > *,
  .psd-gap-lg-10-y > * {
    padding-top: 10px;
  }
  .psd-gap-lg-16,
  .psd-gap-lg-16-x {
    margin-left: -16px;
  }
  .psd-gap-lg-16 > *,
  .psd-gap-lg-16-x > * {
    padding-left: 16px;
  }
  .psd-gap-lg-16,
  .psd-gap-lg-16-y {
    margin-top: -16px;
  }
  .psd-gap-lg-16 > *,
  .psd-gap-lg-16-y > * {
    padding-top: 16px;
  }
  .psd-gap-lg-20,
  .psd-gap-lg-20-x {
    margin-left: -20px;
  }
  .psd-gap-lg-20 > *,
  .psd-gap-lg-20-x > * {
    padding-left: 20px;
  }
  .psd-gap-lg-20,
  .psd-gap-lg-20-y {
    margin-top: -20px;
  }
  .psd-gap-lg-20 > *,
  .psd-gap-lg-20-y > * {
    padding-top: 20px;
  }
  .psd-gap-lg-26,
  .psd-gap-lg-26-x {
    margin-left: -26px;
  }
  .psd-gap-lg-26 > *,
  .psd-gap-lg-26-x > * {
    padding-left: 26px;
  }
  .psd-gap-lg-26,
  .psd-gap-lg-26-y {
    margin-top: -26px;
  }
  .psd-gap-lg-26 > *,
  .psd-gap-lg-26-y > * {
    padding-top: 26px;
  }
  .psd-gap-lg-30,
  .psd-gap-lg-30-x {
    margin-left: -30px;
  }
  .psd-gap-lg-30 > *,
  .psd-gap-lg-30-x > * {
    padding-left: 30px;
  }
  .psd-gap-lg-30,
  .psd-gap-lg-30-y {
    margin-top: -30px;
  }
  .psd-gap-lg-30 > *,
  .psd-gap-lg-30-y > * {
    padding-top: 30px;
  }
  .psd-gap-lg-40,
  .psd-gap-lg-40-x {
    margin-left: -40px;
  }
  .psd-gap-lg-40 > *,
  .psd-gap-lg-40-x > * {
    padding-left: 40px;
  }
  .psd-gap-lg-40,
  .psd-gap-lg-40-y {
    margin-top: -40px;
  }
  .psd-gap-lg-40 > *,
  .psd-gap-lg-40-y > * {
    padding-top: 40px;
  }
  .psd-gap-lg-50,
  .psd-gap-lg-50-x {
    margin-left: -50px;
  }
  .psd-gap-lg-50 > *,
  .psd-gap-lg-50-x > * {
    padding-left: 50px;
  }
  .psd-gap-lg-50,
  .psd-gap-lg-50-y {
    margin-top: -50px;
  }
  .psd-gap-lg-50 > *,
  .psd-gap-lg-50-y > * {
    padding-top: 50px;
  }
  .psd-gap-lg-60,
  .psd-gap-lg-60-x {
    margin-left: -60px;
  }
  .psd-gap-lg-60 > *,
  .psd-gap-lg-60-x > * {
    padding-left: 60px;
  }
  .psd-gap-lg-60,
  .psd-gap-lg-60-y {
    margin-top: -60px;
  }
  .psd-gap-lg-60 > *,
  .psd-gap-lg-60-y > * {
    padding-top: 60px;
  }
  .psd-mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .psd-mt-lg-0 {
    margin-top: 0px !important;
  }
  .psd-ml-lg-0 {
    margin-left: 0px !important;
  }
  .psd-mr-lg-0 {
    margin-right: 0px !important;
  }
  .psd-pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .psd-pt-lg-0 {
    padding-top: 0px !important;
  }
  .psd-pl-lg-0 {
    padding-left: 0px !important;
  }
  .psd-pr-lg-0 {
    padding-right: 0px !important;
  }
  .psd-mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .psd-mt-lg-10 {
    margin-top: 10px !important;
  }
  .psd-ml-lg-10 {
    margin-left: 10px !important;
  }
  .psd-mr-lg-10 {
    margin-right: 10px !important;
  }
  .psd-pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .psd-pt-lg-10 {
    padding-top: 10px !important;
  }
  .psd-pl-lg-10 {
    padding-left: 10px !important;
  }
  .psd-pr-lg-10 {
    padding-right: 10px !important;
  }
  .psd-mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .psd-mt-lg-20 {
    margin-top: 20px !important;
  }
  .psd-ml-lg-20 {
    margin-left: 20px !important;
  }
  .psd-mr-lg-20 {
    margin-right: 20px !important;
  }
  .psd-pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .psd-pt-lg-20 {
    padding-top: 20px !important;
  }
  .psd-pl-lg-20 {
    padding-left: 20px !important;
  }
  .psd-pr-lg-20 {
    padding-right: 20px !important;
  }
  .psd-mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .psd-mt-lg-30 {
    margin-top: 30px !important;
  }
  .psd-ml-lg-30 {
    margin-left: 30px !important;
  }
  .psd-mr-lg-30 {
    margin-right: 30px !important;
  }
  .psd-pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .psd-pt-lg-30 {
    padding-top: 30px !important;
  }
  .psd-pl-lg-30 {
    padding-left: 30px !important;
  }
  .psd-pr-lg-30 {
    padding-right: 30px !important;
  }
  .psd-mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .psd-mt-lg-40 {
    margin-top: 40px !important;
  }
  .psd-ml-lg-40 {
    margin-left: 40px !important;
  }
  .psd-mr-lg-40 {
    margin-right: 40px !important;
  }
  .psd-pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .psd-pt-lg-40 {
    padding-top: 40px !important;
  }
  .psd-pl-lg-40 {
    padding-left: 40px !important;
  }
  .psd-pr-lg-40 {
    padding-right: 40px !important;
  }
  .psd-mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .psd-mt-lg-50 {
    margin-top: 50px !important;
  }
  .psd-ml-lg-50 {
    margin-left: 50px !important;
  }
  .psd-mr-lg-50 {
    margin-right: 50px !important;
  }
  .psd-pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .psd-pt-lg-50 {
    padding-top: 50px !important;
  }
  .psd-pl-lg-50 {
    padding-left: 50px !important;
  }
  .psd-pr-lg-50 {
    padding-right: 50px !important;
  }
  .psd-mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .psd-mt-lg-60 {
    margin-top: 60px !important;
  }
  .psd-ml-lg-60 {
    margin-left: 60px !important;
  }
  .psd-mr-lg-60 {
    margin-right: 60px !important;
  }
  .psd-pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .psd-pt-lg-60 {
    padding-top: 60px !important;
  }
  .psd-pl-lg-60 {
    padding-left: 60px !important;
  }
  .psd-pr-lg-60 {
    padding-right: 60px !important;
  }
  .psd-mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .psd-mt-lg-70 {
    margin-top: 70px !important;
  }
  .psd-ml-lg-70 {
    margin-left: 70px !important;
  }
  .psd-mr-lg-70 {
    margin-right: 70px !important;
  }
  .psd-pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .psd-pt-lg-70 {
    padding-top: 70px !important;
  }
  .psd-pl-lg-70 {
    padding-left: 70px !important;
  }
  .psd-pr-lg-70 {
    padding-right: 70px !important;
  }
  .psd-mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .psd-mt-lg-80 {
    margin-top: 80px !important;
  }
  .psd-ml-lg-80 {
    margin-left: 80px !important;
  }
  .psd-mr-lg-80 {
    margin-right: 80px !important;
  }
  .psd-pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .psd-pt-lg-80 {
    padding-top: 80px !important;
  }
  .psd-pl-lg-80 {
    padding-left: 80px !important;
  }
  .psd-pr-lg-80 {
    padding-right: 80px !important;
  }
  .psd-mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .psd-mt-lg-90 {
    margin-top: 90px !important;
  }
  .psd-ml-lg-90 {
    margin-left: 90px !important;
  }
  .psd-mr-lg-90 {
    margin-right: 90px !important;
  }
  .psd-pb-lg-90 {
    padding-bottom: 90px !important;
  }
  .psd-pt-lg-90 {
    padding-top: 90px !important;
  }
  .psd-pl-lg-90 {
    padding-left: 90px !important;
  }
  .psd-pr-lg-90 {
    padding-right: 90px !important;
  }
  .psd-mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .psd-mt-lg-100 {
    margin-top: 100px !important;
  }
  .psd-ml-lg-100 {
    margin-left: 100px !important;
  }
  .psd-mr-lg-100 {
    margin-right: 100px !important;
  }
  .psd-pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .psd-pt-lg-100 {
    padding-top: 100px !important;
  }
  .psd-pl-lg-100 {
    padding-left: 100px !important;
  }
  .psd-pr-lg-100 {
    padding-right: 100px !important;
  }
  .psd-mb-lg-150 {
    margin-bottom: 150px !important;
  }
  .psd-mt-lg-150 {
    margin-top: 150px !important;
  }
  .psd-ml-lg-150 {
    margin-left: 150px !important;
  }
  .psd-mr-lg-150 {
    margin-right: 150px !important;
  }
  .psd-pb-lg-150 {
    padding-bottom: 150px !important;
  }
  .psd-pt-lg-150 {
    padding-top: 150px !important;
  }
  .psd-pl-lg-150 {
    padding-left: 150px !important;
  }
  .psd-pr-lg-150 {
    padding-right: 150px !important;
  }
  .psd-mb-lg-200 {
    margin-bottom: 200px !important;
  }
  .psd-mt-lg-200 {
    margin-top: 200px !important;
  }
  .psd-ml-lg-200 {
    margin-left: 200px !important;
  }
  .psd-mr-lg-200 {
    margin-right: 200px !important;
  }
  .psd-pb-lg-200 {
    padding-bottom: 200px !important;
  }
  .psd-pt-lg-200 {
    padding-top: 200px !important;
  }
  .psd-pl-lg-200 {
    padding-left: 200px !important;
  }
  .psd-pr-lg-200 {
    padding-right: 200px !important;
  }
  .psd-mb-lg-250 {
    margin-bottom: 250px !important;
  }
  .psd-mt-lg-250 {
    margin-top: 250px !important;
  }
  .psd-ml-lg-250 {
    margin-left: 250px !important;
  }
  .psd-mr-lg-250 {
    margin-right: 250px !important;
  }
  .psd-pb-lg-250 {
    padding-bottom: 250px !important;
  }
  .psd-pt-lg-250 {
    padding-top: 250px !important;
  }
  .psd-pl-lg-250 {
    padding-left: 250px !important;
  }
  .psd-pr-lg-250 {
    padding-right: 250px !important;
  }
  .reset-lg {
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .psd-col-md {
    flex: 1;
    max-width: 100%;
  }
  .psd-col-md-auto {
    flex: auto;
    max-width: 100%;
    width: auto;
  }
  /* Generate all column/offset classes */
  .psd-col-md-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .psd-off-md-1 {
    margin-left: 8.3333333333%;
  }
  .psd-col-md-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .psd-off-md-2 {
    margin-left: 16.6666666667%;
  }
  .psd-col-md-3 {
    flex: 25%;
    max-width: 25%;
  }
  .psd-off-md-3 {
    margin-left: 25%;
  }
  .psd-col-md-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .psd-off-md-4 {
    margin-left: 33.3333333333%;
  }
  .psd-col-md-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .psd-off-md-5 {
    margin-left: 41.6666666667%;
  }
  .psd-col-md-6 {
    flex: 50%;
    max-width: 50%;
  }
  .psd-off-md-6 {
    margin-left: 50%;
  }
  .psd-col-md-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .psd-off-md-7 {
    margin-left: 58.3333333333%;
  }
  .psd-col-md-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .psd-off-md-8 {
    margin-left: 66.6666666667%;
  }
  .psd-col-md-9 {
    flex: 75%;
    max-width: 75%;
  }
  .psd-off-md-9 {
    margin-left: 75%;
  }
  .psd-col-md-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .psd-off-md-10 {
    margin-left: 83.3333333333%;
  }
  .psd-col-md-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .psd-off-md-11 {
    margin-left: 91.6666666667%;
  }
  .psd-col-md-12 {
    flex: 100%;
    max-width: 100%;
  }
  .psd-off-md-12 {
    margin-left: 100%;
  }
  /* Generate the extra classes */
  .psd-col-md-20 {
    flex: 20%;
    max-width: 20%;
  }
  /* Generate all gap classes */
  .psd-gap-md-0,
  .psd-gap-md-0-x {
    margin-left: 0;
  }
  .psd-gap-md-0 > *,
  .psd-gap-md-0-x > * {
    padding-left: 0;
  }
  .psd-gap-md-0,
  .psd-gap-md-0-y {
    margin-top: 0;
  }
  .psd-gap-md-0 > *,
  .psd-gap-md-0-y > * {
    padding-top: 0;
  }
  .psd-gap-md-8,
  .psd-gap-md-8-x {
    margin-left: -8px;
  }
  .psd-gap-md-8 > *,
  .psd-gap-md-8-x > * {
    padding-left: 8px;
  }
  .psd-gap-md-8,
  .psd-gap-md-8-y {
    margin-top: -8px;
  }
  .psd-gap-md-8 > *,
  .psd-gap-md-8-y > * {
    padding-top: 8px;
  }
  .psd-gap-md-10,
  .psd-gap-md-10-x {
    margin-left: -10px;
  }
  .psd-gap-md-10 > *,
  .psd-gap-md-10-x > * {
    padding-left: 10px;
  }
  .psd-gap-md-10,
  .psd-gap-md-10-y {
    margin-top: -10px;
  }
  .psd-gap-md-10 > *,
  .psd-gap-md-10-y > * {
    padding-top: 10px;
  }
  .psd-gap-md-16,
  .psd-gap-md-16-x {
    margin-left: -16px;
  }
  .psd-gap-md-16 > *,
  .psd-gap-md-16-x > * {
    padding-left: 16px;
  }
  .psd-gap-md-16,
  .psd-gap-md-16-y {
    margin-top: -16px;
  }
  .psd-gap-md-16 > *,
  .psd-gap-md-16-y > * {
    padding-top: 16px;
  }
  .psd-gap-md-20,
  .psd-gap-md-20-x {
    margin-left: -20px;
  }
  .psd-gap-md-20 > *,
  .psd-gap-md-20-x > * {
    padding-left: 20px;
  }
  .psd-gap-md-20,
  .psd-gap-md-20-y {
    margin-top: -20px;
  }
  .psd-gap-md-20 > *,
  .psd-gap-md-20-y > * {
    padding-top: 20px;
  }
  .psd-gap-md-26,
  .psd-gap-md-26-x {
    margin-left: -26px;
  }
  .psd-gap-md-26 > *,
  .psd-gap-md-26-x > * {
    padding-left: 26px;
  }
  .psd-gap-md-26,
  .psd-gap-md-26-y {
    margin-top: -26px;
  }
  .psd-gap-md-26 > *,
  .psd-gap-md-26-y > * {
    padding-top: 26px;
  }
  .psd-gap-md-30,
  .psd-gap-md-30-x {
    margin-left: -30px;
  }
  .psd-gap-md-30 > *,
  .psd-gap-md-30-x > * {
    padding-left: 30px;
  }
  .psd-gap-md-30,
  .psd-gap-md-30-y {
    margin-top: -30px;
  }
  .psd-gap-md-30 > *,
  .psd-gap-md-30-y > * {
    padding-top: 30px;
  }
  .psd-gap-md-40,
  .psd-gap-md-40-x {
    margin-left: -40px;
  }
  .psd-gap-md-40 > *,
  .psd-gap-md-40-x > * {
    padding-left: 40px;
  }
  .psd-gap-md-40,
  .psd-gap-md-40-y {
    margin-top: -40px;
  }
  .psd-gap-md-40 > *,
  .psd-gap-md-40-y > * {
    padding-top: 40px;
  }
  .psd-gap-md-50,
  .psd-gap-md-50-x {
    margin-left: -50px;
  }
  .psd-gap-md-50 > *,
  .psd-gap-md-50-x > * {
    padding-left: 50px;
  }
  .psd-gap-md-50,
  .psd-gap-md-50-y {
    margin-top: -50px;
  }
  .psd-gap-md-50 > *,
  .psd-gap-md-50-y > * {
    padding-top: 50px;
  }
  .psd-gap-md-60,
  .psd-gap-md-60-x {
    margin-left: -60px;
  }
  .psd-gap-md-60 > *,
  .psd-gap-md-60-x > * {
    padding-left: 60px;
  }
  .psd-gap-md-60,
  .psd-gap-md-60-y {
    margin-top: -60px;
  }
  .psd-gap-md-60 > *,
  .psd-gap-md-60-y > * {
    padding-top: 60px;
  }
  .psd-mb-md-0 {
    margin-bottom: 0px !important;
  }
  .psd-mt-md-0 {
    margin-top: 0px !important;
  }
  .psd-ml-md-0 {
    margin-left: 0px !important;
  }
  .psd-mr-md-0 {
    margin-right: 0px !important;
  }
  .psd-pb-md-0 {
    padding-bottom: 0px !important;
  }
  .psd-pt-md-0 {
    padding-top: 0px !important;
  }
  .psd-pl-md-0 {
    padding-left: 0px !important;
  }
  .psd-pr-md-0 {
    padding-right: 0px !important;
  }
  .psd-mb-md-10 {
    margin-bottom: 10px !important;
  }
  .psd-mt-md-10 {
    margin-top: 10px !important;
  }
  .psd-ml-md-10 {
    margin-left: 10px !important;
  }
  .psd-mr-md-10 {
    margin-right: 10px !important;
  }
  .psd-pb-md-10 {
    padding-bottom: 10px !important;
  }
  .psd-pt-md-10 {
    padding-top: 10px !important;
  }
  .psd-pl-md-10 {
    padding-left: 10px !important;
  }
  .psd-pr-md-10 {
    padding-right: 10px !important;
  }
  .psd-mb-md-20 {
    margin-bottom: 20px !important;
  }
  .psd-mt-md-20 {
    margin-top: 20px !important;
  }
  .psd-ml-md-20 {
    margin-left: 20px !important;
  }
  .psd-mr-md-20 {
    margin-right: 20px !important;
  }
  .psd-pb-md-20 {
    padding-bottom: 20px !important;
  }
  .psd-pt-md-20 {
    padding-top: 20px !important;
  }
  .psd-pl-md-20 {
    padding-left: 20px !important;
  }
  .psd-pr-md-20 {
    padding-right: 20px !important;
  }
  .psd-mb-md-30 {
    margin-bottom: 30px !important;
  }
  .psd-mt-md-30 {
    margin-top: 30px !important;
  }
  .psd-ml-md-30 {
    margin-left: 30px !important;
  }
  .psd-mr-md-30 {
    margin-right: 30px !important;
  }
  .psd-pb-md-30 {
    padding-bottom: 30px !important;
  }
  .psd-pt-md-30 {
    padding-top: 30px !important;
  }
  .psd-pl-md-30 {
    padding-left: 30px !important;
  }
  .psd-pr-md-30 {
    padding-right: 30px !important;
  }
  .psd-mb-md-40 {
    margin-bottom: 40px !important;
  }
  .psd-mt-md-40 {
    margin-top: 40px !important;
  }
  .psd-ml-md-40 {
    margin-left: 40px !important;
  }
  .psd-mr-md-40 {
    margin-right: 40px !important;
  }
  .psd-pb-md-40 {
    padding-bottom: 40px !important;
  }
  .psd-pt-md-40 {
    padding-top: 40px !important;
  }
  .psd-pl-md-40 {
    padding-left: 40px !important;
  }
  .psd-pr-md-40 {
    padding-right: 40px !important;
  }
  .psd-mb-md-50 {
    margin-bottom: 50px !important;
  }
  .psd-mt-md-50 {
    margin-top: 50px !important;
  }
  .psd-ml-md-50 {
    margin-left: 50px !important;
  }
  .psd-mr-md-50 {
    margin-right: 50px !important;
  }
  .psd-pb-md-50 {
    padding-bottom: 50px !important;
  }
  .psd-pt-md-50 {
    padding-top: 50px !important;
  }
  .psd-pl-md-50 {
    padding-left: 50px !important;
  }
  .psd-pr-md-50 {
    padding-right: 50px !important;
  }
  .psd-mb-md-60 {
    margin-bottom: 60px !important;
  }
  .psd-mt-md-60 {
    margin-top: 60px !important;
  }
  .psd-ml-md-60 {
    margin-left: 60px !important;
  }
  .psd-mr-md-60 {
    margin-right: 60px !important;
  }
  .psd-pb-md-60 {
    padding-bottom: 60px !important;
  }
  .psd-pt-md-60 {
    padding-top: 60px !important;
  }
  .psd-pl-md-60 {
    padding-left: 60px !important;
  }
  .psd-pr-md-60 {
    padding-right: 60px !important;
  }
  .psd-mb-md-70 {
    margin-bottom: 70px !important;
  }
  .psd-mt-md-70 {
    margin-top: 70px !important;
  }
  .psd-ml-md-70 {
    margin-left: 70px !important;
  }
  .psd-mr-md-70 {
    margin-right: 70px !important;
  }
  .psd-pb-md-70 {
    padding-bottom: 70px !important;
  }
  .psd-pt-md-70 {
    padding-top: 70px !important;
  }
  .psd-pl-md-70 {
    padding-left: 70px !important;
  }
  .psd-pr-md-70 {
    padding-right: 70px !important;
  }
  .psd-mb-md-80 {
    margin-bottom: 80px !important;
  }
  .psd-mt-md-80 {
    margin-top: 80px !important;
  }
  .psd-ml-md-80 {
    margin-left: 80px !important;
  }
  .psd-mr-md-80 {
    margin-right: 80px !important;
  }
  .psd-pb-md-80 {
    padding-bottom: 80px !important;
  }
  .psd-pt-md-80 {
    padding-top: 80px !important;
  }
  .psd-pl-md-80 {
    padding-left: 80px !important;
  }
  .psd-pr-md-80 {
    padding-right: 80px !important;
  }
  .psd-mb-md-90 {
    margin-bottom: 90px !important;
  }
  .psd-mt-md-90 {
    margin-top: 90px !important;
  }
  .psd-ml-md-90 {
    margin-left: 90px !important;
  }
  .psd-mr-md-90 {
    margin-right: 90px !important;
  }
  .psd-pb-md-90 {
    padding-bottom: 90px !important;
  }
  .psd-pt-md-90 {
    padding-top: 90px !important;
  }
  .psd-pl-md-90 {
    padding-left: 90px !important;
  }
  .psd-pr-md-90 {
    padding-right: 90px !important;
  }
  .psd-mb-md-100 {
    margin-bottom: 100px !important;
  }
  .psd-mt-md-100 {
    margin-top: 100px !important;
  }
  .psd-ml-md-100 {
    margin-left: 100px !important;
  }
  .psd-mr-md-100 {
    margin-right: 100px !important;
  }
  .psd-pb-md-100 {
    padding-bottom: 100px !important;
  }
  .psd-pt-md-100 {
    padding-top: 100px !important;
  }
  .psd-pl-md-100 {
    padding-left: 100px !important;
  }
  .psd-pr-md-100 {
    padding-right: 100px !important;
  }
  .psd-mb-md-150 {
    margin-bottom: 150px !important;
  }
  .psd-mt-md-150 {
    margin-top: 150px !important;
  }
  .psd-ml-md-150 {
    margin-left: 150px !important;
  }
  .psd-mr-md-150 {
    margin-right: 150px !important;
  }
  .psd-pb-md-150 {
    padding-bottom: 150px !important;
  }
  .psd-pt-md-150 {
    padding-top: 150px !important;
  }
  .psd-pl-md-150 {
    padding-left: 150px !important;
  }
  .psd-pr-md-150 {
    padding-right: 150px !important;
  }
  .psd-mb-md-200 {
    margin-bottom: 200px !important;
  }
  .psd-mt-md-200 {
    margin-top: 200px !important;
  }
  .psd-ml-md-200 {
    margin-left: 200px !important;
  }
  .psd-mr-md-200 {
    margin-right: 200px !important;
  }
  .psd-pb-md-200 {
    padding-bottom: 200px !important;
  }
  .psd-pt-md-200 {
    padding-top: 200px !important;
  }
  .psd-pl-md-200 {
    padding-left: 200px !important;
  }
  .psd-pr-md-200 {
    padding-right: 200px !important;
  }
  .psd-mb-md-250 {
    margin-bottom: 250px !important;
  }
  .psd-mt-md-250 {
    margin-top: 250px !important;
  }
  .psd-ml-md-250 {
    margin-left: 250px !important;
  }
  .psd-mr-md-250 {
    margin-right: 250px !important;
  }
  .psd-pb-md-250 {
    padding-bottom: 250px !important;
  }
  .psd-pt-md-250 {
    padding-top: 250px !important;
  }
  .psd-pl-md-250 {
    padding-left: 250px !important;
  }
  .psd-pr-md-250 {
    padding-right: 250px !important;
  }
  .reset-md {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .psd-col-sm {
    flex: 1;
    max-width: 100%;
  }
  .psd-col-sm-auto {
    flex: auto;
    max-width: 100%;
    width: auto;
  }
  /* Generate all column/offset classes */
  .psd-col-sm-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .psd-off-sm-1 {
    margin-left: 8.3333333333%;
  }
  .psd-col-sm-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .psd-off-sm-2 {
    margin-left: 16.6666666667%;
  }
  .psd-col-sm-3 {
    flex: 25%;
    max-width: 25%;
  }
  .psd-off-sm-3 {
    margin-left: 25%;
  }
  .psd-col-sm-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .psd-off-sm-4 {
    margin-left: 33.3333333333%;
  }
  .psd-col-sm-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .psd-off-sm-5 {
    margin-left: 41.6666666667%;
  }
  .psd-col-sm-6 {
    flex: 50%;
    max-width: 50%;
  }
  .psd-off-sm-6 {
    margin-left: 50%;
  }
  .psd-col-sm-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .psd-off-sm-7 {
    margin-left: 58.3333333333%;
  }
  .psd-col-sm-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .psd-off-sm-8 {
    margin-left: 66.6666666667%;
  }
  .psd-col-sm-9 {
    flex: 75%;
    max-width: 75%;
  }
  .psd-off-sm-9 {
    margin-left: 75%;
  }
  .psd-col-sm-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .psd-off-sm-10 {
    margin-left: 83.3333333333%;
  }
  .psd-col-sm-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .psd-off-sm-11 {
    margin-left: 91.6666666667%;
  }
  .psd-col-sm-12 {
    flex: 100%;
    max-width: 100%;
  }
  .psd-off-sm-12 {
    margin-left: 100%;
  }
  /* Generate the extra classes */
  .psd-col-sm-20 {
    flex: 20%;
    max-width: 20%;
  }
  /* Generate all gap classes */
  .psd-gap-sm-0,
  .psd-gap-sm-0-x {
    margin-left: 0;
  }
  .psd-gap-sm-0 > *,
  .psd-gap-sm-0-x > * {
    padding-left: 0;
  }
  .psd-gap-sm-0,
  .psd-gap-sm-0-y {
    margin-top: 0;
  }
  .psd-gap-sm-0 > *,
  .psd-gap-sm-0-y > * {
    padding-top: 0;
  }
  .psd-gap-sm-8,
  .psd-gap-sm-8-x {
    margin-left: -8px;
  }
  .psd-gap-sm-8 > *,
  .psd-gap-sm-8-x > * {
    padding-left: 8px;
  }
  .psd-gap-sm-8,
  .psd-gap-sm-8-y {
    margin-top: -8px;
  }
  .psd-gap-sm-8 > *,
  .psd-gap-sm-8-y > * {
    padding-top: 8px;
  }
  .psd-gap-sm-10,
  .psd-gap-sm-10-x {
    margin-left: -10px;
  }
  .psd-gap-sm-10 > *,
  .psd-gap-sm-10-x > * {
    padding-left: 10px;
  }
  .psd-gap-sm-10,
  .psd-gap-sm-10-y {
    margin-top: -10px;
  }
  .psd-gap-sm-10 > *,
  .psd-gap-sm-10-y > * {
    padding-top: 10px;
  }
  .psd-gap-sm-16,
  .psd-gap-sm-16-x {
    margin-left: -16px;
  }
  .psd-gap-sm-16 > *,
  .psd-gap-sm-16-x > * {
    padding-left: 16px;
  }
  .psd-gap-sm-16,
  .psd-gap-sm-16-y {
    margin-top: -16px;
  }
  .psd-gap-sm-16 > *,
  .psd-gap-sm-16-y > * {
    padding-top: 16px;
  }
  .psd-gap-sm-20,
  .psd-gap-sm-20-x {
    margin-left: -20px;
  }
  .psd-gap-sm-20 > *,
  .psd-gap-sm-20-x > * {
    padding-left: 20px;
  }
  .psd-gap-sm-20,
  .psd-gap-sm-20-y {
    margin-top: -20px;
  }
  .psd-gap-sm-20 > *,
  .psd-gap-sm-20-y > * {
    padding-top: 20px;
  }
  .psd-gap-sm-26,
  .psd-gap-sm-26-x {
    margin-left: -26px;
  }
  .psd-gap-sm-26 > *,
  .psd-gap-sm-26-x > * {
    padding-left: 26px;
  }
  .psd-gap-sm-26,
  .psd-gap-sm-26-y {
    margin-top: -26px;
  }
  .psd-gap-sm-26 > *,
  .psd-gap-sm-26-y > * {
    padding-top: 26px;
  }
  .psd-gap-sm-30,
  .psd-gap-sm-30-x {
    margin-left: -30px;
  }
  .psd-gap-sm-30 > *,
  .psd-gap-sm-30-x > * {
    padding-left: 30px;
  }
  .psd-gap-sm-30,
  .psd-gap-sm-30-y {
    margin-top: -30px;
  }
  .psd-gap-sm-30 > *,
  .psd-gap-sm-30-y > * {
    padding-top: 30px;
  }
  .psd-gap-sm-40,
  .psd-gap-sm-40-x {
    margin-left: -40px;
  }
  .psd-gap-sm-40 > *,
  .psd-gap-sm-40-x > * {
    padding-left: 40px;
  }
  .psd-gap-sm-40,
  .psd-gap-sm-40-y {
    margin-top: -40px;
  }
  .psd-gap-sm-40 > *,
  .psd-gap-sm-40-y > * {
    padding-top: 40px;
  }
  .psd-gap-sm-50,
  .psd-gap-sm-50-x {
    margin-left: -50px;
  }
  .psd-gap-sm-50 > *,
  .psd-gap-sm-50-x > * {
    padding-left: 50px;
  }
  .psd-gap-sm-50,
  .psd-gap-sm-50-y {
    margin-top: -50px;
  }
  .psd-gap-sm-50 > *,
  .psd-gap-sm-50-y > * {
    padding-top: 50px;
  }
  .psd-gap-sm-60,
  .psd-gap-sm-60-x {
    margin-left: -60px;
  }
  .psd-gap-sm-60 > *,
  .psd-gap-sm-60-x > * {
    padding-left: 60px;
  }
  .psd-gap-sm-60,
  .psd-gap-sm-60-y {
    margin-top: -60px;
  }
  .psd-gap-sm-60 > *,
  .psd-gap-sm-60-y > * {
    padding-top: 60px;
  }
  .psd-mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .psd-mt-sm-0 {
    margin-top: 0px !important;
  }
  .psd-ml-sm-0 {
    margin-left: 0px !important;
  }
  .psd-mr-sm-0 {
    margin-right: 0px !important;
  }
  .psd-pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .psd-pt-sm-0 {
    padding-top: 0px !important;
  }
  .psd-pl-sm-0 {
    padding-left: 0px !important;
  }
  .psd-pr-sm-0 {
    padding-right: 0px !important;
  }
  .psd-mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .psd-mt-sm-10 {
    margin-top: 10px !important;
  }
  .psd-ml-sm-10 {
    margin-left: 10px !important;
  }
  .psd-mr-sm-10 {
    margin-right: 10px !important;
  }
  .psd-pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .psd-pt-sm-10 {
    padding-top: 10px !important;
  }
  .psd-pl-sm-10 {
    padding-left: 10px !important;
  }
  .psd-pr-sm-10 {
    padding-right: 10px !important;
  }
  .psd-mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .psd-mt-sm-20 {
    margin-top: 20px !important;
  }
  .psd-ml-sm-20 {
    margin-left: 20px !important;
  }
  .psd-mr-sm-20 {
    margin-right: 20px !important;
  }
  .psd-pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .psd-pt-sm-20 {
    padding-top: 20px !important;
  }
  .psd-pl-sm-20 {
    padding-left: 20px !important;
  }
  .psd-pr-sm-20 {
    padding-right: 20px !important;
  }
  .psd-mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .psd-mt-sm-30 {
    margin-top: 30px !important;
  }
  .psd-ml-sm-30 {
    margin-left: 30px !important;
  }
  .psd-mr-sm-30 {
    margin-right: 30px !important;
  }
  .psd-pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .psd-pt-sm-30 {
    padding-top: 30px !important;
  }
  .psd-pl-sm-30 {
    padding-left: 30px !important;
  }
  .psd-pr-sm-30 {
    padding-right: 30px !important;
  }
  .psd-mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .psd-mt-sm-40 {
    margin-top: 40px !important;
  }
  .psd-ml-sm-40 {
    margin-left: 40px !important;
  }
  .psd-mr-sm-40 {
    margin-right: 40px !important;
  }
  .psd-pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .psd-pt-sm-40 {
    padding-top: 40px !important;
  }
  .psd-pl-sm-40 {
    padding-left: 40px !important;
  }
  .psd-pr-sm-40 {
    padding-right: 40px !important;
  }
  .psd-mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .psd-mt-sm-50 {
    margin-top: 50px !important;
  }
  .psd-ml-sm-50 {
    margin-left: 50px !important;
  }
  .psd-mr-sm-50 {
    margin-right: 50px !important;
  }
  .psd-pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .psd-pt-sm-50 {
    padding-top: 50px !important;
  }
  .psd-pl-sm-50 {
    padding-left: 50px !important;
  }
  .psd-pr-sm-50 {
    padding-right: 50px !important;
  }
  .psd-mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .psd-mt-sm-60 {
    margin-top: 60px !important;
  }
  .psd-ml-sm-60 {
    margin-left: 60px !important;
  }
  .psd-mr-sm-60 {
    margin-right: 60px !important;
  }
  .psd-pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .psd-pt-sm-60 {
    padding-top: 60px !important;
  }
  .psd-pl-sm-60 {
    padding-left: 60px !important;
  }
  .psd-pr-sm-60 {
    padding-right: 60px !important;
  }
  .psd-mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .psd-mt-sm-70 {
    margin-top: 70px !important;
  }
  .psd-ml-sm-70 {
    margin-left: 70px !important;
  }
  .psd-mr-sm-70 {
    margin-right: 70px !important;
  }
  .psd-pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .psd-pt-sm-70 {
    padding-top: 70px !important;
  }
  .psd-pl-sm-70 {
    padding-left: 70px !important;
  }
  .psd-pr-sm-70 {
    padding-right: 70px !important;
  }
  .psd-mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .psd-mt-sm-80 {
    margin-top: 80px !important;
  }
  .psd-ml-sm-80 {
    margin-left: 80px !important;
  }
  .psd-mr-sm-80 {
    margin-right: 80px !important;
  }
  .psd-pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .psd-pt-sm-80 {
    padding-top: 80px !important;
  }
  .psd-pl-sm-80 {
    padding-left: 80px !important;
  }
  .psd-pr-sm-80 {
    padding-right: 80px !important;
  }
  .psd-mb-sm-90 {
    margin-bottom: 90px !important;
  }
  .psd-mt-sm-90 {
    margin-top: 90px !important;
  }
  .psd-ml-sm-90 {
    margin-left: 90px !important;
  }
  .psd-mr-sm-90 {
    margin-right: 90px !important;
  }
  .psd-pb-sm-90 {
    padding-bottom: 90px !important;
  }
  .psd-pt-sm-90 {
    padding-top: 90px !important;
  }
  .psd-pl-sm-90 {
    padding-left: 90px !important;
  }
  .psd-pr-sm-90 {
    padding-right: 90px !important;
  }
  .psd-mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .psd-mt-sm-100 {
    margin-top: 100px !important;
  }
  .psd-ml-sm-100 {
    margin-left: 100px !important;
  }
  .psd-mr-sm-100 {
    margin-right: 100px !important;
  }
  .psd-pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .psd-pt-sm-100 {
    padding-top: 100px !important;
  }
  .psd-pl-sm-100 {
    padding-left: 100px !important;
  }
  .psd-pr-sm-100 {
    padding-right: 100px !important;
  }
  .psd-mb-sm-150 {
    margin-bottom: 150px !important;
  }
  .psd-mt-sm-150 {
    margin-top: 150px !important;
  }
  .psd-ml-sm-150 {
    margin-left: 150px !important;
  }
  .psd-mr-sm-150 {
    margin-right: 150px !important;
  }
  .psd-pb-sm-150 {
    padding-bottom: 150px !important;
  }
  .psd-pt-sm-150 {
    padding-top: 150px !important;
  }
  .psd-pl-sm-150 {
    padding-left: 150px !important;
  }
  .psd-pr-sm-150 {
    padding-right: 150px !important;
  }
  .psd-mb-sm-200 {
    margin-bottom: 200px !important;
  }
  .psd-mt-sm-200 {
    margin-top: 200px !important;
  }
  .psd-ml-sm-200 {
    margin-left: 200px !important;
  }
  .psd-mr-sm-200 {
    margin-right: 200px !important;
  }
  .psd-pb-sm-200 {
    padding-bottom: 200px !important;
  }
  .psd-pt-sm-200 {
    padding-top: 200px !important;
  }
  .psd-pl-sm-200 {
    padding-left: 200px !important;
  }
  .psd-pr-sm-200 {
    padding-right: 200px !important;
  }
  .psd-mb-sm-250 {
    margin-bottom: 250px !important;
  }
  .psd-mt-sm-250 {
    margin-top: 250px !important;
  }
  .psd-ml-sm-250 {
    margin-left: 250px !important;
  }
  .psd-mr-sm-250 {
    margin-right: 250px !important;
  }
  .psd-pb-sm-250 {
    padding-bottom: 250px !important;
  }
  .psd-pt-sm-250 {
    padding-top: 250px !important;
  }
  .psd-pl-sm-250 {
    padding-left: 250px !important;
  }
  .psd-pr-sm-250 {
    padding-right: 250px !important;
  }
  .reset-sm {
    margin-left: 0;
  }
}
/* ==========================================================================
   PSDGator SCSS Styles [BASE]
   ========================================================================== */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

picture,
img {
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

/**
 * Helpers
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/**
 * Global styles
 */
* {
  margin: 0;
  padding: 0;
}

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

html {
  color: var(--main-font-color);
  font-family: var(--main-font-family);
  font-size: var(--main-font-size);
  font-weight: 400;
  line-height: 1.2;
}

body {
  background-color: var(--body-background);
}

/* Custom styles */
@font-face {
  font-family: "Gotham";
  src: local("../fonts/Gotham-Book.otf") format("otf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("../fonts/GothamGRBook.otf") format("otf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("../fonts/GothamGRBookItalic.otf") format("otf");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("../fonts/Gotham-Bold.otf") format("otf");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("../fonts/GothamGRBold.otf") format("otf");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("../fonts/GothamGRBlack.otf") format("otf");
  font-weight: 900;
  font-display: swap;
}
.main {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/index-bg.webp);
  background: url(../images/index-bg.webp), -moz-linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  background: url(../images/index-bg.webp), -webkit-linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  background: url(../images/index-bg.webp), linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1251b", endColorstr="#2e4161", GradientType=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.main-alt {
  background: url(../images/info-bg.webp);
  background: url(../images/info-bg.webp), -moz-linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  background: url(../images/info-bg.webp), -webkit-linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  background: url(../images/info-bg.webp), linear-gradient(135deg, rgb(225, 37, 27) 0%, rgb(171, 33, 43) 20%, rgb(116, 29, 61) 45%, rgb(82, 26, 71) 60%, rgb(70, 26, 76) 70%, rgb(46, 65, 97) 98%, rgb(46, 65, 97) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1251b", endColorstr="#2e4161", GradientType=1);
}

.top {
  position: relative;
}
.top-bg {
  background: url(../images/hero-bg.webp);
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  background-position: 0 -8px;
  background-size: contain;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0.15;
}
.top--alt {
  text-align: center;
  padding-bottom: 400px;
}
.top--alt > h1 {
  margin-top: 135px;
  text-transform: uppercase;
  font-size: 51px;
  font-weight: 900;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 600px) {
  .top--alt > h1 {
    font-size: 35px;
  }
}
.top--alt > p {
  font-size: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 600px) {
  .top--alt > p {
    font-size: 15px;
  }
}
.top--alt > a {
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: rgb(29, 53, 102);
  background: -moz-linear-gradient(270deg, rgb(29, 53, 102) 0%, rgb(34, 63, 114) 25%, rgb(47, 91, 148) 95%, rgb(49, 95, 153) 100%);
  background: -webkit-linear-gradient(270deg, rgb(29, 53, 102) 0%, rgb(34, 63, 114) 25%, rgb(47, 91, 148) 95%, rgb(49, 95, 153) 100%);
  background: linear-gradient(270deg, rgb(29, 53, 102) 0%, rgb(34, 63, 114) 25%, rgb(47, 91, 148) 95%, rgb(49, 95, 153) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d3566", endColorstr="#315f99", GradientType=1);
  border-radius: 28px;
  padding: 18px 92px;
  transition: all 500ms;
}
.top--alt > a:hover {
  background: #fff;
  color: rgb(29, 53, 102);
}

.bottom {
  padding-bottom: 112px;
}
@media only screen and (max-width: 800px) {
  .bottom {
    padding-bottom: 120px;
  }
}
.bottom--alt {
  padding-bottom: 360px;
}
@media only screen and (max-width: 600px) {
  .bottom--alt {
    padding-bottom: 200px;
  }
}

.header {
  padding-top: 60px;
}
.header img {
  width: 100%;
}
.header .top-text-heading {
  font-size: 40px;
}
@media only screen and (max-width: 800px) {
  .header .top-text-heading {
    font-size: clamp(20px, 5.5vw, 42px);
  }
}
.header .top-text-text {
  font-size: 21px;
  line-height: 26px;
  margin-top: 6px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 800px) {
  .header .top-text-text {
    font-size: clamp(16px, 2.6vw, 21px);
    line-height: clamp(22px, 3.4vw, 26px);
    margin-bottom: 40px;
  }
}

.container {
  max-width: 756px;
  margin: 0 auto;
}
.container--wide {
  max-width: 800px;
}

.sticker {
  position: absolute;
  right: 0;
  top: 168px;
  max-width: 60px;
}
@media only screen and (max-width: 900px) {
  .sticker {
    max-width: 30px;
  }
}
@media only screen and (max-width: 800px) {
  .sticker {
    max-width: 30px;
    top: 60px;
  }
}

.top-heading {
  margin-top: 40px;
  font-size: 75px;
  font-weight: 400;
  margin-right: 0;
  margin-bottom: 60px;
}
@media only screen and (max-width: 800px) {
  .top-heading {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1;
    margin-bottom: 5px;
    margin: 0 0 40px;
    margin-right: 40px;
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .top-heading {
    font-size: 35px;
    margin-right: 60px;
  }
}
.top-heading strong {
  color: #fff;
  font-weight: 900;
}

.top-text {
  font-size: 23px;
  font-weight: 400;
}
@media only screen and (max-width: 800px) {
  .top-text {
    padding-left: 20px;
    padding-right: 20px;
  }
  .top-text br {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .top-text {
    font-size: 15px;
  }
}
.top-text strong {
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 800px) {
  .top > .container > .top-text {
    padding-right: 72px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .top > .container > .top-text {
    padding-right: 20px;
    line-height: 22px;
  }
}

.game {
  margin: 40px auto 0px;
  width: 100%;
  position: relative;
}
.game:before {
  content: "";
  background: url(../images/big_teacher_front.png);
  width: 650px;
  height: 650px;
  position: absolute;
  top: -430px;
  bottom: 0;
  right: -100px;
  background-repeat: no-repeat;
  transform: scale(0.92);
}
@media only screen and (max-width: 800px) {
  .game:before {
    content: unset;
    display: none;
  }
}

.board {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
@media only screen and (max-width: 800px) {
  .board {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .board {
    gap: 15px;
  }
}
@media only screen and (max-width: 450px) {
  .board {
    gap: 10px;
  }
}

.card {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 254px;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 800px) {
  .card {
    height: 32vw;
  }
}
@media only screen and (max-width: 640px) {
  .card {
    height: 32vw;
  }
}
.card .card-front {
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 640px) {
  .card .card-front {
    background-position: center center;
  }
}
.card:nth-child(1) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(2) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(3) .card-front, .card:nth-child(8) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(4) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(5) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(6) .card-front, .card:nth-child(10) .card-front, .card:nth-child(11) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(7) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(9) .card-front {
  background-image: url(../images/card-back.png);
}
.card:nth-child(12) .card-front {
  background-image: url(../images/card-back.png);
}
.card img {
  display: block;
  width: 100%;
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), border-color 300ms ease;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 22px;
  border: 2px solid #fff;
  box-shadow: 7px 7px 0 hsla(0, 0%, 0%, 0.8);
}
@media only screen and (max-width: 800px) {
  .card-front,
  .card-back {
    border-radius: 15px;
  }
}

.card-front:hover {
  border-color: #e12726;
}

.card-back {
  background: #fff;
  border-color: #e12726;
}

.card-back {
  transform: rotateY(180deg) rotateZ(50deg);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card.flipped .card-front {
  transform: rotateY(180deg) rotateZ(50deg);
}

.card.flipped .card-back {
  transform: rotateY(0) rotateZ(0);
}

.mid-text {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-style: italic;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 800px) {
  .mid-text {
    padding: 100px 20px 160px;
    font-size: clamp(16px, 2.6vw, 20px);
    line-height: clamp(24px, 3.2vw, 26px);
  }
  .mid-text br {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .mid-text {
    padding: 60px 32px 40px;
  }
}

.moves-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 174px 0;
  margin-bottom: 184px;
}
.moves-wrapper .info-btn {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #1d3566;
  background: -moz-linear-gradient(90deg, #1d3566 0%, #223f72 25%, #2f5b94 95%, #315f99 100%);
  background: -webkit-linear-gradient(90deg, #1d3566 0%, #223f72 25%, #2f5b94 95%, #315f99 100%);
  background: linear-gradient(90deg, #1d3566 0%, #223f72 25%, #2f5b94 95%, #315f99 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d3566", endColorstr="#315f99", GradientType=1);
  border-radius: 12px;
  padding: 6px 22px;
  transition: all 500ms;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -6px);
}
@media only screen and (max-width: 600px) {
  .moves-wrapper .info-btn {
    font-size: 16px;
    border-radius: 12px;
    padding: 6px 20px;
    transform: translate(-50%, -26px);
    z-index: 1;
  }
}
.moves-wrapper .info-btn:hover {
  background: #fff;
  color: #1d3566;
}

.left-bg {
  position: absolute;
  left: 0;
  top: 72%;
  transform: translate(-42%, -50%);
}
@media only screen and (max-width: 600px) {
  .left-bg {
    display: none;
  }
}

.right-bg {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translate(33%, -50%);
}
@media only screen and (max-width: 600px) {
  .right-bg {
    display: none;
  }
}

.tableau {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  min-width: 368px;
  min-height: 300px;
  border-radius: 66px;
  box-shadow: 0px 10px 20px -5px #231f20;
}
@media only screen and (max-width: 600px) {
  .tableau {
    min-width: 280px;
    min-height: 260px;
    border-radius: 50px;
  }
}
.tableau:before {
  content: "";
  background: url(../images/moves-teacher.png);
  width: 336px;
  height: 485px;
  position: absolute;
  top: -70px;
  bottom: 0;
  left: -192px;
  transform: scale(0.8);
}
@media only screen and (max-width: 600px) {
  .tableau:before {
    top: -92px;
    left: -193px;
    transform: scale(0.7);
  }
}
.tableau .moves {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.tableau .moves:after {
  content: "";
  height: 1px;
  max-width: 120px;
  width: 100%;
  background: #00FFFF;
  display: block;
  margin: 0 auto;
  transform: translate(0px, 16px);
}
.tableau h3 {
  color: #c61921;
  font-size: 44px;
  letter-spacing: -1px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
  .tableau h3 {
    font-size: 30px;
  }
}
.tableau span {
  font-size: 34px;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .tableau span {
    font-size: 24px;
  }
}

body.win {
  overflow: hidden;
  pointer-events: none;
}
body.win .tableau {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.631372549);
}

.bottom-heading {
  margin-top: 200px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .bottom-heading {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 600px) {
  .bottom-heading {
    font-size: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.bottom-text {
  text-align: center;
  font-size: 20px;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 800px) {
  .bottom-text br {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .bottom-text {
    margin-bottom: 50px;
    font-size: 15px;
  }
}
.bottom-text strong {
  font-weight: bold;
  color: #fff;
}

.product {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .product {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  .product__image {
    margin-right: 0;
  }
}
.product__image img {
  width: 100%;
}
.product__text {
  flex: 62%;
  max-width: 430px;
}
.product__text h3 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .product__text h3 {
    font-size: 28px;
  }
}
.product__text p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .product__text p {
    font-size: 15px;
    padding: 0 40px;
    line-height: 22px;
  }
}
.product__text a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #e12726;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d3566", endColorstr="#315f99", GradientType=1);
  border-radius: 20px;
  padding: 15px 30px;
  transition: all 500ms;
}
@media only screen and (max-width: 600px) {
  .product__text a {
    font-size: 15px;
    padding: 12px 26px;
    border-radius: 16px;
    margin: 2px 0 28px;
  }
}
.product__text a:hover {
  background: #fff;
  color: #e12726;
}
.product__image img {
  transform: scale(1.15);
  left: 10px;
  position: relative;
}

.product.perifereiaka .product__image img {
  transform: scale(1.1);
  left: 32px;
  position: relative;
}

.hr-img {
  display: block;
  width: 100%;
  margin: 60px auto;
}
@media only screen and (max-width: 800px) {
  .hr-img {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.product-block {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  min-width: 500px;
  min-height: 500px;
  margin: 20px auto 0;
  padding: 55px 40px;
  text-align: left;
  border-radius: 31px;
  border: 2px solid #e12726;
  box-shadow: 6px 6px 0px #000;
}
@media only screen and (max-width: 600px) {
  .product-block {
    min-width: 90%;
    min-height: 425px;
  }
}
.product-block .legion-img {
  position: absolute;
  content: url(../images/yoga-ai.webp);
  top: 100%;
  left: 50%;
  transform: translate(-33%, -60%);
  max-width: 540px;
}
@media only screen and (max-width: 600px) {
  .product-block .legion-img {
    max-width: 350px;
    transform: translate(-35%, -60%);
  }
}
.product-block img {
  max-width: 200px;
}
.product-block p {
  color: #000;
  font-size: 24px;
}
@media only screen and (max-width: 600px) {
  .product-block p {
    font-size: 17px;
  }
}
.product-block p strong {
  font-weight: bold;
}
.product-block ul {
  margin-top: 25px;
  list-style: none;
  color: #000;
}
.product-block ul li {
  font-size: 19px;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .product-block ul li {
    font-size: 15px;
  }
}

.info-page {
  padding-bottom: 130px;
}
@media only screen and (max-width: 800px) {
  .info-page {
    background-size: cover;
  }
}
@media only screen and (max-width: 600px) {
  .info-page {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 400px) {
  .info-page {
    padding-bottom: 70px;
  }
}
.info-page .container {
  max-width: 750px;
  padding: 0 20px;
}

.info-page .header .top-text-heading {
  font-size: 42px;
}
@media only screen and (max-width: 800px) {
  .info-page .header .top-text-heading {
    font-size: clamp(20px, 5.5vw, 42px);
  }
}

.info-page .header .top-text-heading,
.info-page .header .top-text-text {
  text-align: left;
}

.info-page .header .top-text-text {
  margin-bottom: 24px;
}

.info-page .sticker {
  position: absolute;
  right: 0;
  top: 264px;
  max-width: 60px;
}
@media only screen and (max-width: 800px) {
  .info-page .sticker {
    position: absolute;
    right: 0;
    top: 118px;
    max-width: 30px;
  }
}

.info-page .top-heading {
  margin-top: 0px;
  font-size: 75px;
  font-weight: 400;
  margin-bottom: 200px;
  max-width: 500px;
}
@media only screen and (max-width: 800px) {
  .info-page .top-heading {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .info-page .top-heading {
    font-size: 35px;
    margin-right: 60px;
    margin-top: 40px;
  }
}
.info-page .top-heading strong {
  color: #fff;
  font-weight: 900;
}

.info-page .top-text {
  padding-left: 0px;
  padding-right: 0px;
}

.box-info-robot {
  max-width: 710px;
  margin: 0 auto;
  position: relative;
}
.box-info-robot:before {
  content: "";
  background-image: url(../images/big_teacher.png);
  height: 664px;
  width: 664px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(26%, -66%) scale(0.9);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 800px) {
  .box-info-robot {
    display: none;
  }
}

.box-info {
  background: #fff;
  border-radius: 36px;
  color: #000;
  border: 2px solid #e12726;
  box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.8);
  padding: 26px 34px 50px;
  max-width: 710px;
  margin: 0 auto;
  position: relative;
}

.info-page ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.info-page ul li {
  position: relative;
}

.info-page ul li::before {
  content: "•";
  font-size: 1em;
  line-height: 1;
  margin-right: 6px;
  color: #ff0000;
}

.box-info-bottom-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: scale(1.4) translate(-35%, 55%);
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .box-info-bottom-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: scale(1.25) translate(-39%, 72%);
    max-width: 780px;
  }
}
@media only screen and (max-width: 400px) {
  .box-info-bottom-img {
    transform: scale(1.25) translate(-38%, 58%);
  }
}

.info-text {
  font-size: 42px;
  line-height: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 800px) {
  .info-text {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .info-text {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .info-page .header {
    padding-top: 22px;
  }
}

.bottom-logo {
  position: absolute;
  bottom: 20px;
  right: -19px;
}

@media only screen and (max-width: 600px) {
  .moves-wrapper {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 800px) {
  .product__image img {
    transform: scale(1) !important;
    left: 0px !important;
  }
}
@media only screen and (max-width: 600px) {
  .product__text p {
    padding: 0 40px !important;
  }
}

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