.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-category-carousel {
  margin-top: var(--container-mt);
  margin-right: var(--container-mr);
  margin-bottom: var(--container-mb);
  margin-left: var(--container-ml);
  padding-top: var(--container-pt);
  padding-right: var(--container-pr);
  padding-bottom: var(--container-pb);
  padding-left: var(--container-pl);
  max-width: var(--container-max-width); }
  @media only screen and (min-width: 768px) {
    .ex-category-carousel {
      margin-top: var(--container-mt-md);
      margin-right: var(--container-mr-md);
      margin-bottom: var(--container-mb-md);
      margin-left: var(--container-ml-md);
      padding-top: var(--container-pt-md);
      padding-right: var(--container-pr-md);
      padding-bottom: var(--container-pb-md);
      padding-left: var(--container-pl-md);
      max-width: var(--container-max-width-md); } }
  .ex-category-carousel__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__head {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
  .ex-category-carousel__head-left {
    -ms-flex: 1;
        flex: 1; }
  .ex-category-carousel__title {
    padding-bottom: var(--heading-pb);
    padding-left: var(--heading-pl);
    padding-right: var(--heading-pr);
    padding-top: var(--heading-pt); }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__title {
        padding-bottom: var(--heading-pb-md);
        padding-left: var(--heading-pl-md);
        padding-right: var(--heading-pr-md);
        padding-top: var(--heading-pt-md); } }
    .ex-category-carousel__title a {
      color: inherit;
      display: inline-block;
      font: inherit;
      letter-spacing: inherit;
      margin-bottom: var(--heading-mb);
      margin-left: var(--heading-ml);
      margin-right: var(--heading-mr);
      margin-top: var(--heading-mt);
      text-transform: none; }
      @media only screen and (min-width: 768px) {
        .ex-category-carousel__title a {
          margin-bottom: var(--heading-mb-md);
          margin-left: var(--heading-ml-md);
          margin-right: var(--heading-mr-md);
          margin-top: var(--heading-mt-md); } }
      .ex-category-carousel__title a:active, .ex-category-carousel__title a:focus, .ex-category-carousel__title a:hover {
        color: inherit; }
  .ex-category-carousel__head-right {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__head-right {
        margin-left: auto;
        width: auto; } }
  .ex-category-carousel__view-all-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .ex-category-carousel__view-all {
    margin-top: var(--view-all-mt);
    margin-right: var(--view-all-mr);
    margin-bottom: var(--view-all-mb);
    margin-left: var(--view-all-ml);
    padding-top: var(--view-all-pt);
    padding-right: var(--view-all-pr);
    padding-bottom: var(--view-all-pb);
    padding-left: var(--view-all-pl);
    font-weight: var(--view-all-font-weight);
    letter-spacing: var(--view-all-letter-spacing); }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__view-all {
        margin-top: var(--view-all-mt-md);
        margin-right: var(--view-all-mr-md);
        margin-bottom: var(--view-all-mb-md);
        margin-left: var(--view-all-ml-md);
        padding-top: var(--view-all-pt-md);
        padding-right: var(--view-all-pr-md);
        padding-bottom: var(--view-all-pb-md);
        padding-left: var(--view-all-pl-md);
        font-weight: var(--view-all-font-weight-md);
        letter-spacing: var(--view-all-letter-spacing-md); } }
  .ex-category-carousel__count-items {
    margin-top: var(--count-items-mt);
    margin-right: var(--count-items-mr);
    margin-bottom: var(--count-items-mb);
    margin-left: var(--count-items-ml);
    padding-top: var(--count-items-pt);
    padding-right: var(--count-items-pr);
    padding-bottom: var(--count-items-pb);
    padding-left: var(--count-items-pl);
    font-weight: var(--count-items-font-weight);
    letter-spacing: var(--count-items-letter-spacing); }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__count-items {
        margin-top: var(--count-items-mt-md);
        margin-right: var(--count-items-mr-md);
        margin-bottom: var(--count-items-mb-md);
        margin-left: var(--count-items-ml-md);
        padding-top: var(--count-items-pt-md);
        padding-right: var(--count-items-pr-md);
        padding-bottom: var(--count-items-pb-md);
        padding-left: var(--count-items-pl-md);
        font-weight: var(--count-items-font-weight-md);
        letter-spacing: var(--count-items-letter-spacing-md); } }
  .ex-category-carousel__pipe {
    margin-top: var(--pipe-mt);
    margin-right: var(--pipe-mr);
    margin-bottom: var(--pipe-mb);
    margin-left: var(--pipe-ml);
    padding-top: var(--pipe-pt);
    padding-right: var(--pipe-pr);
    padding-bottom: var(--pipe-pb);
    padding-left: var(--pipe-pl);
    background: var(--pipe-background);
    width: var(--pipe-width);
    height: var(--pipe-height); }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__pipe {
        margin-top: var(--pipe-mt-md);
        margin-right: var(--pipe-mr-md);
        margin-bottom: var(--pipe-mb-md);
        margin-left: var(--pipe-ml-md);
        padding-top: var(--pipe-pt-md);
        padding-right: var(--pipe-pr-md);
        padding-bottom: var(--pipe-pb-md);
        padding-left: var(--pipe-pl-md);
        width: var(--pipe-width-md);
        height: var(--pipe-height-md); } }
  .ex-category-carousel__controls {
    margin-top: var(--arrows-mt);
    margin-right: var(--arrows-mr);
    margin-bottom: var(--arrows-mb);
    margin-left: var(--arrows-ml);
    padding-top: var(--arrows-pt);
    padding-right: var(--arrows-pr);
    padding-bottom: var(--arrows-pb);
    padding-left: var(--arrows-pl); }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel__controls {
        margin-top: var(--arrows-mt-md);
        margin-right: var(--arrows-mr-md);
        margin-bottom: var(--arrows-mb-md);
        margin-left: var(--arrows-ml-md);
        padding-top: var(--arrows-pt-md);
        padding-right: var(--arrows-pr-md);
        padding-bottom: var(--arrows-pb-md);
        padding-left: var(--arrows-pl-md); } }
  .ex-category-carousel .custom-owl-prev {
    background: transparent;
    color: #000;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 37px;
    margin-top: var(--arrow-left-mt);
    margin-right: var(--arrow-left-mr);
    margin-bottom: var(--arrow-left-mb);
    margin-left: var(--arrow-left-ml);
    padding-top: var(--arrow-left-pt);
    padding-right: var(--arrow-left-pr);
    padding-bottom: var(--arrow-left-pb);
    padding-left: var(--arrow-left-pl); }
    .ex-category-carousel .custom-owl-prev::before, .ex-category-carousel .custom-owl-prev::after {
      content: " ";
      display: inline-block;
      position: absolute;
      right: 0; }
    .ex-category-carousel .custom-owl-prev::before {
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      width: 21px;
      height: 21px;
      left: 2px;
      right: auto;
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
      top: 7px; }
    .ex-category-carousel .custom-owl-prev::after {
      border-top: 1px #000 solid;
      top: 17px;
      width: 37px; }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel .custom-owl-prev {
        margin-top: var(--arrow-left-mt-md);
        margin-right: var(--arrow-left-mr-md);
        margin-bottom: var(--arrow-left-mb-md);
        margin-left: var(--arrow-left-ml-md);
        padding-top: var(--arrow-left-pt-md);
        padding-right: var(--arrow-left-pr-md);
        padding-bottom: var(--arrow-left-pb-md);
        padding-left: var(--arrow-left-pl-md); } }
  .ex-category-carousel .custom-owl-next {
    background: transparent;
    color: #000;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 37px;
    margin-top: var(--arrow-right-mt);
    margin-right: var(--arrow-right-mr);
    margin-bottom: var(--arrow-right-mb);
    margin-left: var(--arrow-right-ml);
    padding-top: var(--arrow-right-pt);
    padding-right: var(--arrow-right-pr);
    padding-bottom: var(--arrow-right-pb);
    padding-left: var(--arrow-right-pl); }
    .ex-category-carousel .custom-owl-next::before, .ex-category-carousel .custom-owl-next::after {
      content: " ";
      display: inline-block;
      position: absolute;
      right: 0; }
    .ex-category-carousel .custom-owl-next::before {
      border-top: 1px #000 solid;
      top: 17px;
      width: 37px; }
    .ex-category-carousel .custom-owl-next::after {
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      width: 21px;
      height: 21px;
      right: 2px;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
      top: 7px; }
    @media only screen and (min-width: 768px) {
      .ex-category-carousel .custom-owl-next {
        margin-top: var(--arrow-right-mt-md);
        margin-right: var(--arrow-right-mr-md);
        margin-bottom: var(--arrow-right-mb-md);
        margin-left: var(--arrow-right-ml-md);
        padding-top: var(--arrow-right-pt-md);
        padding-right: var(--arrow-right-pr-md);
        padding-bottom: var(--arrow-right-pb-md);
        padding-left: var(--arrow-right-pl-md); } }
  .ex-category-carousel .custom-owl-prev,
  .ex-category-carousel .custom-owl-next {
    cursor: pointer; }
    .ex-category-carousel .custom-owl-prev::before, .ex-category-carousel .custom-owl-prev::after,
    .ex-category-carousel .custom-owl-next::before,
    .ex-category-carousel .custom-owl-next::after {
      border-color: var(--arrows-color); }
  .ex-category-carousel__owl-carousel .owl-controls {
    display: none; }
  .ex-category-carousel__owl-carousel .owl-stage {
    margin-left: -50px; }
    @media only screen and (min-width: 480px) {
      .ex-category-carousel__owl-carousel .owl-stage {
        margin-left: 0; } }

.page-designer-reference .ex-category-carousel__view-all {
  text-decoration: none;
  color: var(--view-all-color); }
  .page-designer-reference .ex-category-carousel__view-all:hover {
    color: var(--view-all-color-hover); }
  .page-designer-reference .ex-category-carousel__view-all.view-all-underline {
    text-decoration: underline; }
  .page-designer-reference .ex-category-carousel__view-all.view-all-hover-underline:hover {
    text-decoration: underline; }

/*# sourceMappingURL=category-carousel.css.map */