[data-toggle="tooltip"] {
  cursor: pointer;
  position: relative;
}

.sg-tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  visibility: visible;
  transition: opacity .25s ease;
  transform: translate3d(0, 0, 0);
}

.sg-tooltip.in {
  opacity: .9;
}

.sg-tooltip.top {
  left: 50%;
  padding: 5px 0 0;
  margin-top: -3px;
}

.sg-tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.sg-tooltip.bottom {
  left: 50%;
  padding: 5px 0;
  margin-top: 3px;
}

.sg-tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.sg-tooltip-inner {
  max-width: 200px;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 2px;
  white-space: nowrap;
}

.sg-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.sg-tooltip.top .sg-tooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.top-left .sg-tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.top-right .sg-tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.right .sg-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000;
  border-width: 5px 5px 5px 0;
}

.sg-tooltip.left .sg-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000;
  border-width: 5px 0 5px 5px;
}

.sg-tooltip.bottom .sg-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

.sg-tooltip.bottom-left .sg-tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

.sg-tooltip.bottom-right .sg-tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

/************************
BREAKPOINTS - getsimple.io
************************/
/* ============================================
	S I M P L E - G R I D

	Dead simple grids. Cross browser. Semantic. Intuitive. Follows Simple's philosophy of SOMA.

	Browsers: ie8, ie10, ie11, FF, Safari, Chrome

	Dependancies :

		Variables below defined in your _base.scss or similar.

			$container-class: 'foo';
			$row-class: 'foo';
			$column-class: 'bar';
			$gutter: 3%; // spacing between columns
			$max-columns: 6; //  @for loop class declarations - used for equal column single digit
			breakpoint mixin function - included in repo.

	Usage :

		.columns-{percentage, double digit} for mixed columns
			.columns-70, .columns-30 = totaling to 100

		.columns-{single digit number} for equal coloumns
			.columns-1
			.columns-2, .columns-2
			.columns-4, .columns-4, .columns-4, .columns-4

	@include breakpoint($small) {
		@include columns(2);
	}

	or for inline block grids - example below
	.ib {
		@include grid(ib);
		li {
			width: 100%;
			font-size: 1rem;
			@include breakpoint($small) {
				@include columns(2, ib, $gutter: 2%);
			}
			@include breakpoint($medium) {
				@include columns(3, ib, $gutter: 2%);
			}
		}
	}

============================================ */
.clearfix::after {
  clear: both;
  content: '';
  display: block;
}

[class~='container'],
[data-layout='container'] {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

[class~='container']::after,
[data-layout='container']::after {
  clear: both;
  content: '';
  display: block;
}

[class~='row'],
[data-layout='grid'] {
  box-sizing: border-box;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
}

[class~='row']::after,
[data-layout='grid']::after {
  clear: both;
  content: '';
  display: block;
}

.no-gutter {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.no-gutter::after {
  clear: both;
  content: '';
  display: block;
}

.reset-gutter {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
}

.reset-gutter::after {
  clear: both;
  content: '';
  display: block;
}

[data-columns='1'],
.col-1 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 100% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='1'], .no-gutter
.col-1 {
  width: 100%;
}

.no-gutter [data-columns='1'], .no-gutter
.col-1 {
  margin-right: 0;
}

[data-offset-columns='1'],
.offset-col-1 {
  margin-left: 100%;
}

[data-columns='2'],
.col-2 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 50% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='2'], .no-gutter
.col-2 {
  width: 50%;
}

.no-gutter [data-columns='2'], .no-gutter
.col-2 {
  margin-right: 0;
}

[data-offset-columns='2'],
.offset-col-2 {
  margin-left: 50%;
}

[data-columns='3'],
.col-3 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 33.33333% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='3'], .no-gutter
.col-3 {
  width: 33.33333%;
}

.no-gutter [data-columns='3'], .no-gutter
.col-3 {
  margin-right: 0;
}

[data-offset-columns='3'],
.offset-col-3 {
  margin-left: 33.33333%;
}

[data-columns='4'],
.col-4 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 25% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='4'], .no-gutter
.col-4 {
  width: 25%;
}

.no-gutter [data-columns='4'], .no-gutter
.col-4 {
  margin-right: 0;
}

[data-offset-columns='4'],
.offset-col-4 {
  margin-left: 25%;
}

[data-columns='5'],
.col-5 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 20% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='5'], .no-gutter
.col-5 {
  width: 20%;
}

.no-gutter [data-columns='5'], .no-gutter
.col-5 {
  margin-right: 0;
}

[data-offset-columns='5'],
.offset-col-5 {
  margin-left: 20%;
}

[data-columns='6'],
.col-6 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 16.66667% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='6'], .no-gutter
.col-6 {
  width: 16.66667%;
}

.no-gutter [data-columns='6'], .no-gutter
.col-6 {
  margin-right: 0;
}

[data-offset-columns='6'],
.offset-col-6 {
  margin-left: 16.66667%;
}

[data-columns='7'],
.col-7 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 14.28571% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='7'], .no-gutter
.col-7 {
  width: 14.28571%;
}

.no-gutter [data-columns='7'], .no-gutter
.col-7 {
  margin-right: 0;
}

[data-offset-columns='7'],
.offset-col-7 {
  margin-left: 14.28571%;
}

[data-columns='8'],
.col-8 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 12.5% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='8'], .no-gutter
.col-8 {
  width: 12.5%;
}

.no-gutter [data-columns='8'], .no-gutter
.col-8 {
  margin-right: 0;
}

[data-offset-columns='8'],
.offset-col-8 {
  margin-left: 12.5%;
}

[data-columns='9'],
.col-9 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 11.11111% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='9'], .no-gutter
.col-9 {
  width: 11.11111%;
}

.no-gutter [data-columns='9'], .no-gutter
.col-9 {
  margin-right: 0;
}

[data-offset-columns='9'],
.offset-col-9 {
  margin-left: 11.11111%;
}

[data-columns='10'],
.col-10 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 10% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='10'], .no-gutter
.col-10 {
  width: 10%;
}

.no-gutter [data-columns='10'], .no-gutter
.col-10 {
  margin-right: 0;
}

[data-offset-columns='10'],
.offset-col-10 {
  margin-left: 10%;
}

[data-columns='11'],
.col-11 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 9.09091% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='11'], .no-gutter
.col-11 {
  width: 9.09091%;
}

.no-gutter [data-columns='11'], .no-gutter
.col-11 {
  margin-right: 0;
}

[data-offset-columns='11'],
.offset-col-11 {
  margin-left: 9.09091%;
}

[data-columns='12'],
.col-12 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 8.33333% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='12'], .no-gutter
.col-12 {
  width: 8.33333%;
}

.no-gutter [data-columns='12'], .no-gutter
.col-12 {
  margin-right: 0;
}

[data-offset-columns='12'],
.offset-col-12 {
  margin-left: 8.33333%;
}

[data-columns='.1'],
.col-10 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.1 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
  width: 10%;
}

.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
  margin-right: 0;
}

[data-columns='.15'],
.col-15 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.15 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
  width: 15%;
}

.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
  margin-right: 0;
}

[data-offset-columns='.1'],
.offset-col-1 {
  margin-left: 100%;
}

[data-offset-columns='.15'],
.offset-col-15 {
  margin-left: 666.66667%;
}

[data-columns='.2'],
.col-20 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.2 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
  width: 20%;
}

.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
  margin-right: 0;
}

[data-columns='.25'],
.col-25 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.25 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
  width: 25%;
}

.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
  margin-right: 0;
}

[data-offset-columns='.2'],
.offset-col-2 {
  margin-left: 50%;
}

[data-offset-columns='.25'],
.offset-col-25 {
  margin-left: 400%;
}

[data-columns='.3'],
.col-30 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.3 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
  width: 30%;
}

.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
  margin-right: 0;
}

[data-columns='.35'],
.col-35 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.35 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
  width: 35%;
}

.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
  margin-right: 0;
}

[data-offset-columns='.3'],
.offset-col-3 {
  margin-left: 33.33333%;
}

[data-offset-columns='.35'],
.offset-col-35 {
  margin-left: 285.71429%;
}

[data-columns='.4'],
.col-40 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.4 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
  width: 40%;
}

.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
  margin-right: 0;
}

[data-columns='.45'],
.col-45 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.45 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
  width: 45%;
}

.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
  margin-right: 0;
}

[data-offset-columns='.4'],
.offset-col-4 {
  margin-left: 25%;
}

[data-offset-columns='.45'],
.offset-col-45 {
  margin-left: 222.22222%;
}

[data-columns='.5'],
.col-50 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.5 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
  width: 50%;
}

.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
  margin-right: 0;
}

[data-columns='.55'],
.col-55 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.55 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
  width: 55%;
}

.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
  margin-right: 0;
}

[data-offset-columns='.5'],
.offset-col-5 {
  margin-left: 20%;
}

[data-offset-columns='.55'],
.offset-col-55 {
  margin-left: 181.81818%;
}

[data-columns='.6'],
.col-60 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.6 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
  width: 60%;
}

.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
  margin-right: 0;
}

[data-columns='.65'],
.col-65 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.65 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
  width: 65%;
}

.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
  margin-right: 0;
}

[data-offset-columns='.6'],
.offset-col-6 {
  margin-left: 16.66667%;
}

[data-offset-columns='.65'],
.offset-col-65 {
  margin-left: 153.84615%;
}

[data-columns='.7'],
.col-70 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.7 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
  width: 70%;
}

.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
  margin-right: 0;
}

[data-columns='.75'],
.col-75 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.75 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
  width: 75%;
}

.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
  margin-right: 0;
}

[data-offset-columns='.7'],
.offset-col-7 {
  margin-left: 14.28571%;
}

[data-offset-columns='.75'],
.offset-col-75 {
  margin-left: 133.33333%;
}

[data-columns='.8'],
.col-80 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.8 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
  width: 80%;
}

.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
  margin-right: 0;
}

[data-columns='.85'],
.col-85 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.85 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
  width: 85%;
}

.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
  margin-right: 0;
}

[data-offset-columns='.8'],
.offset-col-8 {
  margin-left: 12.5%;
}

[data-offset-columns='.85'],
.offset-col-85 {
  margin-left: 117.64706%;
}

[data-columns='.9'],
.col-90 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.9 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
  width: 90%;
}

.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
  margin-right: 0;
}

[data-columns='.95'],
.col-95 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.95 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
  width: 95%;
}

.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
  margin-right: 0;
}

[data-offset-columns='.9'],
.offset-col-9 {
  margin-left: 11.11111%;
}

[data-offset-columns='.95'],
.offset-col-95 {
  margin-left: 105.26316%;
}

[data-columns='.10'],
.col-100 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 100% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
  width: 100%;
}

.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
  margin-right: 0;
}

[data-columns='.105'],
.col-105 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 1.05 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
  width: 105%;
}

.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
  margin-right: 0;
}

[data-offset-columns='.10'],
.offset-col-10 {
  margin-left: 10%;
}

[data-offset-columns='.105'],
.offset-col-105 {
  margin-left: 95.2381%;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20%);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20%);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20%);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}

