@charset "UTF-8";
/*
       _ _                     _   _
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|

/*
|--------------------------------------------------------------------------
| Variables
| Author: P11
| Visit us: @ p11.com
|--------------------------------------------------------------------------
/* GLOBAL*/
/* FONTS*/
/* COLORS */
/* BREAKPOINTS */
/* Extra small mobile */
/* Mobile */
/* Tablet */
/* Middle Sized Devices */
/* Small Laptop */
/* Large Laptop / Desktop */
/* Large Desktop */
/*
       _ _                     _   _
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|

/*
|--------------------------------------------------------------------------
| Mixins
| Author: P11 Interactive Team
| Visit us: @ p11.com
|--------------------------------------------------------------------------
| 1. Resets
| 2. Positioning
|
| Notes: Define patterns of property value pairs, which can then be reused in other rule sets
|
*/
/*
| Font Smoothing
| --------------------------------------------------
|
| Aligns most of the browsers with the same font antialiasing.
|
*/
/*
| Strict Button Style
| --------------------------------------------------
|
| Sets the button style appearance to none for various
| mobile browsers and OS's that will auto change the styling
|
*/
/*
| Positioning
| --------------------------------------------------
|
| The following mixins are used for positioning elements
| via the absolute rule
|
*/
/*
| Transition
| --------------------------------------------------
|
| Used to apply all browser prefixes for the css3
| transition property
|
*/
/*
| Box Shadow
| --------------------------------------------------
|
| Used to apply all browser prefixes for the css3
| box-shadow property
|
*/
/*
| Text Shadow
| --------------------------------------------------
|
| Used to apply all browser prefixes for the css3
| text-shadow property
|
*/
/*
| SVG Shadow
| --------------------------------------------------
|
| Used to apply all browser prefixes for the css3
| filter property
|
*/
/*
| Responsive Media Query Mixins
| --------------------------------------------------
|
| The following mixins are used for applying various
| media queries and specified breakpoints
|
*/
/*
| Transparent Colors
| --------------------------------------------------
|
| Function for creating transparent colors.
|
*/
/*
| Gradient Backgrounds
| --------------------------------------------------
|
| Mixin for creating gradient backgrounds
| @include bg-gradient(fn-transparent-color($color-black, 1), fn-transparent-color($color-black, 0), top, bottom, 0%, 100%);
|
*/
/*
| Rotation
| --------------------------------------------------
|
| Mixin for applying the correct browser prefixes for the
| transform: rotate property
|
*/
/*
| Keyframe animations
| --------------------------------------------------
| Mixin for applying animations to elements
|
*/
/*
       _ _                     _   _
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|

Site design by p11|creative
Visit us @ p11.com

/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
|
| This file holds all of the grid / structure related styles for the site.
|
*/
.half {
  width: 50%;
}
@media (max-width: 768px) {
  .half {
    width: 100%;
  }
  .half.md-half {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .half {
    width: 100%;
  }
  .half.md-half {
    width: 100%;
  }
  .half.sm-half {
    width: 50%;
  }
}

.third {
  width: 33.33333333%; /* IE Fallback */
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  .third {
    width: 100%;
  }
  .third.md-third {
    width: 33.3333333333%;
  }
}
@media (max-width: 640px) {
  .third {
    width: 100%;
  }
  .third.md-third {
    width: 100%;
  }
  .third.sm-third {
    width: 33.3333333333%;
  }
}

.twothird,
.two-third {
  width: 66.66%; /* IE Fallback */
  width: 66.6666666667%;
}
@media (max-width: 768px) {
  .twothird,
  .two-third {
    width: 100%;
  }
  .twothird.md-twothird, .twothird.md-two-third,
  .two-third.md-twothird,
  .two-third.md-two-third {
    width: 66.6666666667%;
  }
}
@media (max-width: 640px) {
  .twothird,
  .two-third {
    width: 100%;
  }
  .twothird.md-twothird, .twothird.md-two-third,
  .two-third.md-twothird,
  .two-third.md-two-third {
    width: 100%;
  }
  .twothird.sm-twothird, .twothird.sm-two-third,
  .two-third.sm-twothird,
  .two-third.sm-two-third {
    width: 66.6666666667%;
  }
}

.fourth {
  width: 25%;
}
@media (max-width: 768px) {
  .fourth {
    width: 100%;
  }
  .fourth.md-fourth, .fourth.md-fourth {
    width: 25%;
  }
}
@media (max-width: 640px) {
  .fourth {
    width: 100%;
  }
  .fourth.md-fourth, .fourth.md-fourth {
    width: 100%;
  }
  .fourth.sm-fourth, .fourth.sm-fourth {
    width: 25%;
  }
}

.twofourth,
.two-fourth {
  width: 50%;
}
@media (max-width: 768px) {
  .twofourth,
  .two-fourth {
    width: 100%;
  }
  .twofourth.md-fourth, .twofourth.md-fourth,
  .two-fourth.md-fourth,
  .two-fourth.md-fourth {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .twofourth,
  .two-fourth {
    width: 100%;
  }
  .twofourth.md-fourth, .twofourth.md-fourth,
  .two-fourth.md-fourth,
  .two-fourth.md-fourth {
    width: 100%;
  }
  .twofourth.sm-fourth, .twofourth.sm-fourth,
  .two-fourth.sm-fourth,
  .two-fourth.sm-fourth {
    width: 50%;
  }
}

.threefourth,
.three-fourth {
  width: 75%;
}
@media (max-width: 768px) {
  .threefourth,
  .three-fourth {
    width: 100%;
  }
  .threefourth.md-threefourth, .threefourth.md-three-fourth,
  .three-fourth.md-threefourth,
  .three-fourth.md-three-fourth {
    width: 75%;
  }
}
@media (max-width: 640px) {
  .threefourth,
  .three-fourth {
    width: 100%;
  }
  .threefourth.md-threefourth, .threefourth.md-three-fourth,
  .three-fourth.md-threefourth,
  .three-fourth.md-three-fourth {
    width: 100%;
  }
  .threefourth.sm-threefourth, .threefourth.sm-threefourth,
  .three-fourth.sm-threefourth,
  .three-fourth.sm-threefourth {
    width: 25%;
  }
}

.fifth {
  width: 20%;
}
@media (max-width: 768px) {
  .fifth {
    width: 100%;
  }
  .fifth.md-fifth, .fifth.md-fifth {
    width: 20%;
  }
}
@media (max-width: 640px) {
  .fifth {
    width: 100%;
  }
  .fifth.md-fifth, .fifth.md-fifth {
    width: 100%;
  }
  .fifth.sm-fifth, .fifth.sm-fifth {
    width: 20%;
  }
}

.twofifth,
.two-fifth {
  width: 40%;
}
@media (max-width: 768px) {
  .twofifth,
  .two-fifth {
    width: 100%;
  }
  .twofifth.md-twofifth, .twofifth.md-two-fifth,
  .two-fifth.md-twofifth,
  .two-fifth.md-two-fifth {
    width: 40%;
  }
}
@media (max-width: 640px) {
  .twofifth,
  .two-fifth {
    width: 100%;
  }
  .twofifth.md-twofifth, .twofifth.md-two-fifth,
  .two-fifth.md-twofifth,
  .two-fifth.md-two-fifth {
    width: 100%;
  }
  .twofifth.sm-twofifth, .twofifth.sm-two-fifth,
  .two-fifth.sm-twofifth,
  .two-fifth.sm-two-fifth {
    width: 40%;
  }
}

.threefifth,
.three-fifth {
  width: 60%;
}
@media (max-width: 768px) {
  .threefifth,
  .three-fifth {
    width: 100%;
  }
  .threefifth.md-threefifth, .threefifth.md-three-fifth,
  .three-fifth.md-threefifth,
  .three-fifth.md-three-fifth {
    width: 60%;
  }
}
@media (max-width: 640px) {
  .threefifth,
  .three-fifth {
    width: 100%;
  }
  .threefifth.md-threefifth, .threefifth.md-three-fifth,
  .three-fifth.md-threefifth,
  .three-fifth.md-three-fifth {
    width: 100%;
  }
  .threefifth.sm-threefifth, .threefifth.sm-three-fifth,
  .three-fifth.sm-threefifth,
  .three-fifth.sm-three-fifth {
    width: 60%;
  }
}

.fourfifth,
.four-fifth {
  width: 80%;
}
@media (max-width: 768px) {
  .fourfifth,
  .four-fifth {
    width: 100%;
  }
  .fourfifth.md-fourfifth, .fourfifth.md-four-fifth,
  .four-fifth.md-fourfifth,
  .four-fifth.md-four-fifth {
    width: 80%;
  }
}
@media (max-width: 640px) {
  .fourfifth,
  .four-fifth {
    width: 100%;
  }
  .fourfifth.md-fourfifth, .fourfifth.md-four-fifth,
  .four-fifth.md-fourfifth,
  .four-fifth.md-four-fifth {
    width: 100%;
  }
  .fourfifth.sm-fourfifth, .fourfifth.sm-four-fifth,
  .four-fifth.sm-fourfifth,
  .four-fifth.sm-four-fifth {
    width: 80%;
  }
}

.sixth {
  width: 16.66666666; /* IE Fallback */
  width: 16.6666666667%;
}
@media (max-width: 768px) {
  .sixth {
    width: 100%;
  }
  .sixth.md-sixth, .sixth.md-sixth {
    width: 16%;
    width: 16.6666666667%;
  }
}
@media (max-width: 640px) {
  .sixth {
    width: 100%;
  }
  .sixth.md-sixth, .sixth.md-sixth {
    width: 100%;
  }
  .sixth.sm-sixth, .sixth.sm-sixth {
    width: 16%;
    width: 16.6666666667%;
  }
}

.twosixth,
.two-sixth {
  width: 33.33333333; /* IE Fallback */
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  .twosixth,
  .two-sixth {
    width: 100%;
  }
  .twosixth.md-twosixth, .twosixth.md-two-sixth,
  .two-sixth.md-twosixth,
  .two-sixth.md-two-sixth {
    width: 33.33333333; /* IE Fallback */
    width: 33.3333333333%;
  }
}
@media (max-width: 640px) {
  .twosixth,
  .two-sixth {
    width: 100%;
  }
  .twosixth.md-twosixth, .twosixth.md-two-sixth,
  .two-sixth.md-twosixth,
  .two-sixth.md-two-sixth {
    width: 100%;
  }
  .twosixth.sm-twosixth, .twosixth.sm-two-sixth,
  .two-sixth.sm-twosixth,
  .two-sixth.sm-two-sixth {
    width: 33.33333333; /* IE Fallback */
    width: 33.3333333333%;
  }
}

.threesixth,
.three-sixth {
  width: 50%;
}
@media (max-width: 768px) {
  .threesixth,
  .three-sixth {
    width: 100%;
  }
  .threesixth.md-threesixth, .threesixth.md-three-sixth,
  .three-sixth.md-threesixth,
  .three-sixth.md-three-sixth {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .threesixth,
  .three-sixth {
    width: 100%;
  }
  .threesixth.md-threesixth, .threesixth.md-three-sixth,
  .three-sixth.md-threesixth,
  .three-sixth.md-three-sixth {
    width: 100%;
  }
  .threesixth.sm-threesixth, .threesixth.sm-three-sixth,
  .three-sixth.sm-threesixth,
  .three-sixth.sm-three-sixth {
    width: 50%;
  }
}

.foursixth,
.four-sixth {
  width: 66.66666666; /* IE Fallback */
  width: 66.6666666667%;
}
@media (max-width: 768px) {
  .foursixth,
  .four-sixth {
    width: 100%;
  }
  .foursixth.md-foursixth, .foursixth.md-four-sixth,
  .four-sixth.md-foursixth,
  .four-sixth.md-four-sixth {
    width: 66.66666666%;
    width: 66.6666666667%;
  }
}
@media (max-width: 640px) {
  .foursixth,
  .four-sixth {
    width: 100%;
  }
  .foursixth.md-foursixth, .foursixth.md-four-sixth,
  .four-sixth.md-foursixth,
  .four-sixth.md-four-sixth {
    width: 100%;
  }
  .foursixth.sm-foursixth, .foursixth.sm-four-sixth,
  .four-sixth.sm-foursixth,
  .four-sixth.sm-four-sixth {
    width: 66.66666666%;
    width: 66.6666666667%;
  }
}

.fivesixth,
.five-sixth {
  width: 83.33333333; /* IE Fallback */
  width: 83.3333333333%;
}
@media (max-width: 768px) {
  .fivesixth,
  .five-sixth {
    width: 100%;
  }
  .fivesixth.md-fivesixth, .fivesixth.md-five-sixth,
  .five-sixth.md-fivesixth,
  .five-sixth.md-five-sixth {
    width: 83.33333333%;
    width: 83.3333333333%;
  }
}
@media (max-width: 640px) {
  .fivesixth,
  .five-sixth {
    width: 100%;
  }
  .fivesixth.md-fivesixth, .fivesixth.md-five-sixth,
  .five-sixth.md-fivesixth,
  .five-sixth.md-five-sixth {
    width: 100%;
  }
  .fivesixth.sm-fivesixth, .fivesixth.sm-five-sixth,
  .five-sixth.sm-fivesixth,
  .five-sixth.sm-five-sixth {
    width: 83.33333333%;
    width: 83.3333333333%;
  }
}

/**** Gutters ***/
.half-gutter1 .half {
  width: calc(50% - 0.5rem);
}
@media (max-width: 768px) {
  .half-gutter1 .half {
    width: 100%;
  }
}
.half-gutter1 .half:nth-child(even) {
  margin-left: 1rem;
}
@media (max-width: 768px) {
  .half-gutter1 {
    width: 100%;
    margin-left: 0 !important;
  }
}

.half-gutter2 .half {
  width: calc(50% - 1rem);
}
@media (max-width: 768px) {
  .half-gutter2 .half {
    width: 100%;
  }
}
.half-gutter2 .half:nth-child(even) {
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .half-gutter2 .half:nth-child(even) {
    margin-left: 0 !important;
  }
}

.third-gutter1 .third {
  width: calc(33.3333333333% - 0.67rem);
  margin: 1rem 0 0;
}
.third-gutter1 .third:nth-child(3n+2) {
  margin: 1rem 1rem 0;
}
@media (max-width: 1024px) {
  .third-gutter1 .third {
    width: calc(50% - 0.5rem);
  }
  .third-gutter1 .third:nth-of-type(n) {
    margin: 1rem 0 0 0;
  }
  .third-gutter1 .third:nth-child(2n+1) {
    margin-right: 1rem;
  }
}
@media (max-width: 768px) {
  .third-gutter1 .third {
    width: 100%;
  }
  .third-gutter1 .third:nth-of-type(n) {
    margin: 1rem 0 0 0;
  }
}

em {
  font-style: italic;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.full {
  width: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  margin: 0 auto;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.z-index0 {
  z-index: 0;
}

.fill {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
}

/*~~ Gap ~~*/
.gap0 {
  gap: 0;
}

.gap1 {
  gap: 1rem;
}

.gap2 {
  gap: 2rem;
}

.gap3 {
  gap: 3rem;
}

.gap4 {
  gap: 4rem;
}

.gap5 {
  gap: 5rem;
}

@media (max-width: 768px) {
  .gapm0 {
    gap: 0;
  }
}

@media (max-width: 768px) {
  .gapm1 {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .gapm2 {
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  .gapm3 {
    gap: 3rem;
  }
}

@media (max-width: 768px) {
  .gapm4 {
    gap: 4rem;
  }
}

@media (max-width: 768px) {
  .gapm5 {
    gap: 5rem;
  }
}

/*~~ VERTICAL ALIGN ~~*/
.vtop {
  justify-content: top;
}

.vcenter {
  justify-content: center;
}

.vbottom {
  justify-content: bottom;
}

/*~~ TEXT ALIGN ~~*/
.tleft,
.hleft,
.text-left {
  text-align: left;
}

.tright,
.hright,
.text-right {
  text-align: right;
}

.tcenter,
.hcenter,
.text-center {
  text-align: center;
}

.italic {
  font-style: italic;
}

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

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

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

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

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

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

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

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

.p-auto {
  padding-top: auto !important;
  padding-left: auto !important;
  padding-bottom: auto !important;
  padding-right: auto !important;
}

.m-auto {
  margin-top: auto !important;
  margin-left: auto !important;
  margin-bottom: auto !important;
  margin-right: auto !important;
}

.ph-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.mh-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.pv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.mv-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

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

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

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

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

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

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

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

.p-8 {
  padding-top: 8rem !important;
  padding-left: 8rem !important;
  padding-bottom: 8rem !important;
  padding-right: 8rem !important;
}

.m-8 {
  margin-top: 8rem !important;
  margin-left: 8rem !important;
  margin-bottom: 8rem !important;
  margin-right: 8rem !important;
}

.ph-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.mh-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.pv-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.mv-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.p-7 {
  padding-top: 7rem !important;
  padding-left: 7rem !important;
  padding-bottom: 7rem !important;
  padding-right: 7rem !important;
}

.m-7 {
  margin-top: 7rem !important;
  margin-left: 7rem !important;
  margin-bottom: 7rem !important;
  margin-right: 7rem !important;
}

.ph-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.mh-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.pv-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.mv-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.p-6 {
  padding-top: 6rem !important;
  padding-left: 6rem !important;
  padding-bottom: 6rem !important;
  padding-right: 6rem !important;
}

.m-6 {
  margin-top: 6rem !important;
  margin-left: 6rem !important;
  margin-bottom: 6rem !important;
  margin-right: 6rem !important;
}

.ph-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.mh-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.pv-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.mv-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

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

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

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

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

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

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

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

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

.p-5 {
  padding-top: 5rem !important;
  padding-left: 5rem !important;
  padding-bottom: 5rem !important;
  padding-right: 5rem !important;
}

.m-5 {
  margin-top: 5rem !important;
  margin-left: 5rem !important;
  margin-bottom: 5rem !important;
  margin-right: 5rem !important;
}

.ph-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.mh-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.pv-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.mv-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

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

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

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

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

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

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

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

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

.p-4 {
  padding-top: 4rem !important;
  padding-left: 4rem !important;
  padding-bottom: 4rem !important;
  padding-right: 4rem !important;
}

.m-4 {
  margin-top: 4rem !important;
  margin-left: 4rem !important;
  margin-bottom: 4rem !important;
  margin-right: 4rem !important;
}

.ph-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.mh-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.pv-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.mv-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

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

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

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

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

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

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

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

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

.p-3 {
  padding-top: 3rem !important;
  padding-left: 3rem !important;
  padding-bottom: 3rem !important;
  padding-right: 3rem !important;
}

.m-3 {
  margin-top: 3rem !important;
  margin-left: 3rem !important;
  margin-bottom: 3rem !important;
  margin-right: 3rem !important;
}

.ph-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.mh-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.pv-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mv-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

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

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

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

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

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

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

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

.p-2 {
  padding-top: 2rem !important;
  padding-left: 2rem !important;
  padding-bottom: 2rem !important;
  padding-right: 2rem !important;
}

.m-2 {
  margin-top: 2rem !important;
  margin-left: 2rem !important;
  margin-bottom: 2rem !important;
  margin-right: 2rem !important;
}

.ph-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.mh-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.pv-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mv-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

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

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

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

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

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

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

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

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

.p-1 {
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-bottom: 1rem !important;
  padding-right: 1rem !important;
}

.m-1 {
  margin-top: 1rem !important;
  margin-left: 1rem !important;
  margin-bottom: 1rem !important;
  margin-right: 1rem !important;
}

.ph-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mh-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.pv-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mv-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

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

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

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

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

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

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

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

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

.p-0 {
  padding-top: 0rem !important;
  padding-left: 0rem !important;
  padding-bottom: 0rem !important;
  padding-right: 0rem !important;
}

.m-0 {
  margin-top: 0rem !important;
  margin-left: 0rem !important;
  margin-bottom: 0rem !important;
  margin-right: 0rem !important;
}

.ph-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.mh-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

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

.mv-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.p-8-8 {
  padding: 8rem 8rem !important;
}

.p-8-7 {
  padding: 8rem 7rem !important;
}

.p-8-6 {
  padding: 8rem 6rem !important;
}

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

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

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

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

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

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

.p-7-8 {
  padding: 7rem 8rem !important;
}

.p-7-7 {
  padding: 7rem 7rem !important;
}

.p-7-6 {
  padding: 7rem 6rem !important;
}

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

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

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

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

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

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

.p-6-8 {
  padding: 6rem 8rem !important;
}

.p-6-7 {
  padding: 6rem 7rem !important;
}

.p-6-6 {
  padding: 6rem 6rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .mpt-auto {
    padding-top: auto !important;
  }
  .mmt-auto {
    margin-top: auto !important;
  }
  .mpb-auto {
    padding-bottom: auto !important;
  }
  .mmb-auto {
    margin-bottom: auto !important;
  }
  .mpl-auto {
    padding-left: auto !important;
  }
  .mml-auto {
    margin-left: auto !important;
  }
  .mpr-auto {
    padding-right: auto !important;
  }
  .mmr-auto {
    margin-right: auto !important;
  }
  .mp-auto {
    padding-top: auto !important;
    padding-left: auto !important;
    padding-bottom: auto !important;
    padding-right: auto !important;
  }
  .mm-auto {
    margin-top: auto !important;
    margin-left: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
  }
  .mph-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .mmh-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mpv-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .mmv-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mpt-8 {
    padding-top: 8rem !important;
  }
  .mmt-8 {
    margin-top: 8rem !important;
  }
  .mpb-8 {
    padding-bottom: 8rem !important;
  }
  .mmb-8 {
    margin-bottom: 8rem !important;
  }
  .mpl-8 {
    padding-left: 8rem !important;
  }
  .mml-8 {
    margin-left: 8rem !important;
  }
  .mpr-8 {
    padding-right: 8rem !important;
  }
  .mmr-8 {
    margin-right: 8rem !important;
  }
  .mp-8 {
    padding-top: 8rem !important;
    padding-left: 8rem !important;
    padding-bottom: 8rem !important;
    padding-right: 8rem !important;
  }
  .mm-8 {
    margin-top: 8rem !important;
    margin-left: 8rem !important;
    margin-bottom: 8rem !important;
    margin-right: 8rem !important;
  }
  .mph-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .mmh-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mpv-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .mmv-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mpt-7 {
    padding-top: 7rem !important;
  }
  .mmt-7 {
    margin-top: 7rem !important;
  }
  .mpb-7 {
    padding-bottom: 7rem !important;
  }
  .mmb-7 {
    margin-bottom: 7rem !important;
  }
  .mpl-7 {
    padding-left: 7rem !important;
  }
  .mml-7 {
    margin-left: 7rem !important;
  }
  .mpr-7 {
    padding-right: 7rem !important;
  }
  .mmr-7 {
    margin-right: 7rem !important;
  }
  .mp-7 {
    padding-top: 7rem !important;
    padding-left: 7rem !important;
    padding-bottom: 7rem !important;
    padding-right: 7rem !important;
  }
  .mm-7 {
    margin-top: 7rem !important;
    margin-left: 7rem !important;
    margin-bottom: 7rem !important;
    margin-right: 7rem !important;
  }
  .mph-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .mmh-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mpv-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .mmv-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mpt-6 {
    padding-top: 6rem !important;
  }
  .mmt-6 {
    margin-top: 6rem !important;
  }
  .mpb-6 {
    padding-bottom: 6rem !important;
  }
  .mmb-6 {
    margin-bottom: 6rem !important;
  }
  .mpl-6 {
    padding-left: 6rem !important;
  }
  .mml-6 {
    margin-left: 6rem !important;
  }
  .mpr-6 {
    padding-right: 6rem !important;
  }
  .mmr-6 {
    margin-right: 6rem !important;
  }
  .mp-6 {
    padding-top: 6rem !important;
    padding-left: 6rem !important;
    padding-bottom: 6rem !important;
    padding-right: 6rem !important;
  }
  .mm-6 {
    margin-top: 6rem !important;
    margin-left: 6rem !important;
    margin-bottom: 6rem !important;
    margin-right: 6rem !important;
  }
  .mph-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .mmh-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mpv-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .mmv-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mpt-5 {
    padding-top: 5rem !important;
  }
  .mmt-5 {
    margin-top: 5rem !important;
  }
  .mpb-5 {
    padding-bottom: 5rem !important;
  }
  .mmb-5 {
    margin-bottom: 5rem !important;
  }
  .mpl-5 {
    padding-left: 5rem !important;
  }
  .mml-5 {
    margin-left: 5rem !important;
  }
  .mpr-5 {
    padding-right: 5rem !important;
  }
  .mmr-5 {
    margin-right: 5rem !important;
  }
  .mp-5 {
    padding-top: 5rem !important;
    padding-left: 5rem !important;
    padding-bottom: 5rem !important;
    padding-right: 5rem !important;
  }
  .mm-5 {
    margin-top: 5rem !important;
    margin-left: 5rem !important;
    margin-bottom: 5rem !important;
    margin-right: 5rem !important;
  }
  .mph-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .mmh-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mpv-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .mmv-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mpt-4 {
    padding-top: 4rem !important;
  }
  .mmt-4 {
    margin-top: 4rem !important;
  }
  .mpb-4 {
    padding-bottom: 4rem !important;
  }
  .mmb-4 {
    margin-bottom: 4rem !important;
  }
  .mpl-4 {
    padding-left: 4rem !important;
  }
  .mml-4 {
    margin-left: 4rem !important;
  }
  .mpr-4 {
    padding-right: 4rem !important;
  }
  .mmr-4 {
    margin-right: 4rem !important;
  }
  .mp-4 {
    padding-top: 4rem !important;
    padding-left: 4rem !important;
    padding-bottom: 4rem !important;
    padding-right: 4rem !important;
  }
  .mm-4 {
    margin-top: 4rem !important;
    margin-left: 4rem !important;
    margin-bottom: 4rem !important;
    margin-right: 4rem !important;
  }
  .mph-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .mmh-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mpv-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .mmv-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mpt-3 {
    padding-top: 3rem !important;
  }
  .mmt-3 {
    margin-top: 3rem !important;
  }
  .mpb-3 {
    padding-bottom: 3rem !important;
  }
  .mmb-3 {
    margin-bottom: 3rem !important;
  }
  .mpl-3 {
    padding-left: 3rem !important;
  }
  .mml-3 {
    margin-left: 3rem !important;
  }
  .mpr-3 {
    padding-right: 3rem !important;
  }
  .mmr-3 {
    margin-right: 3rem !important;
  }
  .mp-3 {
    padding-top: 3rem !important;
    padding-left: 3rem !important;
    padding-bottom: 3rem !important;
    padding-right: 3rem !important;
  }
  .mm-3 {
    margin-top: 3rem !important;
    margin-left: 3rem !important;
    margin-bottom: 3rem !important;
    margin-right: 3rem !important;
  }
  .mph-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .mmh-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mpv-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .mmv-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mpt-2 {
    padding-top: 2rem !important;
  }
  .mmt-2 {
    margin-top: 2rem !important;
  }
  .mpb-2 {
    padding-bottom: 2rem !important;
  }
  .mmb-2 {
    margin-bottom: 2rem !important;
  }
  .mpl-2 {
    padding-left: 2rem !important;
  }
  .mml-2 {
    margin-left: 2rem !important;
  }
  .mpr-2 {
    padding-right: 2rem !important;
  }
  .mmr-2 {
    margin-right: 2rem !important;
  }
  .mp-2 {
    padding-top: 2rem !important;
    padding-left: 2rem !important;
    padding-bottom: 2rem !important;
    padding-right: 2rem !important;
  }
  .mm-2 {
    margin-top: 2rem !important;
    margin-left: 2rem !important;
    margin-bottom: 2rem !important;
    margin-right: 2rem !important;
  }
  .mph-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .mmh-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mpv-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .mmv-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mpt-1 {
    padding-top: 1rem !important;
  }
  .mmt-1 {
    margin-top: 1rem !important;
  }
  .mpb-1 {
    padding-bottom: 1rem !important;
  }
  .mmb-1 {
    margin-bottom: 1rem !important;
  }
  .mpl-1 {
    padding-left: 1rem !important;
  }
  .mml-1 {
    margin-left: 1rem !important;
  }
  .mpr-1 {
    padding-right: 1rem !important;
  }
  .mmr-1 {
    margin-right: 1rem !important;
  }
  .mp-1 {
    padding-top: 1rem !important;
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
    padding-right: 1rem !important;
  }
  .mm-1 {
    margin-top: 1rem !important;
    margin-left: 1rem !important;
    margin-bottom: 1rem !important;
    margin-right: 1rem !important;
  }
  .mph-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .mmh-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mpv-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .mmv-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mpt-0 {
    padding-top: 0rem !important;
  }
  .mmt-0 {
    margin-top: 0rem !important;
  }
  .mpb-0 {
    padding-bottom: 0rem !important;
  }
  .mmb-0 {
    margin-bottom: 0rem !important;
  }
  .mpl-0 {
    padding-left: 0rem !important;
  }
  .mml-0 {
    margin-left: 0rem !important;
  }
  .mpr-0 {
    padding-right: 0rem !important;
  }
  .mmr-0 {
    margin-right: 0rem !important;
  }
  .mp-0 {
    padding-top: 0rem !important;
    padding-left: 0rem !important;
    padding-bottom: 0rem !important;
    padding-right: 0rem !important;
  }
  .mm-0 {
    margin-top: 0rem !important;
    margin-left: 0rem !important;
    margin-bottom: 0rem !important;
    margin-right: 0rem !important;
  }
  .mph-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .mmh-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mpv-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .mmv-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mp-8-8 {
    padding: 8rem 8rem !important;
  }
  .mp-8-7 {
    padding: 8rem 7rem !important;
  }
  .mp-8-6 {
    padding: 8rem 6rem !important;
  }
  .mp-8-5 {
    padding: 8rem 5rem !important;
  }
  .mp-8-4 {
    padding: 8rem 4rem !important;
  }
  .mp-8-3 {
    padding: 8rem 3rem !important;
  }
  .mp-8-2 {
    padding: 8rem 2rem !important;
  }
  .mp-8-1 {
    padding: 8rem 1rem !important;
  }
  .mp-8-0 {
    padding: 8rem 0rem !important;
  }
  .mp-7-8 {
    padding: 7rem 8rem !important;
  }
  .mp-7-7 {
    padding: 7rem 7rem !important;
  }
  .mp-7-6 {
    padding: 7rem 6rem !important;
  }
  .mp-7-5 {
    padding: 7rem 5rem !important;
  }
  .mp-7-4 {
    padding: 7rem 4rem !important;
  }
  .mp-7-3 {
    padding: 7rem 3rem !important;
  }
  .mp-7-2 {
    padding: 7rem 2rem !important;
  }
  .mp-7-1 {
    padding: 7rem 1rem !important;
  }
  .mp-7-0 {
    padding: 7rem 0rem !important;
  }
  .mp-6-8 {
    padding: 6rem 8rem !important;
  }
  .mp-6-7 {
    padding: 6rem 7rem !important;
  }
  .mp-6-6 {
    padding: 6rem 6rem !important;
  }
  .mp-6-5 {
    padding: 6rem 5rem !important;
  }
  .mp-6-4 {
    padding: 6rem 4rem !important;
  }
  .mp-6-3 {
    padding: 6rem 3rem !important;
  }
  .mp-6-2 {
    padding: 6rem 2rem !important;
  }
  .mp-6-1 {
    padding: 6rem 1rem !important;
  }
  .mp-6-0 {
    padding: 6rem 0rem !important;
  }
  .mp-5-8 {
    padding: 5rem 8rem !important;
  }
  .mp-5-7 {
    padding: 5rem 7rem !important;
  }
  .mp-5-6 {
    padding: 5rem 6rem !important;
  }
  .mp-5-5 {
    padding: 5rem 5rem !important;
  }
  .mp-5-4 {
    padding: 5rem 4rem !important;
  }
  .mp-5-3 {
    padding: 5rem 3rem !important;
  }
  .mp-5-2 {
    padding: 5rem 2rem !important;
  }
  .mp-5-1 {
    padding: 5rem 1rem !important;
  }
  .mp-5-0 {
    padding: 5rem 0rem !important;
  }
  .mp-4-8 {
    padding: 4rem 8rem !important;
  }
  .mp-4-7 {
    padding: 4rem 7rem !important;
  }
  .mp-4-6 {
    padding: 4rem 6rem !important;
  }
  .mp-4-5 {
    padding: 4rem 5rem !important;
  }
  .mp-4-4 {
    padding: 4rem 4rem !important;
  }
  .mp-4-3 {
    padding: 4rem 3rem !important;
  }
  .mp-4-2 {
    padding: 4rem 2rem !important;
  }
  .mp-4-1 {
    padding: 4rem 1rem !important;
  }
  .mp-4-0 {
    padding: 4rem 0rem !important;
  }
  .mp-3-8 {
    padding: 3rem 8rem !important;
  }
  .mp-3-7 {
    padding: 3rem 7rem !important;
  }
  .mp-3-6 {
    padding: 3rem 6rem !important;
  }
  .mp-3-5 {
    padding: 3rem 5rem !important;
  }
  .mp-3-4 {
    padding: 3rem 4rem !important;
  }
  .mp-3-3 {
    padding: 3rem 3rem !important;
  }
  .mp-3-2 {
    padding: 3rem 2rem !important;
  }
  .mp-3-1 {
    padding: 3rem 1rem !important;
  }
  .mp-3-0 {
    padding: 3rem 0rem !important;
  }
  .mp-2-8 {
    padding: 2rem 8rem !important;
  }
  .mp-2-7 {
    padding: 2rem 7rem !important;
  }
  .mp-2-6 {
    padding: 2rem 6rem !important;
  }
  .mp-2-5 {
    padding: 2rem 5rem !important;
  }
  .mp-2-4 {
    padding: 2rem 4rem !important;
  }
  .mp-2-3 {
    padding: 2rem 3rem !important;
  }
  .mp-2-2 {
    padding: 2rem 2rem !important;
  }
  .mp-2-1 {
    padding: 2rem 1rem !important;
  }
  .mp-2-0 {
    padding: 2rem 0rem !important;
  }
  .mp-1-8 {
    padding: 1rem 8rem !important;
  }
  .mp-1-7 {
    padding: 1rem 7rem !important;
  }
  .mp-1-6 {
    padding: 1rem 6rem !important;
  }
  .mp-1-5 {
    padding: 1rem 5rem !important;
  }
  .mp-1-4 {
    padding: 1rem 4rem !important;
  }
  .mp-1-3 {
    padding: 1rem 3rem !important;
  }
  .mp-1-2 {
    padding: 1rem 2rem !important;
  }
  .mp-1-1 {
    padding: 1rem 1rem !important;
  }
  .mp-1-0 {
    padding: 1rem 0rem !important;
  }
  .mp-0-8 {
    padding: 0rem 8rem !important;
  }
  .mp-0-7 {
    padding: 0rem 7rem !important;
  }
  .mp-0-6 {
    padding: 0rem 6rem !important;
  }
  .mp-0-5 {
    padding: 0rem 5rem !important;
  }
  .mp-0-4 {
    padding: 0rem 4rem !important;
  }
  .mp-0-3 {
    padding: 0rem 3rem !important;
  }
  .mp-0-2 {
    padding: 0rem 2rem !important;
  }
  .mp-0-1 {
    padding: 0rem 1rem !important;
  }
  .mp-0-0 {
    padding: 0rem 0rem !important;
  }
}
.pvht-auto {
  padding-top: auto !important;
}

.pvhb-auto {
  padding-bottom: auto !important;
}

.pvh-auto {
  padding-top: auto !important;
  padding-left: auto !important;
  padding-bottom: auto !important;
  padding-right: auto !important;
}

.pvhv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.pvht-30 {
  padding-top: 30vh !important;
}

.pvhb-30 {
  padding-bottom: 30vh !important;
}

.pvh-30 {
  padding-top: 30vh !important;
  padding-left: 30vh !important;
  padding-bottom: 30vh !important;
  padding-right: 30vh !important;
}

.pvhv-30 {
  padding-top: 30vh !important;
  padding-bottom: 30vh !important;
}

.pvht-25 {
  padding-top: 25vh !important;
}

.pvhb-25 {
  padding-bottom: 25vh !important;
}

.pvh-25 {
  padding-top: 25vh !important;
  padding-left: 25vh !important;
  padding-bottom: 25vh !important;
  padding-right: 25vh !important;
}

.pvhv-25 {
  padding-top: 25vh !important;
  padding-bottom: 25vh !important;
}

.pvht-20 {
  padding-top: 20vh !important;
}

.pvhb-20 {
  padding-bottom: 20vh !important;
}

.pvh-20 {
  padding-top: 20vh !important;
  padding-left: 20vh !important;
  padding-bottom: 20vh !important;
  padding-right: 20vh !important;
}

.pvhv-20 {
  padding-top: 20vh !important;
  padding-bottom: 20vh !important;
}

.pvht-15 {
  padding-top: 15vh !important;
}

.pvhb-15 {
  padding-bottom: 15vh !important;
}

.pvh-15 {
  padding-top: 15vh !important;
  padding-left: 15vh !important;
  padding-bottom: 15vh !important;
  padding-right: 15vh !important;
}

.pvhv-15 {
  padding-top: 15vh !important;
  padding-bottom: 15vh !important;
}

.pvht-5 {
  padding-top: 5vh !important;
}

.pvhb-5 {
  padding-bottom: 5vh !important;
}

.pvh-5 {
  padding-top: 5vh !important;
  padding-left: 5vh !important;
  padding-bottom: 5vh !important;
  padding-right: 5vh !important;
}

.pvhv-5 {
  padding-top: 5vh !important;
  padding-bottom: 5vh !important;
}

.pvht-0 {
  padding-top: 0vh !important;
}

.pvhb-0 {
  padding-bottom: 0vh !important;
}

.pvh-0 {
  padding-top: 0vh !important;
  padding-left: 0vh !important;
  padding-bottom: 0vh !important;
  padding-right: 0vh !important;
}

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

/*~~ GLOBAL ~~*/
sup {
  vertical-align: super;
  font-size: 50%;
}

.center {
  margin: 0 auto;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.hidden,
.hide {
  display: none;
}

.noscroll,
.no-scroll {
  height: 100%;
  overflow: hidden;
}

.relative {
  position: relative;
}

.flex {
  display: flex;
}

.figure {
  overflow: hidden;
  position: relative;
}

.figure img,
.stretch {
  width: 100%;
  height: auto;
}

.stretch-h {
  height: 100%;
  width: auto;
}

.cover {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fixedbg,
.fixed-bg {
  background-attachment: fixed;
  will-change: top;
}

.css-table {
  display: table;
}
.css-table .css-col {
  display: table-cell;
}

/* Column Classes
 *
 * Width: 1200px
 * Gutter: 10px
 * Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 1.6666666667%;
  margin-bottom: 1em;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 49.1666666667%;
}

.one-third,
.two-sixths {
  width: 32.2222222222%;
}

.four-sixths,
.two-thirds {
  width: 66.1111111111%;
}

.one-fourth {
  width: 23.75%;
}

.three-fourths {
  width: 74.5833333333%;
}

.one-fifth {
  width: 18.6666666667%;
}

.two-fifths {
  width: 39%;
}

.three-fifths {
  width: 59.3333333333%;
}

.four-fifths {
  width: 79.6666666667%;
}

.one-sixth {
  width: 15.2777777778%;
}

.five-sixths {
  width: 83.0555555556%;
}

.first {
  clear: both;
  margin-left: 0;
}

@media (max-width: 640px) {
  .five-sixths,
  .four-sixths,
  .four-fifths,
  .one-fifth,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-fifths,
  .three-sixths,
  .two-fourths,
  .two-fifths,
  .two-sixths,
  .two-thirds {
    width: 100%;
    float: none;
    margin-left: 0;
    clear: both;
    display: block;
  }
}

/* End Column Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer {
  position: relative;
  z-index: 1;
  background-color: var(--base-color, #000000);
  padding: 3rem 0;
  border-top: 1px solid color-mix(in srgb, var(--base-color, #000000), #fff 60%);
}
@media (max-width: 768px) {
  footer {
    padding: 2rem 0;
  }
}
footer .footer-content {
  align-items: center;
  text-align: center;
}
footer .footer-content p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--base-color, #000000);
}
footer .footer-content a {
  color: var(--base-color, #000000);
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
footer .footer-content a:hover {
  opacity: 0.65;
}
footer .footer-content .footer-logo {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
footer .footer-content .footer-logo img {
  width: 200px;
  margin: 0 auto;
}
footer .footer-content .footer-links {
  display: block;
  width: 100%;
}
footer .footer-content .footer-links .footer-social {
  display: block;
  margin-bottom: 1rem;
}
footer .footer-content .footer-links .footer-social li {
  font-size: 1.75rem;
  display: inline-block;
  margin: 0 0.5rem;
}
footer .footer-content .footer-links .footer-social li:first-of-type {
  margin-left: 0;
}
footer .footer-content .footer-links .footer-social li a {
  color: var(--base-color, #000000);
}
footer .footer-content .footer-links p.footer-address {
  display: inline-block;
}
@media (max-width: 640px) {
  footer .footer-content .footer-links p.footer-address .footer-phone {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
  }
  footer .footer-content .footer-links p.footer-address .footer-phone .footer-phone-separator {
    display: none;
  }
}
@media (max-width: 640px) {
  footer .footer-content .footer-links p.footer-address span {
    display: none;
  }
}
footer .footer-content .footer-links .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
}
@media (max-width: 640px) {
  footer .footer-content .footer-links .footer-nav {
    margin-top: 2rem;
    flex-direction: column;
    align-items: center;
  }
}
footer .footer-content .footer-links .footer-nav li {
  display: flex;
  align-items: center;
}
footer .footer-content .footer-links .footer-nav li:not(:last-child)::after {
  content: "|";
  margin: 0 0.35em;
}
@media (max-width: 640px) {
  footer .footer-content .footer-links .footer-nav li {
    margin-bottom: 1rem;
  }
  footer .footer-content .footer-links .footer-nav li:after {
    display: none;
  }
}
footer .footer-content .footer-links .footer-cta {
  margin-top: 1.5rem;
}
footer .footer-content .footer-links .footer-cta .boxbtn {
  white-space: nowrap;
}
footer .footer-content .footer-links .footer-cta .boxbtn:hover {
  opacity: 1;
}
footer .copyright {
  margin-top: 2rem;
}
@media (max-width: 640px) {
  footer .copyright .copyright-content {
    width: 100%;
  }
}
footer .copyright .copyright-content p {
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.85em;
  text-wrap: pretty;
}

/*******************
Top Promo Bar
*******************/
.top-promo-bar {
  background-color: var(--accent-color, #f7941c);
  text-align: center;
  position: relative;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--top-promo-height, 4.25rem);
  overflow: hidden;
}
html.top-promo-closed .top-promo-bar {
  display: none !important;
}
.top-promo-bar.is-closing {
  pointer-events: none;
  min-height: 0 !important;
}
@media (max-width: 640px) {
  .top-promo-bar {
    text-align: left;
    justify-content: flex-start;
  }
}
.top-promo-bar .wrapper-full {
  width: 100%;
  max-width: none;
  flex: 1;
  min-width: 0;
  padding: 0 50px 0 1rem;
  box-sizing: border-box;
}
.top-promo-bar .cycle-slideshow {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
  z-index: 5;
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 100%;
  box-sizing: border-box;
}
.top-promo-bar .cycle-slideshow > .frame:not(:first-child):not(.cycle-slide) {
  display: none !important;
}
.top-promo-bar .cycle-slideshow > .frame:first-child:not(.cycle-slide) {
  height: auto !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.top-promo-bar .frame {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100% !important;
  min-width: 0;
  overflow: hidden;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  transform: none !important;
  padding: 1.25rem 0 1.5rem;
  box-sizing: border-box;
}
.top-promo-bar .promo-text {
  color: var(--base-color, #000000);
  font-size: 1.35rem;
  font-weight: 400;
  font-family: "roboto", Arial, Helvetica, sans-serif;
  margin: 0;
  line-height: 1.35;
  padding: 0;
  text-align: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.top-promo-bar .promo-text__headline {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: break-word;
}
.top-promo-bar .promo-text__headline p, .top-promo-bar .promo-text__headline span {
  display: block;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.125em;
  white-space: normal;
  overflow-wrap: break-word;
  text-wrap: balance;
}
@media (max-width: 640px) {
  .top-promo-bar .promo-text__headline p, .top-promo-bar .promo-text__headline span {
    font-size: 1.25rem;
  }
}
.top-promo-bar .promo-text__headline a {
  display: inline;
  white-space: normal;
  overflow-wrap: break-word;
  color: var(--base-color, #000000);
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.top-promo-bar .promo-text__headline a:hover {
  opacity: 0.65;
}
.top-promo-bar .promo-text__headline a.with-arrow p,
.top-promo-bar .promo-text__headline a.with-arrow span {
  display: inline;
}
.top-promo-bar .promo-text__headline a.with-arrow p:after,
.top-promo-bar .promo-text__headline a.with-arrow span:after {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 0.45em;
  height: 0.45em;
  margin: 0 0.15em 0 0.45em;
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-0.08em);
  vertical-align: middle;
  -webkit-transition: margin 0.25s ease;
  -moz-transition: margin 0.25s ease;
  -ms-transition: margin 0.25s ease;
  -o-transition: margin 0.25s ease;
  transition: margin 0.25s ease;
}
.top-promo-bar .promo-text__headline a.with-arrow p img,
.top-promo-bar .promo-text__headline a.with-arrow span img {
  width: 100%;
  height: auto;
}
.top-promo-bar .promo-text__headline a.with-arrow:hover p:after, .top-promo-bar .promo-text__headline a.with-arrow:hover span:after {
  margin-left: 0.6em;
  margin-right: 0;
}
@media (max-width: 1024px) {
  .top-promo-bar .promo-text {
    font-size: 1.15rem;
  }
}
@media (max-width: 640px) {
  .top-promo-bar .promo-text {
    text-align: left;
    font-size: 1rem;
  }
}
.top-promo-bar .promo-disclaimer {
  font-size: 0.65em;
  margin-top: 0.5rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
.top-promo-bar #top-promo-close {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 1.5rem;
  cursor: pointer;
  z-index: 1000;
  border: 1px solid var(--base-color, #000000);
  border-radius: 50%;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.top-promo-bar #top-promo-close i {
  font-size: 0.75rem;
  color: var(--base-color, #000000);
  padding: 5px 7px;
}
.top-promo-bar #top-promo-close:hover {
  opacity: 0.65 !important;
}

html.top-promo-closed header#header.top {
  position: fixed;
}

/*******************************************************
HOME PAGE PROMO POPUP
********************************************************/
.popup-modal {
  position: fixed;
  background: rgba(var(--base-color-rgb), 0.7);
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .popup-modal {
    align-items: safe center;
  }
}
.popup-modal {
  z-index: -10;
  opacity: 0;
  padding: 10px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-delay: 0s;
}
@media (max-width: 768px) {
  .popup-modal {
    padding: 1rem 10px;
  }
}
.popup-modal.pop-visible {
  z-index: 999999;
  opacity: 1;
  transition-delay: 2s;
}
.popup-modal .popup-content {
  padding: 3rem;
  background-color: #ffffff;
  width: 96%;
  max-width: 700px;
  text-align: center;
  position: relative;
  flex-shrink: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .popup-modal .popup-content {
    padding: 3rem 1rem 1rem;
  }
}
.popup-modal .popup-content h2.popup-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .popup-modal .popup-content h2.popup-title {
    font-size: 2rem;
  }
}
.popup-modal .popup-content h2.popup-title.font-headline-light {
  font-size: 2.75rem;
}
.popup-modal .popup-content p {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.popup-modal .popup-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .popup-modal .popup-content p {
    font-size: 1rem;
    line-height: 150%;
  }
}
.popup-modal .popup-content .popup-text img {
  max-width: 100%;
  height: auto;
}
.popup-modal .popup-link {
  margin-top: 1rem;
}
.popup-modal .popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  color: #000000;
  font-size: 1.5rem;
}
.popup-modal .popup-close:hover {
  cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BOXBTN (shared — colors via CSS variables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.boxbtn,
.boxbtn:link,
.boxbtn:visited,
button.boxbtn {
  font-family: "gill-sans-nova", Arial, Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-rendering: geometricPrecision;
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1rem;
  line-height: 1.25em;
  opacity: 1 !important;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  padding: 0.55rem 1.5rem 0.5rem;
  position: relative;
  color: var(--base-color, #000000);
  background-color: rgba(var(--base-color-rgb), 0);
  border-radius: 9999px;
  border: 1px solid var(--base-color, #000000);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-transition: color 0.35s ease, background-color 0.35s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  -moz-transition: color 0.35s ease, background-color 0.35s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  -ms-transition: color 0.35s ease, background-color 0.35s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  -o-transition: color 0.35s ease, background-color 0.35s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}
.boxbtn:hover,
.boxbtn:link:hover,
.boxbtn:visited:hover,
button.boxbtn:hover {
  background-color: rgba(var(--base-color-rgb), 0.05);
}
.boxbtn:focus, .boxbtn:focus-visible,
.boxbtn:link:focus,
.boxbtn:link:focus-visible,
.boxbtn:visited:focus,
.boxbtn:visited:focus-visible,
button.boxbtn:focus,
button.boxbtn:focus-visible {
  outline: none;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
.boxbtn:active,
.boxbtn:link:active,
.boxbtn:visited:active,
button.boxbtn:active {
  transform: translateY(2px);
  box-shadow: none;
}
.boxbtn.with-arrow,
.boxbtn:link.with-arrow,
.boxbtn:visited.with-arrow,
button.boxbtn.with-arrow {
  padding-right: 2.35em;
}
.boxbtn.with-arrow:after,
.boxbtn:link.with-arrow:after,
.boxbtn:visited.with-arrow:after,
button.boxbtn.with-arrow:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f061";
  display: inline-block;
  position: absolute;
  margin: 0.125em 0 0 0.35em;
  font-size: 0.9em;
  will-change: left, opacity;
  -webkit-transition: margin 0.25s ease;
  -moz-transition: margin 0.25s ease;
  -ms-transition: margin 0.25s ease;
  -o-transition: margin 0.25s ease;
  transition: margin 0.25s ease;
}
.boxbtn.with-arrow:hover:after,
.boxbtn:link.with-arrow:hover:after,
.boxbtn:visited.with-arrow:hover:after,
button.boxbtn.with-arrow:hover:after {
  margin: 0.125em 0 0 0.5em;
}
.boxbtn.with-arrow.reverse:after,
.boxbtn:link.with-arrow.reverse:after,
.boxbtn:visited.with-arrow.reverse:after,
button.boxbtn.with-arrow.reverse:after {
  display: none;
}
.boxbtn.with-arrow.reverse:before,
.boxbtn:link.with-arrow.reverse:before,
.boxbtn:visited.with-arrow.reverse:before,
button.boxbtn.with-arrow.reverse:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f060";
  display: inline-block;
  position: relative;
  margin: 0.35em;
  font-size: 0.9em;
  will-change: transform;
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -ms-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}
.boxbtn.with-arrow.reverse:hover:before,
.boxbtn:link.with-arrow.reverse:hover:before,
.boxbtn:visited.with-arrow.reverse:hover:before,
button.boxbtn.with-arrow.reverse:hover:before {
  transform: translateX(-0.15em);
}
.boxbtn.bgbase,
.boxbtn:link.bgbase,
.boxbtn:visited.bgbase,
button.boxbtn.bgbase {
  background-color: var(--base-color, #000000);
  border: 0;
}
.boxbtn.bgbase:hover,
.boxbtn:link.bgbase:hover,
.boxbtn:visited.bgbase:hover,
button.boxbtn.bgbase:hover {
  background-color: color-mix(in srgb, var(--base-color, #000000), #000 5%);
}
.boxbtn.bgwhite,
.boxbtn:link.bgwhite,
.boxbtn:visited.bgwhite,
button.boxbtn.bgwhite {
  background-color: #ffffff;
}
.boxbtn.bgwhite:hover,
.boxbtn:link.bgwhite:hover,
.boxbtn:visited.bgwhite:hover,
button.boxbtn.bgwhite:hover {
  background-color: var(--subdued-color, #f6f5f4);
}
.boxbtn.bgprimary,
.boxbtn:link.bgprimary,
.boxbtn:visited.bgprimary,
button.boxbtn.bgprimary {
  background-color: var(--primary-color, #7d77b7);
  border: 0;
}
.boxbtn.bgprimary:hover,
.boxbtn:link.bgprimary:hover,
.boxbtn:visited.bgprimary:hover,
button.boxbtn.bgprimary:hover {
  background-color: color-mix(in srgb, var(--primary-color, #7d77b7), #000 5%);
}
.boxbtn.bgsecondary,
.boxbtn:link.bgsecondary,
.boxbtn:visited.bgsecondary,
button.boxbtn.bgsecondary {
  background-color: var(--secondary-color, #8eac89);
  border: 0;
}
.boxbtn.bgsecondary:hover,
.boxbtn:link.bgsecondary:hover,
.boxbtn:visited.bgsecondary:hover,
button.boxbtn.bgsecondary:hover {
  background-color: color-mix(in srgb, var(--secondary-color, #8eac89), #000 5%);
}
.boxbtn.bgaccent, .boxbtn.bgtertiary,
.boxbtn:link.bgaccent,
.boxbtn:link.bgtertiary,
.boxbtn:visited.bgaccent,
.boxbtn:visited.bgtertiary,
button.boxbtn.bgaccent,
button.boxbtn.bgtertiary {
  background-color: var(--accent-color, #f7941c);
  border: 0;
}
.boxbtn.bgaccent:hover, .boxbtn.bgtertiary:hover,
.boxbtn:link.bgaccent:hover,
.boxbtn:link.bgtertiary:hover,
.boxbtn:visited.bgaccent:hover,
.boxbtn:visited.bgtertiary:hover,
button.boxbtn.bgaccent:hover,
button.boxbtn.bgtertiary:hover {
  background-color: color-mix(in srgb, var(--accent-color, #f7941c), #000 5%);
}
.boxbtn.bgsubdued,
.boxbtn:link.bgsubdued,
.boxbtn:visited.bgsubdued,
button.boxbtn.bgsubdued {
  background-color: var(--subdued-color, #f6f5f4);
  border: 0;
}
.boxbtn.bgsubdued:hover,
.boxbtn:link.bgsubdued:hover,
.boxbtn:visited.bgsubdued:hover,
button.boxbtn.bgsubdued:hover {
  background-color: color-mix(in srgb, var(--subdued-color, #f6f5f4), #000 5%);
}
.boxbtn.twhite,
.boxbtn:link.twhite,
.boxbtn:visited.twhite,
button.boxbtn.twhite {
  color: #ffffff;
}
.boxbtn.tblack,
.boxbtn:link.tblack,
.boxbtn:visited.tblack,
button.boxbtn.tblack {
  color: #000000;
}
.boxbtn.tbase,
.boxbtn:link.tbase,
.boxbtn:visited.tbase,
button.boxbtn.tbase {
  color: var(--base-color, #000000);
}
.boxbtn.tprimary,
.boxbtn:link.tprimary,
.boxbtn:visited.tprimary,
button.boxbtn.tprimary {
  color: var(--primary-color, #7d77b7);
}
.boxbtn.tsecondary,
.boxbtn:link.tsecondary,
.boxbtn:visited.tsecondary,
button.boxbtn.tsecondary {
  color: var(--secondary-color, #8eac89);
}
.boxbtn.ttertiary,
.boxbtn:link.ttertiary,
.boxbtn:visited.ttertiary,
button.boxbtn.ttertiary {
  color: var(--tertiary-color, #AC2024);
}
.boxbtn.taccent,
.boxbtn:link.taccent,
.boxbtn:visited.taccent,
button.boxbtn.taccent {
  color: var(--accent-color, #f7941c);
}
.boxbtn.tsubdued,
.boxbtn:link.tsubdued,
.boxbtn:visited.tsubdued,
button.boxbtn.tsubdued {
  color: var(--subdued-color, #f6f5f4);
}
.boxbtn.noborder,
.boxbtn:link.noborder,
.boxbtn:visited.noborder,
button.boxbtn.noborder {
  border: 0;
}

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