.clearfix::after {
  content: "";
  display: table;
  clear: both; }

/*  To utilize the font mixin,

@mixin font-source-serif($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-serif-italic($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-sans($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {

// @include font-source-serif(40px, $brand-v2-off-black, normal, 50px, null);
// @include font-source-sans(16px, $brand-v2-off-black, normal, 21px, 0.03em);

*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.display-none {
  display: none; }

.menu {
  float: left;
  margin: 0;
  padding: 0; }
  .menu li {
    float: left;
    list-style: none outside none !important; }

.text-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%; }

/* mixin for multiline */
.page-designer-reference .m-pd-auto {
  margin: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-auto {
    margin: auto !important; } }

.page-designer-reference .p-pd-auto {
  padding: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-auto {
    padding: auto !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-auto {
    margin-top: auto !important; } }

.page-designer-reference .mt-pd-auto {
  margin-top: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-auto {
    padding-top: auto !important; } }

.page-designer-reference .pt-pd-auto {
  padding-top: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-auto {
    margin-right: auto !important; } }

.page-designer-reference .mr-pd-auto {
  margin-right: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-auto {
    padding-right: auto !important; } }

.page-designer-reference .pr-pd-auto {
  padding-right: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-auto {
    margin-bottom: auto !important; } }

.page-designer-reference .mb-pd-auto {
  margin-bottom: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-auto {
    padding-bottom: auto !important; } }

.page-designer-reference .pb-pd-auto {
  padding-bottom: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-auto {
    margin-left: auto !important; } }

.page-designer-reference .ml-pd-auto {
  margin-left: auto; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-auto {
    padding-left: auto !important; } }

.page-designer-reference .pl-pd-auto {
  padding-left: auto; }

.page-designer-reference .m-pd-nauto {
  margin: -auto !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-nauto {
    margin: -auto !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-nauto {
    margin-top: -auto !important; } }

.page-designer-reference .mt-pd-nauto {
  margin-top: -auto !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-nauto {
    margin-right: -auto !important; } }

.page-designer-reference .mr-pd-nauto {
  margin-right: -auto !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-nauto {
    margin-bottom: -auto !important; } }

.page-designer-reference .mb-pd-nauto {
  margin-bottom: -auto !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-nauto {
    margin-left: -auto !important; } }

.page-designer-reference .ml-pd-nauto {
  margin-left: -auto !important; }

.page-designer-reference .m-pd-0 {
  margin: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-0 {
    margin: 0 !important; } }

.page-designer-reference .p-pd-0 {
  padding: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-0 {
    padding: 0 !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-0 {
    margin-top: 0 !important; } }

.page-designer-reference .mt-pd-0 {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-0 {
    padding-top: 0 !important; } }

.page-designer-reference .pt-pd-0 {
  padding-top: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-0 {
    margin-right: 0 !important; } }

.page-designer-reference .mr-pd-0 {
  margin-right: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-0 {
    padding-right: 0 !important; } }

.page-designer-reference .pr-pd-0 {
  padding-right: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-0 {
    margin-bottom: 0 !important; } }

.page-designer-reference .mb-pd-0 {
  margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-0 {
    padding-bottom: 0 !important; } }

.page-designer-reference .pb-pd-0 {
  padding-bottom: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-0 {
    margin-left: 0 !important; } }

.page-designer-reference .ml-pd-0 {
  margin-left: 0; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-0 {
    padding-left: 0 !important; } }

.page-designer-reference .pl-pd-0 {
  padding-left: 0; }

.page-designer-reference .m-pd-n0 {
  margin: -0 !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n0 {
    margin: -0 !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n0 {
    margin-top: -0 !important; } }

.page-designer-reference .mt-pd-n0 {
  margin-top: -0 !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n0 {
    margin-right: -0 !important; } }

.page-designer-reference .mr-pd-n0 {
  margin-right: -0 !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n0 {
    margin-bottom: -0 !important; } }

.page-designer-reference .mb-pd-n0 {
  margin-bottom: -0 !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n0 {
    margin-left: -0 !important; } }

.page-designer-reference .ml-pd-n0 {
  margin-left: -0 !important; }

.page-designer-reference .m-pd-1 {
  margin: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-1 {
    margin: 0.5rem !important; } }

.page-designer-reference .p-pd-1 {
  padding: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-1 {
    padding: 0.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-1 {
    margin-top: 0.5rem !important; } }

.page-designer-reference .mt-pd-1 {
  margin-top: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-1 {
    padding-top: 0.5rem !important; } }

.page-designer-reference .pt-pd-1 {
  padding-top: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-1 {
    margin-right: 0.5rem !important; } }

.page-designer-reference .mr-pd-1 {
  margin-right: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-1 {
    padding-right: 0.5rem !important; } }

.page-designer-reference .pr-pd-1 {
  padding-right: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-1 {
    margin-bottom: 0.5rem !important; } }

.page-designer-reference .mb-pd-1 {
  margin-bottom: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-1 {
    padding-bottom: 0.5rem !important; } }

.page-designer-reference .pb-pd-1 {
  padding-bottom: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-1 {
    margin-left: 0.5rem !important; } }

.page-designer-reference .ml-pd-1 {
  margin-left: 0.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-1 {
    padding-left: 0.5rem !important; } }

.page-designer-reference .pl-pd-1 {
  padding-left: 0.5rem; }

.page-designer-reference .m-pd-n1 {
  margin: -0.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n1 {
    margin: -0.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n1 {
    margin-top: -0.5rem !important; } }

.page-designer-reference .mt-pd-n1 {
  margin-top: -0.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n1 {
    margin-right: -0.5rem !important; } }

.page-designer-reference .mr-pd-n1 {
  margin-right: -0.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n1 {
    margin-bottom: -0.5rem !important; } }

.page-designer-reference .mb-pd-n1 {
  margin-bottom: -0.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n1 {
    margin-left: -0.5rem !important; } }

.page-designer-reference .ml-pd-n1 {
  margin-left: -0.5rem !important; }

.page-designer-reference .m-pd-2 {
  margin: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-2 {
    margin: 1rem !important; } }

.page-designer-reference .p-pd-2 {
  padding: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-2 {
    padding: 1rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-2 {
    margin-top: 1rem !important; } }

.page-designer-reference .mt-pd-2 {
  margin-top: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-2 {
    padding-top: 1rem !important; } }

.page-designer-reference .pt-pd-2 {
  padding-top: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-2 {
    margin-right: 1rem !important; } }

.page-designer-reference .mr-pd-2 {
  margin-right: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-2 {
    padding-right: 1rem !important; } }

.page-designer-reference .pr-pd-2 {
  padding-right: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-2 {
    margin-bottom: 1rem !important; } }

.page-designer-reference .mb-pd-2 {
  margin-bottom: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-2 {
    padding-bottom: 1rem !important; } }

.page-designer-reference .pb-pd-2 {
  padding-bottom: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-2 {
    margin-left: 1rem !important; } }

.page-designer-reference .ml-pd-2 {
  margin-left: 1rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-2 {
    padding-left: 1rem !important; } }

.page-designer-reference .pl-pd-2 {
  padding-left: 1rem; }

.page-designer-reference .m-pd-n2 {
  margin: -1rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n2 {
    margin: -1rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n2 {
    margin-top: -1rem !important; } }

.page-designer-reference .mt-pd-n2 {
  margin-top: -1rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n2 {
    margin-right: -1rem !important; } }

.page-designer-reference .mr-pd-n2 {
  margin-right: -1rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n2 {
    margin-bottom: -1rem !important; } }

.page-designer-reference .mb-pd-n2 {
  margin-bottom: -1rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n2 {
    margin-left: -1rem !important; } }

.page-designer-reference .ml-pd-n2 {
  margin-left: -1rem !important; }

.page-designer-reference .m-pd-3 {
  margin: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-3 {
    margin: 1.5rem !important; } }

.page-designer-reference .p-pd-3 {
  padding: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-3 {
    padding: 1.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-3 {
    margin-top: 1.5rem !important; } }

.page-designer-reference .mt-pd-3 {
  margin-top: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-3 {
    padding-top: 1.5rem !important; } }

.page-designer-reference .pt-pd-3 {
  padding-top: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-3 {
    margin-right: 1.5rem !important; } }

.page-designer-reference .mr-pd-3 {
  margin-right: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-3 {
    padding-right: 1.5rem !important; } }

.page-designer-reference .pr-pd-3 {
  padding-right: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-3 {
    margin-bottom: 1.5rem !important; } }

.page-designer-reference .mb-pd-3 {
  margin-bottom: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-3 {
    padding-bottom: 1.5rem !important; } }

.page-designer-reference .pb-pd-3 {
  padding-bottom: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-3 {
    margin-left: 1.5rem !important; } }

.page-designer-reference .ml-pd-3 {
  margin-left: 1.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-3 {
    padding-left: 1.5rem !important; } }

.page-designer-reference .pl-pd-3 {
  padding-left: 1.5rem; }

.page-designer-reference .m-pd-n3 {
  margin: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n3 {
    margin: -1.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n3 {
    margin-top: -1.5rem !important; } }

.page-designer-reference .mt-pd-n3 {
  margin-top: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n3 {
    margin-right: -1.5rem !important; } }

.page-designer-reference .mr-pd-n3 {
  margin-right: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n3 {
    margin-bottom: -1.5rem !important; } }

.page-designer-reference .mb-pd-n3 {
  margin-bottom: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n3 {
    margin-left: -1.5rem !important; } }

.page-designer-reference .ml-pd-n3 {
  margin-left: -1.5rem !important; }

.page-designer-reference .m-pd-4 {
  margin: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-4 {
    margin: 2rem !important; } }

.page-designer-reference .p-pd-4 {
  padding: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-4 {
    padding: 2rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-4 {
    margin-top: 2rem !important; } }

.page-designer-reference .mt-pd-4 {
  margin-top: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-4 {
    padding-top: 2rem !important; } }

.page-designer-reference .pt-pd-4 {
  padding-top: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-4 {
    margin-right: 2rem !important; } }

.page-designer-reference .mr-pd-4 {
  margin-right: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-4 {
    padding-right: 2rem !important; } }

.page-designer-reference .pr-pd-4 {
  padding-right: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-4 {
    margin-bottom: 2rem !important; } }

.page-designer-reference .mb-pd-4 {
  margin-bottom: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-4 {
    padding-bottom: 2rem !important; } }

.page-designer-reference .pb-pd-4 {
  padding-bottom: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-4 {
    margin-left: 2rem !important; } }

.page-designer-reference .ml-pd-4 {
  margin-left: 2rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-4 {
    padding-left: 2rem !important; } }

.page-designer-reference .pl-pd-4 {
  padding-left: 2rem; }

.page-designer-reference .m-pd-n4 {
  margin: -2rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n4 {
    margin: -2rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n4 {
    margin-top: -2rem !important; } }

.page-designer-reference .mt-pd-n4 {
  margin-top: -2rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n4 {
    margin-right: -2rem !important; } }

.page-designer-reference .mr-pd-n4 {
  margin-right: -2rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n4 {
    margin-bottom: -2rem !important; } }

.page-designer-reference .mb-pd-n4 {
  margin-bottom: -2rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n4 {
    margin-left: -2rem !important; } }

.page-designer-reference .ml-pd-n4 {
  margin-left: -2rem !important; }

.page-designer-reference .m-pd-5 {
  margin: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-5 {
    margin: 2.5rem !important; } }

.page-designer-reference .p-pd-5 {
  padding: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-5 {
    padding: 2.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-5 {
    margin-top: 2.5rem !important; } }

.page-designer-reference .mt-pd-5 {
  margin-top: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-5 {
    padding-top: 2.5rem !important; } }

.page-designer-reference .pt-pd-5 {
  padding-top: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-5 {
    margin-right: 2.5rem !important; } }

.page-designer-reference .mr-pd-5 {
  margin-right: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-5 {
    padding-right: 2.5rem !important; } }

.page-designer-reference .pr-pd-5 {
  padding-right: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-5 {
    margin-bottom: 2.5rem !important; } }

.page-designer-reference .mb-pd-5 {
  margin-bottom: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-5 {
    padding-bottom: 2.5rem !important; } }

.page-designer-reference .pb-pd-5 {
  padding-bottom: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-5 {
    margin-left: 2.5rem !important; } }

.page-designer-reference .ml-pd-5 {
  margin-left: 2.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-5 {
    padding-left: 2.5rem !important; } }

.page-designer-reference .pl-pd-5 {
  padding-left: 2.5rem; }

.page-designer-reference .m-pd-n5 {
  margin: -2.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n5 {
    margin: -2.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n5 {
    margin-top: -2.5rem !important; } }

.page-designer-reference .mt-pd-n5 {
  margin-top: -2.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n5 {
    margin-right: -2.5rem !important; } }

.page-designer-reference .mr-pd-n5 {
  margin-right: -2.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n5 {
    margin-bottom: -2.5rem !important; } }

.page-designer-reference .mb-pd-n5 {
  margin-bottom: -2.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n5 {
    margin-left: -2.5rem !important; } }

.page-designer-reference .ml-pd-n5 {
  margin-left: -2.5rem !important; }

.page-designer-reference .m-pd-6 {
  margin: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-6 {
    margin: 3rem !important; } }

.page-designer-reference .p-pd-6 {
  padding: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-6 {
    padding: 3rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-6 {
    margin-top: 3rem !important; } }

.page-designer-reference .mt-pd-6 {
  margin-top: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-6 {
    padding-top: 3rem !important; } }

.page-designer-reference .pt-pd-6 {
  padding-top: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-6 {
    margin-right: 3rem !important; } }

.page-designer-reference .mr-pd-6 {
  margin-right: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-6 {
    padding-right: 3rem !important; } }

.page-designer-reference .pr-pd-6 {
  padding-right: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-6 {
    margin-bottom: 3rem !important; } }

.page-designer-reference .mb-pd-6 {
  margin-bottom: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-6 {
    padding-bottom: 3rem !important; } }

.page-designer-reference .pb-pd-6 {
  padding-bottom: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-6 {
    margin-left: 3rem !important; } }

.page-designer-reference .ml-pd-6 {
  margin-left: 3rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-6 {
    padding-left: 3rem !important; } }

.page-designer-reference .pl-pd-6 {
  padding-left: 3rem; }

.page-designer-reference .m-pd-n6 {
  margin: -3rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n6 {
    margin: -3rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n6 {
    margin-top: -3rem !important; } }

.page-designer-reference .mt-pd-n6 {
  margin-top: -3rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n6 {
    margin-right: -3rem !important; } }

.page-designer-reference .mr-pd-n6 {
  margin-right: -3rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n6 {
    margin-bottom: -3rem !important; } }

.page-designer-reference .mb-pd-n6 {
  margin-bottom: -3rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n6 {
    margin-left: -3rem !important; } }

.page-designer-reference .ml-pd-n6 {
  margin-left: -3rem !important; }

.page-designer-reference .m-pd-7 {
  margin: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-7 {
    margin: 3.5rem !important; } }

.page-designer-reference .p-pd-7 {
  padding: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-7 {
    padding: 3.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-7 {
    margin-top: 3.5rem !important; } }

.page-designer-reference .mt-pd-7 {
  margin-top: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-7 {
    padding-top: 3.5rem !important; } }

.page-designer-reference .pt-pd-7 {
  padding-top: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-7 {
    margin-right: 3.5rem !important; } }

.page-designer-reference .mr-pd-7 {
  margin-right: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-7 {
    padding-right: 3.5rem !important; } }

.page-designer-reference .pr-pd-7 {
  padding-right: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-7 {
    margin-bottom: 3.5rem !important; } }

.page-designer-reference .mb-pd-7 {
  margin-bottom: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-7 {
    padding-bottom: 3.5rem !important; } }

.page-designer-reference .pb-pd-7 {
  padding-bottom: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-7 {
    margin-left: 3.5rem !important; } }

.page-designer-reference .ml-pd-7 {
  margin-left: 3.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-7 {
    padding-left: 3.5rem !important; } }

.page-designer-reference .pl-pd-7 {
  padding-left: 3.5rem; }

.page-designer-reference .m-pd-n7 {
  margin: -3.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n7 {
    margin: -3.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n7 {
    margin-top: -3.5rem !important; } }

.page-designer-reference .mt-pd-n7 {
  margin-top: -3.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n7 {
    margin-right: -3.5rem !important; } }

.page-designer-reference .mr-pd-n7 {
  margin-right: -3.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n7 {
    margin-bottom: -3.5rem !important; } }

.page-designer-reference .mb-pd-n7 {
  margin-bottom: -3.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n7 {
    margin-left: -3.5rem !important; } }

.page-designer-reference .ml-pd-n7 {
  margin-left: -3.5rem !important; }

.page-designer-reference .m-pd-8 {
  margin: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-8 {
    margin: 4rem !important; } }

.page-designer-reference .p-pd-8 {
  padding: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-8 {
    padding: 4rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-8 {
    margin-top: 4rem !important; } }

.page-designer-reference .mt-pd-8 {
  margin-top: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-8 {
    padding-top: 4rem !important; } }

.page-designer-reference .pt-pd-8 {
  padding-top: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-8 {
    margin-right: 4rem !important; } }

.page-designer-reference .mr-pd-8 {
  margin-right: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-8 {
    padding-right: 4rem !important; } }

.page-designer-reference .pr-pd-8 {
  padding-right: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-8 {
    margin-bottom: 4rem !important; } }

.page-designer-reference .mb-pd-8 {
  margin-bottom: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-8 {
    padding-bottom: 4rem !important; } }

.page-designer-reference .pb-pd-8 {
  padding-bottom: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-8 {
    margin-left: 4rem !important; } }

.page-designer-reference .ml-pd-8 {
  margin-left: 4rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-8 {
    padding-left: 4rem !important; } }

.page-designer-reference .pl-pd-8 {
  padding-left: 4rem; }

.page-designer-reference .m-pd-n8 {
  margin: -4rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n8 {
    margin: -4rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n8 {
    margin-top: -4rem !important; } }

.page-designer-reference .mt-pd-n8 {
  margin-top: -4rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n8 {
    margin-right: -4rem !important; } }

.page-designer-reference .mr-pd-n8 {
  margin-right: -4rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n8 {
    margin-bottom: -4rem !important; } }

.page-designer-reference .mb-pd-n8 {
  margin-bottom: -4rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n8 {
    margin-left: -4rem !important; } }

.page-designer-reference .ml-pd-n8 {
  margin-left: -4rem !important; }

.page-designer-reference .m-pd-9 {
  margin: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-9 {
    margin: 4.5rem !important; } }

.page-designer-reference .p-pd-9 {
  padding: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-9 {
    padding: 4.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-9 {
    margin-top: 4.5rem !important; } }

.page-designer-reference .mt-pd-9 {
  margin-top: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-9 {
    padding-top: 4.5rem !important; } }

.page-designer-reference .pt-pd-9 {
  padding-top: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-9 {
    margin-right: 4.5rem !important; } }

.page-designer-reference .mr-pd-9 {
  margin-right: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-9 {
    padding-right: 4.5rem !important; } }

.page-designer-reference .pr-pd-9 {
  padding-right: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-9 {
    margin-bottom: 4.5rem !important; } }

.page-designer-reference .mb-pd-9 {
  margin-bottom: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-9 {
    padding-bottom: 4.5rem !important; } }

.page-designer-reference .pb-pd-9 {
  padding-bottom: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-9 {
    margin-left: 4.5rem !important; } }

.page-designer-reference .ml-pd-9 {
  margin-left: 4.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-9 {
    padding-left: 4.5rem !important; } }

.page-designer-reference .pl-pd-9 {
  padding-left: 4.5rem; }

.page-designer-reference .m-pd-n9 {
  margin: -4.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n9 {
    margin: -4.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n9 {
    margin-top: -4.5rem !important; } }

.page-designer-reference .mt-pd-n9 {
  margin-top: -4.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n9 {
    margin-right: -4.5rem !important; } }

.page-designer-reference .mr-pd-n9 {
  margin-right: -4.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n9 {
    margin-bottom: -4.5rem !important; } }

.page-designer-reference .mb-pd-n9 {
  margin-bottom: -4.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n9 {
    margin-left: -4.5rem !important; } }

.page-designer-reference .ml-pd-n9 {
  margin-left: -4.5rem !important; }

.page-designer-reference .m-pd-10 {
  margin: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-10 {
    margin: 5rem !important; } }

.page-designer-reference .p-pd-10 {
  padding: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-10 {
    padding: 5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-10 {
    margin-top: 5rem !important; } }

.page-designer-reference .mt-pd-10 {
  margin-top: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-10 {
    padding-top: 5rem !important; } }

.page-designer-reference .pt-pd-10 {
  padding-top: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-10 {
    margin-right: 5rem !important; } }

.page-designer-reference .mr-pd-10 {
  margin-right: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-10 {
    padding-right: 5rem !important; } }

.page-designer-reference .pr-pd-10 {
  padding-right: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-10 {
    margin-bottom: 5rem !important; } }

.page-designer-reference .mb-pd-10 {
  margin-bottom: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-10 {
    padding-bottom: 5rem !important; } }

.page-designer-reference .pb-pd-10 {
  padding-bottom: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-10 {
    margin-left: 5rem !important; } }

.page-designer-reference .ml-pd-10 {
  margin-left: 5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-10 {
    padding-left: 5rem !important; } }

.page-designer-reference .pl-pd-10 {
  padding-left: 5rem; }

.page-designer-reference .m-pd-n10 {
  margin: -5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n10 {
    margin: -5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n10 {
    margin-top: -5rem !important; } }

.page-designer-reference .mt-pd-n10 {
  margin-top: -5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n10 {
    margin-right: -5rem !important; } }

.page-designer-reference .mr-pd-n10 {
  margin-right: -5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n10 {
    margin-bottom: -5rem !important; } }

.page-designer-reference .mb-pd-n10 {
  margin-bottom: -5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n10 {
    margin-left: -5rem !important; } }

.page-designer-reference .ml-pd-n10 {
  margin-left: -5rem !important; }

.page-designer-reference .m-pd-11 {
  margin: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-11 {
    margin: 5.5rem !important; } }

.page-designer-reference .p-pd-11 {
  padding: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-11 {
    padding: 5.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-11 {
    margin-top: 5.5rem !important; } }

.page-designer-reference .mt-pd-11 {
  margin-top: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-11 {
    padding-top: 5.5rem !important; } }

.page-designer-reference .pt-pd-11 {
  padding-top: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-11 {
    margin-right: 5.5rem !important; } }

.page-designer-reference .mr-pd-11 {
  margin-right: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-11 {
    padding-right: 5.5rem !important; } }

.page-designer-reference .pr-pd-11 {
  padding-right: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-11 {
    margin-bottom: 5.5rem !important; } }

.page-designer-reference .mb-pd-11 {
  margin-bottom: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-11 {
    padding-bottom: 5.5rem !important; } }

.page-designer-reference .pb-pd-11 {
  padding-bottom: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-11 {
    margin-left: 5.5rem !important; } }

.page-designer-reference .ml-pd-11 {
  margin-left: 5.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-11 {
    padding-left: 5.5rem !important; } }

.page-designer-reference .pl-pd-11 {
  padding-left: 5.5rem; }

.page-designer-reference .m-pd-n11 {
  margin: -5.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n11 {
    margin: -5.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n11 {
    margin-top: -5.5rem !important; } }

.page-designer-reference .mt-pd-n11 {
  margin-top: -5.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n11 {
    margin-right: -5.5rem !important; } }

.page-designer-reference .mr-pd-n11 {
  margin-right: -5.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n11 {
    margin-bottom: -5.5rem !important; } }

.page-designer-reference .mb-pd-n11 {
  margin-bottom: -5.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n11 {
    margin-left: -5.5rem !important; } }

.page-designer-reference .ml-pd-n11 {
  margin-left: -5.5rem !important; }

.page-designer-reference .m-pd-12 {
  margin: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-12 {
    margin: 6rem !important; } }

.page-designer-reference .p-pd-12 {
  padding: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-12 {
    padding: 6rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-12 {
    margin-top: 6rem !important; } }

.page-designer-reference .mt-pd-12 {
  margin-top: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-12 {
    padding-top: 6rem !important; } }

.page-designer-reference .pt-pd-12 {
  padding-top: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-12 {
    margin-right: 6rem !important; } }

.page-designer-reference .mr-pd-12 {
  margin-right: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-12 {
    padding-right: 6rem !important; } }

.page-designer-reference .pr-pd-12 {
  padding-right: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-12 {
    margin-bottom: 6rem !important; } }

.page-designer-reference .mb-pd-12 {
  margin-bottom: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-12 {
    padding-bottom: 6rem !important; } }

.page-designer-reference .pb-pd-12 {
  padding-bottom: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-12 {
    margin-left: 6rem !important; } }

.page-designer-reference .ml-pd-12 {
  margin-left: 6rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-12 {
    padding-left: 6rem !important; } }

.page-designer-reference .pl-pd-12 {
  padding-left: 6rem; }

.page-designer-reference .m-pd-n12 {
  margin: -6rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n12 {
    margin: -6rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n12 {
    margin-top: -6rem !important; } }

.page-designer-reference .mt-pd-n12 {
  margin-top: -6rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n12 {
    margin-right: -6rem !important; } }

.page-designer-reference .mr-pd-n12 {
  margin-right: -6rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n12 {
    margin-bottom: -6rem !important; } }

.page-designer-reference .mb-pd-n12 {
  margin-bottom: -6rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n12 {
    margin-left: -6rem !important; } }

.page-designer-reference .ml-pd-n12 {
  margin-left: -6rem !important; }

.page-designer-reference .m-pd-13 {
  margin: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-13 {
    margin: 6.5rem !important; } }

.page-designer-reference .p-pd-13 {
  padding: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-13 {
    padding: 6.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-13 {
    margin-top: 6.5rem !important; } }

.page-designer-reference .mt-pd-13 {
  margin-top: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-13 {
    padding-top: 6.5rem !important; } }

.page-designer-reference .pt-pd-13 {
  padding-top: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-13 {
    margin-right: 6.5rem !important; } }

.page-designer-reference .mr-pd-13 {
  margin-right: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-13 {
    padding-right: 6.5rem !important; } }

.page-designer-reference .pr-pd-13 {
  padding-right: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-13 {
    margin-bottom: 6.5rem !important; } }

.page-designer-reference .mb-pd-13 {
  margin-bottom: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-13 {
    padding-bottom: 6.5rem !important; } }

.page-designer-reference .pb-pd-13 {
  padding-bottom: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-13 {
    margin-left: 6.5rem !important; } }

.page-designer-reference .ml-pd-13 {
  margin-left: 6.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-13 {
    padding-left: 6.5rem !important; } }

.page-designer-reference .pl-pd-13 {
  padding-left: 6.5rem; }

.page-designer-reference .m-pd-n13 {
  margin: -6.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n13 {
    margin: -6.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n13 {
    margin-top: -6.5rem !important; } }

.page-designer-reference .mt-pd-n13 {
  margin-top: -6.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n13 {
    margin-right: -6.5rem !important; } }

.page-designer-reference .mr-pd-n13 {
  margin-right: -6.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n13 {
    margin-bottom: -6.5rem !important; } }

.page-designer-reference .mb-pd-n13 {
  margin-bottom: -6.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n13 {
    margin-left: -6.5rem !important; } }

.page-designer-reference .ml-pd-n13 {
  margin-left: -6.5rem !important; }

.page-designer-reference .m-pd-14 {
  margin: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-14 {
    margin: 7rem !important; } }

.page-designer-reference .p-pd-14 {
  padding: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-14 {
    padding: 7rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-14 {
    margin-top: 7rem !important; } }

.page-designer-reference .mt-pd-14 {
  margin-top: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-14 {
    padding-top: 7rem !important; } }

.page-designer-reference .pt-pd-14 {
  padding-top: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-14 {
    margin-right: 7rem !important; } }

.page-designer-reference .mr-pd-14 {
  margin-right: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-14 {
    padding-right: 7rem !important; } }

.page-designer-reference .pr-pd-14 {
  padding-right: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-14 {
    margin-bottom: 7rem !important; } }

.page-designer-reference .mb-pd-14 {
  margin-bottom: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-14 {
    padding-bottom: 7rem !important; } }

.page-designer-reference .pb-pd-14 {
  padding-bottom: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-14 {
    margin-left: 7rem !important; } }

.page-designer-reference .ml-pd-14 {
  margin-left: 7rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-14 {
    padding-left: 7rem !important; } }

.page-designer-reference .pl-pd-14 {
  padding-left: 7rem; }

.page-designer-reference .m-pd-n14 {
  margin: -7rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n14 {
    margin: -7rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n14 {
    margin-top: -7rem !important; } }

.page-designer-reference .mt-pd-n14 {
  margin-top: -7rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n14 {
    margin-right: -7rem !important; } }

.page-designer-reference .mr-pd-n14 {
  margin-right: -7rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n14 {
    margin-bottom: -7rem !important; } }

.page-designer-reference .mb-pd-n14 {
  margin-bottom: -7rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n14 {
    margin-left: -7rem !important; } }

.page-designer-reference .ml-pd-n14 {
  margin-left: -7rem !important; }

.page-designer-reference .m-pd-15 {
  margin: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-15 {
    margin: 7.5rem !important; } }

.page-designer-reference .p-pd-15 {
  padding: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-15 {
    padding: 7.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-15 {
    margin-top: 7.5rem !important; } }

.page-designer-reference .mt-pd-15 {
  margin-top: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-15 {
    padding-top: 7.5rem !important; } }

.page-designer-reference .pt-pd-15 {
  padding-top: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-15 {
    margin-right: 7.5rem !important; } }

.page-designer-reference .mr-pd-15 {
  margin-right: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-15 {
    padding-right: 7.5rem !important; } }

.page-designer-reference .pr-pd-15 {
  padding-right: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-15 {
    margin-bottom: 7.5rem !important; } }

.page-designer-reference .mb-pd-15 {
  margin-bottom: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-15 {
    padding-bottom: 7.5rem !important; } }

.page-designer-reference .pb-pd-15 {
  padding-bottom: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-15 {
    margin-left: 7.5rem !important; } }

.page-designer-reference .ml-pd-15 {
  margin-left: 7.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-15 {
    padding-left: 7.5rem !important; } }

.page-designer-reference .pl-pd-15 {
  padding-left: 7.5rem; }

.page-designer-reference .m-pd-n15 {
  margin: -7.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n15 {
    margin: -7.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n15 {
    margin-top: -7.5rem !important; } }

.page-designer-reference .mt-pd-n15 {
  margin-top: -7.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n15 {
    margin-right: -7.5rem !important; } }

.page-designer-reference .mr-pd-n15 {
  margin-right: -7.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n15 {
    margin-bottom: -7.5rem !important; } }

.page-designer-reference .mb-pd-n15 {
  margin-bottom: -7.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n15 {
    margin-left: -7.5rem !important; } }

.page-designer-reference .ml-pd-n15 {
  margin-left: -7.5rem !important; }

.page-designer-reference .m-pd-16 {
  margin: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-16 {
    margin: 8rem !important; } }

.page-designer-reference .p-pd-16 {
  padding: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-16 {
    padding: 8rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-16 {
    margin-top: 8rem !important; } }

.page-designer-reference .mt-pd-16 {
  margin-top: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-16 {
    padding-top: 8rem !important; } }

.page-designer-reference .pt-pd-16 {
  padding-top: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-16 {
    margin-right: 8rem !important; } }

.page-designer-reference .mr-pd-16 {
  margin-right: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-16 {
    padding-right: 8rem !important; } }

.page-designer-reference .pr-pd-16 {
  padding-right: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-16 {
    margin-bottom: 8rem !important; } }

.page-designer-reference .mb-pd-16 {
  margin-bottom: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-16 {
    padding-bottom: 8rem !important; } }

.page-designer-reference .pb-pd-16 {
  padding-bottom: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-16 {
    margin-left: 8rem !important; } }

.page-designer-reference .ml-pd-16 {
  margin-left: 8rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-16 {
    padding-left: 8rem !important; } }

.page-designer-reference .pl-pd-16 {
  padding-left: 8rem; }

.page-designer-reference .m-pd-n16 {
  margin: -8rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n16 {
    margin: -8rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n16 {
    margin-top: -8rem !important; } }

.page-designer-reference .mt-pd-n16 {
  margin-top: -8rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n16 {
    margin-right: -8rem !important; } }

.page-designer-reference .mr-pd-n16 {
  margin-right: -8rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n16 {
    margin-bottom: -8rem !important; } }

.page-designer-reference .mb-pd-n16 {
  margin-bottom: -8rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n16 {
    margin-left: -8rem !important; } }

.page-designer-reference .ml-pd-n16 {
  margin-left: -8rem !important; }

.page-designer-reference .m-pd-17 {
  margin: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-17 {
    margin: 8.5rem !important; } }

.page-designer-reference .p-pd-17 {
  padding: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-17 {
    padding: 8.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-17 {
    margin-top: 8.5rem !important; } }

.page-designer-reference .mt-pd-17 {
  margin-top: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-17 {
    padding-top: 8.5rem !important; } }

.page-designer-reference .pt-pd-17 {
  padding-top: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-17 {
    margin-right: 8.5rem !important; } }

.page-designer-reference .mr-pd-17 {
  margin-right: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-17 {
    padding-right: 8.5rem !important; } }

.page-designer-reference .pr-pd-17 {
  padding-right: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-17 {
    margin-bottom: 8.5rem !important; } }

.page-designer-reference .mb-pd-17 {
  margin-bottom: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-17 {
    padding-bottom: 8.5rem !important; } }

.page-designer-reference .pb-pd-17 {
  padding-bottom: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-17 {
    margin-left: 8.5rem !important; } }

.page-designer-reference .ml-pd-17 {
  margin-left: 8.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-17 {
    padding-left: 8.5rem !important; } }

.page-designer-reference .pl-pd-17 {
  padding-left: 8.5rem; }

.page-designer-reference .m-pd-n17 {
  margin: -8.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n17 {
    margin: -8.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n17 {
    margin-top: -8.5rem !important; } }

.page-designer-reference .mt-pd-n17 {
  margin-top: -8.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n17 {
    margin-right: -8.5rem !important; } }

.page-designer-reference .mr-pd-n17 {
  margin-right: -8.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n17 {
    margin-bottom: -8.5rem !important; } }

.page-designer-reference .mb-pd-n17 {
  margin-bottom: -8.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n17 {
    margin-left: -8.5rem !important; } }

.page-designer-reference .ml-pd-n17 {
  margin-left: -8.5rem !important; }

.page-designer-reference .m-pd-18 {
  margin: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-18 {
    margin: 9rem !important; } }

.page-designer-reference .p-pd-18 {
  padding: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-18 {
    padding: 9rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-18 {
    margin-top: 9rem !important; } }

.page-designer-reference .mt-pd-18 {
  margin-top: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-18 {
    padding-top: 9rem !important; } }

.page-designer-reference .pt-pd-18 {
  padding-top: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-18 {
    margin-right: 9rem !important; } }

.page-designer-reference .mr-pd-18 {
  margin-right: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-18 {
    padding-right: 9rem !important; } }

.page-designer-reference .pr-pd-18 {
  padding-right: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-18 {
    margin-bottom: 9rem !important; } }

.page-designer-reference .mb-pd-18 {
  margin-bottom: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-18 {
    padding-bottom: 9rem !important; } }

.page-designer-reference .pb-pd-18 {
  padding-bottom: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-18 {
    margin-left: 9rem !important; } }

.page-designer-reference .ml-pd-18 {
  margin-left: 9rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-18 {
    padding-left: 9rem !important; } }

.page-designer-reference .pl-pd-18 {
  padding-left: 9rem; }

.page-designer-reference .m-pd-n18 {
  margin: -9rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n18 {
    margin: -9rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n18 {
    margin-top: -9rem !important; } }

.page-designer-reference .mt-pd-n18 {
  margin-top: -9rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n18 {
    margin-right: -9rem !important; } }

.page-designer-reference .mr-pd-n18 {
  margin-right: -9rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n18 {
    margin-bottom: -9rem !important; } }

.page-designer-reference .mb-pd-n18 {
  margin-bottom: -9rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n18 {
    margin-left: -9rem !important; } }

.page-designer-reference .ml-pd-n18 {
  margin-left: -9rem !important; }

.page-designer-reference .m-pd-19 {
  margin: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-19 {
    margin: 9.5rem !important; } }

.page-designer-reference .p-pd-19 {
  padding: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-19 {
    padding: 9.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-19 {
    margin-top: 9.5rem !important; } }

.page-designer-reference .mt-pd-19 {
  margin-top: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-19 {
    padding-top: 9.5rem !important; } }

.page-designer-reference .pt-pd-19 {
  padding-top: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-19 {
    margin-right: 9.5rem !important; } }

.page-designer-reference .mr-pd-19 {
  margin-right: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-19 {
    padding-right: 9.5rem !important; } }

.page-designer-reference .pr-pd-19 {
  padding-right: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-19 {
    margin-bottom: 9.5rem !important; } }

.page-designer-reference .mb-pd-19 {
  margin-bottom: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-19 {
    padding-bottom: 9.5rem !important; } }

.page-designer-reference .pb-pd-19 {
  padding-bottom: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-19 {
    margin-left: 9.5rem !important; } }

.page-designer-reference .ml-pd-19 {
  margin-left: 9.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-19 {
    padding-left: 9.5rem !important; } }

.page-designer-reference .pl-pd-19 {
  padding-left: 9.5rem; }

.page-designer-reference .m-pd-n19 {
  margin: -9.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n19 {
    margin: -9.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n19 {
    margin-top: -9.5rem !important; } }

.page-designer-reference .mt-pd-n19 {
  margin-top: -9.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n19 {
    margin-right: -9.5rem !important; } }

.page-designer-reference .mr-pd-n19 {
  margin-right: -9.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n19 {
    margin-bottom: -9.5rem !important; } }

.page-designer-reference .mb-pd-n19 {
  margin-bottom: -9.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n19 {
    margin-left: -9.5rem !important; } }

.page-designer-reference .ml-pd-n19 {
  margin-left: -9.5rem !important; }

.page-designer-reference .m-pd-20 {
  margin: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-20 {
    margin: 10rem !important; } }

.page-designer-reference .p-pd-20 {
  padding: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-20 {
    padding: 10rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-20 {
    margin-top: 10rem !important; } }

.page-designer-reference .mt-pd-20 {
  margin-top: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-20 {
    padding-top: 10rem !important; } }

.page-designer-reference .pt-pd-20 {
  padding-top: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-20 {
    margin-right: 10rem !important; } }

.page-designer-reference .mr-pd-20 {
  margin-right: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-20 {
    padding-right: 10rem !important; } }

.page-designer-reference .pr-pd-20 {
  padding-right: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-20 {
    margin-bottom: 10rem !important; } }

.page-designer-reference .mb-pd-20 {
  margin-bottom: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-20 {
    padding-bottom: 10rem !important; } }

.page-designer-reference .pb-pd-20 {
  padding-bottom: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-20 {
    margin-left: 10rem !important; } }

.page-designer-reference .ml-pd-20 {
  margin-left: 10rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-20 {
    padding-left: 10rem !important; } }

.page-designer-reference .pl-pd-20 {
  padding-left: 10rem; }

.page-designer-reference .m-pd-n20 {
  margin: -10rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n20 {
    margin: -10rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n20 {
    margin-top: -10rem !important; } }

.page-designer-reference .mt-pd-n20 {
  margin-top: -10rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n20 {
    margin-right: -10rem !important; } }

.page-designer-reference .mr-pd-n20 {
  margin-right: -10rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n20 {
    margin-bottom: -10rem !important; } }

.page-designer-reference .mb-pd-n20 {
  margin-bottom: -10rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n20 {
    margin-left: -10rem !important; } }

.page-designer-reference .ml-pd-n20 {
  margin-left: -10rem !important; }

.page-designer-reference .m-pd-21 {
  margin: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-21 {
    margin: 10.5rem !important; } }

.page-designer-reference .p-pd-21 {
  padding: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-21 {
    padding: 10.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-21 {
    margin-top: 10.5rem !important; } }

.page-designer-reference .mt-pd-21 {
  margin-top: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-21 {
    padding-top: 10.5rem !important; } }

.page-designer-reference .pt-pd-21 {
  padding-top: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-21 {
    margin-right: 10.5rem !important; } }

.page-designer-reference .mr-pd-21 {
  margin-right: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-21 {
    padding-right: 10.5rem !important; } }

.page-designer-reference .pr-pd-21 {
  padding-right: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-21 {
    margin-bottom: 10.5rem !important; } }

.page-designer-reference .mb-pd-21 {
  margin-bottom: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-21 {
    padding-bottom: 10.5rem !important; } }

.page-designer-reference .pb-pd-21 {
  padding-bottom: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-21 {
    margin-left: 10.5rem !important; } }

.page-designer-reference .ml-pd-21 {
  margin-left: 10.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-21 {
    padding-left: 10.5rem !important; } }

.page-designer-reference .pl-pd-21 {
  padding-left: 10.5rem; }

.page-designer-reference .m-pd-n21 {
  margin: -10.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n21 {
    margin: -10.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n21 {
    margin-top: -10.5rem !important; } }

.page-designer-reference .mt-pd-n21 {
  margin-top: -10.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n21 {
    margin-right: -10.5rem !important; } }

.page-designer-reference .mr-pd-n21 {
  margin-right: -10.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n21 {
    margin-bottom: -10.5rem !important; } }

.page-designer-reference .mb-pd-n21 {
  margin-bottom: -10.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n21 {
    margin-left: -10.5rem !important; } }

.page-designer-reference .ml-pd-n21 {
  margin-left: -10.5rem !important; }

.page-designer-reference .m-pd-22 {
  margin: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-22 {
    margin: 11rem !important; } }

.page-designer-reference .p-pd-22 {
  padding: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-22 {
    padding: 11rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-22 {
    margin-top: 11rem !important; } }

.page-designer-reference .mt-pd-22 {
  margin-top: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-22 {
    padding-top: 11rem !important; } }

.page-designer-reference .pt-pd-22 {
  padding-top: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-22 {
    margin-right: 11rem !important; } }

.page-designer-reference .mr-pd-22 {
  margin-right: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-22 {
    padding-right: 11rem !important; } }

.page-designer-reference .pr-pd-22 {
  padding-right: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-22 {
    margin-bottom: 11rem !important; } }

.page-designer-reference .mb-pd-22 {
  margin-bottom: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-22 {
    padding-bottom: 11rem !important; } }

.page-designer-reference .pb-pd-22 {
  padding-bottom: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-22 {
    margin-left: 11rem !important; } }

.page-designer-reference .ml-pd-22 {
  margin-left: 11rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-22 {
    padding-left: 11rem !important; } }

.page-designer-reference .pl-pd-22 {
  padding-left: 11rem; }

.page-designer-reference .m-pd-n22 {
  margin: -11rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n22 {
    margin: -11rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n22 {
    margin-top: -11rem !important; } }

.page-designer-reference .mt-pd-n22 {
  margin-top: -11rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n22 {
    margin-right: -11rem !important; } }

.page-designer-reference .mr-pd-n22 {
  margin-right: -11rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n22 {
    margin-bottom: -11rem !important; } }

.page-designer-reference .mb-pd-n22 {
  margin-bottom: -11rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n22 {
    margin-left: -11rem !important; } }

.page-designer-reference .ml-pd-n22 {
  margin-left: -11rem !important; }

.page-designer-reference .m-pd-23 {
  margin: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-23 {
    margin: 11.5rem !important; } }

.page-designer-reference .p-pd-23 {
  padding: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-23 {
    padding: 11.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-23 {
    margin-top: 11.5rem !important; } }

.page-designer-reference .mt-pd-23 {
  margin-top: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-23 {
    padding-top: 11.5rem !important; } }

.page-designer-reference .pt-pd-23 {
  padding-top: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-23 {
    margin-right: 11.5rem !important; } }

.page-designer-reference .mr-pd-23 {
  margin-right: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-23 {
    padding-right: 11.5rem !important; } }

.page-designer-reference .pr-pd-23 {
  padding-right: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-23 {
    margin-bottom: 11.5rem !important; } }

.page-designer-reference .mb-pd-23 {
  margin-bottom: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-23 {
    padding-bottom: 11.5rem !important; } }

.page-designer-reference .pb-pd-23 {
  padding-bottom: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-23 {
    margin-left: 11.5rem !important; } }

.page-designer-reference .ml-pd-23 {
  margin-left: 11.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-23 {
    padding-left: 11.5rem !important; } }

.page-designer-reference .pl-pd-23 {
  padding-left: 11.5rem; }

.page-designer-reference .m-pd-n23 {
  margin: -11.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n23 {
    margin: -11.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n23 {
    margin-top: -11.5rem !important; } }

.page-designer-reference .mt-pd-n23 {
  margin-top: -11.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n23 {
    margin-right: -11.5rem !important; } }

.page-designer-reference .mr-pd-n23 {
  margin-right: -11.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n23 {
    margin-bottom: -11.5rem !important; } }

.page-designer-reference .mb-pd-n23 {
  margin-bottom: -11.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n23 {
    margin-left: -11.5rem !important; } }

.page-designer-reference .ml-pd-n23 {
  margin-left: -11.5rem !important; }

.page-designer-reference .m-pd-24 {
  margin: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-24 {
    margin: 12rem !important; } }

.page-designer-reference .p-pd-24 {
  padding: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-24 {
    padding: 12rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-24 {
    margin-top: 12rem !important; } }

.page-designer-reference .mt-pd-24 {
  margin-top: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-24 {
    padding-top: 12rem !important; } }

.page-designer-reference .pt-pd-24 {
  padding-top: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-24 {
    margin-right: 12rem !important; } }

.page-designer-reference .mr-pd-24 {
  margin-right: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-24 {
    padding-right: 12rem !important; } }

.page-designer-reference .pr-pd-24 {
  padding-right: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-24 {
    margin-bottom: 12rem !important; } }

.page-designer-reference .mb-pd-24 {
  margin-bottom: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-24 {
    padding-bottom: 12rem !important; } }

.page-designer-reference .pb-pd-24 {
  padding-bottom: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-24 {
    margin-left: 12rem !important; } }

.page-designer-reference .ml-pd-24 {
  margin-left: 12rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-24 {
    padding-left: 12rem !important; } }

.page-designer-reference .pl-pd-24 {
  padding-left: 12rem; }

.page-designer-reference .m-pd-n24 {
  margin: -12rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n24 {
    margin: -12rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n24 {
    margin-top: -12rem !important; } }

.page-designer-reference .mt-pd-n24 {
  margin-top: -12rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n24 {
    margin-right: -12rem !important; } }

.page-designer-reference .mr-pd-n24 {
  margin-right: -12rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n24 {
    margin-bottom: -12rem !important; } }

.page-designer-reference .mb-pd-n24 {
  margin-bottom: -12rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n24 {
    margin-left: -12rem !important; } }

.page-designer-reference .ml-pd-n24 {
  margin-left: -12rem !important; }

.page-designer-reference .m-pd-25 {
  margin: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-25 {
    margin: 12.5rem !important; } }

.page-designer-reference .p-pd-25 {
  padding: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-25 {
    padding: 12.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-25 {
    margin-top: 12.5rem !important; } }

.page-designer-reference .mt-pd-25 {
  margin-top: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-25 {
    padding-top: 12.5rem !important; } }

.page-designer-reference .pt-pd-25 {
  padding-top: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-25 {
    margin-right: 12.5rem !important; } }

.page-designer-reference .mr-pd-25 {
  margin-right: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-25 {
    padding-right: 12.5rem !important; } }

.page-designer-reference .pr-pd-25 {
  padding-right: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-25 {
    margin-bottom: 12.5rem !important; } }

.page-designer-reference .mb-pd-25 {
  margin-bottom: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-25 {
    padding-bottom: 12.5rem !important; } }

.page-designer-reference .pb-pd-25 {
  padding-bottom: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-25 {
    margin-left: 12.5rem !important; } }

.page-designer-reference .ml-pd-25 {
  margin-left: 12.5rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-25 {
    padding-left: 12.5rem !important; } }

.page-designer-reference .pl-pd-25 {
  padding-left: 12.5rem; }

.page-designer-reference .m-pd-n25 {
  margin: -12.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n25 {
    margin: -12.5rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n25 {
    margin-top: -12.5rem !important; } }

.page-designer-reference .mt-pd-n25 {
  margin-top: -12.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n25 {
    margin-right: -12.5rem !important; } }

.page-designer-reference .mr-pd-n25 {
  margin-right: -12.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n25 {
    margin-bottom: -12.5rem !important; } }

.page-designer-reference .mb-pd-n25 {
  margin-bottom: -12.5rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n25 {
    margin-left: -12.5rem !important; } }

.page-designer-reference .ml-pd-n25 {
  margin-left: -12.5rem !important; }

.page-designer-reference .m-pd-26 {
  margin: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-26 {
    margin: 13rem !important; } }

.page-designer-reference .p-pd-26 {
  padding: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .p-md-pd-26 {
    padding: 13rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-26 {
    margin-top: 13rem !important; } }

.page-designer-reference .mt-pd-26 {
  margin-top: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pt-md-pd-26 {
    padding-top: 13rem !important; } }

.page-designer-reference .pt-pd-26 {
  padding-top: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-26 {
    margin-right: 13rem !important; } }

.page-designer-reference .mr-pd-26 {
  margin-right: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pr-md-pd-26 {
    padding-right: 13rem !important; } }

.page-designer-reference .pr-pd-26 {
  padding-right: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-26 {
    margin-bottom: 13rem !important; } }

.page-designer-reference .mb-pd-26 {
  margin-bottom: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pb-md-pd-26 {
    padding-bottom: 13rem !important; } }

.page-designer-reference .pb-pd-26 {
  padding-bottom: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-26 {
    margin-left: 13rem !important; } }

.page-designer-reference .ml-pd-26 {
  margin-left: 13rem; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .pl-md-pd-26 {
    padding-left: 13rem !important; } }

.page-designer-reference .pl-pd-26 {
  padding-left: 13rem; }

.page-designer-reference .m-pd-n26 {
  margin: -13rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .m-md-pd-n26 {
    margin: -13rem !important; } }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mt-md-pd-n26 {
    margin-top: -13rem !important; } }

.page-designer-reference .mt-pd-n26 {
  margin-top: -13rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mr-md-pd-n26 {
    margin-right: -13rem !important; } }

.page-designer-reference .mr-pd-n26 {
  margin-right: -13rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .mb-md-pd-n26 {
    margin-bottom: -13rem !important; } }

.page-designer-reference .mb-pd-n26 {
  margin-bottom: -13rem !important; }

@media only screen and (min-width: 768px) {
  .page-designer-reference .ml-md-pd-n26 {
    margin-left: -13rem !important; } }

.page-designer-reference .ml-pd-n26 {
  margin-left: -13rem !important; }

/* ============================================================================
Carousel component
============================================================================ */
.ex-static-product-carousel-tile {
  height: 100%; }
  .ex-static-product-carousel-tile__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
  .ex-static-product-carousel-tile__image {
    max-height: 100%;
    width: 100%; }
  .ex-static-product-carousel-tile__bottom {
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .ex-static-product-carousel-tile__bottom {
        margin-top: 24px; } }
  .ex-static-product-carousel-tile__snippet {
    margin-bottom: 12px; }

.spc-cta-only .ex-static-product-carousel-tile__snippet {
  display: none; }

.spc-snippet-top .ex-static-product-carousel-tile__bottom {
  -ms-flex-direction: column;
      flex-direction: column; }

.spc-snippet-bottom .ex-static-product-carousel-tile__snippet {
  margin-bottom: 0;
  margin-top: 12px; }

.spc-snippet-bottom .ex-static-product-carousel-tile__bottom {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.page-designer-reference .ex-static-product-carousel-tile__link-image:active + .ex-static-product-carousel-tile__bottom .ex-static-product-carousel-tile__cta, .page-designer-reference .ex-static-product-carousel-tile__link-image:focus + .ex-static-product-carousel-tile__bottom .ex-static-product-carousel-tile__cta, .page-designer-reference .ex-static-product-carousel-tile__link-image:hover + .ex-static-product-carousel-tile__bottom .ex-static-product-carousel-tile__cta {
  text-decoration: underline; }

.page-designer-reference .ex-static-product-carousel-tile__snippet > * {
  margin: 0; }

.page-designer-reference .ex-static-product-carousel-tile__cta {
  color: inherit; }
  .page-designer-reference .ex-static-product-carousel-tile__cta:active, .page-designer-reference .ex-static-product-carousel-tile__cta:focus, .page-designer-reference .ex-static-product-carousel-tile__cta:hover {
    color: inherit; }

/*# sourceMappingURL=static-product-carousel-tile.css.map */