@keyframes fadeInScale {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInScaleBig {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeOutScale {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}

@keyframes fadeOutScaleBig {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}

.animated {
  animation-duration: 0.36s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInLeft {
  animation-name: fadeInLeft;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInRight {
  animation-name: fadeInRight;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOut {
  animation-name: fadeOut;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutDown {
  animation-name: fadeOutDown;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutRight {
  animation-name: fadeOutRight;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutUp {
  animation-name: fadeOutUp;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInScale {
  animation-name: fadeInScale;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeInScaleBig {
  animation-name: fadeInScaleBig;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutScale {
  animation-name: fadeOutScale;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.fadeOutScaleBig {
  animation-name: fadeOutScaleBig;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.slideInDown {
  animation-name: slideInDown;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.slideOutUp {
  animation-name: slideOutUp;
  animation-duration: 0.36s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

/*	Border Radius
============================================ */
.valign {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  height: 100%;
  white-space: nowrap;
}

.valign:before {
  content: '';
  display: inline-block;
  position: relative;
  height: 100%;
  min-height: 100%;
  margin-right: -5px;
  vertical-align: middle;
  width: 1px;
}

.valign > * {
  position: relative !important;
  display: inline-block !important;
  float: none !important;
  white-space: normal !important;
  vertical-align: middle !important;
}

/*	Buttons
============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, main, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* Helper classes
----------------------------------------- */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.a11y {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  margin: 0;
  padding: 0;
}

.display-none,
.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
  opacity: 0;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.pull-left-abs {
  position: absolute !important;
  right: auto !important;
  left: 0 !important;
}

.pull-right-abs {
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
}

.is-block {
  display: block !important;
  position: relative;
}

.is-inline {
  display: inline !important;
  position: relative;
}

.is-inline-block {
  display: inline-block !important;
  position: relative;
}

.is-relative {
  position: relative !important;
}

.is-fixed {
  position: fixed !important;
  position: relative;
}

.is-absolute {
  position: absolute !important;
}

.is-disabled {
  pointer-events: none !important;
  cursor: default !important;
}

.scroll {
  overflow: auto !important;
}

.scroll-x {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.scroll-y {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

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

.overflow {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.desktop-content {
  display: none !important;
}

@media (min-width: 1025px) {
  .desktop-content {
    display: block !important;
  }
}

.desktop-inline-content {
  display: none !important;
}

@media (min-width: 1025px) {
  .desktop-inline-content {
    display: inline-block !important;
  }
}

@media (min-width: 1025px) {
  .desktop-hidden {
    display: none !important;
  }
}

.tablet-content {
  display: block !important;
}

@media (min-width: 1025px) {
  .tablet-content {
    display: none !important;
  }
}

.tablet-inline-content {
  display: inline-block !important;
}

@media (min-width: 1025px) {
  .tablet-inline-content {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .tablet-hidden {
    display: none !important;
  }
}

.full-bleed {
  max-width: none !important;
}

.hr {
  width: 100%;
  height: 1px;
  background-color: 1px solid #b9b9b9;
}

/* Print Styles
----------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
	 * Don't show links for images, or javascript/internal links
	 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* Typography
----------------------------------------- */
*,
*:after,
*:before {
  box-sizing: inherit;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-size: 62.5%;
  box-sizing: border-box;
}

body {
  line-height: 1;
  font-family: "proxima-nova", helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 125%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html, body, input, button, textarea {
  -webkit-font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  background: #fff200;
  color: #2a2a2a;
  text-shadow: none;
}

::selection {
  background: #fff200;
  color: #2a2a2a;
  text-shadow: none;
}

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

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #cccccc;
  cursor: help;
}

abbr {
  text-transform: none;
}

img {
  vertical-align: middle;
  interpolation-mode: bicubic;
}

/*
* Flexible Media
*/
img, video, canvas, object, embed {
  max-width: 100%;
  height: auto;
}

/*
* Flexible Video iFrame Embed
* use like :
<figure class="aspect">
	<iframe src="https://www.youtube.com/embed/4Fqg43ozz7A"></iframe>
</figure>
*/
figure.aspect {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  overflow: hidden;
}

figure.aspect iframe,
figure.aspect video,
figure.aspect embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

pre {
  font-family: Monaco;
  padding: 0.5em 1em;
  margin: 0 0 1rem;
  border-radius: 2px;
  overflow-x: scroll;
}

pre code {
  overflow-x: scroll;
  border: none;
  word-wrap: initial;
  background-color: transparent;
}

code {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid white;
  background-color: white;
}

small,
.small:not(a) {
  font-size: 1rem;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1,
.h1 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h1 small,
.h1 small {
  line-height: 0;
}

h2,
.h2 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h2 small,
.h2 small {
  line-height: 0;
}

h3,
.h3 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h3 small,
.h3 small {
  line-height: 0;
}

h4,
.h4 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h4 small,
.h4 small {
  line-height: 0;
}

h5,
.h5 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h5 small,
.h5 small {
  line-height: 0;
}

h6,
.h6 {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.25;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h6 small,
.h6 small {
  line-height: 0;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2.2rem;
}

h3,
.h3,
.styleguide-module__title {
  font-size: 1.8rem;
}

h4,
.h4,
.styleguide-panel .specs .breakpoint--headline {
  font-size: 1.6rem;
}

h5,
.h5 {
  font-size: 1.4rem;
}

h6,
.h6,
.h6-alt,
.styleguide-panel .tabs a,
.styleguide-panel .tab-buttons .tab-button,
.styleguide-panel .specs .spec--group-title,
.styleguide-panel .specs .spec--title,
.styleguide-panel .specs .spec--detail {
  font-size: 1.3rem;
}

@media (min-width: 641px) {
  h1,
  .h1 {
    font-size: 4rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    font-size: 4rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3,
  .styleguide-module__title {
    font-size: 2.8rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    font-size: 2rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    font-size: 1.6rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    font-size: 1.3rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    font-size: 6.5rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    font-size: 6.5rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3,
  .styleguide-module__title {
    font-size: 4.5rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    font-size: 2.4rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    font-size: 1.8rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    font-size: 1.4rem;
  }
}

h1,
.h1 {
  line-height: 2.5rem;
}

h2,
.h2 {
  line-height: 2.2rem;
}

h3,
.h3,
.styleguide-module__title {
  line-height: 1.8rem;
}

h4,
.h4,
.styleguide-panel .specs .breakpoint--headline {
  line-height: 1.8rem;
}

h5,
.h5 {
  line-height: 1.4rem;
}

h6,
.h6,
.h6-alt,
.styleguide-panel .tabs a,
.styleguide-panel .tab-buttons .tab-button,
.styleguide-panel .specs .spec--group-title,
.styleguide-panel .specs .spec--title,
.styleguide-panel .specs .spec--detail {
  line-height: 1.4rem;
}

@media (min-width: 641px) {
  h1,
  .h1 {
    line-height: 4rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    line-height: 3.5rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3,
  .styleguide-module__title {
    line-height: 2.8rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    line-height: 2rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    line-height: 1.6rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    line-height: 1.3rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    line-height: 6.1rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    line-height: 6.1rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3,
  .styleguide-module__title {
    line-height: 4.5rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    line-height: 2.4rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    line-height: 2rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    line-height: 1.4rem;
  }
}

h1,
.h1 {
  letter-spacing: 0.02rem;
}

h2,
.h2 {
  letter-spacing: 0.02rem;
}

h3,
.h3,
.styleguide-module__title {
  letter-spacing: 0.02rem;
}

h4,
.h4,
.styleguide-panel .specs .breakpoint--headline {
  letter-spacing: 0.02rem;
}

h5,
.h5 {
  letter-spacing: 0.02rem;
}

h6,
.h6,
.h6-alt,
.styleguide-panel .tabs a,
.styleguide-panel .tab-buttons .tab-button,
.styleguide-panel .specs .spec--group-title,
.styleguide-panel .specs .spec--title,
.styleguide-panel .specs .spec--detail {
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  h1,
  .h1 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3,
  .styleguide-module__title {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3,
  .styleguide-module__title {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4,
  .styleguide-panel .specs .breakpoint--headline {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6,
  .h6-alt,
  .styleguide-panel .tabs a,
  .styleguide-panel .tab-buttons .tab-button,
  .styleguide-panel .specs .spec--group-title,
  .styleguide-panel .specs .spec--title,
  .styleguide-panel .specs .spec--detail {
    letter-spacing: 0.02rem;
  }
}

p {
  font-size: 1.3rem;
  font-family: "proxima-nova", helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.7rem;
  margin-bottom: 0rem;
  word-wrap: break-word;
}

p.lead {
  font-size: 2rem;
  margin-bottom: 0rem;
}

.text-regular,
.text-normal {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-italic {
  font-style: italic;
}

.text-nowrap {
  white-space: nowrap;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-highlight,
.highlight {
  background-color: transparent;
  color: #fdd02f;
}

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

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

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

.decoration-none {
  text-decoration: none;
}

.decoration-underline {
  text-decoration: underline;
}

.decoration-line-through {
  text-decoration: line-through;
}

ul li,
ol li {
  line-height: 1.6;
  margin-bottom: 0rem;
}

ul {
  list-style: none inside;
}

ul.square {
  list-style: square inside;
}

ul.circle {
  list-style: circle inside;
}

ul.disc {
  list-style: disc inside;
}

ol {
  list-style: decimal inside;
}

ol li {
  margin-left: 0.5rem;
}

dl dt {
  font-weight: bold;
}

blockquote,
q {
  font-family: "proxima-nova", helvetica, sans-serif;
}

blockquote p,
q p {
  font-size: 2.1rem;
}

blockquote cite,
q cite {
  font-size: initial;
  display: block;
}

/* ============================================
	P L A C E H O L D E R S
============================================ */
/*  Photo Styles
============================================ */
/*  No Flick Webkit
============================================ */
section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 641px) {
  section.half-width-left .container {
    padding-right: 50%;
  }
  section.half-width-right .container {
    padding-left: 50%;
  }
  section.three-quarter-width-left .container {
    padding-right: 25%;
  }
  section.three-quarter-width-right .container {
    padding-left: 25%;
  }
}

section.stripe:nth-child(even) {
  background-color: #b9b9b9;
}

/*
	Background Properties
*/
.bg-contain {
  background-size: contain;
}

.bg-cover {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
}

.bg-cover .container {
  z-index: 1;
}

.bg-abs {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 0;
}

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

.bg-repeat {
  background-repeat: repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-top-left {
  background-position: top left;
}

.bg-top-center {
  background-position: top center;
}

.bg-top-right {
  background-position: top right;
}

.bg-bottom-left {
  background-position: bottom left;
}

.bg-bottom-center {
  background-position: bottom center;
}

.bg-bottom-right {
  background-position: bottom right;
}

.bg-left-center {
  background-position: left center;
}

.bg-right-center {
  background-position: right center;
}

.bg-center,
.bg-center-center {
  background-position: center center;
}

.bg-100-auto {
  background-size: 100% auto;
}

/* border modifiers */
.no-border {
  border-top: 0 none !important;
  border-bottom: 0 none !important;
}

.no-border-top {
  border-top: 0 none !important;
}

.no-border-right {
  border-right: 0 none !important;
}

.no-border-bottom {
  border-bottom: 0 none !important;
}

.no-border-left {
  border-left: 0 none !important;
}

/* child scales proportionally to container */
.scaler-child {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* containers set to specific aspect ratio */

.scaler-1x1 {
  position: relative;
  padding: 100% 0 0 0;
}


.scaler-4x3 {
  position: relative;
  padding: 75% 100% 0 0;
}


.scaler-16x9 {
  position: relative;
  padding: 56.25% 100% 0 0;
}


.scaler-1620x650 {
  position: relative;
  padding: 40.1234568% 100% 0 0;
}


.scaler-16x6 {
  position: relative;
  padding: 37.5% 100% 0 0;
}


.scaler-5x2 {
  position: relative;
  padding: 40% 100% 0 0;
}


.scaler-1700x800 {
  position: relative;
  padding: 47.0588235% 100% 0 0;
}


.scaler-293x221 {
  position: relative;
  padding: 75.4266212% 100% 0 0;
}


.scaler-700x470 {
  position: relative;
  padding: 67.1428571% 100% 0 0;
}


.scaler-640x540 {
  position: relative;
  padding: 84.375% 100% 0 0;
}


.scaler-560x700 {
  position: relative;
  padding: 125% 100% 0 0;
}


.scaler-560x350 {
  position: relative;
  padding: 62.5% 100% 0 0;
}

/*

	Examples

	.class-1 { @include aspect-ratio(); } 				No arguments defaults to a 1:1 ratio
	.class-2 { @include aspect-ratio(16, 9); } 			Width and height
	.class-3 { @include aspect-ratio(1.777778); } 		Ratio (calculated width/height)
	.class-4 { @include aspect-ratio(4px, 3px); } 		Comparable units
	.class-5 { @include aspect-ratio($ratio: 1.2); } 	Keywords
*/
/*
   SPACING

   A 10 step powers of two scale ranging from 0 to $spacing-scale.
   Namespaces are composable and thus highly grockable - check the legend below

   Legend:

   p = padding
   m = margin

   a = all
   h = horizontal
   v = vertical
   t = top
   r = right
   b = bottom
   l = left

   0 = none
   1-10 = Steps in spacing scale

*/
.pa-1 {
  padding: 0.5rem !important;
}

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

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

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

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

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

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

.ma-1 {
  margin: 0.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-1 {
    padding: 0.5rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.5rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.5rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.5rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.5rem !important;
  }
  .pv-sm-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .ph-sm-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .ma-sm-1 {
    margin: 0.5rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.5rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.5rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.5rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.5rem !important;
  }
  .mv-sm-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mh-sm-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-1 {
    padding: 0.5rem !important;
  }
  .pl-md-1 {
    padding-left: 0.5rem !important;
  }
  .pr-md-1 {
    padding-right: 0.5rem !important;
  }
  .pt-md-1 {
    padding-top: 0.5rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.5rem !important;
  }
  .pv-md-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .ph-md-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .ma-md-1 {
    margin: 0.5rem !important;
  }
  .ml-md-1 {
    margin-left: 0.5rem !important;
  }
  .mr-md-1 {
    margin-right: 0.5rem !important;
  }
  .mt-md-1 {
    margin-top: 0.5rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.5rem !important;
  }
  .mv-md-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mh-md-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-1 {
    padding: 0.5rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.5rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.5rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.5rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.5rem !important;
  }
  .pv-lg-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .ph-lg-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .ma-lg-1 {
    margin: 0.5rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.5rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.5rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.5rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.5rem !important;
  }
  .mv-lg-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mh-lg-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-1 {
    padding: 0.5rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.5rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.5rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.5rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.5rem !important;
  }
  .pv-xl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .ph-xl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .ma-xl-1 {
    margin: 0.5rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.5rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.5rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.5rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.5rem !important;
  }
  .mv-xl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mh-xl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

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

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

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

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

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

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

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

.ma-2 {
  margin: 1rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-2 {
    padding: 1rem !important;
  }
  .pl-sm-2 {
    padding-left: 1rem !important;
  }
  .pr-sm-2 {
    padding-right: 1rem !important;
  }
  .pt-sm-2 {
    padding-top: 1rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 1rem !important;
  }
  .pv-sm-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-sm-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-sm-2 {
    margin: 1rem !important;
  }
  .ml-sm-2 {
    margin-left: 1rem !important;
  }
  .mr-sm-2 {
    margin-right: 1rem !important;
  }
  .mt-sm-2 {
    margin-top: 1rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 1rem !important;
  }
  .mv-sm-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-sm-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-2 {
    padding: 1rem !important;
  }
  .pl-md-2 {
    padding-left: 1rem !important;
  }
  .pr-md-2 {
    padding-right: 1rem !important;
  }
  .pt-md-2 {
    padding-top: 1rem !important;
  }
  .pb-md-2 {
    padding-bottom: 1rem !important;
  }
  .pv-md-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-md-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-md-2 {
    margin: 1rem !important;
  }
  .ml-md-2 {
    margin-left: 1rem !important;
  }
  .mr-md-2 {
    margin-right: 1rem !important;
  }
  .mt-md-2 {
    margin-top: 1rem !important;
  }
  .mb-md-2 {
    margin-bottom: 1rem !important;
  }
  .mv-md-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-md-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-2 {
    padding: 1rem !important;
  }
  .pl-lg-2 {
    padding-left: 1rem !important;
  }
  .pr-lg-2 {
    padding-right: 1rem !important;
  }
  .pt-lg-2 {
    padding-top: 1rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 1rem !important;
  }
  .pv-lg-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-lg-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-lg-2 {
    margin: 1rem !important;
  }
  .ml-lg-2 {
    margin-left: 1rem !important;
  }
  .mr-lg-2 {
    margin-right: 1rem !important;
  }
  .mt-lg-2 {
    margin-top: 1rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 1rem !important;
  }
  .mv-lg-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-lg-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-2 {
    padding: 1rem !important;
  }
  .pl-xl-2 {
    padding-left: 1rem !important;
  }
  .pr-xl-2 {
    padding-right: 1rem !important;
  }
  .pt-xl-2 {
    padding-top: 1rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 1rem !important;
  }
  .pv-xl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-xl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-xl-2 {
    margin: 1rem !important;
  }
  .ml-xl-2 {
    margin-left: 1rem !important;
  }
  .mr-xl-2 {
    margin-right: 1rem !important;
  }
  .mt-xl-2 {
    margin-top: 1rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 1rem !important;
  }
  .mv-xl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-xl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

.pa-3 {
  padding: 1.5rem !important;
}

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

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

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

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

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

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

.ma-3 {
  margin: 1.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-3 {
    padding: 1.5rem !important;
  }
  .pl-sm-3 {
    padding-left: 1.5rem !important;
  }
  .pr-sm-3 {
    padding-right: 1.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1.5rem !important;
  }
  .pv-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ph-sm-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .ma-sm-3 {
    margin: 1.5rem !important;
  }
  .ml-sm-3 {
    margin-left: 1.5rem !important;
  }
  .mr-sm-3 {
    margin-right: 1.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1.5rem !important;
  }
  .mv-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mh-sm-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-3 {
    padding: 1.5rem !important;
  }
  .pl-md-3 {
    padding-left: 1.5rem !important;
  }
  .pr-md-3 {
    padding-right: 1.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1.5rem !important;
  }
  .pv-md-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ph-md-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .ma-md-3 {
    margin: 1.5rem !important;
  }
  .ml-md-3 {
    margin-left: 1.5rem !important;
  }
  .mr-md-3 {
    margin-right: 1.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1.5rem !important;
  }
  .mv-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mh-md-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-3 {
    padding: 1.5rem !important;
  }
  .pl-lg-3 {
    padding-left: 1.5rem !important;
  }
  .pr-lg-3 {
    padding-right: 1.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1.5rem !important;
  }
  .pv-lg-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ph-lg-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .ma-lg-3 {
    margin: 1.5rem !important;
  }
  .ml-lg-3 {
    margin-left: 1.5rem !important;
  }
  .mr-lg-3 {
    margin-right: 1.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1.5rem !important;
  }
  .mv-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mh-lg-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-3 {
    padding: 1.5rem !important;
  }
  .pl-xl-3 {
    padding-left: 1.5rem !important;
  }
  .pr-xl-3 {
    padding-right: 1.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1.5rem !important;
  }
  .pv-xl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ph-xl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .ma-xl-3 {
    margin: 1.5rem !important;
  }
  .ml-xl-3 {
    margin-left: 1.5rem !important;
  }
  .mr-xl-3 {
    margin-right: 1.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1.5rem !important;
  }
  .mv-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mh-xl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

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

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

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

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

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

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

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

.ma-4 {
  margin: 2rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-4 {
    padding: 2rem !important;
  }
  .pl-sm-4 {
    padding-left: 2rem !important;
  }
  .pr-sm-4 {
    padding-right: 2rem !important;
  }
  .pt-sm-4 {
    padding-top: 2rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 2rem !important;
  }
  .pv-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-sm-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-sm-4 {
    margin: 2rem !important;
  }
  .ml-sm-4 {
    margin-left: 2rem !important;
  }
  .mr-sm-4 {
    margin-right: 2rem !important;
  }
  .mt-sm-4 {
    margin-top: 2rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 2rem !important;
  }
  .mv-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-sm-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-4 {
    padding: 2rem !important;
  }
  .pl-md-4 {
    padding-left: 2rem !important;
  }
  .pr-md-4 {
    padding-right: 2rem !important;
  }
  .pt-md-4 {
    padding-top: 2rem !important;
  }
  .pb-md-4 {
    padding-bottom: 2rem !important;
  }
  .pv-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-md-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-md-4 {
    margin: 2rem !important;
  }
  .ml-md-4 {
    margin-left: 2rem !important;
  }
  .mr-md-4 {
    margin-right: 2rem !important;
  }
  .mt-md-4 {
    margin-top: 2rem !important;
  }
  .mb-md-4 {
    margin-bottom: 2rem !important;
  }
  .mv-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-md-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-4 {
    padding: 2rem !important;
  }
  .pl-lg-4 {
    padding-left: 2rem !important;
  }
  .pr-lg-4 {
    padding-right: 2rem !important;
  }
  .pt-lg-4 {
    padding-top: 2rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 2rem !important;
  }
  .pv-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-lg-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-lg-4 {
    margin: 2rem !important;
  }
  .ml-lg-4 {
    margin-left: 2rem !important;
  }
  .mr-lg-4 {
    margin-right: 2rem !important;
  }
  .mt-lg-4 {
    margin-top: 2rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 2rem !important;
  }
  .mv-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-lg-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-4 {
    padding: 2rem !important;
  }
  .pl-xl-4 {
    padding-left: 2rem !important;
  }
  .pr-xl-4 {
    padding-right: 2rem !important;
  }
  .pt-xl-4 {
    padding-top: 2rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 2rem !important;
  }
  .pv-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-xl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-xl-4 {
    margin: 2rem !important;
  }
  .ml-xl-4 {
    margin-left: 2rem !important;
  }
  .mr-xl-4 {
    margin-right: 2rem !important;
  }
  .mt-xl-4 {
    margin-top: 2rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 2rem !important;
  }
  .mv-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-xl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

.pa-5 {
  padding: 2.5rem !important;
}

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

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

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

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

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

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

.ma-5 {
  margin: 2.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-5 {
    padding: 2.5rem !important;
  }
  .pl-sm-5 {
    padding-left: 2.5rem !important;
  }
  .pr-sm-5 {
    padding-right: 2.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2.5rem !important;
  }
  .pv-sm-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .ph-sm-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .ma-sm-5 {
    margin: 2.5rem !important;
  }
  .ml-sm-5 {
    margin-left: 2.5rem !important;
  }
  .mr-sm-5 {
    margin-right: 2.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2.5rem !important;
  }
  .mv-sm-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mh-sm-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-5 {
    padding: 2.5rem !important;
  }
  .pl-md-5 {
    padding-left: 2.5rem !important;
  }
  .pr-md-5 {
    padding-right: 2.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2.5rem !important;
  }
  .pv-md-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .ph-md-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .ma-md-5 {
    margin: 2.5rem !important;
  }
  .ml-md-5 {
    margin-left: 2.5rem !important;
  }
  .mr-md-5 {
    margin-right: 2.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2.5rem !important;
  }
  .mv-md-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mh-md-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-5 {
    padding: 2.5rem !important;
  }
  .pl-lg-5 {
    padding-left: 2.5rem !important;
  }
  .pr-lg-5 {
    padding-right: 2.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2.5rem !important;
  }
  .pv-lg-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .ph-lg-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .ma-lg-5 {
    margin: 2.5rem !important;
  }
  .ml-lg-5 {
    margin-left: 2.5rem !important;
  }
  .mr-lg-5 {
    margin-right: 2.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2.5rem !important;
  }
  .mv-lg-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mh-lg-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-5 {
    padding: 2.5rem !important;
  }
  .pl-xl-5 {
    padding-left: 2.5rem !important;
  }
  .pr-xl-5 {
    padding-right: 2.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pv-xl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .ph-xl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .ma-xl-5 {
    margin: 2.5rem !important;
  }
  .ml-xl-5 {
    margin-left: 2.5rem !important;
  }
  .mr-xl-5 {
    margin-right: 2.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2.5rem !important;
  }
  .mv-xl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mh-xl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

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

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

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

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

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

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

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

.ma-6 {
  margin: 3rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-6 {
    padding: 3rem !important;
  }
  .pl-sm-6 {
    padding-left: 3rem !important;
  }
  .pr-sm-6 {
    padding-right: 3rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pv-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-sm-6 {
    margin: 3rem !important;
  }
  .ml-sm-6 {
    margin-left: 3rem !important;
  }
  .mr-sm-6 {
    margin-right: 3rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mv-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-6 {
    padding: 3rem !important;
  }
  .pl-md-6 {
    padding-left: 3rem !important;
  }
  .pr-md-6 {
    padding-right: 3rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .pv-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-md-6 {
    margin: 3rem !important;
  }
  .ml-md-6 {
    margin-left: 3rem !important;
  }
  .mr-md-6 {
    margin-right: 3rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mv-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-6 {
    padding: 3rem !important;
  }
  .pl-lg-6 {
    padding-left: 3rem !important;
  }
  .pr-lg-6 {
    padding-right: 3rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pv-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-lg-6 {
    margin: 3rem !important;
  }
  .ml-lg-6 {
    margin-left: 3rem !important;
  }
  .mr-lg-6 {
    margin-right: 3rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mv-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-6 {
    padding: 3rem !important;
  }
  .pl-xl-6 {
    padding-left: 3rem !important;
  }
  .pr-xl-6 {
    padding-right: 3rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pv-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-xl-6 {
    margin: 3rem !important;
  }
  .ml-xl-6 {
    margin-left: 3rem !important;
  }
  .mr-xl-6 {
    margin-right: 3rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mv-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

.pa-7 {
  padding: 3.5rem !important;
}

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

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

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

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

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

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

.ma-7 {
  margin: 3.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-7 {
    padding: 3.5rem !important;
  }
  .pl-sm-7 {
    padding-left: 3.5rem !important;
  }
  .pr-sm-7 {
    padding-right: 3.5rem !important;
  }
  .pt-sm-7 {
    padding-top: 3.5rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 3.5rem !important;
  }
  .pv-sm-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .ph-sm-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .ma-sm-7 {
    margin: 3.5rem !important;
  }
  .ml-sm-7 {
    margin-left: 3.5rem !important;
  }
  .mr-sm-7 {
    margin-right: 3.5rem !important;
  }
  .mt-sm-7 {
    margin-top: 3.5rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 3.5rem !important;
  }
  .mv-sm-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .mh-sm-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-7 {
    padding: 3.5rem !important;
  }
  .pl-md-7 {
    padding-left: 3.5rem !important;
  }
  .pr-md-7 {
    padding-right: 3.5rem !important;
  }
  .pt-md-7 {
    padding-top: 3.5rem !important;
  }
  .pb-md-7 {
    padding-bottom: 3.5rem !important;
  }
  .pv-md-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .ph-md-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .ma-md-7 {
    margin: 3.5rem !important;
  }
  .ml-md-7 {
    margin-left: 3.5rem !important;
  }
  .mr-md-7 {
    margin-right: 3.5rem !important;
  }
  .mt-md-7 {
    margin-top: 3.5rem !important;
  }
  .mb-md-7 {
    margin-bottom: 3.5rem !important;
  }
  .mv-md-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .mh-md-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-7 {
    padding: 3.5rem !important;
  }
  .pl-lg-7 {
    padding-left: 3.5rem !important;
  }
  .pr-lg-7 {
    padding-right: 3.5rem !important;
  }
  .pt-lg-7 {
    padding-top: 3.5rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 3.5rem !important;
  }
  .pv-lg-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .ph-lg-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .ma-lg-7 {
    margin: 3.5rem !important;
  }
  .ml-lg-7 {
    margin-left: 3.5rem !important;
  }
  .mr-lg-7 {
    margin-right: 3.5rem !important;
  }
  .mt-lg-7 {
    margin-top: 3.5rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 3.5rem !important;
  }
  .mv-lg-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .mh-lg-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-7 {
    padding: 3.5rem !important;
  }
  .pl-xl-7 {
    padding-left: 3.5rem !important;
  }
  .pr-xl-7 {
    padding-right: 3.5rem !important;
  }
  .pt-xl-7 {
    padding-top: 3.5rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 3.5rem !important;
  }
  .pv-xl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .ph-xl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .ma-xl-7 {
    margin: 3.5rem !important;
  }
  .ml-xl-7 {
    margin-left: 3.5rem !important;
  }
  .mr-xl-7 {
    margin-right: 3.5rem !important;
  }
  .mt-xl-7 {
    margin-top: 3.5rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 3.5rem !important;
  }
  .mv-xl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .mh-xl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

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

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

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

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

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

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

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

.ma-8 {
  margin: 4rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-8 {
    padding: 4rem !important;
  }
  .pl-sm-8 {
    padding-left: 4rem !important;
  }
  .pr-sm-8 {
    padding-right: 4rem !important;
  }
  .pt-sm-8 {
    padding-top: 4rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 4rem !important;
  }
  .pv-sm-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-sm-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-sm-8 {
    margin: 4rem !important;
  }
  .ml-sm-8 {
    margin-left: 4rem !important;
  }
  .mr-sm-8 {
    margin-right: 4rem !important;
  }
  .mt-sm-8 {
    margin-top: 4rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 4rem !important;
  }
  .mv-sm-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-sm-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-8 {
    padding: 4rem !important;
  }
  .pl-md-8 {
    padding-left: 4rem !important;
  }
  .pr-md-8 {
    padding-right: 4rem !important;
  }
  .pt-md-8 {
    padding-top: 4rem !important;
  }
  .pb-md-8 {
    padding-bottom: 4rem !important;
  }
  .pv-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-md-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-md-8 {
    margin: 4rem !important;
  }
  .ml-md-8 {
    margin-left: 4rem !important;
  }
  .mr-md-8 {
    margin-right: 4rem !important;
  }
  .mt-md-8 {
    margin-top: 4rem !important;
  }
  .mb-md-8 {
    margin-bottom: 4rem !important;
  }
  .mv-md-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-md-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-8 {
    padding: 4rem !important;
  }
  .pl-lg-8 {
    padding-left: 4rem !important;
  }
  .pr-lg-8 {
    padding-right: 4rem !important;
  }
  .pt-lg-8 {
    padding-top: 4rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 4rem !important;
  }
  .pv-lg-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-lg-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-lg-8 {
    margin: 4rem !important;
  }
  .ml-lg-8 {
    margin-left: 4rem !important;
  }
  .mr-lg-8 {
    margin-right: 4rem !important;
  }
  .mt-lg-8 {
    margin-top: 4rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 4rem !important;
  }
  .mv-lg-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-lg-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-8 {
    padding: 4rem !important;
  }
  .pl-xl-8 {
    padding-left: 4rem !important;
  }
  .pr-xl-8 {
    padding-right: 4rem !important;
  }
  .pt-xl-8 {
    padding-top: 4rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 4rem !important;
  }
  .pv-xl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-xl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-xl-8 {
    margin: 4rem !important;
  }
  .ml-xl-8 {
    margin-left: 4rem !important;
  }
  .mr-xl-8 {
    margin-right: 4rem !important;
  }
  .mt-xl-8 {
    margin-top: 4rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 4rem !important;
  }
  .mv-xl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-xl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

.pa-9 {
  padding: 4.5rem !important;
}

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

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

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

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

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

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

.ma-9 {
  margin: 4.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-9 {
    padding: 4.5rem !important;
  }
  .pl-sm-9 {
    padding-left: 4.5rem !important;
  }
  .pr-sm-9 {
    padding-right: 4.5rem !important;
  }
  .pt-sm-9 {
    padding-top: 4.5rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 4.5rem !important;
  }
  .pv-sm-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .ph-sm-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .ma-sm-9 {
    margin: 4.5rem !important;
  }
  .ml-sm-9 {
    margin-left: 4.5rem !important;
  }
  .mr-sm-9 {
    margin-right: 4.5rem !important;
  }
  .mt-sm-9 {
    margin-top: 4.5rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 4.5rem !important;
  }
  .mv-sm-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mh-sm-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-9 {
    padding: 4.5rem !important;
  }
  .pl-md-9 {
    padding-left: 4.5rem !important;
  }
  .pr-md-9 {
    padding-right: 4.5rem !important;
  }
  .pt-md-9 {
    padding-top: 4.5rem !important;
  }
  .pb-md-9 {
    padding-bottom: 4.5rem !important;
  }
  .pv-md-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .ph-md-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .ma-md-9 {
    margin: 4.5rem !important;
  }
  .ml-md-9 {
    margin-left: 4.5rem !important;
  }
  .mr-md-9 {
    margin-right: 4.5rem !important;
  }
  .mt-md-9 {
    margin-top: 4.5rem !important;
  }
  .mb-md-9 {
    margin-bottom: 4.5rem !important;
  }
  .mv-md-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mh-md-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-9 {
    padding: 4.5rem !important;
  }
  .pl-lg-9 {
    padding-left: 4.5rem !important;
  }
  .pr-lg-9 {
    padding-right: 4.5rem !important;
  }
  .pt-lg-9 {
    padding-top: 4.5rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 4.5rem !important;
  }
  .pv-lg-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .ph-lg-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .ma-lg-9 {
    margin: 4.5rem !important;
  }
  .ml-lg-9 {
    margin-left: 4.5rem !important;
  }
  .mr-lg-9 {
    margin-right: 4.5rem !important;
  }
  .mt-lg-9 {
    margin-top: 4.5rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 4.5rem !important;
  }
  .mv-lg-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mh-lg-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-9 {
    padding: 4.5rem !important;
  }
  .pl-xl-9 {
    padding-left: 4.5rem !important;
  }
  .pr-xl-9 {
    padding-right: 4.5rem !important;
  }
  .pt-xl-9 {
    padding-top: 4.5rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pv-xl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .ph-xl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .ma-xl-9 {
    margin: 4.5rem !important;
  }
  .ml-xl-9 {
    margin-left: 4.5rem !important;
  }
  .mr-xl-9 {
    margin-right: 4.5rem !important;
  }
  .mt-xl-9 {
    margin-top: 4.5rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 4.5rem !important;
  }
  .mv-xl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mh-xl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

.pa-10 {
  padding: 5rem !important;
}

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

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

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

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

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

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

.ma-10 {
  margin: 5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-10 {
    padding: 5rem !important;
  }
  .pl-sm-10 {
    padding-left: 5rem !important;
  }
  .pr-sm-10 {
    padding-right: 5rem !important;
  }
  .pt-sm-10 {
    padding-top: 5rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 5rem !important;
  }
  .pv-sm-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-sm-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-sm-10 {
    margin: 5rem !important;
  }
  .ml-sm-10 {
    margin-left: 5rem !important;
  }
  .mr-sm-10 {
    margin-right: 5rem !important;
  }
  .mt-sm-10 {
    margin-top: 5rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 5rem !important;
  }
  .mv-sm-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-sm-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-10 {
    padding: 5rem !important;
  }
  .pl-md-10 {
    padding-left: 5rem !important;
  }
  .pr-md-10 {
    padding-right: 5rem !important;
  }
  .pt-md-10 {
    padding-top: 5rem !important;
  }
  .pb-md-10 {
    padding-bottom: 5rem !important;
  }
  .pv-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-md-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-md-10 {
    margin: 5rem !important;
  }
  .ml-md-10 {
    margin-left: 5rem !important;
  }
  .mr-md-10 {
    margin-right: 5rem !important;
  }
  .mt-md-10 {
    margin-top: 5rem !important;
  }
  .mb-md-10 {
    margin-bottom: 5rem !important;
  }
  .mv-md-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-md-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-10 {
    padding: 5rem !important;
  }
  .pl-lg-10 {
    padding-left: 5rem !important;
  }
  .pr-lg-10 {
    padding-right: 5rem !important;
  }
  .pt-lg-10 {
    padding-top: 5rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 5rem !important;
  }
  .pv-lg-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-lg-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-lg-10 {
    margin: 5rem !important;
  }
  .ml-lg-10 {
    margin-left: 5rem !important;
  }
  .mr-lg-10 {
    margin-right: 5rem !important;
  }
  .mt-lg-10 {
    margin-top: 5rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 5rem !important;
  }
  .mv-lg-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-lg-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-10 {
    padding: 5rem !important;
  }
  .pl-xl-10 {
    padding-left: 5rem !important;
  }
  .pr-xl-10 {
    padding-right: 5rem !important;
  }
  .pt-xl-10 {
    padding-top: 5rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 5rem !important;
  }
  .pv-xl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-xl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-xl-10 {
    margin: 5rem !important;
  }
  .ml-xl-10 {
    margin-left: 5rem !important;
  }
  .mr-xl-10 {
    margin-right: 5rem !important;
  }
  .mt-xl-10 {
    margin-top: 5rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 5rem !important;
  }
  .mv-xl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-xl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

.pa-11 {
  padding: 5.5rem !important;
}

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

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

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

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

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

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

.ma-11 {
  margin: 5.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-11 {
    padding: 5.5rem !important;
  }
  .pl-sm-11 {
    padding-left: 5.5rem !important;
  }
  .pr-sm-11 {
    padding-right: 5.5rem !important;
  }
  .pt-sm-11 {
    padding-top: 5.5rem !important;
  }
  .pb-sm-11 {
    padding-bottom: 5.5rem !important;
  }
  .pv-sm-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .ph-sm-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .ma-sm-11 {
    margin: 5.5rem !important;
  }
  .ml-sm-11 {
    margin-left: 5.5rem !important;
  }
  .mr-sm-11 {
    margin-right: 5.5rem !important;
  }
  .mt-sm-11 {
    margin-top: 5.5rem !important;
  }
  .mb-sm-11 {
    margin-bottom: 5.5rem !important;
  }
  .mv-sm-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .mh-sm-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-11 {
    padding: 5.5rem !important;
  }
  .pl-md-11 {
    padding-left: 5.5rem !important;
  }
  .pr-md-11 {
    padding-right: 5.5rem !important;
  }
  .pt-md-11 {
    padding-top: 5.5rem !important;
  }
  .pb-md-11 {
    padding-bottom: 5.5rem !important;
  }
  .pv-md-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .ph-md-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .ma-md-11 {
    margin: 5.5rem !important;
  }
  .ml-md-11 {
    margin-left: 5.5rem !important;
  }
  .mr-md-11 {
    margin-right: 5.5rem !important;
  }
  .mt-md-11 {
    margin-top: 5.5rem !important;
  }
  .mb-md-11 {
    margin-bottom: 5.5rem !important;
  }
  .mv-md-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .mh-md-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-11 {
    padding: 5.5rem !important;
  }
  .pl-lg-11 {
    padding-left: 5.5rem !important;
  }
  .pr-lg-11 {
    padding-right: 5.5rem !important;
  }
  .pt-lg-11 {
    padding-top: 5.5rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 5.5rem !important;
  }
  .pv-lg-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .ph-lg-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .ma-lg-11 {
    margin: 5.5rem !important;
  }
  .ml-lg-11 {
    margin-left: 5.5rem !important;
  }
  .mr-lg-11 {
    margin-right: 5.5rem !important;
  }
  .mt-lg-11 {
    margin-top: 5.5rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 5.5rem !important;
  }
  .mv-lg-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .mh-lg-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-11 {
    padding: 5.5rem !important;
  }
  .pl-xl-11 {
    padding-left: 5.5rem !important;
  }
  .pr-xl-11 {
    padding-right: 5.5rem !important;
  }
  .pt-xl-11 {
    padding-top: 5.5rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 5.5rem !important;
  }
  .pv-xl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .ph-xl-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .ma-xl-11 {
    margin: 5.5rem !important;
  }
  .ml-xl-11 {
    margin-left: 5.5rem !important;
  }
  .mr-xl-11 {
    margin-right: 5.5rem !important;
  }
  .mt-xl-11 {
    margin-top: 5.5rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 5.5rem !important;
  }
  .mv-xl-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .mh-xl-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
}

.pa-12 {
  padding: 6rem !important;
}

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

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

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

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

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

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

.ma-12 {
  margin: 6rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-12 {
    padding: 6rem !important;
  }
  .pl-sm-12 {
    padding-left: 6rem !important;
  }
  .pr-sm-12 {
    padding-right: 6rem !important;
  }
  .pt-sm-12 {
    padding-top: 6rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 6rem !important;
  }
  .pv-sm-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-sm-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-sm-12 {
    margin: 6rem !important;
  }
  .ml-sm-12 {
    margin-left: 6rem !important;
  }
  .mr-sm-12 {
    margin-right: 6rem !important;
  }
  .mt-sm-12 {
    margin-top: 6rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 6rem !important;
  }
  .mv-sm-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-sm-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-12 {
    padding: 6rem !important;
  }
  .pl-md-12 {
    padding-left: 6rem !important;
  }
  .pr-md-12 {
    padding-right: 6rem !important;
  }
  .pt-md-12 {
    padding-top: 6rem !important;
  }
  .pb-md-12 {
    padding-bottom: 6rem !important;
  }
  .pv-md-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-md-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-md-12 {
    margin: 6rem !important;
  }
  .ml-md-12 {
    margin-left: 6rem !important;
  }
  .mr-md-12 {
    margin-right: 6rem !important;
  }
  .mt-md-12 {
    margin-top: 6rem !important;
  }
  .mb-md-12 {
    margin-bottom: 6rem !important;
  }
  .mv-md-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-md-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-12 {
    padding: 6rem !important;
  }
  .pl-lg-12 {
    padding-left: 6rem !important;
  }
  .pr-lg-12 {
    padding-right: 6rem !important;
  }
  .pt-lg-12 {
    padding-top: 6rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 6rem !important;
  }
  .pv-lg-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-lg-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-lg-12 {
    margin: 6rem !important;
  }
  .ml-lg-12 {
    margin-left: 6rem !important;
  }
  .mr-lg-12 {
    margin-right: 6rem !important;
  }
  .mt-lg-12 {
    margin-top: 6rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 6rem !important;
  }
  .mv-lg-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-lg-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-12 {
    padding: 6rem !important;
  }
  .pl-xl-12 {
    padding-left: 6rem !important;
  }
  .pr-xl-12 {
    padding-right: 6rem !important;
  }
  .pt-xl-12 {
    padding-top: 6rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 6rem !important;
  }
  .pv-xl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-xl-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-xl-12 {
    margin: 6rem !important;
  }
  .ml-xl-12 {
    margin-left: 6rem !important;
  }
  .mr-xl-12 {
    margin-right: 6rem !important;
  }
  .mt-xl-12 {
    margin-top: 6rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 6rem !important;
  }
  .mv-xl-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-xl-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

.pa-13 {
  padding: 6.5rem !important;
}

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

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

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

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

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

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

.ma-13 {
  margin: 6.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-13 {
    padding: 6.5rem !important;
  }
  .pl-sm-13 {
    padding-left: 6.5rem !important;
  }
  .pr-sm-13 {
    padding-right: 6.5rem !important;
  }
  .pt-sm-13 {
    padding-top: 6.5rem !important;
  }
  .pb-sm-13 {
    padding-bottom: 6.5rem !important;
  }
  .pv-sm-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .ph-sm-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .ma-sm-13 {
    margin: 6.5rem !important;
  }
  .ml-sm-13 {
    margin-left: 6.5rem !important;
  }
  .mr-sm-13 {
    margin-right: 6.5rem !important;
  }
  .mt-sm-13 {
    margin-top: 6.5rem !important;
  }
  .mb-sm-13 {
    margin-bottom: 6.5rem !important;
  }
  .mv-sm-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .mh-sm-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-13 {
    padding: 6.5rem !important;
  }
  .pl-md-13 {
    padding-left: 6.5rem !important;
  }
  .pr-md-13 {
    padding-right: 6.5rem !important;
  }
  .pt-md-13 {
    padding-top: 6.5rem !important;
  }
  .pb-md-13 {
    padding-bottom: 6.5rem !important;
  }
  .pv-md-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .ph-md-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .ma-md-13 {
    margin: 6.5rem !important;
  }
  .ml-md-13 {
    margin-left: 6.5rem !important;
  }
  .mr-md-13 {
    margin-right: 6.5rem !important;
  }
  .mt-md-13 {
    margin-top: 6.5rem !important;
  }
  .mb-md-13 {
    margin-bottom: 6.5rem !important;
  }
  .mv-md-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .mh-md-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-13 {
    padding: 6.5rem !important;
  }
  .pl-lg-13 {
    padding-left: 6.5rem !important;
  }
  .pr-lg-13 {
    padding-right: 6.5rem !important;
  }
  .pt-lg-13 {
    padding-top: 6.5rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 6.5rem !important;
  }
  .pv-lg-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .ph-lg-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .ma-lg-13 {
    margin: 6.5rem !important;
  }
  .ml-lg-13 {
    margin-left: 6.5rem !important;
  }
  .mr-lg-13 {
    margin-right: 6.5rem !important;
  }
  .mt-lg-13 {
    margin-top: 6.5rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 6.5rem !important;
  }
  .mv-lg-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .mh-lg-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-13 {
    padding: 6.5rem !important;
  }
  .pl-xl-13 {
    padding-left: 6.5rem !important;
  }
  .pr-xl-13 {
    padding-right: 6.5rem !important;
  }
  .pt-xl-13 {
    padding-top: 6.5rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 6.5rem !important;
  }
  .pv-xl-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .ph-xl-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .ma-xl-13 {
    margin: 6.5rem !important;
  }
  .ml-xl-13 {
    margin-left: 6.5rem !important;
  }
  .mr-xl-13 {
    margin-right: 6.5rem !important;
  }
  .mt-xl-13 {
    margin-top: 6.5rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 6.5rem !important;
  }
  .mv-xl-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .mh-xl-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
}

.pa-14 {
  padding: 7rem !important;
}

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

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

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

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

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

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

.ma-14 {
  margin: 7rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-14 {
    padding: 7rem !important;
  }
  .pl-sm-14 {
    padding-left: 7rem !important;
  }
  .pr-sm-14 {
    padding-right: 7rem !important;
  }
  .pt-sm-14 {
    padding-top: 7rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 7rem !important;
  }
  .pv-sm-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-sm-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-sm-14 {
    margin: 7rem !important;
  }
  .ml-sm-14 {
    margin-left: 7rem !important;
  }
  .mr-sm-14 {
    margin-right: 7rem !important;
  }
  .mt-sm-14 {
    margin-top: 7rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 7rem !important;
  }
  .mv-sm-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-sm-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-14 {
    padding: 7rem !important;
  }
  .pl-md-14 {
    padding-left: 7rem !important;
  }
  .pr-md-14 {
    padding-right: 7rem !important;
  }
  .pt-md-14 {
    padding-top: 7rem !important;
  }
  .pb-md-14 {
    padding-bottom: 7rem !important;
  }
  .pv-md-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-md-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-md-14 {
    margin: 7rem !important;
  }
  .ml-md-14 {
    margin-left: 7rem !important;
  }
  .mr-md-14 {
    margin-right: 7rem !important;
  }
  .mt-md-14 {
    margin-top: 7rem !important;
  }
  .mb-md-14 {
    margin-bottom: 7rem !important;
  }
  .mv-md-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-md-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-14 {
    padding: 7rem !important;
  }
  .pl-lg-14 {
    padding-left: 7rem !important;
  }
  .pr-lg-14 {
    padding-right: 7rem !important;
  }
  .pt-lg-14 {
    padding-top: 7rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 7rem !important;
  }
  .pv-lg-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-lg-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-lg-14 {
    margin: 7rem !important;
  }
  .ml-lg-14 {
    margin-left: 7rem !important;
  }
  .mr-lg-14 {
    margin-right: 7rem !important;
  }
  .mt-lg-14 {
    margin-top: 7rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 7rem !important;
  }
  .mv-lg-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-lg-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-14 {
    padding: 7rem !important;
  }
  .pl-xl-14 {
    padding-left: 7rem !important;
  }
  .pr-xl-14 {
    padding-right: 7rem !important;
  }
  .pt-xl-14 {
    padding-top: 7rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 7rem !important;
  }
  .pv-xl-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-xl-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-xl-14 {
    margin: 7rem !important;
  }
  .ml-xl-14 {
    margin-left: 7rem !important;
  }
  .mr-xl-14 {
    margin-right: 7rem !important;
  }
  .mt-xl-14 {
    margin-top: 7rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 7rem !important;
  }
  .mv-xl-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-xl-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

.pa-15 {
  padding: 7.5rem !important;
}

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

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

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

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

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

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

.ma-15 {
  margin: 7.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-15 {
    padding: 7.5rem !important;
  }
  .pl-sm-15 {
    padding-left: 7.5rem !important;
  }
  .pr-sm-15 {
    padding-right: 7.5rem !important;
  }
  .pt-sm-15 {
    padding-top: 7.5rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 7.5rem !important;
  }
  .pv-sm-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .ph-sm-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .ma-sm-15 {
    margin: 7.5rem !important;
  }
  .ml-sm-15 {
    margin-left: 7.5rem !important;
  }
  .mr-sm-15 {
    margin-right: 7.5rem !important;
  }
  .mt-sm-15 {
    margin-top: 7.5rem !important;
  }
  .mb-sm-15 {
    margin-bottom: 7.5rem !important;
  }
  .mv-sm-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .mh-sm-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-15 {
    padding: 7.5rem !important;
  }
  .pl-md-15 {
    padding-left: 7.5rem !important;
  }
  .pr-md-15 {
    padding-right: 7.5rem !important;
  }
  .pt-md-15 {
    padding-top: 7.5rem !important;
  }
  .pb-md-15 {
    padding-bottom: 7.5rem !important;
  }
  .pv-md-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .ph-md-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .ma-md-15 {
    margin: 7.5rem !important;
  }
  .ml-md-15 {
    margin-left: 7.5rem !important;
  }
  .mr-md-15 {
    margin-right: 7.5rem !important;
  }
  .mt-md-15 {
    margin-top: 7.5rem !important;
  }
  .mb-md-15 {
    margin-bottom: 7.5rem !important;
  }
  .mv-md-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .mh-md-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-15 {
    padding: 7.5rem !important;
  }
  .pl-lg-15 {
    padding-left: 7.5rem !important;
  }
  .pr-lg-15 {
    padding-right: 7.5rem !important;
  }
  .pt-lg-15 {
    padding-top: 7.5rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 7.5rem !important;
  }
  .pv-lg-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .ph-lg-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .ma-lg-15 {
    margin: 7.5rem !important;
  }
  .ml-lg-15 {
    margin-left: 7.5rem !important;
  }
  .mr-lg-15 {
    margin-right: 7.5rem !important;
  }
  .mt-lg-15 {
    margin-top: 7.5rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 7.5rem !important;
  }
  .mv-lg-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .mh-lg-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-15 {
    padding: 7.5rem !important;
  }
  .pl-xl-15 {
    padding-left: 7.5rem !important;
  }
  .pr-xl-15 {
    padding-right: 7.5rem !important;
  }
  .pt-xl-15 {
    padding-top: 7.5rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 7.5rem !important;
  }
  .pv-xl-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .ph-xl-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .ma-xl-15 {
    margin: 7.5rem !important;
  }
  .ml-xl-15 {
    margin-left: 7.5rem !important;
  }
  .mr-xl-15 {
    margin-right: 7.5rem !important;
  }
  .mt-xl-15 {
    margin-top: 7.5rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 7.5rem !important;
  }
  .mv-xl-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .mh-xl-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
}

.pa-16 {
  padding: 8rem !important;
}

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

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

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

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

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

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

.ma-16 {
  margin: 8rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-16 {
    padding: 8rem !important;
  }
  .pl-sm-16 {
    padding-left: 8rem !important;
  }
  .pr-sm-16 {
    padding-right: 8rem !important;
  }
  .pt-sm-16 {
    padding-top: 8rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 8rem !important;
  }
  .pv-sm-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-sm-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-sm-16 {
    margin: 8rem !important;
  }
  .ml-sm-16 {
    margin-left: 8rem !important;
  }
  .mr-sm-16 {
    margin-right: 8rem !important;
  }
  .mt-sm-16 {
    margin-top: 8rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 8rem !important;
  }
  .mv-sm-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-sm-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-16 {
    padding: 8rem !important;
  }
  .pl-md-16 {
    padding-left: 8rem !important;
  }
  .pr-md-16 {
    padding-right: 8rem !important;
  }
  .pt-md-16 {
    padding-top: 8rem !important;
  }
  .pb-md-16 {
    padding-bottom: 8rem !important;
  }
  .pv-md-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-md-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-md-16 {
    margin: 8rem !important;
  }
  .ml-md-16 {
    margin-left: 8rem !important;
  }
  .mr-md-16 {
    margin-right: 8rem !important;
  }
  .mt-md-16 {
    margin-top: 8rem !important;
  }
  .mb-md-16 {
    margin-bottom: 8rem !important;
  }
  .mv-md-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-md-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-16 {
    padding: 8rem !important;
  }
  .pl-lg-16 {
    padding-left: 8rem !important;
  }
  .pr-lg-16 {
    padding-right: 8rem !important;
  }
  .pt-lg-16 {
    padding-top: 8rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 8rem !important;
  }
  .pv-lg-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-lg-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-lg-16 {
    margin: 8rem !important;
  }
  .ml-lg-16 {
    margin-left: 8rem !important;
  }
  .mr-lg-16 {
    margin-right: 8rem !important;
  }
  .mt-lg-16 {
    margin-top: 8rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 8rem !important;
  }
  .mv-lg-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-lg-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-16 {
    padding: 8rem !important;
  }
  .pl-xl-16 {
    padding-left: 8rem !important;
  }
  .pr-xl-16 {
    padding-right: 8rem !important;
  }
  .pt-xl-16 {
    padding-top: 8rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 8rem !important;
  }
  .pv-xl-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-xl-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-xl-16 {
    margin: 8rem !important;
  }
  .ml-xl-16 {
    margin-left: 8rem !important;
  }
  .mr-xl-16 {
    margin-right: 8rem !important;
  }
  .mt-xl-16 {
    margin-top: 8rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 8rem !important;
  }
  .mv-xl-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-xl-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

.pa-17 {
  padding: 8.5rem !important;
}

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

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

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

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

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

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

.ma-17 {
  margin: 8.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-17 {
    padding: 8.5rem !important;
  }
  .pl-sm-17 {
    padding-left: 8.5rem !important;
  }
  .pr-sm-17 {
    padding-right: 8.5rem !important;
  }
  .pt-sm-17 {
    padding-top: 8.5rem !important;
  }
  .pb-sm-17 {
    padding-bottom: 8.5rem !important;
  }
  .pv-sm-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .ph-sm-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .ma-sm-17 {
    margin: 8.5rem !important;
  }
  .ml-sm-17 {
    margin-left: 8.5rem !important;
  }
  .mr-sm-17 {
    margin-right: 8.5rem !important;
  }
  .mt-sm-17 {
    margin-top: 8.5rem !important;
  }
  .mb-sm-17 {
    margin-bottom: 8.5rem !important;
  }
  .mv-sm-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .mh-sm-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-17 {
    padding: 8.5rem !important;
  }
  .pl-md-17 {
    padding-left: 8.5rem !important;
  }
  .pr-md-17 {
    padding-right: 8.5rem !important;
  }
  .pt-md-17 {
    padding-top: 8.5rem !important;
  }
  .pb-md-17 {
    padding-bottom: 8.5rem !important;
  }
  .pv-md-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .ph-md-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .ma-md-17 {
    margin: 8.5rem !important;
  }
  .ml-md-17 {
    margin-left: 8.5rem !important;
  }
  .mr-md-17 {
    margin-right: 8.5rem !important;
  }
  .mt-md-17 {
    margin-top: 8.5rem !important;
  }
  .mb-md-17 {
    margin-bottom: 8.5rem !important;
  }
  .mv-md-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .mh-md-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-17 {
    padding: 8.5rem !important;
  }
  .pl-lg-17 {
    padding-left: 8.5rem !important;
  }
  .pr-lg-17 {
    padding-right: 8.5rem !important;
  }
  .pt-lg-17 {
    padding-top: 8.5rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 8.5rem !important;
  }
  .pv-lg-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .ph-lg-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .ma-lg-17 {
    margin: 8.5rem !important;
  }
  .ml-lg-17 {
    margin-left: 8.5rem !important;
  }
  .mr-lg-17 {
    margin-right: 8.5rem !important;
  }
  .mt-lg-17 {
    margin-top: 8.5rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 8.5rem !important;
  }
  .mv-lg-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .mh-lg-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-17 {
    padding: 8.5rem !important;
  }
  .pl-xl-17 {
    padding-left: 8.5rem !important;
  }
  .pr-xl-17 {
    padding-right: 8.5rem !important;
  }
  .pt-xl-17 {
    padding-top: 8.5rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 8.5rem !important;
  }
  .pv-xl-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .ph-xl-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .ma-xl-17 {
    margin: 8.5rem !important;
  }
  .ml-xl-17 {
    margin-left: 8.5rem !important;
  }
  .mr-xl-17 {
    margin-right: 8.5rem !important;
  }
  .mt-xl-17 {
    margin-top: 8.5rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 8.5rem !important;
  }
  .mv-xl-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .mh-xl-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
}

.pa-18 {
  padding: 9rem !important;
}

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

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

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

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

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

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

.ma-18 {
  margin: 9rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-18 {
    padding: 9rem !important;
  }
  .pl-sm-18 {
    padding-left: 9rem !important;
  }
  .pr-sm-18 {
    padding-right: 9rem !important;
  }
  .pt-sm-18 {
    padding-top: 9rem !important;
  }
  .pb-sm-18 {
    padding-bottom: 9rem !important;
  }
  .pv-sm-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-sm-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-sm-18 {
    margin: 9rem !important;
  }
  .ml-sm-18 {
    margin-left: 9rem !important;
  }
  .mr-sm-18 {
    margin-right: 9rem !important;
  }
  .mt-sm-18 {
    margin-top: 9rem !important;
  }
  .mb-sm-18 {
    margin-bottom: 9rem !important;
  }
  .mv-sm-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-sm-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-18 {
    padding: 9rem !important;
  }
  .pl-md-18 {
    padding-left: 9rem !important;
  }
  .pr-md-18 {
    padding-right: 9rem !important;
  }
  .pt-md-18 {
    padding-top: 9rem !important;
  }
  .pb-md-18 {
    padding-bottom: 9rem !important;
  }
  .pv-md-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-md-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-md-18 {
    margin: 9rem !important;
  }
  .ml-md-18 {
    margin-left: 9rem !important;
  }
  .mr-md-18 {
    margin-right: 9rem !important;
  }
  .mt-md-18 {
    margin-top: 9rem !important;
  }
  .mb-md-18 {
    margin-bottom: 9rem !important;
  }
  .mv-md-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-md-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-18 {
    padding: 9rem !important;
  }
  .pl-lg-18 {
    padding-left: 9rem !important;
  }
  .pr-lg-18 {
    padding-right: 9rem !important;
  }
  .pt-lg-18 {
    padding-top: 9rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 9rem !important;
  }
  .pv-lg-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-lg-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-lg-18 {
    margin: 9rem !important;
  }
  .ml-lg-18 {
    margin-left: 9rem !important;
  }
  .mr-lg-18 {
    margin-right: 9rem !important;
  }
  .mt-lg-18 {
    margin-top: 9rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 9rem !important;
  }
  .mv-lg-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-lg-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-18 {
    padding: 9rem !important;
  }
  .pl-xl-18 {
    padding-left: 9rem !important;
  }
  .pr-xl-18 {
    padding-right: 9rem !important;
  }
  .pt-xl-18 {
    padding-top: 9rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 9rem !important;
  }
  .pv-xl-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-xl-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-xl-18 {
    margin: 9rem !important;
  }
  .ml-xl-18 {
    margin-left: 9rem !important;
  }
  .mr-xl-18 {
    margin-right: 9rem !important;
  }
  .mt-xl-18 {
    margin-top: 9rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 9rem !important;
  }
  .mv-xl-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-xl-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

.pa-19 {
  padding: 9.5rem !important;
}

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

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

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

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

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

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

.ma-19 {
  margin: 9.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-19 {
    padding: 9.5rem !important;
  }
  .pl-sm-19 {
    padding-left: 9.5rem !important;
  }
  .pr-sm-19 {
    padding-right: 9.5rem !important;
  }
  .pt-sm-19 {
    padding-top: 9.5rem !important;
  }
  .pb-sm-19 {
    padding-bottom: 9.5rem !important;
  }
  .pv-sm-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .ph-sm-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .ma-sm-19 {
    margin: 9.5rem !important;
  }
  .ml-sm-19 {
    margin-left: 9.5rem !important;
  }
  .mr-sm-19 {
    margin-right: 9.5rem !important;
  }
  .mt-sm-19 {
    margin-top: 9.5rem !important;
  }
  .mb-sm-19 {
    margin-bottom: 9.5rem !important;
  }
  .mv-sm-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .mh-sm-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-19 {
    padding: 9.5rem !important;
  }
  .pl-md-19 {
    padding-left: 9.5rem !important;
  }
  .pr-md-19 {
    padding-right: 9.5rem !important;
  }
  .pt-md-19 {
    padding-top: 9.5rem !important;
  }
  .pb-md-19 {
    padding-bottom: 9.5rem !important;
  }
  .pv-md-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .ph-md-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .ma-md-19 {
    margin: 9.5rem !important;
  }
  .ml-md-19 {
    margin-left: 9.5rem !important;
  }
  .mr-md-19 {
    margin-right: 9.5rem !important;
  }
  .mt-md-19 {
    margin-top: 9.5rem !important;
  }
  .mb-md-19 {
    margin-bottom: 9.5rem !important;
  }
  .mv-md-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .mh-md-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-19 {
    padding: 9.5rem !important;
  }
  .pl-lg-19 {
    padding-left: 9.5rem !important;
  }
  .pr-lg-19 {
    padding-right: 9.5rem !important;
  }
  .pt-lg-19 {
    padding-top: 9.5rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 9.5rem !important;
  }
  .pv-lg-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .ph-lg-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .ma-lg-19 {
    margin: 9.5rem !important;
  }
  .ml-lg-19 {
    margin-left: 9.5rem !important;
  }
  .mr-lg-19 {
    margin-right: 9.5rem !important;
  }
  .mt-lg-19 {
    margin-top: 9.5rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 9.5rem !important;
  }
  .mv-lg-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .mh-lg-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-19 {
    padding: 9.5rem !important;
  }
  .pl-xl-19 {
    padding-left: 9.5rem !important;
  }
  .pr-xl-19 {
    padding-right: 9.5rem !important;
  }
  .pt-xl-19 {
    padding-top: 9.5rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 9.5rem !important;
  }
  .pv-xl-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .ph-xl-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .ma-xl-19 {
    margin: 9.5rem !important;
  }
  .ml-xl-19 {
    margin-left: 9.5rem !important;
  }
  .mr-xl-19 {
    margin-right: 9.5rem !important;
  }
  .mt-xl-19 {
    margin-top: 9.5rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 9.5rem !important;
  }
  .mv-xl-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .mh-xl-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
}

.pa-20 {
  padding: 10rem !important;
}

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

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

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

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

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

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

.ma-20 {
  margin: 10rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-20 {
    padding: 10rem !important;
  }
  .pl-sm-20 {
    padding-left: 10rem !important;
  }
  .pr-sm-20 {
    padding-right: 10rem !important;
  }
  .pt-sm-20 {
    padding-top: 10rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 10rem !important;
  }
  .pv-sm-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-sm-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-sm-20 {
    margin: 10rem !important;
  }
  .ml-sm-20 {
    margin-left: 10rem !important;
  }
  .mr-sm-20 {
    margin-right: 10rem !important;
  }
  .mt-sm-20 {
    margin-top: 10rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 10rem !important;
  }
  .mv-sm-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-sm-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-20 {
    padding: 10rem !important;
  }
  .pl-md-20 {
    padding-left: 10rem !important;
  }
  .pr-md-20 {
    padding-right: 10rem !important;
  }
  .pt-md-20 {
    padding-top: 10rem !important;
  }
  .pb-md-20 {
    padding-bottom: 10rem !important;
  }
  .pv-md-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-md-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-md-20 {
    margin: 10rem !important;
  }
  .ml-md-20 {
    margin-left: 10rem !important;
  }
  .mr-md-20 {
    margin-right: 10rem !important;
  }
  .mt-md-20 {
    margin-top: 10rem !important;
  }
  .mb-md-20 {
    margin-bottom: 10rem !important;
  }
  .mv-md-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-md-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-20 {
    padding: 10rem !important;
  }
  .pl-lg-20 {
    padding-left: 10rem !important;
  }
  .pr-lg-20 {
    padding-right: 10rem !important;
  }
  .pt-lg-20 {
    padding-top: 10rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 10rem !important;
  }
  .pv-lg-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-lg-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-lg-20 {
    margin: 10rem !important;
  }
  .ml-lg-20 {
    margin-left: 10rem !important;
  }
  .mr-lg-20 {
    margin-right: 10rem !important;
  }
  .mt-lg-20 {
    margin-top: 10rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 10rem !important;
  }
  .mv-lg-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-lg-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-20 {
    padding: 10rem !important;
  }
  .pl-xl-20 {
    padding-left: 10rem !important;
  }
  .pr-xl-20 {
    padding-right: 10rem !important;
  }
  .pt-xl-20 {
    padding-top: 10rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 10rem !important;
  }
  .pv-xl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-xl-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-xl-20 {
    margin: 10rem !important;
  }
  .ml-xl-20 {
    margin-left: 10rem !important;
  }
  .mr-xl-20 {
    margin-right: 10rem !important;
  }
  .mt-xl-20 {
    margin-top: 10rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 10rem !important;
  }
  .mv-xl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-xl-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

.pa-21 {
  padding: 10.5rem !important;
}

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

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

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

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

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

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

.ma-21 {
  margin: 10.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-21 {
    padding: 10.5rem !important;
  }
  .pl-sm-21 {
    padding-left: 10.5rem !important;
  }
  .pr-sm-21 {
    padding-right: 10.5rem !important;
  }
  .pt-sm-21 {
    padding-top: 10.5rem !important;
  }
  .pb-sm-21 {
    padding-bottom: 10.5rem !important;
  }
  .pv-sm-21 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }
  .ph-sm-21 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
  }
  .ma-sm-21 {
    margin: 10.5rem !important;
  }
  .ml-sm-21 {
    margin-left: 10.5rem !important;
  }
  .mr-sm-21 {
    margin-right: 10.5rem !important;
  }
  .mt-sm-21 {
    margin-top: 10.5rem !important;
  }
  .mb-sm-21 {
    margin-bottom: 10.5rem !important;
  }
  .mv-sm-21 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }
  .mh-sm-21 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-21 {
    padding: 10.5rem !important;
  }
  .pl-md-21 {
    padding-left: 10.5rem !important;
  }
  .pr-md-21 {
    padding-right: 10.5rem !important;
  }
  .pt-md-21 {
    padding-top: 10.5rem !important;
  }
  .pb-md-21 {
    padding-bottom: 10.5rem !important;
  }
  .pv-md-21 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }
  .ph-md-21 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
  }
  .ma-md-21 {
    margin: 10.5rem !important;
  }
  .ml-md-21 {
    margin-left: 10.5rem !important;
  }
  .mr-md-21 {
    margin-right: 10.5rem !important;
  }
  .mt-md-21 {
    margin-top: 10.5rem !important;
  }
  .mb-md-21 {
    margin-bottom: 10.5rem !important;
  }
  .mv-md-21 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }
  .mh-md-21 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-21 {
    padding: 10.5rem !important;
  }
  .pl-lg-21 {
    padding-left: 10.5rem !important;
  }
  .pr-lg-21 {
    padding-right: 10.5rem !important;
  }
  .pt-lg-21 {
    padding-top: 10.5rem !important;
  }
  .pb-lg-21 {
    padding-bottom: 10.5rem !important;
  }
  .pv-lg-21 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }
  .ph-lg-21 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
  }
  .ma-lg-21 {
    margin: 10.5rem !important;
  }
  .ml-lg-21 {
    margin-left: 10.5rem !important;
  }
  .mr-lg-21 {
    margin-right: 10.5rem !important;
  }
  .mt-lg-21 {
    margin-top: 10.5rem !important;
  }
  .mb-lg-21 {
    margin-bottom: 10.5rem !important;
  }
  .mv-lg-21 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }
  .mh-lg-21 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-21 {
    padding: 10.5rem !important;
  }
  .pl-xl-21 {
    padding-left: 10.5rem !important;
  }
  .pr-xl-21 {
    padding-right: 10.5rem !important;
  }
  .pt-xl-21 {
    padding-top: 10.5rem !important;
  }
  .pb-xl-21 {
    padding-bottom: 10.5rem !important;
  }
  .pv-xl-21 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }
  .ph-xl-21 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
  }
  .ma-xl-21 {
    margin: 10.5rem !important;
  }
  .ml-xl-21 {
    margin-left: 10.5rem !important;
  }
  .mr-xl-21 {
    margin-right: 10.5rem !important;
  }
  .mt-xl-21 {
    margin-top: 10.5rem !important;
  }
  .mb-xl-21 {
    margin-bottom: 10.5rem !important;
  }
  .mv-xl-21 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }
  .mh-xl-21 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }
}

.pa-22 {
  padding: 11rem !important;
}

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

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

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

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

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

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

.ma-22 {
  margin: 11rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-22 {
    padding: 11rem !important;
  }
  .pl-sm-22 {
    padding-left: 11rem !important;
  }
  .pr-sm-22 {
    padding-right: 11rem !important;
  }
  .pt-sm-22 {
    padding-top: 11rem !important;
  }
  .pb-sm-22 {
    padding-bottom: 11rem !important;
  }
  .pv-sm-22 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-sm-22 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-sm-22 {
    margin: 11rem !important;
  }
  .ml-sm-22 {
    margin-left: 11rem !important;
  }
  .mr-sm-22 {
    margin-right: 11rem !important;
  }
  .mt-sm-22 {
    margin-top: 11rem !important;
  }
  .mb-sm-22 {
    margin-bottom: 11rem !important;
  }
  .mv-sm-22 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-sm-22 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-22 {
    padding: 11rem !important;
  }
  .pl-md-22 {
    padding-left: 11rem !important;
  }
  .pr-md-22 {
    padding-right: 11rem !important;
  }
  .pt-md-22 {
    padding-top: 11rem !important;
  }
  .pb-md-22 {
    padding-bottom: 11rem !important;
  }
  .pv-md-22 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-md-22 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-md-22 {
    margin: 11rem !important;
  }
  .ml-md-22 {
    margin-left: 11rem !important;
  }
  .mr-md-22 {
    margin-right: 11rem !important;
  }
  .mt-md-22 {
    margin-top: 11rem !important;
  }
  .mb-md-22 {
    margin-bottom: 11rem !important;
  }
  .mv-md-22 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-md-22 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-22 {
    padding: 11rem !important;
  }
  .pl-lg-22 {
    padding-left: 11rem !important;
  }
  .pr-lg-22 {
    padding-right: 11rem !important;
  }
  .pt-lg-22 {
    padding-top: 11rem !important;
  }
  .pb-lg-22 {
    padding-bottom: 11rem !important;
  }
  .pv-lg-22 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-lg-22 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-lg-22 {
    margin: 11rem !important;
  }
  .ml-lg-22 {
    margin-left: 11rem !important;
  }
  .mr-lg-22 {
    margin-right: 11rem !important;
  }
  .mt-lg-22 {
    margin-top: 11rem !important;
  }
  .mb-lg-22 {
    margin-bottom: 11rem !important;
  }
  .mv-lg-22 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-lg-22 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-22 {
    padding: 11rem !important;
  }
  .pl-xl-22 {
    padding-left: 11rem !important;
  }
  .pr-xl-22 {
    padding-right: 11rem !important;
  }
  .pt-xl-22 {
    padding-top: 11rem !important;
  }
  .pb-xl-22 {
    padding-bottom: 11rem !important;
  }
  .pv-xl-22 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-xl-22 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-xl-22 {
    margin: 11rem !important;
  }
  .ml-xl-22 {
    margin-left: 11rem !important;
  }
  .mr-xl-22 {
    margin-right: 11rem !important;
  }
  .mt-xl-22 {
    margin-top: 11rem !important;
  }
  .mb-xl-22 {
    margin-bottom: 11rem !important;
  }
  .mv-xl-22 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-xl-22 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

.pa-23 {
  padding: 11.5rem !important;
}

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

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

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

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

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

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

.ma-23 {
  margin: 11.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-23 {
    padding: 11.5rem !important;
  }
  .pl-sm-23 {
    padding-left: 11.5rem !important;
  }
  .pr-sm-23 {
    padding-right: 11.5rem !important;
  }
  .pt-sm-23 {
    padding-top: 11.5rem !important;
  }
  .pb-sm-23 {
    padding-bottom: 11.5rem !important;
  }
  .pv-sm-23 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }
  .ph-sm-23 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
  }
  .ma-sm-23 {
    margin: 11.5rem !important;
  }
  .ml-sm-23 {
    margin-left: 11.5rem !important;
  }
  .mr-sm-23 {
    margin-right: 11.5rem !important;
  }
  .mt-sm-23 {
    margin-top: 11.5rem !important;
  }
  .mb-sm-23 {
    margin-bottom: 11.5rem !important;
  }
  .mv-sm-23 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }
  .mh-sm-23 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-23 {
    padding: 11.5rem !important;
  }
  .pl-md-23 {
    padding-left: 11.5rem !important;
  }
  .pr-md-23 {
    padding-right: 11.5rem !important;
  }
  .pt-md-23 {
    padding-top: 11.5rem !important;
  }
  .pb-md-23 {
    padding-bottom: 11.5rem !important;
  }
  .pv-md-23 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }
  .ph-md-23 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
  }
  .ma-md-23 {
    margin: 11.5rem !important;
  }
  .ml-md-23 {
    margin-left: 11.5rem !important;
  }
  .mr-md-23 {
    margin-right: 11.5rem !important;
  }
  .mt-md-23 {
    margin-top: 11.5rem !important;
  }
  .mb-md-23 {
    margin-bottom: 11.5rem !important;
  }
  .mv-md-23 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }
  .mh-md-23 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-23 {
    padding: 11.5rem !important;
  }
  .pl-lg-23 {
    padding-left: 11.5rem !important;
  }
  .pr-lg-23 {
    padding-right: 11.5rem !important;
  }
  .pt-lg-23 {
    padding-top: 11.5rem !important;
  }
  .pb-lg-23 {
    padding-bottom: 11.5rem !important;
  }
  .pv-lg-23 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }
  .ph-lg-23 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
  }
  .ma-lg-23 {
    margin: 11.5rem !important;
  }
  .ml-lg-23 {
    margin-left: 11.5rem !important;
  }
  .mr-lg-23 {
    margin-right: 11.5rem !important;
  }
  .mt-lg-23 {
    margin-top: 11.5rem !important;
  }
  .mb-lg-23 {
    margin-bottom: 11.5rem !important;
  }
  .mv-lg-23 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }
  .mh-lg-23 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-23 {
    padding: 11.5rem !important;
  }
  .pl-xl-23 {
    padding-left: 11.5rem !important;
  }
  .pr-xl-23 {
    padding-right: 11.5rem !important;
  }
  .pt-xl-23 {
    padding-top: 11.5rem !important;
  }
  .pb-xl-23 {
    padding-bottom: 11.5rem !important;
  }
  .pv-xl-23 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }
  .ph-xl-23 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
  }
  .ma-xl-23 {
    margin: 11.5rem !important;
  }
  .ml-xl-23 {
    margin-left: 11.5rem !important;
  }
  .mr-xl-23 {
    margin-right: 11.5rem !important;
  }
  .mt-xl-23 {
    margin-top: 11.5rem !important;
  }
  .mb-xl-23 {
    margin-bottom: 11.5rem !important;
  }
  .mv-xl-23 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }
  .mh-xl-23 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }
}

.pa-24 {
  padding: 12rem !important;
}

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

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

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

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

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

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

.ma-24 {
  margin: 12rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-24 {
    padding: 12rem !important;
  }
  .pl-sm-24 {
    padding-left: 12rem !important;
  }
  .pr-sm-24 {
    padding-right: 12rem !important;
  }
  .pt-sm-24 {
    padding-top: 12rem !important;
  }
  .pb-sm-24 {
    padding-bottom: 12rem !important;
  }
  .pv-sm-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-sm-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-sm-24 {
    margin: 12rem !important;
  }
  .ml-sm-24 {
    margin-left: 12rem !important;
  }
  .mr-sm-24 {
    margin-right: 12rem !important;
  }
  .mt-sm-24 {
    margin-top: 12rem !important;
  }
  .mb-sm-24 {
    margin-bottom: 12rem !important;
  }
  .mv-sm-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-sm-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-24 {
    padding: 12rem !important;
  }
  .pl-md-24 {
    padding-left: 12rem !important;
  }
  .pr-md-24 {
    padding-right: 12rem !important;
  }
  .pt-md-24 {
    padding-top: 12rem !important;
  }
  .pb-md-24 {
    padding-bottom: 12rem !important;
  }
  .pv-md-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-md-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-md-24 {
    margin: 12rem !important;
  }
  .ml-md-24 {
    margin-left: 12rem !important;
  }
  .mr-md-24 {
    margin-right: 12rem !important;
  }
  .mt-md-24 {
    margin-top: 12rem !important;
  }
  .mb-md-24 {
    margin-bottom: 12rem !important;
  }
  .mv-md-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-md-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-24 {
    padding: 12rem !important;
  }
  .pl-lg-24 {
    padding-left: 12rem !important;
  }
  .pr-lg-24 {
    padding-right: 12rem !important;
  }
  .pt-lg-24 {
    padding-top: 12rem !important;
  }
  .pb-lg-24 {
    padding-bottom: 12rem !important;
  }
  .pv-lg-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-lg-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-lg-24 {
    margin: 12rem !important;
  }
  .ml-lg-24 {
    margin-left: 12rem !important;
  }
  .mr-lg-24 {
    margin-right: 12rem !important;
  }
  .mt-lg-24 {
    margin-top: 12rem !important;
  }
  .mb-lg-24 {
    margin-bottom: 12rem !important;
  }
  .mv-lg-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-lg-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-24 {
    padding: 12rem !important;
  }
  .pl-xl-24 {
    padding-left: 12rem !important;
  }
  .pr-xl-24 {
    padding-right: 12rem !important;
  }
  .pt-xl-24 {
    padding-top: 12rem !important;
  }
  .pb-xl-24 {
    padding-bottom: 12rem !important;
  }
  .pv-xl-24 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-xl-24 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-xl-24 {
    margin: 12rem !important;
  }
  .ml-xl-24 {
    margin-left: 12rem !important;
  }
  .mr-xl-24 {
    margin-right: 12rem !important;
  }
  .mt-xl-24 {
    margin-top: 12rem !important;
  }
  .mb-xl-24 {
    margin-bottom: 12rem !important;
  }
  .mv-xl-24 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-xl-24 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

.pa-25 {
  padding: 12.5rem !important;
}

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

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

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

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

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

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

.ma-25 {
  margin: 12.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-25 {
    padding: 12.5rem !important;
  }
  .pl-sm-25 {
    padding-left: 12.5rem !important;
  }
  .pr-sm-25 {
    padding-right: 12.5rem !important;
  }
  .pt-sm-25 {
    padding-top: 12.5rem !important;
  }
  .pb-sm-25 {
    padding-bottom: 12.5rem !important;
  }
  .pv-sm-25 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .ph-sm-25 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .ma-sm-25 {
    margin: 12.5rem !important;
  }
  .ml-sm-25 {
    margin-left: 12.5rem !important;
  }
  .mr-sm-25 {
    margin-right: 12.5rem !important;
  }
  .mt-sm-25 {
    margin-top: 12.5rem !important;
  }
  .mb-sm-25 {
    margin-bottom: 12.5rem !important;
  }
  .mv-sm-25 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .mh-sm-25 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-25 {
    padding: 12.5rem !important;
  }
  .pl-md-25 {
    padding-left: 12.5rem !important;
  }
  .pr-md-25 {
    padding-right: 12.5rem !important;
  }
  .pt-md-25 {
    padding-top: 12.5rem !important;
  }
  .pb-md-25 {
    padding-bottom: 12.5rem !important;
  }
  .pv-md-25 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .ph-md-25 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .ma-md-25 {
    margin: 12.5rem !important;
  }
  .ml-md-25 {
    margin-left: 12.5rem !important;
  }
  .mr-md-25 {
    margin-right: 12.5rem !important;
  }
  .mt-md-25 {
    margin-top: 12.5rem !important;
  }
  .mb-md-25 {
    margin-bottom: 12.5rem !important;
  }
  .mv-md-25 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .mh-md-25 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-25 {
    padding: 12.5rem !important;
  }
  .pl-lg-25 {
    padding-left: 12.5rem !important;
  }
  .pr-lg-25 {
    padding-right: 12.5rem !important;
  }
  .pt-lg-25 {
    padding-top: 12.5rem !important;
  }
  .pb-lg-25 {
    padding-bottom: 12.5rem !important;
  }
  .pv-lg-25 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .ph-lg-25 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .ma-lg-25 {
    margin: 12.5rem !important;
  }
  .ml-lg-25 {
    margin-left: 12.5rem !important;
  }
  .mr-lg-25 {
    margin-right: 12.5rem !important;
  }
  .mt-lg-25 {
    margin-top: 12.5rem !important;
  }
  .mb-lg-25 {
    margin-bottom: 12.5rem !important;
  }
  .mv-lg-25 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .mh-lg-25 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-25 {
    padding: 12.5rem !important;
  }
  .pl-xl-25 {
    padding-left: 12.5rem !important;
  }
  .pr-xl-25 {
    padding-right: 12.5rem !important;
  }
  .pt-xl-25 {
    padding-top: 12.5rem !important;
  }
  .pb-xl-25 {
    padding-bottom: 12.5rem !important;
  }
  .pv-xl-25 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .ph-xl-25 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
  .ma-xl-25 {
    margin: 12.5rem !important;
  }
  .ml-xl-25 {
    margin-left: 12.5rem !important;
  }
  .mr-xl-25 {
    margin-right: 12.5rem !important;
  }
  .mt-xl-25 {
    margin-top: 12.5rem !important;
  }
  .mb-xl-25 {
    margin-bottom: 12.5rem !important;
  }
  .mv-xl-25 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .mh-xl-25 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

.pa-26 {
  padding: 13rem !important;
}

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

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

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

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

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

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

.ma-26 {
  margin: 13rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-26 {
    padding: 13rem !important;
  }
  .pl-sm-26 {
    padding-left: 13rem !important;
  }
  .pr-sm-26 {
    padding-right: 13rem !important;
  }
  .pt-sm-26 {
    padding-top: 13rem !important;
  }
  .pb-sm-26 {
    padding-bottom: 13rem !important;
  }
  .pv-sm-26 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-sm-26 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-sm-26 {
    margin: 13rem !important;
  }
  .ml-sm-26 {
    margin-left: 13rem !important;
  }
  .mr-sm-26 {
    margin-right: 13rem !important;
  }
  .mt-sm-26 {
    margin-top: 13rem !important;
  }
  .mb-sm-26 {
    margin-bottom: 13rem !important;
  }
  .mv-sm-26 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-sm-26 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-26 {
    padding: 13rem !important;
  }
  .pl-md-26 {
    padding-left: 13rem !important;
  }
  .pr-md-26 {
    padding-right: 13rem !important;
  }
  .pt-md-26 {
    padding-top: 13rem !important;
  }
  .pb-md-26 {
    padding-bottom: 13rem !important;
  }
  .pv-md-26 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-md-26 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-md-26 {
    margin: 13rem !important;
  }
  .ml-md-26 {
    margin-left: 13rem !important;
  }
  .mr-md-26 {
    margin-right: 13rem !important;
  }
  .mt-md-26 {
    margin-top: 13rem !important;
  }
  .mb-md-26 {
    margin-bottom: 13rem !important;
  }
  .mv-md-26 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-md-26 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-26 {
    padding: 13rem !important;
  }
  .pl-lg-26 {
    padding-left: 13rem !important;
  }
  .pr-lg-26 {
    padding-right: 13rem !important;
  }
  .pt-lg-26 {
    padding-top: 13rem !important;
  }
  .pb-lg-26 {
    padding-bottom: 13rem !important;
  }
  .pv-lg-26 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-lg-26 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-lg-26 {
    margin: 13rem !important;
  }
  .ml-lg-26 {
    margin-left: 13rem !important;
  }
  .mr-lg-26 {
    margin-right: 13rem !important;
  }
  .mt-lg-26 {
    margin-top: 13rem !important;
  }
  .mb-lg-26 {
    margin-bottom: 13rem !important;
  }
  .mv-lg-26 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-lg-26 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-26 {
    padding: 13rem !important;
  }
  .pl-xl-26 {
    padding-left: 13rem !important;
  }
  .pr-xl-26 {
    padding-right: 13rem !important;
  }
  .pt-xl-26 {
    padding-top: 13rem !important;
  }
  .pb-xl-26 {
    padding-bottom: 13rem !important;
  }
  .pv-xl-26 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-xl-26 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-xl-26 {
    margin: 13rem !important;
  }
  .ml-xl-26 {
    margin-left: 13rem !important;
  }
  .mr-xl-26 {
    margin-right: 13rem !important;
  }
  .mt-xl-26 {
    margin-top: 13rem !important;
  }
  .mb-xl-26 {
    margin-bottom: 13rem !important;
  }
  .mv-xl-26 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-xl-26 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

.pa-27 {
  padding: 13.5rem !important;
}

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

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

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

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

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

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

.ma-27 {
  margin: 13.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-27 {
    padding: 13.5rem !important;
  }
  .pl-sm-27 {
    padding-left: 13.5rem !important;
  }
  .pr-sm-27 {
    padding-right: 13.5rem !important;
  }
  .pt-sm-27 {
    padding-top: 13.5rem !important;
  }
  .pb-sm-27 {
    padding-bottom: 13.5rem !important;
  }
  .pv-sm-27 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }
  .ph-sm-27 {
    padding-left: 13.5rem !important;
    padding-right: 13.5rem !important;
  }
  .ma-sm-27 {
    margin: 13.5rem !important;
  }
  .ml-sm-27 {
    margin-left: 13.5rem !important;
  }
  .mr-sm-27 {
    margin-right: 13.5rem !important;
  }
  .mt-sm-27 {
    margin-top: 13.5rem !important;
  }
  .mb-sm-27 {
    margin-bottom: 13.5rem !important;
  }
  .mv-sm-27 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }
  .mh-sm-27 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-27 {
    padding: 13.5rem !important;
  }
  .pl-md-27 {
    padding-left: 13.5rem !important;
  }
  .pr-md-27 {
    padding-right: 13.5rem !important;
  }
  .pt-md-27 {
    padding-top: 13.5rem !important;
  }
  .pb-md-27 {
    padding-bottom: 13.5rem !important;
  }
  .pv-md-27 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }
  .ph-md-27 {
    padding-left: 13.5rem !important;
    padding-right: 13.5rem !important;
  }
  .ma-md-27 {
    margin: 13.5rem !important;
  }
  .ml-md-27 {
    margin-left: 13.5rem !important;
  }
  .mr-md-27 {
    margin-right: 13.5rem !important;
  }
  .mt-md-27 {
    margin-top: 13.5rem !important;
  }
  .mb-md-27 {
    margin-bottom: 13.5rem !important;
  }
  .mv-md-27 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }
  .mh-md-27 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-27 {
    padding: 13.5rem !important;
  }
  .pl-lg-27 {
    padding-left: 13.5rem !important;
  }
  .pr-lg-27 {
    padding-right: 13.5rem !important;
  }
  .pt-lg-27 {
    padding-top: 13.5rem !important;
  }
  .pb-lg-27 {
    padding-bottom: 13.5rem !important;
  }
  .pv-lg-27 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }
  .ph-lg-27 {
    padding-left: 13.5rem !important;
    padding-right: 13.5rem !important;
  }
  .ma-lg-27 {
    margin: 13.5rem !important;
  }
  .ml-lg-27 {
    margin-left: 13.5rem !important;
  }
  .mr-lg-27 {
    margin-right: 13.5rem !important;
  }
  .mt-lg-27 {
    margin-top: 13.5rem !important;
  }
  .mb-lg-27 {
    margin-bottom: 13.5rem !important;
  }
  .mv-lg-27 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }
  .mh-lg-27 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-27 {
    padding: 13.5rem !important;
  }
  .pl-xl-27 {
    padding-left: 13.5rem !important;
  }
  .pr-xl-27 {
    padding-right: 13.5rem !important;
  }
  .pt-xl-27 {
    padding-top: 13.5rem !important;
  }
  .pb-xl-27 {
    padding-bottom: 13.5rem !important;
  }
  .pv-xl-27 {
    padding-top: 13.5rem !important;
    padding-bottom: 13.5rem !important;
  }
  .ph-xl-27 {
    padding-left: 13.5rem !important;
    padding-right: 13.5rem !important;
  }
  .ma-xl-27 {
    margin: 13.5rem !important;
  }
  .ml-xl-27 {
    margin-left: 13.5rem !important;
  }
  .mr-xl-27 {
    margin-right: 13.5rem !important;
  }
  .mt-xl-27 {
    margin-top: 13.5rem !important;
  }
  .mb-xl-27 {
    margin-bottom: 13.5rem !important;
  }
  .mv-xl-27 {
    margin-top: 13.5rem !important;
    margin-bottom: 13.5rem !important;
  }
  .mh-xl-27 {
    margin-left: 13.5rem !important;
    margin-right: 13.5rem !important;
  }
}

.pa-28 {
  padding: 14rem !important;
}

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

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

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

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

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

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

.ma-28 {
  margin: 14rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-28 {
    padding: 14rem !important;
  }
  .pl-sm-28 {
    padding-left: 14rem !important;
  }
  .pr-sm-28 {
    padding-right: 14rem !important;
  }
  .pt-sm-28 {
    padding-top: 14rem !important;
  }
  .pb-sm-28 {
    padding-bottom: 14rem !important;
  }
  .pv-sm-28 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-sm-28 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-sm-28 {
    margin: 14rem !important;
  }
  .ml-sm-28 {
    margin-left: 14rem !important;
  }
  .mr-sm-28 {
    margin-right: 14rem !important;
  }
  .mt-sm-28 {
    margin-top: 14rem !important;
  }
  .mb-sm-28 {
    margin-bottom: 14rem !important;
  }
  .mv-sm-28 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-sm-28 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-28 {
    padding: 14rem !important;
  }
  .pl-md-28 {
    padding-left: 14rem !important;
  }
  .pr-md-28 {
    padding-right: 14rem !important;
  }
  .pt-md-28 {
    padding-top: 14rem !important;
  }
  .pb-md-28 {
    padding-bottom: 14rem !important;
  }
  .pv-md-28 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-md-28 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-md-28 {
    margin: 14rem !important;
  }
  .ml-md-28 {
    margin-left: 14rem !important;
  }
  .mr-md-28 {
    margin-right: 14rem !important;
  }
  .mt-md-28 {
    margin-top: 14rem !important;
  }
  .mb-md-28 {
    margin-bottom: 14rem !important;
  }
  .mv-md-28 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-md-28 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-28 {
    padding: 14rem !important;
  }
  .pl-lg-28 {
    padding-left: 14rem !important;
  }
  .pr-lg-28 {
    padding-right: 14rem !important;
  }
  .pt-lg-28 {
    padding-top: 14rem !important;
  }
  .pb-lg-28 {
    padding-bottom: 14rem !important;
  }
  .pv-lg-28 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-lg-28 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-lg-28 {
    margin: 14rem !important;
  }
  .ml-lg-28 {
    margin-left: 14rem !important;
  }
  .mr-lg-28 {
    margin-right: 14rem !important;
  }
  .mt-lg-28 {
    margin-top: 14rem !important;
  }
  .mb-lg-28 {
    margin-bottom: 14rem !important;
  }
  .mv-lg-28 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-lg-28 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-28 {
    padding: 14rem !important;
  }
  .pl-xl-28 {
    padding-left: 14rem !important;
  }
  .pr-xl-28 {
    padding-right: 14rem !important;
  }
  .pt-xl-28 {
    padding-top: 14rem !important;
  }
  .pb-xl-28 {
    padding-bottom: 14rem !important;
  }
  .pv-xl-28 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-xl-28 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-xl-28 {
    margin: 14rem !important;
  }
  .ml-xl-28 {
    margin-left: 14rem !important;
  }
  .mr-xl-28 {
    margin-right: 14rem !important;
  }
  .mt-xl-28 {
    margin-top: 14rem !important;
  }
  .mb-xl-28 {
    margin-bottom: 14rem !important;
  }
  .mv-xl-28 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-xl-28 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

.pa-29 {
  padding: 14.5rem !important;
}

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

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

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

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

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

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

.ma-29 {
  margin: 14.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-29 {
    padding: 14.5rem !important;
  }
  .pl-sm-29 {
    padding-left: 14.5rem !important;
  }
  .pr-sm-29 {
    padding-right: 14.5rem !important;
  }
  .pt-sm-29 {
    padding-top: 14.5rem !important;
  }
  .pb-sm-29 {
    padding-bottom: 14.5rem !important;
  }
  .pv-sm-29 {
    padding-top: 14.5rem !important;
    padding-bottom: 14.5rem !important;
  }
  .ph-sm-29 {
    padding-left: 14.5rem !important;
    padding-right: 14.5rem !important;
  }
  .ma-sm-29 {
    margin: 14.5rem !important;
  }
  .ml-sm-29 {
    margin-left: 14.5rem !important;
  }
  .mr-sm-29 {
    margin-right: 14.5rem !important;
  }
  .mt-sm-29 {
    margin-top: 14.5rem !important;
  }
  .mb-sm-29 {
    margin-bottom: 14.5rem !important;
  }
  .mv-sm-29 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }
  .mh-sm-29 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-29 {
    padding: 14.5rem !important;
  }
  .pl-md-29 {
    padding-left: 14.5rem !important;
  }
  .pr-md-29 {
    padding-right: 14.5rem !important;
  }
  .pt-md-29 {
    padding-top: 14.5rem !important;
  }
  .pb-md-29 {
    padding-bottom: 14.5rem !important;
  }
  .pv-md-29 {
    padding-top: 14.5rem !important;
    padding-bottom: 14.5rem !important;
  }
  .ph-md-29 {
    padding-left: 14.5rem !important;
    padding-right: 14.5rem !important;
  }
  .ma-md-29 {
    margin: 14.5rem !important;
  }
  .ml-md-29 {
    margin-left: 14.5rem !important;
  }
  .mr-md-29 {
    margin-right: 14.5rem !important;
  }
  .mt-md-29 {
    margin-top: 14.5rem !important;
  }
  .mb-md-29 {
    margin-bottom: 14.5rem !important;
  }
  .mv-md-29 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }
  .mh-md-29 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-29 {
    padding: 14.5rem !important;
  }
  .pl-lg-29 {
    padding-left: 14.5rem !important;
  }
  .pr-lg-29 {
    padding-right: 14.5rem !important;
  }
  .pt-lg-29 {
    padding-top: 14.5rem !important;
  }
  .pb-lg-29 {
    padding-bottom: 14.5rem !important;
  }
  .pv-lg-29 {
    padding-top: 14.5rem !important;
    padding-bottom: 14.5rem !important;
  }
  .ph-lg-29 {
    padding-left: 14.5rem !important;
    padding-right: 14.5rem !important;
  }
  .ma-lg-29 {
    margin: 14.5rem !important;
  }
  .ml-lg-29 {
    margin-left: 14.5rem !important;
  }
  .mr-lg-29 {
    margin-right: 14.5rem !important;
  }
  .mt-lg-29 {
    margin-top: 14.5rem !important;
  }
  .mb-lg-29 {
    margin-bottom: 14.5rem !important;
  }
  .mv-lg-29 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }
  .mh-lg-29 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-29 {
    padding: 14.5rem !important;
  }
  .pl-xl-29 {
    padding-left: 14.5rem !important;
  }
  .pr-xl-29 {
    padding-right: 14.5rem !important;
  }
  .pt-xl-29 {
    padding-top: 14.5rem !important;
  }
  .pb-xl-29 {
    padding-bottom: 14.5rem !important;
  }
  .pv-xl-29 {
    padding-top: 14.5rem !important;
    padding-bottom: 14.5rem !important;
  }
  .ph-xl-29 {
    padding-left: 14.5rem !important;
    padding-right: 14.5rem !important;
  }
  .ma-xl-29 {
    margin: 14.5rem !important;
  }
  .ml-xl-29 {
    margin-left: 14.5rem !important;
  }
  .mr-xl-29 {
    margin-right: 14.5rem !important;
  }
  .mt-xl-29 {
    margin-top: 14.5rem !important;
  }
  .mb-xl-29 {
    margin-bottom: 14.5rem !important;
  }
  .mv-xl-29 {
    margin-top: 14.5rem !important;
    margin-bottom: 14.5rem !important;
  }
  .mh-xl-29 {
    margin-left: 14.5rem !important;
    margin-right: 14.5rem !important;
  }
}

.pa-30 {
  padding: 15rem !important;
}

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

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

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

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

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

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

.ma-30 {
  margin: 15rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-30 {
    padding: 15rem !important;
  }
  .pl-sm-30 {
    padding-left: 15rem !important;
  }
  .pr-sm-30 {
    padding-right: 15rem !important;
  }
  .pt-sm-30 {
    padding-top: 15rem !important;
  }
  .pb-sm-30 {
    padding-bottom: 15rem !important;
  }
  .pv-sm-30 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-sm-30 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-sm-30 {
    margin: 15rem !important;
  }
  .ml-sm-30 {
    margin-left: 15rem !important;
  }
  .mr-sm-30 {
    margin-right: 15rem !important;
  }
  .mt-sm-30 {
    margin-top: 15rem !important;
  }
  .mb-sm-30 {
    margin-bottom: 15rem !important;
  }
  .mv-sm-30 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-sm-30 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-30 {
    padding: 15rem !important;
  }
  .pl-md-30 {
    padding-left: 15rem !important;
  }
  .pr-md-30 {
    padding-right: 15rem !important;
  }
  .pt-md-30 {
    padding-top: 15rem !important;
  }
  .pb-md-30 {
    padding-bottom: 15rem !important;
  }
  .pv-md-30 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-md-30 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-md-30 {
    margin: 15rem !important;
  }
  .ml-md-30 {
    margin-left: 15rem !important;
  }
  .mr-md-30 {
    margin-right: 15rem !important;
  }
  .mt-md-30 {
    margin-top: 15rem !important;
  }
  .mb-md-30 {
    margin-bottom: 15rem !important;
  }
  .mv-md-30 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-md-30 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-30 {
    padding: 15rem !important;
  }
  .pl-lg-30 {
    padding-left: 15rem !important;
  }
  .pr-lg-30 {
    padding-right: 15rem !important;
  }
  .pt-lg-30 {
    padding-top: 15rem !important;
  }
  .pb-lg-30 {
    padding-bottom: 15rem !important;
  }
  .pv-lg-30 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-lg-30 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-lg-30 {
    margin: 15rem !important;
  }
  .ml-lg-30 {
    margin-left: 15rem !important;
  }
  .mr-lg-30 {
    margin-right: 15rem !important;
  }
  .mt-lg-30 {
    margin-top: 15rem !important;
  }
  .mb-lg-30 {
    margin-bottom: 15rem !important;
  }
  .mv-lg-30 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-lg-30 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-30 {
    padding: 15rem !important;
  }
  .pl-xl-30 {
    padding-left: 15rem !important;
  }
  .pr-xl-30 {
    padding-right: 15rem !important;
  }
  .pt-xl-30 {
    padding-top: 15rem !important;
  }
  .pb-xl-30 {
    padding-bottom: 15rem !important;
  }
  .pv-xl-30 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-xl-30 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-xl-30 {
    margin: 15rem !important;
  }
  .ml-xl-30 {
    margin-left: 15rem !important;
  }
  .mr-xl-30 {
    margin-right: 15rem !important;
  }
  .mt-xl-30 {
    margin-top: 15rem !important;
  }
  .mb-xl-30 {
    margin-bottom: 15rem !important;
  }
  .mv-xl-30 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-xl-30 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

.pa-31 {
  padding: 15.5rem !important;
}

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

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

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

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

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

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

.ma-31 {
  margin: 15.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-31 {
    padding: 15.5rem !important;
  }
  .pl-sm-31 {
    padding-left: 15.5rem !important;
  }
  .pr-sm-31 {
    padding-right: 15.5rem !important;
  }
  .pt-sm-31 {
    padding-top: 15.5rem !important;
  }
  .pb-sm-31 {
    padding-bottom: 15.5rem !important;
  }
  .pv-sm-31 {
    padding-top: 15.5rem !important;
    padding-bottom: 15.5rem !important;
  }
  .ph-sm-31 {
    padding-left: 15.5rem !important;
    padding-right: 15.5rem !important;
  }
  .ma-sm-31 {
    margin: 15.5rem !important;
  }
  .ml-sm-31 {
    margin-left: 15.5rem !important;
  }
  .mr-sm-31 {
    margin-right: 15.5rem !important;
  }
  .mt-sm-31 {
    margin-top: 15.5rem !important;
  }
  .mb-sm-31 {
    margin-bottom: 15.5rem !important;
  }
  .mv-sm-31 {
    margin-top: 15.5rem !important;
    margin-bottom: 15.5rem !important;
  }
  .mh-sm-31 {
    margin-left: 15.5rem !important;
    margin-right: 15.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-31 {
    padding: 15.5rem !important;
  }
  .pl-md-31 {
    padding-left: 15.5rem !important;
  }
  .pr-md-31 {
    padding-right: 15.5rem !important;
  }
  .pt-md-31 {
    padding-top: 15.5rem !important;
  }
  .pb-md-31 {
    padding-bottom: 15.5rem !important;
  }
  .pv-md-31 {
    padding-top: 15.5rem !important;
    padding-bottom: 15.5rem !important;
  }
  .ph-md-31 {
    padding-left: 15.5rem !important;
    padding-right: 15.5rem !important;
  }
  .ma-md-31 {
    margin: 15.5rem !important;
  }
  .ml-md-31 {
    margin-left: 15.5rem !important;
  }
  .mr-md-31 {
    margin-right: 15.5rem !important;
  }
  .mt-md-31 {
    margin-top: 15.5rem !important;
  }
  .mb-md-31 {
    margin-bottom: 15.5rem !important;
  }
  .mv-md-31 {
    margin-top: 15.5rem !important;
    margin-bottom: 15.5rem !important;
  }
  .mh-md-31 {
    margin-left: 15.5rem !important;
    margin-right: 15.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-31 {
    padding: 15.5rem !important;
  }
  .pl-lg-31 {
    padding-left: 15.5rem !important;
  }
  .pr-lg-31 {
    padding-right: 15.5rem !important;
  }
  .pt-lg-31 {
    padding-top: 15.5rem !important;
  }
  .pb-lg-31 {
    padding-bottom: 15.5rem !important;
  }
  .pv-lg-31 {
    padding-top: 15.5rem !important;
    padding-bottom: 15.5rem !important;
  }
  .ph-lg-31 {
    padding-left: 15.5rem !important;
    padding-right: 15.5rem !important;
  }
  .ma-lg-31 {
    margin: 15.5rem !important;
  }
  .ml-lg-31 {
    margin-left: 15.5rem !important;
  }
  .mr-lg-31 {
    margin-right: 15.5rem !important;
  }
  .mt-lg-31 {
    margin-top: 15.5rem !important;
  }
  .mb-lg-31 {
    margin-bottom: 15.5rem !important;
  }
  .mv-lg-31 {
    margin-top: 15.5rem !important;
    margin-bottom: 15.5rem !important;
  }
  .mh-lg-31 {
    margin-left: 15.5rem !important;
    margin-right: 15.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-31 {
    padding: 15.5rem !important;
  }
  .pl-xl-31 {
    padding-left: 15.5rem !important;
  }
  .pr-xl-31 {
    padding-right: 15.5rem !important;
  }
  .pt-xl-31 {
    padding-top: 15.5rem !important;
  }
  .pb-xl-31 {
    padding-bottom: 15.5rem !important;
  }
  .pv-xl-31 {
    padding-top: 15.5rem !important;
    padding-bottom: 15.5rem !important;
  }
  .ph-xl-31 {
    padding-left: 15.5rem !important;
    padding-right: 15.5rem !important;
  }
  .ma-xl-31 {
    margin: 15.5rem !important;
  }
  .ml-xl-31 {
    margin-left: 15.5rem !important;
  }
  .mr-xl-31 {
    margin-right: 15.5rem !important;
  }
  .mt-xl-31 {
    margin-top: 15.5rem !important;
  }
  .mb-xl-31 {
    margin-bottom: 15.5rem !important;
  }
  .mv-xl-31 {
    margin-top: 15.5rem !important;
    margin-bottom: 15.5rem !important;
  }
  .mh-xl-31 {
    margin-left: 15.5rem !important;
    margin-right: 15.5rem !important;
  }
}

.pa-32 {
  padding: 16rem !important;
}

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

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

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

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

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

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

.ma-32 {
  margin: 16rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-32 {
    padding: 16rem !important;
  }
  .pl-sm-32 {
    padding-left: 16rem !important;
  }
  .pr-sm-32 {
    padding-right: 16rem !important;
  }
  .pt-sm-32 {
    padding-top: 16rem !important;
  }
  .pb-sm-32 {
    padding-bottom: 16rem !important;
  }
  .pv-sm-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-sm-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-sm-32 {
    margin: 16rem !important;
  }
  .ml-sm-32 {
    margin-left: 16rem !important;
  }
  .mr-sm-32 {
    margin-right: 16rem !important;
  }
  .mt-sm-32 {
    margin-top: 16rem !important;
  }
  .mb-sm-32 {
    margin-bottom: 16rem !important;
  }
  .mv-sm-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-sm-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-32 {
    padding: 16rem !important;
  }
  .pl-md-32 {
    padding-left: 16rem !important;
  }
  .pr-md-32 {
    padding-right: 16rem !important;
  }
  .pt-md-32 {
    padding-top: 16rem !important;
  }
  .pb-md-32 {
    padding-bottom: 16rem !important;
  }
  .pv-md-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-md-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-md-32 {
    margin: 16rem !important;
  }
  .ml-md-32 {
    margin-left: 16rem !important;
  }
  .mr-md-32 {
    margin-right: 16rem !important;
  }
  .mt-md-32 {
    margin-top: 16rem !important;
  }
  .mb-md-32 {
    margin-bottom: 16rem !important;
  }
  .mv-md-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-md-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-32 {
    padding: 16rem !important;
  }
  .pl-lg-32 {
    padding-left: 16rem !important;
  }
  .pr-lg-32 {
    padding-right: 16rem !important;
  }
  .pt-lg-32 {
    padding-top: 16rem !important;
  }
  .pb-lg-32 {
    padding-bottom: 16rem !important;
  }
  .pv-lg-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-lg-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-lg-32 {
    margin: 16rem !important;
  }
  .ml-lg-32 {
    margin-left: 16rem !important;
  }
  .mr-lg-32 {
    margin-right: 16rem !important;
  }
  .mt-lg-32 {
    margin-top: 16rem !important;
  }
  .mb-lg-32 {
    margin-bottom: 16rem !important;
  }
  .mv-lg-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-lg-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-32 {
    padding: 16rem !important;
  }
  .pl-xl-32 {
    padding-left: 16rem !important;
  }
  .pr-xl-32 {
    padding-right: 16rem !important;
  }
  .pt-xl-32 {
    padding-top: 16rem !important;
  }
  .pb-xl-32 {
    padding-bottom: 16rem !important;
  }
  .pv-xl-32 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-xl-32 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-xl-32 {
    margin: 16rem !important;
  }
  .ml-xl-32 {
    margin-left: 16rem !important;
  }
  .mr-xl-32 {
    margin-right: 16rem !important;
  }
  .mt-xl-32 {
    margin-top: 16rem !important;
  }
  .mb-xl-32 {
    margin-bottom: 16rem !important;
  }
  .mv-xl-32 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-xl-32 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

.pa-33 {
  padding: 16.5rem !important;
}

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

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

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

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

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

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

.ma-33 {
  margin: 16.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-33 {
    padding: 16.5rem !important;
  }
  .pl-sm-33 {
    padding-left: 16.5rem !important;
  }
  .pr-sm-33 {
    padding-right: 16.5rem !important;
  }
  .pt-sm-33 {
    padding-top: 16.5rem !important;
  }
  .pb-sm-33 {
    padding-bottom: 16.5rem !important;
  }
  .pv-sm-33 {
    padding-top: 16.5rem !important;
    padding-bottom: 16.5rem !important;
  }
  .ph-sm-33 {
    padding-left: 16.5rem !important;
    padding-right: 16.5rem !important;
  }
  .ma-sm-33 {
    margin: 16.5rem !important;
  }
  .ml-sm-33 {
    margin-left: 16.5rem !important;
  }
  .mr-sm-33 {
    margin-right: 16.5rem !important;
  }
  .mt-sm-33 {
    margin-top: 16.5rem !important;
  }
  .mb-sm-33 {
    margin-bottom: 16.5rem !important;
  }
  .mv-sm-33 {
    margin-top: 16.5rem !important;
    margin-bottom: 16.5rem !important;
  }
  .mh-sm-33 {
    margin-left: 16.5rem !important;
    margin-right: 16.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-33 {
    padding: 16.5rem !important;
  }
  .pl-md-33 {
    padding-left: 16.5rem !important;
  }
  .pr-md-33 {
    padding-right: 16.5rem !important;
  }
  .pt-md-33 {
    padding-top: 16.5rem !important;
  }
  .pb-md-33 {
    padding-bottom: 16.5rem !important;
  }
  .pv-md-33 {
    padding-top: 16.5rem !important;
    padding-bottom: 16.5rem !important;
  }
  .ph-md-33 {
    padding-left: 16.5rem !important;
    padding-right: 16.5rem !important;
  }
  .ma-md-33 {
    margin: 16.5rem !important;
  }
  .ml-md-33 {
    margin-left: 16.5rem !important;
  }
  .mr-md-33 {
    margin-right: 16.5rem !important;
  }
  .mt-md-33 {
    margin-top: 16.5rem !important;
  }
  .mb-md-33 {
    margin-bottom: 16.5rem !important;
  }
  .mv-md-33 {
    margin-top: 16.5rem !important;
    margin-bottom: 16.5rem !important;
  }
  .mh-md-33 {
    margin-left: 16.5rem !important;
    margin-right: 16.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-33 {
    padding: 16.5rem !important;
  }
  .pl-lg-33 {
    padding-left: 16.5rem !important;
  }
  .pr-lg-33 {
    padding-right: 16.5rem !important;
  }
  .pt-lg-33 {
    padding-top: 16.5rem !important;
  }
  .pb-lg-33 {
    padding-bottom: 16.5rem !important;
  }
  .pv-lg-33 {
    padding-top: 16.5rem !important;
    padding-bottom: 16.5rem !important;
  }
  .ph-lg-33 {
    padding-left: 16.5rem !important;
    padding-right: 16.5rem !important;
  }
  .ma-lg-33 {
    margin: 16.5rem !important;
  }
  .ml-lg-33 {
    margin-left: 16.5rem !important;
  }
  .mr-lg-33 {
    margin-right: 16.5rem !important;
  }
  .mt-lg-33 {
    margin-top: 16.5rem !important;
  }
  .mb-lg-33 {
    margin-bottom: 16.5rem !important;
  }
  .mv-lg-33 {
    margin-top: 16.5rem !important;
    margin-bottom: 16.5rem !important;
  }
  .mh-lg-33 {
    margin-left: 16.5rem !important;
    margin-right: 16.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-33 {
    padding: 16.5rem !important;
  }
  .pl-xl-33 {
    padding-left: 16.5rem !important;
  }
  .pr-xl-33 {
    padding-right: 16.5rem !important;
  }
  .pt-xl-33 {
    padding-top: 16.5rem !important;
  }
  .pb-xl-33 {
    padding-bottom: 16.5rem !important;
  }
  .pv-xl-33 {
    padding-top: 16.5rem !important;
    padding-bottom: 16.5rem !important;
  }
  .ph-xl-33 {
    padding-left: 16.5rem !important;
    padding-right: 16.5rem !important;
  }
  .ma-xl-33 {
    margin: 16.5rem !important;
  }
  .ml-xl-33 {
    margin-left: 16.5rem !important;
  }
  .mr-xl-33 {
    margin-right: 16.5rem !important;
  }
  .mt-xl-33 {
    margin-top: 16.5rem !important;
  }
  .mb-xl-33 {
    margin-bottom: 16.5rem !important;
  }
  .mv-xl-33 {
    margin-top: 16.5rem !important;
    margin-bottom: 16.5rem !important;
  }
  .mh-xl-33 {
    margin-left: 16.5rem !important;
    margin-right: 16.5rem !important;
  }
}

.pa-34 {
  padding: 17rem !important;
}

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

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

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

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

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

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

.ma-34 {
  margin: 17rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-34 {
    padding: 17rem !important;
  }
  .pl-sm-34 {
    padding-left: 17rem !important;
  }
  .pr-sm-34 {
    padding-right: 17rem !important;
  }
  .pt-sm-34 {
    padding-top: 17rem !important;
  }
  .pb-sm-34 {
    padding-bottom: 17rem !important;
  }
  .pv-sm-34 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-sm-34 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-sm-34 {
    margin: 17rem !important;
  }
  .ml-sm-34 {
    margin-left: 17rem !important;
  }
  .mr-sm-34 {
    margin-right: 17rem !important;
  }
  .mt-sm-34 {
    margin-top: 17rem !important;
  }
  .mb-sm-34 {
    margin-bottom: 17rem !important;
  }
  .mv-sm-34 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-sm-34 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-34 {
    padding: 17rem !important;
  }
  .pl-md-34 {
    padding-left: 17rem !important;
  }
  .pr-md-34 {
    padding-right: 17rem !important;
  }
  .pt-md-34 {
    padding-top: 17rem !important;
  }
  .pb-md-34 {
    padding-bottom: 17rem !important;
  }
  .pv-md-34 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-md-34 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-md-34 {
    margin: 17rem !important;
  }
  .ml-md-34 {
    margin-left: 17rem !important;
  }
  .mr-md-34 {
    margin-right: 17rem !important;
  }
  .mt-md-34 {
    margin-top: 17rem !important;
  }
  .mb-md-34 {
    margin-bottom: 17rem !important;
  }
  .mv-md-34 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-md-34 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-34 {
    padding: 17rem !important;
  }
  .pl-lg-34 {
    padding-left: 17rem !important;
  }
  .pr-lg-34 {
    padding-right: 17rem !important;
  }
  .pt-lg-34 {
    padding-top: 17rem !important;
  }
  .pb-lg-34 {
    padding-bottom: 17rem !important;
  }
  .pv-lg-34 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-lg-34 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-lg-34 {
    margin: 17rem !important;
  }
  .ml-lg-34 {
    margin-left: 17rem !important;
  }
  .mr-lg-34 {
    margin-right: 17rem !important;
  }
  .mt-lg-34 {
    margin-top: 17rem !important;
  }
  .mb-lg-34 {
    margin-bottom: 17rem !important;
  }
  .mv-lg-34 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-lg-34 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-34 {
    padding: 17rem !important;
  }
  .pl-xl-34 {
    padding-left: 17rem !important;
  }
  .pr-xl-34 {
    padding-right: 17rem !important;
  }
  .pt-xl-34 {
    padding-top: 17rem !important;
  }
  .pb-xl-34 {
    padding-bottom: 17rem !important;
  }
  .pv-xl-34 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-xl-34 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-xl-34 {
    margin: 17rem !important;
  }
  .ml-xl-34 {
    margin-left: 17rem !important;
  }
  .mr-xl-34 {
    margin-right: 17rem !important;
  }
  .mt-xl-34 {
    margin-top: 17rem !important;
  }
  .mb-xl-34 {
    margin-bottom: 17rem !important;
  }
  .mv-xl-34 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-xl-34 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

.pa-35 {
  padding: 17.5rem !important;
}

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

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

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

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

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

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

.ma-35 {
  margin: 17.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-35 {
    padding: 17.5rem !important;
  }
  .pl-sm-35 {
    padding-left: 17.5rem !important;
  }
  .pr-sm-35 {
    padding-right: 17.5rem !important;
  }
  .pt-sm-35 {
    padding-top: 17.5rem !important;
  }
  .pb-sm-35 {
    padding-bottom: 17.5rem !important;
  }
  .pv-sm-35 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .ph-sm-35 {
    padding-left: 17.5rem !important;
    padding-right: 17.5rem !important;
  }
  .ma-sm-35 {
    margin: 17.5rem !important;
  }
  .ml-sm-35 {
    margin-left: 17.5rem !important;
  }
  .mr-sm-35 {
    margin-right: 17.5rem !important;
  }
  .mt-sm-35 {
    margin-top: 17.5rem !important;
  }
  .mb-sm-35 {
    margin-bottom: 17.5rem !important;
  }
  .mv-sm-35 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .mh-sm-35 {
    margin-left: 17.5rem !important;
    margin-right: 17.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-35 {
    padding: 17.5rem !important;
  }
  .pl-md-35 {
    padding-left: 17.5rem !important;
  }
  .pr-md-35 {
    padding-right: 17.5rem !important;
  }
  .pt-md-35 {
    padding-top: 17.5rem !important;
  }
  .pb-md-35 {
    padding-bottom: 17.5rem !important;
  }
  .pv-md-35 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .ph-md-35 {
    padding-left: 17.5rem !important;
    padding-right: 17.5rem !important;
  }
  .ma-md-35 {
    margin: 17.5rem !important;
  }
  .ml-md-35 {
    margin-left: 17.5rem !important;
  }
  .mr-md-35 {
    margin-right: 17.5rem !important;
  }
  .mt-md-35 {
    margin-top: 17.5rem !important;
  }
  .mb-md-35 {
    margin-bottom: 17.5rem !important;
  }
  .mv-md-35 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .mh-md-35 {
    margin-left: 17.5rem !important;
    margin-right: 17.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-35 {
    padding: 17.5rem !important;
  }
  .pl-lg-35 {
    padding-left: 17.5rem !important;
  }
  .pr-lg-35 {
    padding-right: 17.5rem !important;
  }
  .pt-lg-35 {
    padding-top: 17.5rem !important;
  }
  .pb-lg-35 {
    padding-bottom: 17.5rem !important;
  }
  .pv-lg-35 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .ph-lg-35 {
    padding-left: 17.5rem !important;
    padding-right: 17.5rem !important;
  }
  .ma-lg-35 {
    margin: 17.5rem !important;
  }
  .ml-lg-35 {
    margin-left: 17.5rem !important;
  }
  .mr-lg-35 {
    margin-right: 17.5rem !important;
  }
  .mt-lg-35 {
    margin-top: 17.5rem !important;
  }
  .mb-lg-35 {
    margin-bottom: 17.5rem !important;
  }
  .mv-lg-35 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .mh-lg-35 {
    margin-left: 17.5rem !important;
    margin-right: 17.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-35 {
    padding: 17.5rem !important;
  }
  .pl-xl-35 {
    padding-left: 17.5rem !important;
  }
  .pr-xl-35 {
    padding-right: 17.5rem !important;
  }
  .pt-xl-35 {
    padding-top: 17.5rem !important;
  }
  .pb-xl-35 {
    padding-bottom: 17.5rem !important;
  }
  .pv-xl-35 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .ph-xl-35 {
    padding-left: 17.5rem !important;
    padding-right: 17.5rem !important;
  }
  .ma-xl-35 {
    margin: 17.5rem !important;
  }
  .ml-xl-35 {
    margin-left: 17.5rem !important;
  }
  .mr-xl-35 {
    margin-right: 17.5rem !important;
  }
  .mt-xl-35 {
    margin-top: 17.5rem !important;
  }
  .mb-xl-35 {
    margin-bottom: 17.5rem !important;
  }
  .mv-xl-35 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .mh-xl-35 {
    margin-left: 17.5rem !important;
    margin-right: 17.5rem !important;
  }
}

.pa-36 {
  padding: 18rem !important;
}

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

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

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

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

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

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

.ma-36 {
  margin: 18rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-36 {
    padding: 18rem !important;
  }
  .pl-sm-36 {
    padding-left: 18rem !important;
  }
  .pr-sm-36 {
    padding-right: 18rem !important;
  }
  .pt-sm-36 {
    padding-top: 18rem !important;
  }
  .pb-sm-36 {
    padding-bottom: 18rem !important;
  }
  .pv-sm-36 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-sm-36 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-sm-36 {
    margin: 18rem !important;
  }
  .ml-sm-36 {
    margin-left: 18rem !important;
  }
  .mr-sm-36 {
    margin-right: 18rem !important;
  }
  .mt-sm-36 {
    margin-top: 18rem !important;
  }
  .mb-sm-36 {
    margin-bottom: 18rem !important;
  }
  .mv-sm-36 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-sm-36 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-36 {
    padding: 18rem !important;
  }
  .pl-md-36 {
    padding-left: 18rem !important;
  }
  .pr-md-36 {
    padding-right: 18rem !important;
  }
  .pt-md-36 {
    padding-top: 18rem !important;
  }
  .pb-md-36 {
    padding-bottom: 18rem !important;
  }
  .pv-md-36 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-md-36 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-md-36 {
    margin: 18rem !important;
  }
  .ml-md-36 {
    margin-left: 18rem !important;
  }
  .mr-md-36 {
    margin-right: 18rem !important;
  }
  .mt-md-36 {
    margin-top: 18rem !important;
  }
  .mb-md-36 {
    margin-bottom: 18rem !important;
  }
  .mv-md-36 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-md-36 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-36 {
    padding: 18rem !important;
  }
  .pl-lg-36 {
    padding-left: 18rem !important;
  }
  .pr-lg-36 {
    padding-right: 18rem !important;
  }
  .pt-lg-36 {
    padding-top: 18rem !important;
  }
  .pb-lg-36 {
    padding-bottom: 18rem !important;
  }
  .pv-lg-36 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-lg-36 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-lg-36 {
    margin: 18rem !important;
  }
  .ml-lg-36 {
    margin-left: 18rem !important;
  }
  .mr-lg-36 {
    margin-right: 18rem !important;
  }
  .mt-lg-36 {
    margin-top: 18rem !important;
  }
  .mb-lg-36 {
    margin-bottom: 18rem !important;
  }
  .mv-lg-36 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-lg-36 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-36 {
    padding: 18rem !important;
  }
  .pl-xl-36 {
    padding-left: 18rem !important;
  }
  .pr-xl-36 {
    padding-right: 18rem !important;
  }
  .pt-xl-36 {
    padding-top: 18rem !important;
  }
  .pb-xl-36 {
    padding-bottom: 18rem !important;
  }
  .pv-xl-36 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-xl-36 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-xl-36 {
    margin: 18rem !important;
  }
  .ml-xl-36 {
    margin-left: 18rem !important;
  }
  .mr-xl-36 {
    margin-right: 18rem !important;
  }
  .mt-xl-36 {
    margin-top: 18rem !important;
  }
  .mb-xl-36 {
    margin-bottom: 18rem !important;
  }
  .mv-xl-36 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-xl-36 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

.pa-37 {
  padding: 18.5rem !important;
}

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

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

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

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

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

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

.ma-37 {
  margin: 18.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-37 {
    padding: 18.5rem !important;
  }
  .pl-sm-37 {
    padding-left: 18.5rem !important;
  }
  .pr-sm-37 {
    padding-right: 18.5rem !important;
  }
  .pt-sm-37 {
    padding-top: 18.5rem !important;
  }
  .pb-sm-37 {
    padding-bottom: 18.5rem !important;
  }
  .pv-sm-37 {
    padding-top: 18.5rem !important;
    padding-bottom: 18.5rem !important;
  }
  .ph-sm-37 {
    padding-left: 18.5rem !important;
    padding-right: 18.5rem !important;
  }
  .ma-sm-37 {
    margin: 18.5rem !important;
  }
  .ml-sm-37 {
    margin-left: 18.5rem !important;
  }
  .mr-sm-37 {
    margin-right: 18.5rem !important;
  }
  .mt-sm-37 {
    margin-top: 18.5rem !important;
  }
  .mb-sm-37 {
    margin-bottom: 18.5rem !important;
  }
  .mv-sm-37 {
    margin-top: 18.5rem !important;
    margin-bottom: 18.5rem !important;
  }
  .mh-sm-37 {
    margin-left: 18.5rem !important;
    margin-right: 18.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-37 {
    padding: 18.5rem !important;
  }
  .pl-md-37 {
    padding-left: 18.5rem !important;
  }
  .pr-md-37 {
    padding-right: 18.5rem !important;
  }
  .pt-md-37 {
    padding-top: 18.5rem !important;
  }
  .pb-md-37 {
    padding-bottom: 18.5rem !important;
  }
  .pv-md-37 {
    padding-top: 18.5rem !important;
    padding-bottom: 18.5rem !important;
  }
  .ph-md-37 {
    padding-left: 18.5rem !important;
    padding-right: 18.5rem !important;
  }
  .ma-md-37 {
    margin: 18.5rem !important;
  }
  .ml-md-37 {
    margin-left: 18.5rem !important;
  }
  .mr-md-37 {
    margin-right: 18.5rem !important;
  }
  .mt-md-37 {
    margin-top: 18.5rem !important;
  }
  .mb-md-37 {
    margin-bottom: 18.5rem !important;
  }
  .mv-md-37 {
    margin-top: 18.5rem !important;
    margin-bottom: 18.5rem !important;
  }
  .mh-md-37 {
    margin-left: 18.5rem !important;
    margin-right: 18.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-37 {
    padding: 18.5rem !important;
  }
  .pl-lg-37 {
    padding-left: 18.5rem !important;
  }
  .pr-lg-37 {
    padding-right: 18.5rem !important;
  }
  .pt-lg-37 {
    padding-top: 18.5rem !important;
  }
  .pb-lg-37 {
    padding-bottom: 18.5rem !important;
  }
  .pv-lg-37 {
    padding-top: 18.5rem !important;
    padding-bottom: 18.5rem !important;
  }
  .ph-lg-37 {
    padding-left: 18.5rem !important;
    padding-right: 18.5rem !important;
  }
  .ma-lg-37 {
    margin: 18.5rem !important;
  }
  .ml-lg-37 {
    margin-left: 18.5rem !important;
  }
  .mr-lg-37 {
    margin-right: 18.5rem !important;
  }
  .mt-lg-37 {
    margin-top: 18.5rem !important;
  }
  .mb-lg-37 {
    margin-bottom: 18.5rem !important;
  }
  .mv-lg-37 {
    margin-top: 18.5rem !important;
    margin-bottom: 18.5rem !important;
  }
  .mh-lg-37 {
    margin-left: 18.5rem !important;
    margin-right: 18.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-37 {
    padding: 18.5rem !important;
  }
  .pl-xl-37 {
    padding-left: 18.5rem !important;
  }
  .pr-xl-37 {
    padding-right: 18.5rem !important;
  }
  .pt-xl-37 {
    padding-top: 18.5rem !important;
  }
  .pb-xl-37 {
    padding-bottom: 18.5rem !important;
  }
  .pv-xl-37 {
    padding-top: 18.5rem !important;
    padding-bottom: 18.5rem !important;
  }
  .ph-xl-37 {
    padding-left: 18.5rem !important;
    padding-right: 18.5rem !important;
  }
  .ma-xl-37 {
    margin: 18.5rem !important;
  }
  .ml-xl-37 {
    margin-left: 18.5rem !important;
  }
  .mr-xl-37 {
    margin-right: 18.5rem !important;
  }
  .mt-xl-37 {
    margin-top: 18.5rem !important;
  }
  .mb-xl-37 {
    margin-bottom: 18.5rem !important;
  }
  .mv-xl-37 {
    margin-top: 18.5rem !important;
    margin-bottom: 18.5rem !important;
  }
  .mh-xl-37 {
    margin-left: 18.5rem !important;
    margin-right: 18.5rem !important;
  }
}

.pa-38 {
  padding: 19rem !important;
}

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

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

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

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

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

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

.ma-38 {
  margin: 19rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-38 {
    padding: 19rem !important;
  }
  .pl-sm-38 {
    padding-left: 19rem !important;
  }
  .pr-sm-38 {
    padding-right: 19rem !important;
  }
  .pt-sm-38 {
    padding-top: 19rem !important;
  }
  .pb-sm-38 {
    padding-bottom: 19rem !important;
  }
  .pv-sm-38 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-sm-38 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-sm-38 {
    margin: 19rem !important;
  }
  .ml-sm-38 {
    margin-left: 19rem !important;
  }
  .mr-sm-38 {
    margin-right: 19rem !important;
  }
  .mt-sm-38 {
    margin-top: 19rem !important;
  }
  .mb-sm-38 {
    margin-bottom: 19rem !important;
  }
  .mv-sm-38 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-sm-38 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-38 {
    padding: 19rem !important;
  }
  .pl-md-38 {
    padding-left: 19rem !important;
  }
  .pr-md-38 {
    padding-right: 19rem !important;
  }
  .pt-md-38 {
    padding-top: 19rem !important;
  }
  .pb-md-38 {
    padding-bottom: 19rem !important;
  }
  .pv-md-38 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-md-38 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-md-38 {
    margin: 19rem !important;
  }
  .ml-md-38 {
    margin-left: 19rem !important;
  }
  .mr-md-38 {
    margin-right: 19rem !important;
  }
  .mt-md-38 {
    margin-top: 19rem !important;
  }
  .mb-md-38 {
    margin-bottom: 19rem !important;
  }
  .mv-md-38 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-md-38 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-38 {
    padding: 19rem !important;
  }
  .pl-lg-38 {
    padding-left: 19rem !important;
  }
  .pr-lg-38 {
    padding-right: 19rem !important;
  }
  .pt-lg-38 {
    padding-top: 19rem !important;
  }
  .pb-lg-38 {
    padding-bottom: 19rem !important;
  }
  .pv-lg-38 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-lg-38 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-lg-38 {
    margin: 19rem !important;
  }
  .ml-lg-38 {
    margin-left: 19rem !important;
  }
  .mr-lg-38 {
    margin-right: 19rem !important;
  }
  .mt-lg-38 {
    margin-top: 19rem !important;
  }
  .mb-lg-38 {
    margin-bottom: 19rem !important;
  }
  .mv-lg-38 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-lg-38 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-38 {
    padding: 19rem !important;
  }
  .pl-xl-38 {
    padding-left: 19rem !important;
  }
  .pr-xl-38 {
    padding-right: 19rem !important;
  }
  .pt-xl-38 {
    padding-top: 19rem !important;
  }
  .pb-xl-38 {
    padding-bottom: 19rem !important;
  }
  .pv-xl-38 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-xl-38 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-xl-38 {
    margin: 19rem !important;
  }
  .ml-xl-38 {
    margin-left: 19rem !important;
  }
  .mr-xl-38 {
    margin-right: 19rem !important;
  }
  .mt-xl-38 {
    margin-top: 19rem !important;
  }
  .mb-xl-38 {
    margin-bottom: 19rem !important;
  }
  .mv-xl-38 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-xl-38 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

.pa-39 {
  padding: 19.5rem !important;
}

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

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

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

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

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

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

.ma-39 {
  margin: 19.5rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-39 {
    padding: 19.5rem !important;
  }
  .pl-sm-39 {
    padding-left: 19.5rem !important;
  }
  .pr-sm-39 {
    padding-right: 19.5rem !important;
  }
  .pt-sm-39 {
    padding-top: 19.5rem !important;
  }
  .pb-sm-39 {
    padding-bottom: 19.5rem !important;
  }
  .pv-sm-39 {
    padding-top: 19.5rem !important;
    padding-bottom: 19.5rem !important;
  }
  .ph-sm-39 {
    padding-left: 19.5rem !important;
    padding-right: 19.5rem !important;
  }
  .ma-sm-39 {
    margin: 19.5rem !important;
  }
  .ml-sm-39 {
    margin-left: 19.5rem !important;
  }
  .mr-sm-39 {
    margin-right: 19.5rem !important;
  }
  .mt-sm-39 {
    margin-top: 19.5rem !important;
  }
  .mb-sm-39 {
    margin-bottom: 19.5rem !important;
  }
  .mv-sm-39 {
    margin-top: 19.5rem !important;
    margin-bottom: 19.5rem !important;
  }
  .mh-sm-39 {
    margin-left: 19.5rem !important;
    margin-right: 19.5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-39 {
    padding: 19.5rem !important;
  }
  .pl-md-39 {
    padding-left: 19.5rem !important;
  }
  .pr-md-39 {
    padding-right: 19.5rem !important;
  }
  .pt-md-39 {
    padding-top: 19.5rem !important;
  }
  .pb-md-39 {
    padding-bottom: 19.5rem !important;
  }
  .pv-md-39 {
    padding-top: 19.5rem !important;
    padding-bottom: 19.5rem !important;
  }
  .ph-md-39 {
    padding-left: 19.5rem !important;
    padding-right: 19.5rem !important;
  }
  .ma-md-39 {
    margin: 19.5rem !important;
  }
  .ml-md-39 {
    margin-left: 19.5rem !important;
  }
  .mr-md-39 {
    margin-right: 19.5rem !important;
  }
  .mt-md-39 {
    margin-top: 19.5rem !important;
  }
  .mb-md-39 {
    margin-bottom: 19.5rem !important;
  }
  .mv-md-39 {
    margin-top: 19.5rem !important;
    margin-bottom: 19.5rem !important;
  }
  .mh-md-39 {
    margin-left: 19.5rem !important;
    margin-right: 19.5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-39 {
    padding: 19.5rem !important;
  }
  .pl-lg-39 {
    padding-left: 19.5rem !important;
  }
  .pr-lg-39 {
    padding-right: 19.5rem !important;
  }
  .pt-lg-39 {
    padding-top: 19.5rem !important;
  }
  .pb-lg-39 {
    padding-bottom: 19.5rem !important;
  }
  .pv-lg-39 {
    padding-top: 19.5rem !important;
    padding-bottom: 19.5rem !important;
  }
  .ph-lg-39 {
    padding-left: 19.5rem !important;
    padding-right: 19.5rem !important;
  }
  .ma-lg-39 {
    margin: 19.5rem !important;
  }
  .ml-lg-39 {
    margin-left: 19.5rem !important;
  }
  .mr-lg-39 {
    margin-right: 19.5rem !important;
  }
  .mt-lg-39 {
    margin-top: 19.5rem !important;
  }
  .mb-lg-39 {
    margin-bottom: 19.5rem !important;
  }
  .mv-lg-39 {
    margin-top: 19.5rem !important;
    margin-bottom: 19.5rem !important;
  }
  .mh-lg-39 {
    margin-left: 19.5rem !important;
    margin-right: 19.5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-39 {
    padding: 19.5rem !important;
  }
  .pl-xl-39 {
    padding-left: 19.5rem !important;
  }
  .pr-xl-39 {
    padding-right: 19.5rem !important;
  }
  .pt-xl-39 {
    padding-top: 19.5rem !important;
  }
  .pb-xl-39 {
    padding-bottom: 19.5rem !important;
  }
  .pv-xl-39 {
    padding-top: 19.5rem !important;
    padding-bottom: 19.5rem !important;
  }
  .ph-xl-39 {
    padding-left: 19.5rem !important;
    padding-right: 19.5rem !important;
  }
  .ma-xl-39 {
    margin: 19.5rem !important;
  }
  .ml-xl-39 {
    margin-left: 19.5rem !important;
  }
  .mr-xl-39 {
    margin-right: 19.5rem !important;
  }
  .mt-xl-39 {
    margin-top: 19.5rem !important;
  }
  .mb-xl-39 {
    margin-bottom: 19.5rem !important;
  }
  .mv-xl-39 {
    margin-top: 19.5rem !important;
    margin-bottom: 19.5rem !important;
  }
  .mh-xl-39 {
    margin-left: 19.5rem !important;
    margin-right: 19.5rem !important;
  }
}

.pa-40 {
  padding: 20rem !important;
}

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

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

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

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

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

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

.ma-40 {
  margin: 20rem !important;
}

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

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

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

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

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

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

@media (min-width: 641px) {
  .pa-sm-40 {
    padding: 20rem !important;
  }
  .pl-sm-40 {
    padding-left: 20rem !important;
  }
  .pr-sm-40 {
    padding-right: 20rem !important;
  }
  .pt-sm-40 {
    padding-top: 20rem !important;
  }
  .pb-sm-40 {
    padding-bottom: 20rem !important;
  }
  .pv-sm-40 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-sm-40 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-sm-40 {
    margin: 20rem !important;
  }
  .ml-sm-40 {
    margin-left: 20rem !important;
  }
  .mr-sm-40 {
    margin-right: 20rem !important;
  }
  .mt-sm-40 {
    margin-top: 20rem !important;
  }
  .mb-sm-40 {
    margin-bottom: 20rem !important;
  }
  .mv-sm-40 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-sm-40 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-40 {
    padding: 20rem !important;
  }
  .pl-md-40 {
    padding-left: 20rem !important;
  }
  .pr-md-40 {
    padding-right: 20rem !important;
  }
  .pt-md-40 {
    padding-top: 20rem !important;
  }
  .pb-md-40 {
    padding-bottom: 20rem !important;
  }
  .pv-md-40 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-md-40 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-md-40 {
    margin: 20rem !important;
  }
  .ml-md-40 {
    margin-left: 20rem !important;
  }
  .mr-md-40 {
    margin-right: 20rem !important;
  }
  .mt-md-40 {
    margin-top: 20rem !important;
  }
  .mb-md-40 {
    margin-bottom: 20rem !important;
  }
  .mv-md-40 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-md-40 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-40 {
    padding: 20rem !important;
  }
  .pl-lg-40 {
    padding-left: 20rem !important;
  }
  .pr-lg-40 {
    padding-right: 20rem !important;
  }
  .pt-lg-40 {
    padding-top: 20rem !important;
  }
  .pb-lg-40 {
    padding-bottom: 20rem !important;
  }
  .pv-lg-40 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-lg-40 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-lg-40 {
    margin: 20rem !important;
  }
  .ml-lg-40 {
    margin-left: 20rem !important;
  }
  .mr-lg-40 {
    margin-right: 20rem !important;
  }
  .mt-lg-40 {
    margin-top: 20rem !important;
  }
  .mb-lg-40 {
    margin-bottom: 20rem !important;
  }
  .mv-lg-40 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-lg-40 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-40 {
    padding: 20rem !important;
  }
  .pl-xl-40 {
    padding-left: 20rem !important;
  }
  .pr-xl-40 {
    padding-right: 20rem !important;
  }
  .pt-xl-40 {
    padding-top: 20rem !important;
  }
  .pb-xl-40 {
    padding-bottom: 20rem !important;
  }
  .pv-xl-40 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-xl-40 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-xl-40 {
    margin: 20rem !important;
  }
  .ml-xl-40 {
    margin-left: 20rem !important;
  }
  .mr-xl-40 {
    margin-right: 20rem !important;
  }
  .mt-xl-40 {
    margin-top: 20rem !important;
  }
  .mb-xl-40 {
    margin-bottom: 20rem !important;
  }
  .mv-xl-40 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-xl-40 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

.spacer {
  width: 100%;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
}

.image-filters.grayscale {
  filter: grayscale(0.5);
}

.image-filters.sepia {
  filter: sepia(0.5);
}

.image-filters.brightness {
  filter: brightness(1.5);
}

.image-filters.contrast {
  filter: contrast(1.5);
}

.image-filters.saturate {
  filter: grayscale(1.5);
}

/*
   Global Colors
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
.bg-primary-color {
  background-color: #fdd02f !important;
}

.text-primary-color {
  color: #fdd02f !important;
}

.link-primary-color {
  color: #fdd02f !important;
}

.link-primary-color:hover {
  color: #4f4f4f !important;
}

.stroke-primary-color {
  stroke: #fdd02f !important;
}

.fill-primary-color {
  fill: #fdd02f !important;
}

.border-primary-color {
  border-color: #fdd02f !important;
}

.bg-accent-color {
  background-color: #edad02 !important;
}

.text-accent-color {
  color: #edad02 !important;
}

.link-accent-color {
  color: #edad02 !important;
}

.link-accent-color:hover {
  color: #4f4f4f !important;
}

.stroke-accent-color {
  stroke: #edad02 !important;
}

.fill-accent-color {
  fill: #edad02 !important;
}

.border-accent-color {
  border-color: #edad02 !important;
}

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

.text-white {
  color: #fff !important;
}

.link-white {
  color: #fff !important;
}

.link-white:hover {
  color: #4f4f4f !important;
}

.stroke-white {
  stroke: #fff !important;
}

.fill-white {
  fill: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

.bg-offwhite {
  background-color: #e2e5e4 !important;
}

.text-offwhite {
  color: #e2e5e4 !important;
}

.link-offwhite {
  color: #e2e5e4 !important;
}

.link-offwhite:hover {
  color: #4f4f4f !important;
}

.stroke-offwhite {
  stroke: #e2e5e4 !important;
}

.fill-offwhite {
  fill: #e2e5e4 !important;
}

.border-offwhite {
  border-color: #e2e5e4 !important;
}

.bg-light-grey {
  background-color: #b9b9b9 !important;
}

.text-light-grey {
  color: #b9b9b9 !important;
}

.link-light-grey {
  color: #b9b9b9 !important;
}

.link-light-grey:hover {
  color: #4f4f4f !important;
}

.stroke-light-grey {
  stroke: #b9b9b9 !important;
}

.fill-light-grey {
  fill: #b9b9b9 !important;
}

.border-light-grey {
  border-color: #b9b9b9 !important;
}

.bg-med-grey {
  background-color: #797979 !important;
}

.text-med-grey {
  color: #797979 !important;
}

.link-med-grey {
  color: #797979 !important;
}

.link-med-grey:hover {
  color: #4f4f4f !important;
}

.stroke-med-grey {
  stroke: #797979 !important;
}

.fill-med-grey {
  fill: #797979 !important;
}

.border-med-grey {
  border-color: #797979 !important;
}

.bg-dark-grey {
  background-color: #4f4f4f !important;
}

.text-dark-grey {
  color: #4f4f4f !important;
}

.link-dark-grey {
  color: #4f4f4f !important;
}

.link-dark-grey:hover {
  color: #4f4f4f !important;
}

.stroke-dark-grey {
  stroke: #4f4f4f !important;
}

.fill-dark-grey {
  fill: #4f4f4f !important;
}

.border-dark-grey {
  border-color: #4f4f4f !important;
}

.bg-black {
  background-color: #373737 !important;
}

.text-black {
  color: #373737 !important;
}

.link-black {
  color: #373737 !important;
}

.link-black:hover {
  color: #4f4f4f !important;
}

.stroke-black {
  stroke: #373737 !important;
}

.fill-black {
  fill: #373737 !important;
}

.border-black {
  border-color: #373737 !important;
}

.bg-black-alt {
  background-color: #2a2a2a !important;
}

.text-black-alt {
  color: #2a2a2a !important;
}

.link-black-alt {
  color: #2a2a2a !important;
}

.link-black-alt:hover {
  color: #4f4f4f !important;
}

.stroke-black-alt {
  stroke: #2a2a2a !important;
}

.fill-black-alt {
  fill: #2a2a2a !important;
}

.border-black-alt {
  border-color: #2a2a2a !important;
}

.bg-blacker {
  background-color: #1e1e1e !important;
}

.text-blacker {
  color: #1e1e1e !important;
}

.link-blacker {
  color: #1e1e1e !important;
}

.link-blacker:hover {
  color: #4f4f4f !important;
}

.stroke-blacker {
  stroke: #1e1e1e !important;
}

.fill-blacker {
  fill: #1e1e1e !important;
}

.border-blacker {
  border-color: #1e1e1e !important;
}

.bg-line-color {
  background-color: #d8d8d8 !important;
}

.text-line-color {
  color: #d8d8d8 !important;
}

.link-line-color {
  color: #d8d8d8 !important;
}

.link-line-color:hover {
  color: #4f4f4f !important;
}

.stroke-line-color {
  stroke: #d8d8d8 !important;
}

.fill-line-color {
  fill: #d8d8d8 !important;
}

.border-line-color {
  border-color: #d8d8d8 !important;
}

.bg-module-bg {
  background-color: #e1e1e1 !important;
}

.text-module-bg {
  color: #e1e1e1 !important;
}

.link-module-bg {
  color: #e1e1e1 !important;
}

.link-module-bg:hover {
  color: #4f4f4f !important;
}

.stroke-module-bg {
  stroke: #e1e1e1 !important;
}

.fill-module-bg {
  fill: #e1e1e1 !important;
}

.border-module-bg {
  border-color: #e1e1e1 !important;
}

.bg-section-bg {
  background-color: #f2f2f2 !important;
}

.text-section-bg {
  color: #f2f2f2 !important;
}

.link-section-bg {
  color: #f2f2f2 !important;
}

.link-section-bg:hover {
  color: #4f4f4f !important;
}

.stroke-section-bg {
  stroke: #f2f2f2 !important;
}

.fill-section-bg {
  fill: #f2f2f2 !important;
}

.border-section-bg {
  border-color: #f2f2f2 !important;
}

.bg-canvas-bg {
  background-color: #f0f1f3 !important;
}

.text-canvas-bg {
  color: #f0f1f3 !important;
}

.link-canvas-bg {
  color: #f0f1f3 !important;
}

.link-canvas-bg:hover {
  color: #4f4f4f !important;
}

.stroke-canvas-bg {
  stroke: #f0f1f3 !important;
}

.fill-canvas-bg {
  fill: #f0f1f3 !important;
}

.border-canvas-bg {
  border-color: #f0f1f3 !important;
}

.bg-fb-blue {
  background-color: #3c599b !important;
}

.text-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue:hover {
  color: #4f4f4f !important;
}

.stroke-fb-blue {
  stroke: #3c599b !important;
}

.fill-fb-blue {
  fill: #3c599b !important;
}

.border-fb-blue {
  border-color: #3c599b !important;
}

.bg-success-color {
  background-color: #31aa51 !important;
}

.text-success-color {
  color: #31aa51 !important;
}

.link-success-color {
  color: #31aa51 !important;
}

.link-success-color:hover {
  color: #4f4f4f !important;
}

.stroke-success-color {
  stroke: #31aa51 !important;
}

.fill-success-color {
  fill: #31aa51 !important;
}

.border-success-color {
  border-color: #31aa51 !important;
}

.bg-error-color {
  background-color: #d42a2a !important;
}

.text-error-color {
  color: #d42a2a !important;
}

.link-error-color {
  color: #d42a2a !important;
}

.link-error-color:hover {
  color: #4f4f4f !important;
}

.stroke-error-color {
  stroke: #d42a2a !important;
}

.fill-error-color {
  fill: #d42a2a !important;
}

.border-error-color {
  border-color: #d42a2a !important;
}

.bg-yellow {
  background-color: #fff200 !important;
}

.text-yellow {
  color: #fff200 !important;
}

.link-yellow {
  color: #fff200 !important;
}

.link-yellow:hover {
  color: #4f4f4f !important;
}

.stroke-yellow {
  stroke: #fff200 !important;
}

.fill-yellow {
  fill: #fff200 !important;
}

.border-yellow {
  border-color: #fff200 !important;
}

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

.text-red {
  color: #d42a2a !important;
}

.link-red {
  color: #d42a2a !important;
}

.link-red:hover {
  color: #4f4f4f !important;
}

.stroke-red {
  stroke: #d42a2a !important;
}

.fill-red {
  fill: #d42a2a !important;
}

.border-red {
  border-color: #d42a2a !important;
}

body {
  color: #373737;
}


.dark {
  color: #fff;
}


.dark-text {
  color: #373737;
}

h1, h2, h3, h4, h5, h6,
ol, ul, li,
a, div, span, p, img,
td, table, tbody, hr, iframe,
button, input, textarea, select {
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  font-feature-settings: "kern";
  -webkit-appearance: none;
  border-radius: 0;
}

h1:not(input), h2:not(input), h3:not(input), h4:not(input), h5:not(input), h6:not(input),
ol:not(input), ul:not(input), li:not(input),
a:not(input), div:not(input), span:not(input), p:not(input), img:not(input),
td:not(input), table:not(input), tbody:not(input), hr:not(input), iframe:not(input),
button:not(input), input:not(input), textarea:not(input), select:not(input) {
  -webkit-touch-callout: none;
}

li {
  list-style: none inside;
}

a,
a:visited,
a:focus,
a:active,
a:hover,
input,
input:visited,
input:focus,
input:active,
input:hover,
button,
button:visited,
button:focus,
button:active,
button:hover {
  outline: 0 none !important;
}

button {
  cursor: pointer;
}

hr {
  border-top: 1px solid #d8d8d8;
}

.strikethrough {
  text-decoration: line-through;
}

h1,
.h1 {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h2,
.h2 {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h3,
.h3,
.styleguide-module__title {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h4,
.h4,
.styleguide-panel .specs .breakpoint--headline {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h5,
.h5 {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h6,
.h6,
.h6-alt,
.styleguide-panel .tabs a,
.styleguide-panel .tab-buttons .tab-button,
.styleguide-panel .specs .spec--group-title,
.styleguide-panel .specs .spec--title,
.styleguide-panel .specs .spec--detail {
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
}

h1,
.h1 {
  font-weight: 900;
}

h2,
.h2 {
  font-weight: 800;
}

h3,
.h3,
.styleguide-module__title {
  font-weight: 800;
}

h4,
.h4,
.styleguide-panel .specs .breakpoint--headline {
  font-weight: 800;
}

h5,
.h5 {
  font-weight: 800;
}

h6,
.h6,
.h6-alt,
.styleguide-panel .tabs a,
.styleguide-panel .tab-buttons .tab-button,
.styleguide-panel .specs .spec--group-title,
.styleguide-panel .specs .spec--title,
.styleguide-panel .specs .spec--detail {
  font-weight: 800;
}

.h6-alt {
  font-weight: 700;
}

.hero-headline {
  font-weight: 900;
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 3.4rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .hero-headline {
    font-size: 5.3rem;
    line-height: 4.3rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .hero-headline {
    font-size: 8.5rem;
    line-height: 7rem;
    letter-spacing: 0.02rem;
  }
}

.h1-alt {
  font-weight: 900;
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .h1-alt {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .h1-alt {
    font-size: 5.5rem;
    line-height: 5.1rem;
    letter-spacing: 0.02rem;
  }
}

.h2-alt {
  font-weight: 800;
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .h2-alt {
    font-size: 3.5rem;
    line-height: 3.5rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .h2-alt {
    font-size: 5.5rem;
    line-height: 5.1rem;
    letter-spacing: 0.02rem;
  }
}

.h3-alt,
.styleguide-module__title--small,
.styleguide-panel .notes-module-id > span,
.styleguide-panel .notes-intro > span {
  font-weight: 800;
  font-family: "proxima-nova", helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.8rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .h3-alt,
  .styleguide-module__title--small,
  .styleguide-panel .notes-module-id > span,
  .styleguide-panel .notes-intro > span {
    font-size: 2.8rem;
    line-height: 2.8rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .h3-alt,
  .styleguide-module__title--small,
  .styleguide-panel .notes-module-id > span,
  .styleguide-panel .notes-intro > span {
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: 0.02rem;
  }
}

.h7,
.metadata,
.styleguide-module__title--light {
  font-family: "proxima-nova", helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}

[data-scroll-target="typography"] .h7, [data-scroll-target="typography"]
.metadata,
[data-scroll-target="typography"] .styleguide-module__title--light {
  margin-bottom: 2rem;
}

.h7 {
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .h7 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .h7 {
    font-size: 1.2rem;
    line-height: 1.3rem;
    letter-spacing: 0.04rem;
  }
}

.h7-alt {
  font-weight: 600;
  letter-spacing: 0rem;
}

@media (min-width: 641px) {
  .h7-alt {
    letter-spacing: 0rem;
  }
}

@media (min-width: 1025px) {
  .h7-alt {
    letter-spacing: 0rem;
  }
}

.metadata,
.styleguide-module__title--light {
  font-size: 1.1rem;
  line-height: 1.1rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .metadata,
  .styleguide-module__title--light {
    font-size: 1.1rem;
    line-height: 1.1rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .metadata,
  .styleguide-module__title--light {
    font-size: 1.1rem;
    line-height: 1.1rem;
    letter-spacing: 0.04rem;
  }
}

.divider {
  color: #b9b9b9;
  margin: 0 1rem;
  letter-spacing: -0.08rem;
}

.plp-tiles-copy,
.plp-tiles-copy-alt {
  font-size: 1.2rem;
  line-height: 1.9rem;
  letter-spacing: 0.02rem;
  font-weight: 600;
}

@media (min-width: 641px) {
  .plp-tiles-copy,
  .plp-tiles-copy-alt {
    font-size: 1.3rem;
    line-height: 1.8rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .plp-tiles-copy,
  .plp-tiles-copy-alt {
    font-size: 1.3rem;
    line-height: 1.9rem;
    letter-spacing: 0.02rem;
  }
}

.hero-blog-copy {
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  .hero-blog-copy {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  .hero-blog-copy {
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: 0.02rem;
  }
}

p {
  font-size: 1.3rem;
  line-height: 1.7rem;
  letter-spacing: 0.02rem;
}

@media (min-width: 641px) {
  p {
    font-size: 1.3rem;
    line-height: 2.1rem;
    letter-spacing: 0.02rem;
  }
}

@media (min-width: 1025px) {
  p {
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0.02rem;
  }
}

.plp-tiles-copy--alt {
  font-weight: 500;
}


.plp-tiles-copy-alt {
  font-size: 1.2rem;
}

@media (min-width: 641px) {
  
  .plp-tiles-copy-alt {
    font-size: 1.2rem;
  }
}

@media (min-width: 1025px) {
  
  .plp-tiles-copy-alt {
    font-size: 1.3rem;
  }
}

@font-face {
  font-family: 'chrome_dingsregular';
  src: url("../assets/fonts/icons/icons-webfont.eot");
}

@font-face {
  font-family: 'chrome_dingsregular';
  src: url(data:application/font-woff2;charset=utf-8;base64,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) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("../assets/fonts/icons/icons-webfont.ttf") format("truetype"), url("../assets/fonts/icons/icons-webfont.svg#chrome_dingsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: 'chrome_dingsregular';
  text-transform: none;
}


.fw-regular {
  font-weight: 400;
}


.fw-medium {
  font-weight: 500;
}


.fw-semibold {
  font-weight: 600;
}


.fw-bold {
  font-weight: 700;
}


.fw-extra-bold {
  font-weight: 800;
}


.fw-black {
  font-weight: 900;
}

/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+git+scss */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #f8f8f2;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #f8f8f2;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.boolean,
.token.number {
  color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #e6db74;
}

.token.keyword {
  color: #66d9ef;
}

.token.regex,
.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.clear {
  float: none;
}

.styleguide-landing .form-group,
.styleguide-login .form-group {
  margin: 0 0 2.5rem 0;
}

.styleguide-landing .form-group.push-bottom,
.styleguide-login .form-group.push-bottom {
  margin: 0 0 3.5rem 0;
}

.styleguide-landing label,
.styleguide-login label {
  display: inline-block;
  margin-bottom: 1.5rem;
  color: #ababab;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.styleguide-landing input[type="text"],
.styleguide-landing input[type="password"],
.styleguide-login input[type="text"],
.styleguide-login input[type="password"] {
  display: block;
  width: 100%;
  color: #fff;
  line-height: 5rem;
  font-size: 1.4rem;
  padding: 0 2rem;
  border: 1px solid #646466;
  background-color: transparent;
}

.styleguide-landing input[type="text"]:focus,
.styleguide-landing input[type="password"]:focus,
.styleguide-login input[type="text"]:focus,
.styleguide-login input[type="password"]:focus {
  outline: none;
  border-color: #fff;
}

.styleguide-landing .styled-checkbox,
.styleguide-login .styled-checkbox {
  position: relative;
  overflow: hidden;
  padding-top: 2px;
  margin: 0;
}

.styleguide-landing .styled-checkbox input[type="checkbox"],
.styleguide-login .styled-checkbox input[type="checkbox"] {
  position: absolute;
  top: 100%;
  left: 100%;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.styleguide-landing .styled-checkbox .checkbox,
.styleguide-login .styled-checkbox .checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #fff;
  border: 1px solid #646466;
  position: relative;
  top: -2px;
  margin-right: 6px;
}

.styleguide-landing .styled-checkbox input[type="checkbox"]:checked + .checkbox,
.styleguide-login .styled-checkbox input[type="checkbox"]:checked + .checkbox {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNGJlNWUwZi01ZmU5LTQzNTMtYjZhMi1iMTE0MDczNDZmNTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM0RkVFRkU2MEMxMTFFNkI1MTQ4NTdEMjZEMkJGNzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM0RkVFRkQ2MEMxMTFFNkI1MTQ4NTdEMjZEMkJGNzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjMmJjZWMwLTkwOGQtNDg0Yi04YmQ5LTRjNDhkNjllNzJhZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjM0YjllMThhLWExNTQtMTE3OS05NDk0LWFiYzlmZTNiNDRiYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpY4XO8AAACrSURBVHjaYvz//z8DqYCRbpoYQJrwYWlpGSEgvgLEQTAxvDbJyMgyA6ktQOwBxFefPHmsAxJnIuCQRqiGL0AciuE8oPUqQFwPxIxQfiAQ/4fiQGQnw50HdMolIKULxCuBuA2IjwIxD4gNdFY11tADaooEUguBmBWI/wAxCxDvAGIfoKa/OIMcqNERSG0AYj4gvg/EJkAN7wgGOdD9ekB8HUTjigb6pQiAAAMAab2NjtDs51MAAAAASUVORK5CYII=");
  background-size: cover;
}

.cck [data-field-type="radio"],
.cck [data-field-type="checkbox"] {
  margin-bottom: 2.3rem;
}

.cck [data-field-type="radio"] .input-labeled,
.cck [data-field-type="checkbox"] .input-labeled {
  margin-bottom: 0.2rem;
}

form#create-page {
  max-width: 50rem;
  margin: 0 auto;
}

form#create-page fieldset {
  margin-top: 2rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

form#create-page select {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  padding-end: 20px;
  padding-start: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}

form#create-page .input-labeled {
  margin-bottom: 2.5rem;
}

form#create-page .input-labeled input {
  padding: 0 2rem;
}

.styleguide-login {
  background-color: black;
}

.styleguide-landing,
.styleguide-login {
  position: relative;
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.styleguide-landing .container,
.styleguide-login .container {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 940px;
  margin: 0 auto;
  overflow: visible;
}

.styleguide-landing .left,
.styleguide-landing .right,
.styleguide-login .left,
.styleguide-login .right {
  width: 50%;
  float: left;
}

.styleguide-landing .left,
.styleguide-login .left {
  padding-right: 13.82978723%;
}

.styleguide-landing .right,
.styleguide-login .right {
  padding-left: 13.82978723%;
  border-left: 1px solid #646466;
}

.styleguide-landing .background,
.styleguide-login .background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center;
}

.styleguide-landing .background:before,
.styleguide-login .background:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
}

.styleguide-landing .background video,
.styleguide-login .background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.styleguide-landing .suptitle,
.styleguide-login .suptitle {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 3rem;
  text-transform: uppercase;
}

.styleguide-landing h1,
.styleguide-login h1 {
  font-size: 10rem;
  margin-bottom: 4rem;
}

.styleguide-landing .text-holder,
.styleguide-login .text-holder {
  max-width: 580px;
  color: #ddd;
  font-size: 1.6rem;
  line-height: 1.625;
}

.styleguide-landing .text-holder h2,
.styleguide-login .text-holder h2 {
  font-size: 2.2rem;
  margin-top: 1rem;
  text-transform: none;
}

.styleguide-landing .text-holder p,
.styleguide-login .text-holder p {
  font-weight: 600;
  margin-bottom: 1rem;
}

.styleguide-landing .button,
.styleguide-login .button {
  width: 100%;
}

.styleguide-landing .forgot-password,
.styleguide-login .forgot-password {
  text-align: center;
  position: relative;
  top: 3rem;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.styleguide-landing .forgot-password a,
.styleguide-login .forgot-password a {
  border-bottom: 1px solid #929292;
}

.styleguide-landing .button,
.styleguide-login .button {
  display: inline-block;
  border: 1px solid #dddddd;
  text-transform: uppercase;
  font-size: 11px;
  padding: 18.5px 20px;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  font-weight: 500;
}

.styleguide-landing .logos,
.styleguide-login .logos {
  margin-bottom: 3rem;
}

.styleguide-landing .logos span,
.styleguide-login .logos span {
  display: inline-block;
  width: 0;
  border-left: 1px solid #545456;
  height: 50px;
  vertical-align: middle;
  margin: 0 37px;
}

.styleguide-landing .logos + h3,
.styleguide-login .logos + h3 {
  margin-bottom: 2rem;
}

.styleguide-landing .logos + h3 + p,
.styleguide-login .logos + h3 + p {
  color: #ddd;
}

.styleguide-landing .logo,
.styleguide-login .logo {
  display: inline-block;
  width: auto;
  height: 4rem;
  vertical-align: middle;
}

.styleguide-landing .divider,
.styleguide-login .divider {
  display: block;
  width: 40px;
  height: 0;
  margin: 3rem 0 3.5rem 0;
  border-bottom: 1px solid #646466;
}

.styleguide-landing .message-holder,
.styleguide-login .message-holder {
  color: #fff;
  margin-top: 2rem;
  font-size: 1.1rem;
  text-align: center;
  text-transform: uppercase;
}

.styleguide-landing .login-form input,
.styleguide-login .login-form input {
  font-weight: 500;
}

.styleguide-landing.dark h1, .styleguide-landing.dark h2, .styleguide-landing.dark h3, .styleguide-landing.dark h4, .styleguide-landing.dark h5, .styleguide-landing.dark h6,
.styleguide-landing.dark .h1, .styleguide-landing.dark .h2, .styleguide-landing.dark .h3, .styleguide-landing.dark .h4, .styleguide-landing.dark .h5, .styleguide-landing.dark .h6,
.styleguide-login.dark h1,
.styleguide-login.dark h2,
.styleguide-login.dark h3,
.styleguide-login.dark h4,
.styleguide-login.dark h5,
.styleguide-login.dark h6,
.styleguide-login.dark .h1,
.styleguide-login.dark .h2,
.styleguide-login.dark .h3,
.styleguide-login.dark .h4,
.styleguide-login.dark .h5,
.styleguide-login.dark .h6 {
  color: #fff;
}

.styleguide-landing.dark .button,
.styleguide-login.dark .button {
  color: #fff;
  border-color: #fff;
}

.styleguide-landing.dark .button:hover,
.styleguide-login.dark .button:hover {
  background-color: #fff;
  color: #1b1b1c;
}

.styleguide-landing.dark .button-fill,
.styleguide-login.dark .button-fill {
  background-color: #fff;
  color: #1b1b1c;
}

.styleguide-landing.dark .logo path,
.styleguide-login.dark .logo path {
  fill: #fff;
}

.styleguide-landing.dark a,
.styleguide-login.dark a {
  color: #fff;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-modal {
  position: relative;
  margin: 0 auto;
  padding: 80px 50px;
  width: 100%;
  max-width: 620px;
  overflow: hidden;
  background: white;
}

.mfp-modal .mfp-close {
  color: #555;
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 0;
  border: 1px solid #ddd;
  transition: color .35s ease;
  opacity: 1;
}

.mfp-modal .mfp-close:hover {
  color: black;
}

.mfp-modal .mfp-close:active {
  top: 0;
}

.mfp-modal .modal-header {
  max-width: 450px;
  margin: 0 auto 40px;
}

.mfp-modal .modal-header h5 {
  margin-bottom: 20px;
}

.mfp-modal .modal-header p {
  font-weight: 500;
}

.mfp-modal .modal-header p a {
  color: black;
}

.mfp-modal .modal-body {
  max-width: 450px;
  margin: 0 auto;
}

.mfp-modal .modal-body p {
  font-weight: 500;
}

.mfp-modal .modal-body .row {
  text-align: left;
  overflow: hidden;
}

.mfp-modal .modal-body .row .col {
  float: left;
  width: 48%;
}

.mfp-modal .modal-body .row .col:last-child {
  float: right;
}

.mfp-modal .modal-body .row .col .btn {
  max-width: none;
}

.mfp-modal .modal-body ul {
  margin: 0;
  padding: 0;
  color: #666;
  font-weight: 500;
  list-style-type: none;
}

.mfp-modal .modal-body ul li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 2rem;
}

.mfp-modal .modal-body ul li:before {
  content: '';
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  top: calc(50% - .5rem);
  left: 0;
  background-color: #777;
}

.mfp-modal form {
  max-width: 340px;
  margin: 0 auto;
}

.mfp-modal form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.mfp-modal form label {
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.mfp-modal form input {
  display: block;
  width: 100%;
  height: 5rem;
  color: #777;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ddd;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.mfp-modal form input:focus {
  border-color: #4f4f4f;
}

.mfp-modal form .row {
  margin-bottom: 25px;
}

.mfp-modal form .row:last-child {
  margin-bottom: 0;
}

.mfp-modal form .row button {
  width: 100%;
  margin-top: 15px;
}

.mfp-modal hr.short {
  width: 40px;
  border-color: #222;
}

.mfp-modal hr.short.center {
  margin: 0 auto 40px;
}

.mfp-modal h6 {
  color: black;
  font-size: 16px;
}

.mfp-modal .contact-links {
  margin-bottom: 50px;
}

.mfp-modal .contact-links * {
  display: inline-block;
}

.mfp-modal .contact-links .divider {
  width: 2px;
  height: 13px;
  margin: 0 5px;
  vertical-align: middle;
  background-color: #ddd;
}

.mfp-modal .contact-links a {
  color: black;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.mfp-modal.modal--help h6 {
  margin-bottom: 2rem;
}

.mfp-modal.modal--help h6:last-of-type {
  margin-top: 4.5rem;
}

.mfp-modal.modal--share form {
  max-width: none;
}

.mfp-modal.modal--share .row {
  font-size: 0;
}

.mfp-modal.modal--share input {
  display: inline-block;
  width: 74%;
  margin-right: 4%;
  vertical-align: top;
}

.mfp-modal.modal--share input + .btn {
  width: 22%;
  vertical-align: top;
}

.mfp-modal.modal--how-it-works hr.short + span,
.mfp-modal.modal--how-it-works hr.short ~ a:not(.btn) {
  float: left;
  font-size: 1.2rem;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.mfp-modal.modal--how-it-works hr.short ~ a {
  clear: both;
}

.mfp-modal.modal--how-it-works hr.short ~ .btn {
  float: left;
  clear: both;
  margin-top: 8rem;
}

.mfp-modal.modal--how-it-works [data-type="tabs"] {
  padding-top: 5rem;
}

.mfp-modal.modal--how-it-works .tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6rem;
  line-height: 6.4rem;
  padding-left: 8rem;
  background: #eee;
  border-bottom: 1px solid #ddd;
}

.mfp-modal.modal--how-it-works .tabs a {
  position: relative;
  margin-right: 4rem;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.mfp-modal.modal--how-it-works .tabs a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 3px;
  background-color: transparent;
}

.mfp-modal.modal--how-it-works .tabs a.is-active:after {
  background-color: black;
}

.mfp-with-anim {
  opacity: 0;
}

.mfp-with-anim {
  transition: opacity 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
  /* custom */
}

.mfp-bg {
  opacity: 0;
  background: rgba(55, 55, 55, 0.8);
  transform: translate3d(0, 0, 0);
  transition: opacity 360ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
  /* custom */
}

.mfp-fade-in.mfp-ready .mfp-with-anim {
  opacity: 1;
}

.mfp-fade-in.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-fade-in.mfp-removing .mfp-with-anim {
  opacity: 0;
}

.mfp-fade-in.mfp-removing.mfp-bg {
  opacity: 0;
}

[data-type="tabs"] [data-tab] {
  display: inline-block;
}

[data-type="tabs"] [data-tab-content] {
  display: none;
  opacity: 0;
  transition: all .35s ease;
}

[data-type="tabs"] [data-tab-content].is-active {
  display: block;
  opacity: 1;
}

.sg-btn {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 0;
  color: white;
  height: 4rem;
  line-height: 4rem;
  max-width: 34rem;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: .5px;
  display: inline-block;
  background-color: black;
  text-transform: uppercase;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.sg-btn:hover {
  color: white;
  background-color: #2ECC40;
}

.sg-btn.sg-btn-secondary {
  color: black;
  font-size: 1.1rem;
  font-weight: 500;
  max-width: 18rem;
  border: 1px solid black;
  background-color: white;
}

.sg-btn.sg-btn-secondary:hover {
  color: white;
  background-color: black;
}

.accordion--toggle {
  position: relative;
  display: block;
  cursor: pointer;
}

.accordion--toggle > .plus {
  position: absolute;
}

.accordion--toggle line {
  transform-origin: center;
  opacity: 1;
  transition-property: transform, opacity;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

.accordion--content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition-property: height, opacity;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

.is-open .accordion--toggle + .accordion--content {
  opacity: 1;
}

.is-open > .accordion--toggle > .plus line:nth-child(1) {
  transform: rotateZ(-90deg);
  opacity: 0;
}

.is-open > .accordion--toggle > .plus line:nth-child(2) {
  transform: rotateZ(-180deg);
}

.creative-guide {
  background-color: #efefef;
}

.creative-guide .container {
  max-width: 940px;
  margin: 0 auto;
}

.creative-guide h1, .creative-guide .h1 {
  font-size: 6.5rem;
}

.creative-guide p:empty {
  display: none;
}

.creative-guide img {
  max-width: 100%;
  height: auto;
}

.creative-guide .hero-image {
  margin-bottom: 150px;
}

.creative-guide .creative-guide__intro {
  padding: 10rem 0 6rem 0;
}

.creative-guide .creative-guide__intro .container {
  max-width: 1180px;
}

.creative-guide .creative-guide__intro .inner {
  max-width: 580px;
}

.creative-guide .creative-guide__intro h1 {
  margin-bottom: 2rem;
}

.creative-guide .creative-guide-block {
  margin: 0;
  padding: 0;
}

.creative-guide .creative-guide-block h2 {
  font-size: 2.2rem;
}

.creative-guide .creative-guide-block:last-child {
  margin-bottom: 0;
  padding-bottom: 10rem;
}

.creative-guide .creative-guide-block--sectionbreak {
  background-color: #dddddd;
  text-align: center;
  padding-top: 15rem;
}

.creative-guide .creative-guide-block--sectionbreak h2 {
  font-size: 5rem;
}

.creative-guide .creative-guide-block--sectionbreak .counter {
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.creative-guide .creative-guide-block--sectionbreak .counter span {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 0;
  position: relative;
  top: -1px;
  border-bottom: 2px solid #89898b;
  margin: 0 5px;
}

.creative-guide .creative-guide-block--sectionbreak hr {
  width: 4.4rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
}

.creative-guide .creative-guide-block--sectiontitle {
  border-top: 1px solid #dddddd;
  padding-top: 100px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
  position: relative;
}

.creative-guide .creative-guide-block--sectiontitle .container {
  max-width: 70rem;
}

.creative-guide .creative-guide-block--sectiontitle h2 {
  font-size: 3.5rem;
  margin-bottom: 2rem;
}

.creative-guide .creative-guide-block--sectiontitle .counter {
  position: absolute;
  top: 100px;
  left: 0;
  font-size: 1.1rem;
  line-height: 1;
  color: #646466;
}

.creative-guide .creative-guide-block--sectiontitle .counter:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 0;
  position: relative;
  left: 4px;
  top: -1px;
  border-bottom: 2px solid #89898b;
}

.creative-guide .creative-guide-block--imagedescription {
  margin-bottom: 6rem;
}

.creative-guide .creative-guide-block--imagedescription .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.creative-guide .creative-guide-block--imagedescription .left, .creative-guide .creative-guide-block--imagedescription .right {
  width: 50%;
  float: left;
}

.creative-guide .creative-guide-block--imagedescription .left img, .creative-guide .creative-guide-block--imagedescription .right img {
  width: 100%;
}

.creative-guide .creative-guide-block--imagedescription .right {
  padding-left: 6rem;
}

.creative-guide .creative-guide-block--imagedescription .divider {
  width: 3rem;
  height: 0;
  border-bottom: 1px solid #b9b9b9;
}

.creative-guide .creative-guide-block--standardcontent {
  margin-bottom: 9rem;
}

.creative-guide .creative-guide-block--standardcontent .container {
  max-width: 700px;
  margin: 0 auto;
}

.creative-guide .creative-guide-block--standardcontent h2 {
  margin-bottom: 2.5rem;
}

.creative-guide .creative-guide-block--standardcontent .image-holder img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.creative-guide .creative-guide-block--standardcontent .video-holder {
  max-width: 940px;
  margin: 0 auto;
}

.creative-guide .creative-guide-block--standardcontent .video-holder video {
  width: 100%;
  height: auto;
}

.pace {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  animation: pace-spinner 400ms linear infinite;
}

@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

ol,
ul {
  margin: 0 auto 4rem auto;
  font-size: 1.4rem;
  padding-left: 1.5rem;
}

a {
  color: #4f4f4f;
  text-decoration: none;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

a:hover {
  color: #373737;
}

hr {
  margin: 3rem 0;
  border: none;
  height: 1px;
  width: 100%;
  background-color: #a0a0a0;
}

.page--styleguide {
  overflow: hidden;
}

.page--styleguide a[href]:focus,
.page--styleguide input:focus,
.page--styleguide textarea:focus,
.page--styleguide select:focus,
.page--styleguide button:focus,
.page--styleguide [tabindex]:focus {
  outline: none;
}

#module-wrapper {
  margin: 0 auto;
  padding: 0 2rem;
  overflow: hidden;
  max-width: 1700px;
}

#module-wrapper .product-grid-filtered {
  padding-top: 2rem;
}

#module-wrapper .product-grid-filtered .product-filter-bar {
  position: relative !important;
  top: 0px !important;
}

#module-wrapper .grid-standalone-mod {
  position: relative;
  width: 100%;
}

#module-wrapper .grid-standalone-mod .grid-item {
  position: relative !important;
  float: none !important;
  min-height: 25rem !important;
}

#module-wrapper .grid-standalone-mod .grid-item.c1 {
  max-width: 25% !important;
}

#module-wrapper .grid-standalone-mod .grid-item.c2 {
  max-width: 50% !important;
}

#module-wrapper .grid-standalone-mod .grid-item.c3 {
  max-width: 66.67% !important;
}

#module-wrapper .grid-standalone-mod .grid-item-expert-info {
  width: 32rem !important;
  height: 32rem !important;
}

#module-wrapper .grid-standalone-mod .grid-item-featured {
  margin-bottom: 24rem !important;
}

#module-wrapper .row-4-up {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

#module-wrapper .row-4-up > * {
  display: inline-block;
  width: calc(25% - 2rem);
  font-size: 0;
  margin: 0 1rem;
}

#module-wrapper #media .col-1 img,
#module-wrapper #media .col-2 img {
  position: relative;
  width: 100%;
}

.module {
  max-width: 1700px;
  margin: 0 auto;
  padding: 3rem 0;
  border-bottom: 1px solid #ddd;
}

.module[data-scroll-target="typography"] p {
  margin: 3rem 0;
}

.module[data-scroll-target="typography"] .titles h1, .module[data-scroll-target="typography"] .titles h2, .module[data-scroll-target="typography"] .titles h3, .module[data-scroll-target="typography"] .titles h4, .module[data-scroll-target="typography"] .titles h5, .module[data-scroll-target="typography"] .titles h6 {
  margin: 0 0 5rem 0;
}

.module[data-scroll-target="typography"] [contenteditable="true"] {
  position: relative;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.module[data-scroll-target="typography"] [contenteditable="true"]:after {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: ' ';
}

.module[data-scroll-target="typography"] [contenteditable="true"]:hover {
  background: #fbfbe2;
}

.module[data-scroll-target="typography"] [contenteditable="true"]:hover:after {
  font-size: 12px;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiUlEQVQ4y2NgGFKgs7OTl2zNEyZMmAgEDZMmTeogWTNQUwVQcyeIDaLnz5/PQYrmssmTJ1sC6QQg7gXiFlI0l4I0Q9lOQNuLiNYMVFwCxFZQtiPQgEKSNAM1WMM0k2wzTDPQ+Q5AdjEpfs6CRRPJmqEGvAC6IAlId4NcQk58vwDih0DbMxhGDgAAx6ZVXMd4yEMAAAAASUVORK5CYII=");
}

.module[data-scroll-target="typography"] [contenteditable="true"]:focus {
  outline: none;
  background: #fbfbe2;
}

.module[data-scroll-target="typography"] [contenteditable="true"]:focus:after {
  width: 0;
  content: '';
}

.styleguide-meta-text {
  font-size: 12px;
  font-weight: 400;
}

.styleguide-header {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  height: 75px;
  line-height: 75px;
  background: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  position: fixed;
  padding: 0;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.styleguide-header span:nth-child(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.styleguide-header span:last-child {
  margin-right: 2rem;
}

.styleguide-header .styleguide-meta {
  padding-left: 2rem;
}

.styleguide-header .toggle-sidebar {
  margin: 0;
  text-indent: -9999rem;
  height: 100%;
  padding-right: 0;
  cursor: pointer;
  width: calc(6rem - 1px);
  border-right: 1px solid #ddd;
  background: url(../images/styleguide/hamburger.svg) no-repeat center/24px 28px;
}

.sidebar {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  padding-bottom: 26rem;
  background-color: #fff;
  border-right: 1px solid #dddddd;
  border-bottom: none;
  width: 240px;
  transform: translateX(-240px);
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
  font-size: 1.4rem;
  font-weight: 700;
}

.sidebar .logos {
  height: 75px;
  line-height: 75px;
  padding: 0 3rem;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}

.sidebar .logos .divider {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 4rem;
  margin: 0 3rem;
  background-color: #d8d8d8;
}

.sidebar .logos .logo {
  width: 10rem;
  display: inline-block;
  vertical-align: middle;
}

.sidebar .compact-nav {
  visibility: visible;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 100%;
  width: 60px;
  height: 100%;
  background-color: #fff;
  transition: all 0.2s ease-out;
  border-right: 1px solid #dddddd;
}

.sidebar .compact-nav .sidebar-title {
  position: absolute;
  top: 50%;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-50%);
  white-space: nowrap;
  line-height: 60px;
  font-size: 11px;
  text-transform: uppercase;
  color: #262628;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar .compact-nav .sidebar-title span, .sidebar .compact-nav .sidebar-title em {
  color: #ababab;
}

.sidebar .compact-nav .sidebar-title em {
  display: inline-block;
  margin: 0 10px;
}

.sidebar .compact-nav .styleguide-header-breakpoints {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.sidebar .compact-nav .styleguide-header-breakpoints li {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

.sidebar .compact-nav .styleguide-header-breakpoints li:last-child {
  border: 0;
}

.sidebar nav .header {
  padding: 1rem;
}

@media (min-width: 641px) {
  .sidebar nav .header {
    padding: 1rem 3rem;
  }
}

.sidebar nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sidebar nav ul li a {
  border: none;
  padding: 1rem;
  display: block;
}

@media (min-width: 641px) {
  .sidebar nav ul li a {
    padding: 0rem 3rem;
  }
}

.sidebar nav ul li ul {
  font-size: 1.3rem;
}

.sidebar nav ul li hr {
  opacity: 0.15;
  margin: 0;
}

.sidebar #sg-nav {
  height: 100%;
  overflow-y: scroll;
  overflow-scrolling: touch;
}

.sidebar #sg-nav > ul > li {
  border-bottom: 1px solid #d8d8d8;
}

.sidebar #sg-nav > ul > li > a {
  line-height: 8rem;
  background-color: #fff;
}

.sidebar #sg-nav > ul > li > a:hover {
  background-color: #f7f7f8;
}

.sidebar #sg-nav > ul > li.is-open > a {
  background-color: #292929;
  color: #fff;
}

.sidebar #sg-nav > ul > li.is-open > a .plus {
  stroke: #646466;
}

.sidebar #sg-nav > ul > li > .accordion--content > ul > li > a {
  line-height: 8.5rem;
  border-bottom: 1px solid #f3f3f3;
}

.sidebar #sg-nav .accordion li.is-open .accordion--content .accordion--content .is-open .accordion--toggle,
.sidebar #sg-nav .accordion li.is-open li.accordion.is-open .accordion--toggle {
  background: rgba(0, 0, 0, 0.1);
}

.sidebar #sg-nav .accordion li.is-open .accordion--content .accordion--content .accordion--content {
  padding-left: 1rem;
}

.sidebar #sg-nav .accordion--toggle span:first-child {
  color: #b9b9b9;
  font-size: 1rem;
  line-height: 1;
  display: block;
  top: 3rem;
  position: relative;
}

.sidebar #sg-nav .accordion--toggle .plus {
  width: 1rem;
  right: 2rem;
  stroke: #373737;
  stroke-width: 2;
  top: calc(50% - .5rem);
}

.sidebar #sg-nav .accordion--content {
  border-top: 1px solid #d8d8d8;
}

.sidebar #sg-nav .accordion--content a {
  line-height: 5rem;
}

.sidebar #sg-nav .accordion--content a:hover {
  background-color: #dddddd;
}

.sidebar #sg-nav .accordion--content .is-open {
  background-color: #efefef;
}

.sidebar #sg-nav .accordion--content .accordion--content {
  border: none;
}

.sidebar #sg-nav .accordion--content .accordion--content a {
  color: #797979;
  padding-left: 5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar #sg-nav a:hover {
  background: transparent;
}

.sidebar #nav a.active {
  background: #f9f9f9;
}

.sidebar #nav a:hover {
  background: #f5f5f5;
}

.sidebar .sidebar-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0 3rem;
  text-align: center;
}

.sidebar .sidebar-footer .help-cta {
  position: relative;
  display: inline-block;
  padding: 0 2.5rem;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  color: #373737;
  font-weight: 500;
  font-size: 1.1rem;
  text-align: left;
  text-transform: uppercase;
  border: 1px solid #d8d8d8;
  transition-property: background-color, color;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

.sidebar .sidebar-footer .help-cta svg {
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 2rem;
  width: 2rem;
  stroke: black;
  transition-property: stroke;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

.sidebar .sidebar-footer .help-cta:hover {
  color: white;
  background-color: #373737;
}

.sidebar .sidebar-footer .help-cta:hover svg {
  stroke: white;
}

.sidebar .sidebar-footer p {
  margin: 2rem 0;
  font-size: 1rem;
}

.sidebar .styleguide-header-breakpoints {
  display: none;
  border-top: 1px solid #dddddd;
}

@media (min-width: 641px) {
  .sidebar .styleguide-header-breakpoints {
    display: block;
    margin: 0 -3rem;
  }
}

.sidebar .styleguide-header-breakpoints ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.sidebar .styleguide-header-breakpoints li {
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #d8d8d8;
  width: 25%;
}

.sidebar .styleguide-header-breakpoints li a {
  position: relative;
  display: block;
  width: 100%;
  color: #4f4f4f;
  text-align: center;
  padding: 0;
}

.sidebar .styleguide-header-breakpoints li a:before {
  content: '';
  opacity: 0.2;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
  display: inline-block;
  vertical-align: top;
  height: 4rem;
  background: center no-repeat;
  cursor: pointer;
}

.sidebar .styleguide-header-breakpoints li a:hover:before, .sidebar .styleguide-header-breakpoints li a.active:before {
  opacity: 1;
}

.sidebar .styleguide-header-breakpoints li a.active {
  background-color: #ddd;
}

.sidebar .styleguide-header-breakpoints li a.active:after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 0.3rem;
  background-color: #373737;
}

.sidebar .styleguide-header-breakpoints li a.breakpoint-toggle-tiny:before {
  width: 0.6rem;
  background-image: url("../images/styleguide/icon-mobile.svg");
}

.sidebar .styleguide-header-breakpoints li a.breakpoint-toggle-small:before {
  width: 1.1rem;
  background-image: url("../images/styleguide/icon-tablet.svg");
}

.sidebar .styleguide-header-breakpoints li a.breakpoint-toggle-medium:before {
  width: 3.4rem;
  background-image: url("../images/styleguide/icon-laptop.svg");
}

.sidebar .styleguide-header-breakpoints li a.breakpoint-toggle-large:before {
  width: 3rem;
  background-image: url("../images/styleguide/icon-desktop.svg");
}

.styleguide-iframe-wrapper {
  overflow: hidden;
  position: relative;
  height: calc(100% - 75px);
  width: calc(100% - 60px);
  top: 75px;
  max-width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  max-width: initial;
  background-color: #f5f5f5;
  transform: translateX(60px);
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.styleguide-iframe-wrapper iframe {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='tiny'] {
  max-width: 480px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='small'] {
  max-width: 768px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='medium'] {
  max-width: 1280px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='large'] {
  max-width: 100%;
}

.styleguide-module__header {
  position: relative;
  overflow: hidden;
  margin: 4rem 0 1.4rem;
  z-index: 10;
}

.styleguide-module__header code {
  background: whitesmoke;
  float: none;
  clear: both;
  display: inline-block;
  margin-left: 1rem;
}

.styleguide-module__title {
  position: relative;
  padding: 6rem 0 2.5rem 0;
  margin-bottom: 3.5rem;
}

.styleguide-module__title:after {
  content: '';
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  bottom: 1.5rem;
  width: 100%;
  height: 6px;
  background: #d8d8d8;
}

.styleguide-module__title--light {
  clear: both;
  color: #bbb;
  display: block;
  margin: 0 0 1rem;
  line-height: 1.6rem;
}

.styleguide-module__title--small {
  position: relative;
  margin: 0;
  margin-bottom: 25px;
  line-height: 1;
  white-space: nowrap;
}

.styleguide-module__title--small:after {
  content: '';
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
}

.styleguide-module__paragraph {
  font-size: 14px;
  max-width: 55rem;
  margin-bottom: 50px;
  font-weight: 500;
}

.styleguide-module__paragraph:empty {
  display: none;
}

.styleguide-module__subgroup {
  position: relative;
  margin-bottom: 3rem;
}

.styleguide-module__subgroup:last-of-type {
  margin-bottom: 0;
}

.styleguide-module__subgroup p {
  margin-bottom: 0.3rem;
}

.styleguide-module__subgroup .styleguide-module__title--light {
  margin-bottom: 1.5rem;
}

.styleguide-module__toggles {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 2rem;
  background: #f2f2f2;
}

.styleguide-module__toggle-code, .styleguide-module__toggle-notes {
  position: relative;
  width: 35px;
  height: 35px;
}

.styleguide-module__toggle-code {
  float: left;
  background: #4f4f4f url("../images/styleguide/icon-code.svg") center no-repeat/1.3rem;
}

.styleguide-module__toggle-notes {
  float: right;
  margin-left: 0.5rem;
  background: #4f4f4f url("../images/styleguide/icon-notes.svg") center no-repeat/1.3rem;
}

body:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  transition-property: opacity, visibility;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

body.styleguide-panel--open:after {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

.styleguide-panel {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  width: 720px;
  background-color: white;
  transform: translateX(100%);
  transition-property: transform;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}

.styleguide-panel--open .styleguide-panel {
  transform: translateX(0);
}

.styleguide-panel [data-type="tabs"] {
  height: 100%;
  padding-top: 75px;
}

.styleguide-panel [data-tab-content] {
  padding: 6rem;
  height: 100%;
  overflow-y: scroll;
}

.styleguide-panel [data-tab-content] h6 {
  margin-bottom: 2rem;
}

.styleguide-panel [data-tab-content] .notes-section--title {
  display: block;
  color: #373737;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.styleguide-panel [data-tab-content] .language-markup {
  margin-top: 5rem;
}

.styleguide-panel .tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  line-height: 7.2rem;
  padding-left: 6rem;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.styleguide-panel .tabs a {
  display: inline-block;
  position: relative;
  margin-right: 4rem;
  line-height: 7.5rem;
  text-transform: uppercase;
}

.styleguide-panel .tabs a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background-color: transparent;
}

.styleguide-panel .tabs a.close {
  display: block;
  float: right;
  width: 7rem;
  height: 100%;
  margin: 0;
  padding: 0;
  border-left: 1px solid #d8d8d8;
  background: url(../images/styleguide/close.svg) no-repeat center/1.4rem;
}

.styleguide-panel .tabs a.is-active:after {
  background-color: black;
}

.styleguide-panel .notes-module-id > span {
  display: inline-block;
  position: relative;
  color: #9e9e9e;
  margin-bottom: 2rem;
}

.styleguide-panel .notes-intro > span {
  display: inline-block;
  position: relative;
  margin-bottom: -1rem;
  width: 100%;
}

.styleguide-panel .tab-buttons {
  position: relative;
  font-size: 0;
  margin-bottom: 2.9rem;
}

.styleguide-panel .tab-buttons .tab-button {
  display: inline-block;
  position: relative;
  padding: 1rem 0.5rem;
  margin-right: 2rem;
  margin-left: -0.5rem;
  margin-bottom: 0.2rem;
}

.styleguide-panel .tab-buttons .tab-button:last-of-type {
  margin-right: 0;
}

.styleguide-panel .tab-buttons .tab-button:after {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0.1rem;
  left: 0rem;
  width: 100%;
  height: 0.3rem;
  background: #f0f1f3;
}

.styleguide-panel .tab-buttons .tab-button:hover:after {
  background: #4f4f4f;
}

.styleguide-panel .tab-buttons .tab-button:hover a {
  color: #4f4f4f;
}

.styleguide-panel .tab-buttons .tab-button.is-active {
  color: #4f4f4f;
}

.styleguide-panel .tab-buttons .tab-button.is-active:after {
  background: #4f4f4f;
}

.styleguide-panel .tab-buttons .tab-button.is-active a {
  color: #4f4f4f;
}

.styleguide-panel .tab-buttons .tab-button a {
  color: #b9b9b9;
  transition: none;
}

.styleguide-panel .specs-by-mod .spec-tab {
  display: none;
}

.styleguide-panel .specs-by-mod .spec-tab.is-active {
  display: block;
}

.styleguide-panel .specs-by-mod .spec-tab .notes-module-id {
  display: none;
}

.styleguide-panel .specs-by-mod .spec-tab .tab-buttons {
  margin-top: -1.8rem;
  margin-bottom: 2.9rem;
}

.styleguide-panel .specs {
  position: relative;
  margin-top: 2rem;
  padding-left: 0;
}

.styleguide-panel .specs .breakpoint {
  position: relative;
  margin-bottom: 4rem;
}

.styleguide-panel .specs .breakpoint--headline {
  position: relative;
  margin-bottom: 2.5rem;
}

.styleguide-panel .specs .breakpoint--headline:after {
  content: '';
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  bottom: -0.3rem;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
}

.styleguide-panel .specs .breakpoint--details {
  position: relative;
  padding-left: 0.6rem;
}

.styleguide-panel .specs .specs-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.styleguide-panel .specs .spec--group-title {
  display: inline-block;
  position: relative;
  width: calc(100% + 2rem);
  left: -2rem;
  padding: 1rem 1.5rem;
  background: #f0f1f3;
  margin-bottom: 0.5rem;
}

.styleguide-panel .specs .spec--title {
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
}

.styleguide-panel .specs .spec--detail {
  display: inline-block;
  position: relative;
  color: #9e9e9e;
}

.styleguide-panel li, .styleguide-panel ul {
  padding: 0;
  margin: 0;
}

pre + .styleguide-module__toggle-code {
  margin-top: 2rem;
}

.styleguide-list--buttons li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1rem 1rem 0;
}

.styleguide-footer {
  display: none;
}

.styleguide-header,
.styleguide-footer {
  transition: all 0.36s cubic-bezier(0.52, 0.01, 0.16, 1);
  width: 100%;
}

.sidebar-open .sidebar {
  transform: translateX(0);
}

.sidebar-open .sidebar .compact-nav {
  visibility: hidden;
}

.sidebar-open .styleguide-header,
.sidebar-open .styleguide-footer {
  transform: translateX(240px);
  width: calc(100% - 240px);
}

.sidebar-open .styleguide-iframe-wrapper {
  transform: translateX(240px);
}

@media (min-width: 641px) {
  .sidebar-open .styleguide-iframe-wrapper {
    width: calc(100% - 240px);
  }
}

.login-form input[type="checkbox"] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

.styleguide-header {
  overflow: visible;
}

#sg-search {
  width: 4.5rem;
  cursor: pointer;
  margin-left: 2rem;
  position: relative;
  border-left: 1px solid #ddd;
  transition: width .35s ease-in-out;
}

#sg-search.is-active {
  width: 25rem;
}

#sg-search svg {
  fill: #333;
  top: 50%;
  width: 1.3rem;
  position: absolute;
  transform: translateY(-50%);
}

#sg-search > span {
  display: block;
  padding-left: 1.5rem;
}

#sg-search .search {
  width: 100%;
  font-weight: 600;
  padding: 0 2rem 0 3rem;
}

#sg-search .list {
  margin: 0;
  padding: 0;
  max-height: 40rem;
  overflow: scroll;
  display: none;
}

#sg-search .list > li {
  padding: 0;
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

#sg-search .list > li a {
  display: block;
  padding: 1rem 2rem;
}

#sg-search .list > li .name {
  display: block;
  font-weight: 600;
  font-size: 1.3rem;
  margin-bottom: .5rem;
  text-transform: capitalize;
}

#sg-search .list > li .type {
  display: block;
  margin-right: 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

#sg-search .no-result {
  display: none;
}

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