.partner-layout {
    margin-bottom: 4rem;
}

.partner-grid {
    margin: 4rem 4rem 0;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
}

.partner-top-section {
    margin-top: 1.7143rem;
}

.partner-bottom-section  {
    margin: 2.2857rem 4rem 4rem;
}

.partner-box > div > div + div {
    margin-top: 4rem;
}

#header_container_element.Partner-Header .UniversalHeaderWrapper .NavBarWrapper,
#header_container_element.Partner-Header .UniversalHeaderWrapper .PromoBanner {
    display: none;
}
#header_container_element.Partner-Header {
    min-height: auto !important;
}
@media screen and (max-width: 991.5px) {
    #header_container_element.Partner-Header .UniversalHeaderWrapper .newx-hamburger-mobileonly {
        display: none !important;
    }
}
@media screen and (max-width: 1200px) {
    .partner-bottom-section  {
        margin-left: 3.4286rem;
        margin-right: 3.4286rem;
    }

    .partner-grid {
        margin-left: 3.4286rem;
        margin-right: 3.4286rem;
        margin-top: 3.428rem;
        gap: 3.4286rem;
    }
}

@media screen and (max-width: 991px) {

    .partner-box > div > div + div {
        margin-top: 2.8571rem;
    }

    .partner-layout .left-section, .partner-layout .right-section {
        margin-right: 0;
    }

    .partner-top-section {
        margin-top: 1.1429rem;
    } 
    .partner-grid {
        grid-template-columns: auto auto;
        justify-content: center;
        margin-left: 1.7143rem;
        margin-right: 1.7143rem;
        margin-top: 1.7143rem;
        gap: 0rem;
    }

    .partner-grid > div:last-child {
        max-width: 26.7857rem;
        margin: 0 auto;
    }
    .partner-bottom-section {
        margin: 2.286rem 1.7143rem 4rem;
    }
    
}
@media screen and (max-width: 768px) {
    .partner-grid {
        grid-template-columns: auto;
        margin-top: 3.4286rem;
        gap: 1.7143rem;
    }
    .partner-grid > div:first-child img{
        max-height: 17.286rem;
    }
    .partner-bottom-section {
        margin-top: 2.2857rem;
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 480px) {
    .partner-box > div > div + div {
        margin-top: 1.7143rem;
    }
}

@media screen and (max-width: 372px) {    
    .partner-top-section, .partner-top-section > div > div + div, .partner-box > div > div + div {
        margin-top: 0.8571rem;
    }

    .partner-grid {
        margin: 3.4286rem 0.5714rem 0;
    }

    .partner-bottom-section {
        margin: 2.286rem 0.5714rem 4rem;
    }

    .partner-box > div > div + div {
        margin-top: 0.8571rem;
    }
   
}


.apclayout.vertical-stack-layout-row + .apclayout.vertical-stack-layout-row,
.apclayout.vertical-stack-layout-row > div > div + div {
    margin-top: 4rem;
}

.apclayout.vertical-stack-layout-row:last-of-type {
    margin-bottom: 4rem;
}

.apclayout.vertical-stack-layout-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

.apclayout.vertical-stack-layout-row.vertical-stack-top-section > div > div + div {
    margin-top: 1.7143rem;
}

@media screen and (max-width: 768px) {
    .apclayout.vertical-stack-layout-row + .apclayout.vertical-stack-layout-row,
    .apclayout.vertical-stack-layout-row > div > div + div {
        margin-top: 2.8571rem;
    }

    .apclayout.vertical-stack-layout-row:last-of-type {
        margin-bottom: 2.8571rem;
    }

    .apclayout.vertical-stack-layout-wrapper {
        margin-right: 1.1429rem;
        margin-left: 1.1429rem;
    }

    .apclayout.vertical-stack-layout-row.vertical-stack-top-section > div > div + div {
        margin-top: 1.1429rem;
    }
}

@media screen and (max-width: 484px) {
    .apclayout.vertical-stack-layout-row + .apclayout.vertical-stack-layout-row,
    .apclayout.vertical-stack-layout-row > div > div + div {
        margin-top: 1.7143rem;
    }

    .apclayout.vertical-stack-layout-row:last-of-type {
        margin-bottom: 1.7143rem;
    }
}

@media screen and (max-width: 372px) {
    .apclayout.vertical-stack-layout-row + .apclayout.vertical-stack-layout-row,
    .apclayout.vertical-stack-layout-row > div > div + div {
        margin-top: 0.8571rem;
    }

    .apclayout.vertical-stack-layout-row:last-of-type {
        margin-bottom: 0.8571rem;
    }

    .apclayout.vertical-stack-layout-wrapper {
        margin-right: 0.8571rem;
        margin-left: 0.8571rem;
    }

    .apclayout.vertical-stack-layout-row.vertical-stack-top-section > div > div + div {
        margin-top: 0.8571rem;
    }
}

.sharemodal-container {
	background-color: white;
	border-radius: var(--border-radius);
	animation-name: slideFromTop;
	animation-duration: 0.5s;	
	width: 25.6434rem;
}

.sharemodal-heading-container {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 3rem 4.2857rem;
}

.overlay-modal-close {
  position: absolute;
  right: 0.4286rem;
  top: 0.9291rem;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.cms-heading.sharemodal-title {
	margin-bottom: 0.9rem;
}

.modal-thumbnail-container {
    position: relative;
}

.modal-thumbnail-container img {
    position: absolute;
    width: 60.5%;
    height: auto;
    right: 20%;
    top: 28%;
    box-shadow: 0 0.1429rem 0.2857rem 0 rgba(0,0,0,0.26);
}

.popup-action-wrapper {
	padding: 0.8571rem 0;
    border-top: 0.072rem var(--sfly-border-style-solid) var(--light-grey-2);
    background-color: var(--myprojects-background);
    display: flex;
	justify-content: center;	
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.popup-action-container .AppLink.button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-regular) !important;
}

.sharemodal-content .default {
    font-weight: var(--font-weight-light);
}

.cms-heading.fb-description, .cms-heading.middleText, .cms-heading.links-description {
    margin: 0 2.0057rem;
    line-height: 1.5314rem;
}

/************** Facebook Section **************/
.cms-heading.fb-description {
    padding-bottom: 5.0143rem;
}

.popup-action-container .AppLink.facebookBtn {
	background-color: #0d6efd;
}

svg.facebook, svg.link, svg.email {
    margin-right: 0.5rem;
}

/************** Email Section **************/
hr {
    margin-top: 1.7143rem;
    opacity: 0.4;
}

.middleText .call-out {
    line-height: 1.5006rem;
}

.email-row {
    display: flex;
    justify-content: center;
	margin-top: 0.4286rem;
	flex-direction: column;
}

.email-row-input {
    display: flex;
    align-items: center;
}

.email-to-header {
	width: 1.7143rem;
}

.input-box, .middleText .input-box .input-field {
	width: auto;
}

.input-box .input-field {
	font-size: 0.8571rem;
}

.middleText .input-box {
	margin-top: 0;
}

.middleText .input-box .input-field {
	border-radius: 1.0354rem;
    height: 1.8571rem;
}

.input-box .input-field:focus {
	outline: 0;
}

.input-box .uig-svg-icon {
	top: 0.4286rem;
}

.email-content-textarea {
    margin-top: 0.2571rem;
    resize: none;
    width: 100%;
    border: none;
    font-weight: var(--font-weight-regular);
	color: var(--text-color);
	font-size: 0.8571rem;
	line-height: 0.9943rem;
	margin-bottom: 0.8571rem;
    min-height: 5vh;
}

.email-content-textarea:focus {
	outline: 0;
}

.error-message {
  color: var(--color-red);
  padding: 0.3577rem 0;
  font-weight: var(--font-weight-regular);
}

/************** Link Section **************/
.sharelink-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sharelink-container .input-box {
	margin: 1.7143rem 0;
	width: 90%;
}

.sharelink-container .input-box .input-field {
    font-weight: var(--font-weight-regular);
}

/* Animation Section */
@keyframes slideFromTop {
	from {
    	margin-bottom: 22.8571rem;
		opacity: 0;
	}
	to {
    	margin-bottom: 0;
		opacity: 1;
	}
}

@media screen and (max-width: 768px){
   .sharemodal-container {
       width: 100vw;
       height: 100vh;
       border-radius: 0;
   } 

   .popup-action-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
   }

   .email-content-textarea {
        min-height: 10vh;
    }
}
.da-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.da-main-content {
	max-width: 50vw;
	margin: 0 auto;
	position: relative;
}

.da-heading-container {
	margin-bottom: 1.7143rem;
}

.da-title-container {
	width: 70%;
}

.cms-heading.da-title {
    font-weight: var(--brand-fontweight-callout);
	font-size: 1.8857rem;
	margin-bottom: 0.5714rem;
}

.cms-heading.da-subtitle {
    font-weight: var(--font-weight-light);
	font-size: 1rem;
}

.da-share-combobox {
	position: absolute;
    top: 2.2857rem;
    right: 0;
}

.VideoBlock.DAVideoContent {
	min-width: 50vw;
}

.da-banner {
    margin: 3.4286rem 0 1.7143rem;
}

@media screen and (max-width: 1200px){
	.da-main-content {
		max-width: 60vw;
	}

	.VideoBlock.DAVideoContent {
		min-width: 60vw;
	}
}

@media screen and (max-width: 992px){
	.da-main-content {
		max-width: 72vw;
	}


	.VideoBlock.DAVideoContent {
		min-width: 72vw;
	}
}

@media screen and (max-width: 768px){
	.da-share-combobox {
		position: absolute;
		top: inherit;
		right: 50%;
		left: 50%;
		bottom: -5rem;
		width: fit-content;
		transform: translate(-50%, -50%);
		z-index: 10;
	}
	
	.da-title-container {
		width: 100%;
	}

	.da-title, .da-subtitle {
		text-align: center;
	}

	.da-title {
		font-size: 1.5657rem;
	}

	.da-banner {
    	margin: 6rem 0 0;
	}

	.da-main-content {
		max-width: 90vw;
	}

	.VideoBlock.DAVideoContent {
		min-width: 90vw;
	}
}
.tabs>div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 30px;
}

@media (min-width: 993px) {
  .cat-nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin: 40px auto 30px;
    width: 85%;
  }

  .cat-nav .cat-label {
    display: block;
    flex: 0 1 auto;
    font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1600 - 768)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #595959;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: var(--font-weight-semibold);
  }

  .cat-nav .cat-selected {
    color: #d74012;
    border-bottom: 3px var(--sfly-border-style-solid) #d74012;
    text-decoration: none;
  }
}

@media (max-width: 992px) {
  .cat-nav {
    margin: 0 50px;
  }

  .cat-nav .cat-label {
    font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1600 - 768)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #595959;
    font-weight: 600;
    cursor: pointer;
  }

  .cat-nav-seperator {
    border-bottom: 1px var(--sfly-border-style-solid) #ccc;
    margin-bottom: 6px;
    padding-bottom: 6px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cat-nav .cat-selected {
    color: #d74012;
    font-weight: 700;
    text-decoration: none;
  }
}

@media (max-width: 768px) {
  .cat-nav {
    margin: 0;
  }

  .cat-nav .cat-label {
    font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1600 - 768)));
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #595959;
    font-weight: 600;
    cursor: pointer;
  }

  .cat-nav-seperator {
    border-bottom: 1px var(--sfly-border-style-solid) #ccc;
    margin-bottom: 6px;
    padding-bottom: 6px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cat-nav .cat-selected {
    color: #d74012;
    font-weight: 700;
    text-decoration: none;
  }

  .tabs>div {
    flex-wrap: wrap;
  }

  .tabs>div>div {
    max-width: 50%;
  }
}

.one-up-cols,
.two-up-cols {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 993px) {
  .two-up-cols>div {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}

.two-up-cols>div>div {
  flex-direction: column;
  flex: 0 0 50%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

@media (min-width: 993px) {
  .two-up-cols>div>div:nth-child(odd) {
    padding-right: 10px;
  }
}

.one-up-cols .footer,
.two-up-cols .footer {
  padding: 20px 0;
  margin: auto 0;
}


.one-up-cols .footer a,
.two-up-cols .footer a {
  --colheader: 26px;
}

@media (max-width: 992px) {

  .one-up-cols .footer a,
  .two-up-cols .footer a {
    --colheader: 22px;
  }
}

.one-up-cols .footer,
.one-up-cols .footer a,
.two-up-cols .footer,
.two-up-cols .footer a {
  color: var(--text-color-gray);
  font-weight: var(--brand-fontweight-interactive);
  font-size: var(--colheader);
  text-decoration: none;
  text-align: center;
}

.one-up-cols .footer-subheader .cta,
.two-up-cols .footer-subheader .cta {
  --cta: 14px;
  font-size: var(--cta);
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: var(--font-weight-semibold);
}

@media (max-width: 992px) {

  .one-up-cols .footer-subheader .cta,
  .two-up-cols .footer-subheader .cta {
    --cta: 12px;
  }
}
.hd-container .hd-title-container.pagetitle-container {
  margin-bottom: 0.7143rem;
  padding: 0 var(--main-padding);
}

.hd-title-container.pagetitle-container h1 { 
  font-weight: var(--font-weight-regular);
  font-size: 1.2857rem;
}

.hd-title-container.pagetitle-container .AppLink { 
  font-weight: var(--font-weight-regular);
  font-size: 0.9291rem;
}

.hd-container .hd-title-container .pagetitle-text {
  margin: 0;
}

.hd-container .breadcrumb {
  padding: 0 var(--main-padding);
}

.hd-container .hd-content-wrapper {
  font-size: calc(26px + (26 - 18) * ((100vw - 991px) / (1600 - 991)));
}

.hd-container .APCContainer {
  margin: 1.4286rem 0;
}

.hd-container .APCContainer,
.hd-container #apc-cards,
.hd-container .AnalyticsData {
  font-size: var(--font-size);
}

.hd-container .two-column-grid {
  display: grid;
  grid-column-gap: 1.36em;
  grid-template-columns: 17.072rem minmax(0, 1fr);
  margin-top: 1.6em;
}

.hd-container .NupElement .text-box a.AppLink.link::after {
  content: ' >';
}

.hd-container .Marquee {
  margin-bottom: 1.6em;
}
.hd-container .NupElement .text-box a:not(.button),
.hd-container .NupElement .text-box h2 {
  display: block;
}

@media screen and (max-width: 991px) and (min-width: 769px){
  .hd-container .hd-content-wrapper {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (991 - 768)));
  }
}

@media screen and (min-width: 769px) {
  .hd-container .two-column-grid {
    margin: 1.6em 1.7143rem 1.4286rem;
  }
}

@media screen and (max-width: 768px) {
  .hd-container .hd-content-wrapper {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (767 - 320)));
  }

  .hd-container .two-column-grid {
    display: block;
  }
  .hd-container .simple-content {
    padding: 0 0.857rem 0.857rem;
  }
}


@media screen and (max-width: 372px) {
  .hd-container .Nup.horizScroll {
    padding: 0 0.64rem;
  }
}
.horizontal-stack-layout-row + .horizontal-stack-layout-row,
.horizontal-stack-layout-row > div > div + div {
    margin-top: 4rem;
}

.horizontal-stack-layout-row.horizontal-stack-top-section > div > div + div {
    margin-top: 1.7143rem;
}

.horizontal-stack-layout-row:last-of-type {
    margin-bottom: 4rem;
}

.horizontal-stack-layout-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

.horizontal-stack-layout-grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 4rem 1.7143rem;
}

@media screen and (max-width: 760px) {
    .horizontal-stack-layout-row + .horizontal-stack-layout-row,
    .horizontal-stack-layout-row > div > div + div {
        margin-top: 2.8571rem;
    }

    .horizontal-stack-layout-row.horizontal-stack-top-section > div > div + div {
        margin-top: 1.1429rem;
    }

    .horizontal-stack-layout-row:last-of-type {
        margin-bottom: 2.8571rem;
    }

    .horizontal-stack-layout-grid {
        grid-gap: 2.8571rem 1.1429rem;
    }

    .horizontal-stack-layout-wrapper {
        margin-right: 1.1429rem;
        margin-left: 1.1429rem;
    }
}

@media screen and (max-width: 484px) {
    .horizontal-stack-layout-row + .horizontal-stack-layout-row,
    .horizontal-stack-layout-row > div > div + div {
        margin-top: 1.7143rem;
    }

    .horizontal-stack-layout-row:last-of-type {
        margin-bottom: 1.7143rem;
    }

    .horizontal-stack-layout-grid {
        grid-gap: 1.7143rem 1.1429rem;
    }
}

@media screen and (max-width: 372px) {
    .horizontal-stack-layout-row + .horizontal-stack-layout-row,
    .horizontal-stack-layout-row > div > div + div {
        margin-top: 0.8571rem;
    }

    .horizontal-stack-layout-row:last-of-type {
        margin-bottom: 0.8571rem;
    }

    .horizontal-stack-layout-row.horizontal-stack-top-section > div > div + div {
        margin-top: 0.8571rem;
    }

    .horizontal-stack-layout-wrapper {
        margin-right: 0.8571rem;
        margin-left: 0.8571rem;
    }

    .horizontal-stack-layout-grid {
        grid-gap: 0.8571rem;
    }
}

.multi-stack-layout-row + .multi-stack-layout-row,
.multi-stack-layout-row > div > div + div {
    margin-top: 4rem;
}

.multi-stack-layout-row.multi-stack-top-section > div > div + div {
    margin-top: 4rem;
}

.multi-stack-layout-row:last-of-type {
    margin-bottom: 4rem;
}

.multi-stack-layout-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

.multi-stack-layout-grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 4rem 1.7143rem;
}

@media screen and (max-width: 760px) {
    .multi-stack-layout-grid {
        grid-gap: 2.8571rem 1.1429rem;
    }

    .multi-stack-layout-wrapper {
        margin-right: 1.1429rem;
        margin-left: 1.1429rem;
    }
}

@media screen and (max-width: 484px) {
    .multi-stack-layout-grid {
        grid-gap: 1.7143rem 1.1429rem;
    }
}

@media screen and (max-width: 372px) {
    .multi-stack-layout-wrapper {
        margin-right: 0.8571rem;
        margin-left: 0.8571rem;
    }

    .multi-stack-layout-grid {
        grid-gap: 0.8571rem;
    }
}

.OneColumn {
    display: flex;
    flex: 1 1 100%;
    flex-flow: column nowrap;
}
.pzg-container .pzg-title-container.pagetitle-container {
  margin-bottom: 10px;
  padding: 0 var(--main-padding);
}

.pzg-title-container.pagetitle-container h1 {
  font-weight: var(--font-weight-regular);
  font-size: 1.2857rem;
}

.pzg-container .pzg-title-container.pagetitle-container .AppLink {
  font-weight: var(--font-weight-regular);
  font-size: 0.9291rem;
}

.pzg-container .pzg-title-container .pagetitle-text {
  margin: 0;
}

.pzg-container .breadcrumb {
  padding: 0 var(--main-padding);
}

.pzg-container .pzg-content-wrapper {
  font-size: calc(26px + (26 - 18) * ((100vw - 991px) / (1600 - 991)));
}

.pzg-container .APCContainer {
  margin: 1.4286rem 0;
}

.pzg-container .APCContainer,
.pzg-container #apc-cards,
.pzg-container .AnalyticsData {
  font-size: var(--font-size);
}

.pzg-container .two-column-grid {
  display: grid;
  grid-column-gap: 1.36em;
  grid-template-columns: 17.072rem minmax(0, 1fr);
  margin-top: 1.6em;
}

.pzg-container .NupElement .text-box h2,
.pzg-container .NupElement .text-box a:not(.button) {
  display: block;
  line-height: 1.2143rem;
  color: var(--text-color);
}

.pzg-container .NupElement .text-box a.AppLink.link::after {
  content: ' >';
}

.pzg-container .Marquee {
  margin-bottom: 1.6em;
}

@media screen and (max-width: 991px) and (min-width: 769px) {
  .pzg-container .pzg-content-wrapper {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (991 - 768)));
  }

  .pzg-container .NupElement .text-box a:not(.button) {
    font-size: 0.6em;
  }
}

@media screen and (min-width: 769px) {
  .pzg-container .two-column-grid {
    margin: 1.6em 1.7143rem 1.4286rem;
  }

  .pzg-container .NupElement {
    margin: 0;
  }

  .pzg-container .NupElement.W-4 {
    flex-basis: 23%;
    max-width: 23%;
  }

  .pzg-container .NupElement.W-5 {
    flex-basis: 17%;
    max-width: 17%;
  }

  .pzg-container .NupElement.W-6 {
    flex-basis: 15%;
    max-width: 15%;
  }

  .pzg-container .NupElement.W-7 {
    flex-basis: 12.5%;
    max-width: 12.5%;
    margin: 0 0.2em;
  }

  .pzg-container .NupElement.W-8 {
    flex-basis: 11%;
    max-width: 11%;
    margin: 0 0.2em;
  }

  .pzg-container .NupElement.W-7:first-of-type,
  .pzg-container .NupElement.W-8:first-of-type {
    margin-left: 0.8rem;
  }

  .pzg-container .NupElement.W-7:last-of-type,
  .pzg-container .NupElement.W-8:last-of-type {
    margin-right: 0.8rem;
  }
}

@media screen and (max-width: 768px) {
  .pzg-container .pzg-content-wrapper {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (767 - 320)));
  }

  .pzg-container .two-column-grid {
    display: block;
  }

  .pzg-container .NupElement {
    margin: 0;
  }

  .pzg-container .NupElement.W-4 {
    flex-basis: 45%;
    max-width: 45%;
  }

  .pzg-container .NupElement.W-5,
  .pzg-container .NupElement.W-6 {
    flex-basis: 30%;
    max-width: 30%;
  }

  .pzg-container .NupElement.W-7,
  .pzg-container .NupElement.W-8 {
    flex-basis: 22%;
    max-width: 22%;
  }

  .pzg-container .Nup.horizScroll .NupElement {
    margin: 0 0.5714rem;
  }
  
  .pzg-content-wrapper .simple-content {
    padding: 0 0.857rem 0.857rem;
  }
}

@media screen and (max-width: 484px) {

  .pzg-container .NupElement.W-4,
  .pzg-container .NupElement.W-5,
  .pzg-container .NupElement.W-6,
  .pzg-container .NupElement.W-7,
  .pzg-container .NupElement.W-8 {
    flex-basis: 43% !important;
    max-width: 43%;
    margin: 0;
  }
}

@media screen and (max-width: 372px) {
  .pzg-container .Nup.horizScroll {
    padding: 0 0.64rem;
  }

  .pzg-container .Nup.horizScroll .NupElement.W-7,
  .pzg-container .Nup.horizScroll .NupElement.W-8 {
    margin: 0 0.4em;
  }
}
.photo-tiles>div>div .simple-content {
  font-family: var(--font-family-med);
  text-align: center;
  line-height: 1.5;
}

.photo-tiles .simple-content * {
  margin: 1.1429rem 1.0714rem 0;
}

.photo-tiles h2 {
  font-family: var(--font-family-med);
}

.photo-tiles .cms-heading.call-out {
  text-align: center;
}

.PromoCTA a.button {
  min-width: 25rem;
  width: auto;
  margin: 1.1429rem auto 1.2857rem;
}

.Sticky.bottom {
  border-top: 0.0714rem var(--sfly-border-style-solid) var(--fog-light);
  box-shadow: 0 -0.4286rem 0.4286rem rgba(0, 0, 0, .04);
  margin: 0 auto;
}

iframe[style="position: absolute; visibility: hidden;"] {
  width: 0;
  height: 0;
  border: 0;
}

@media(min-width: 320px) {
  .photo-tiles .PromoBanner {
    background-color: var(--fog-light);
  }

}

@media (min-width: 1200px) {

  .photo-tiles .Testimonial,
  .photo-tiles .ContentBlock.Simple {
    box-shadow: none;
  }

  .photo-tiles .ContentBlock.Simple {
    border: 0.0714rem var(--sfly-border-style-solid) var(--light-grey-2)
  }

  .photo-tiles .simple-content>h4 {
    font-weight: var(--font-weight-regular);
    font-size: 2.4rem;
    margin: 2rem 0 2.2857rem;
  }

  .photo-tiles .PromoBanner {
    padding: 1.0714rem;
    background-color: var(--fog-light);
    margin: 0 -100vw;
  }

  .photo-tiles.photo-tiles video {
    max-width: 58.2857rem;
  }


  .photo-tiles .cms-Carousel .items {
    justify-content: center;
    align-items: flex-start;
  }

  .photo-tiles .Testimonials {
    padding-left: 0;
    padding-right: 0;
  }

  /* have to double-up on the specificity to override Carousel comp styles */
  .photo-tiles.photo-tiles .items>* {
    width: auto;
  }

  .photo-tiles .cms-Carousel .items>div {
    opacity: 1;
    margin: 0 2.1429rem;
  }

  .photo-tiles .cms-Carousel:hover ul.nav,
  .photo-tiles .cms-Carousel:hover a:is(.next, .prev) {
    display: none;
    pointer-events: none;
  }

  .Sticky.bottom {
    margin: 0 -100vw;
  }
}

@media (max-width: 1199px) {
  .photo-tiles .cms-Carousel {
    padding-bottom: 1.4286rem;
  }

  .photo-tiles .simple-content h4 {
    font-size: initial;
    font-weight: unset;
    padding: 1.0714rem 1.0714rem 0;
  }

  .photo-tiles>div>div:nth-child(4n) .simple-content {
    background: var(--fog-light);
  }

  .photo-tiles>div>div:nth-child(3n) .cms-Carousel:last-of-type {
    background: var(--fog-light);
  }

  .photo-tiles .cms-Carousel .items {
    margin-left: -100vw;
    margin-right: -100vw;
  }
}
.prints-title-container.pagetitle-container {
    margin-bottom: 0.7143rem;
    padding: 0 0.7143rem;
}

.prints-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

.prints-title-container .pagetitle-text {
    margin: 0;
}

.prints-top-section,
.prints-first-content,
.prints-grid,
.prints-banner,
.prints-second-content,
.prints-third-content {
    margin-bottom: 4rem;
}

.prints-top-section > div > div>.ResponsiveBanner:not(.MobileBannerOnly) {
    margin-bottom: 1.1429rem;
}

.prints-grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 4.5714rem 1.1429rem;
}

.prints-centered-content {
    margin: 0 auto 4rem;
    width: 80%;
}

.prints-bottom-section {
    margin-bottom: 3.4286rem;
}

@media screen and (max-width: 768px) {
    .prints-top-section,
    .prints-first-content,
    .prints-grid,
    .prints-banner,
    .prints-second-content,
    .prints-bottom-section {
        margin-bottom: 2.8571rem;
    }

    .prints-top-section > div > div>.ResponsiveBanner:not(.MobileBannerOnly) {
        margin-bottom: 0.5714rem;
    }

    .prints-grid {
        grid-template-columns: 100%;
    }

    .prints-centered-content {
        margin: 0 var( --page-margin) 2.8571rem;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .prints-top-section,
    .prints-first-content,
    .prints-grid,
    .prints-banner,
    .prints-second-content,
    .prints-centered-content,
    .prints-third-content {
        margin-bottom: 1.7143rem;
    }

    .prints-top-section > div > div>.ResponsiveBanner:not(.MobileBannerOnly) {
        margin-bottom: 0.2857rem;
    }
}
.seo-layout-a.vertical-stack-layout-row + .seo-layout-a.vertical-stack-layout-row,
.seo-layout-a.vertical-stack-layout-row > div > div + div {
    margin-top: 4rem;
}

.seo-layout-a.vertical-stack-layout-row:last-of-type {
    margin-bottom: 4rem;
}

.seo-layout-a.vertical-stack-layout-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

.seo-layout-a.vertical-stack-layout-row.vertical-stack-top-section > div > div + div {
    margin-top: 1.7143rem;
}

@media screen and (max-width: 768px) {
    .seo-layout-a.vertical-stack-layout-row + .seo-layout-a.vertical-stack-layout-row,
    .seo-layout-a.vertical-stack-layout-row > div > div + div {
        margin-top: 2.8571rem;
    }

    .seo-layout-a.vertical-stack-layout-row:last-of-type {
        margin-bottom: 2.8571rem;
    }
}

@media screen and (max-width: 484px) {
    .seo-layout-a.vertical-stack-layout-row + .seo-layout-a.vertical-stack-layout-row,
    .seo-layout-a.vertical-stack-layout-row > div > div + div {
        margin-top: 1.7143rem;
    }

    .seo-layout-a.vertical-stack-layout-row:last-of-type {
        margin-bottom: 1.7143rem;
    }
}
.side-navigation-seo * {
  box-sizing: border-box;
}

.side-navigation-seo {
  margin: 0 var(--page-margin);
}

.side-navigation-seo-row {
  margin-bottom: 0.5714rem;
}

.side-navigation-seo-row .Marquee.SideBySide .MarqueeContent h2 {
  font-size: 2.7074rem;
  line-height: 1.2;
}

.side-navigation-seo-row .Marquee.SideBySide .MarqueeContent p {
  font-size: 1.5234rem;
}

.side-navigation-seo .side-navigation-seo-grid {
  display: grid;
  grid-template-columns: 20% minmax(0, 1fr);
  grid-gap: 1.7143rem 1.7143rem;
}

.side-navigation-seo .ContentBlock.Pantone .ContentBlockGrid .ContentBlockEntity h2 {
  display: none;
}

@media screen and (max-width: 768px) {
  .side-navigation-seo .side-navigation-seo-grid {
    grid-template-columns: 100%;
  }
}
.side-navigation-container {
  margin-bottom: 4rem;
}

.side-navigation-container .two-column-grid{
   margin: 4rem 0 0 1.7143rem;
   display: grid;
   grid-column-gap: 1.7143rem;
   grid-template-columns: 17.072rem minmax(0, 1fr);
 }

 .side-navigation-content-wrapper > div:first-child > * {
   margin-bottom: 4rem;
 }

 .side-navigation-content-wrapper > div:first-child > *:last-child {
  margin-bottom: 0;
}
 
 .side-navigation-container .two-column-grid > div:last-of-type { 
   margin: 0 1.7143rem;
 }

 .side-navigation-container .two-column-grid > div:last-of-type > * { 
  margin-bottom: 4rem;
}

.side-navigation-container .two-column-grid > div:last-of-type > *:last-child{ 
  margin-bottom: 0;
}

.side-navigation-container .full-width-vertical-stack-container{
  margin-top: 4rem;
}

.side-navigation-container .full-width-vertical-stack-container .simple-content{
  margin: 0 1.7143rem;
}

.side-navigation-container .full-width-vertical-stack-container > div:first-child > * {
  margin-bottom: 4rem;
}

.side-navigation-container .full-width-vertical-stack-container > div:first-child > *:last-child {
  margin-bottom: 0rem;
}

 @media screen and (max-width: 768px) {

   .side-navigation-container {
     margin-bottom: 0;
   }

   .side-navigation-container .full-width-vertical-stack-container .simple-content{
    margin: 0 1.1429rem;
  }

   .side-navigation-container .two-column-grid {
    margin: 4rem 0 0 0;
    grid-template-columns: 100%;
   }

   .side-navigation-container .two-column-grid > div,
   .side-navigation-container .two-column-grid > div:last-of-type {
    margin-left: 1.1429rem;
    margin-right: 1.1429rem
  }
  .side-navigation-container .two-column-grid > div:last-of-type { 
     margin-top: 4rem;
     margin-bottom: 4rem;
   }

   .side-navigation-content-wrapper > div:first-child > * {
    margin-bottom: 4rem;
  }
 
  .side-navigation-content-wrapper > div:first-child > *:last-child {
    margin-bottom: 0;
  }

  .side-navigation-container .two-column-grid > div:last-of-type > * { 
    margin-bottom: 4rem;
  }
  
  .side-navigation-container .two-column-grid > div:last-of-type > *:last-child{ 
    margin-bottom: 0;
  }
 }

 @media screen and (max-width: 480px) {
  
  .side-navigation-container .two-column-grid {  
    margin: 4rem 0 0 0;
  }
   
  .side-navigation-container .two-column-grid > div,
  .side-navigation-container .two-column-grid > div:last-of-type {
    margin-left: 1.1429rem;
    margin-right: 1.1429rem
  }
  .side-navigation-container .two-column-grid > div:last-of-type { 
     margin-top: 4rem;
     margin-bottom: 4rem;
   }

   .side-navigation-content-wrapper > div:first-child > * {
    margin-bottom: 4rem;
  }
 
  .side-navigation-content-wrapper > div:first-child > *:last-child {
    margin-bottom: 0;
  }

  .side-navigation-container .two-column-grid > div:last-of-type > * { 
    margin-bottom: 4rem;
  }
  
  .side-navigation-container .two-column-grid > div:last-of-type > *:last-child{ 
    margin-bottom: 0;
  }
 }

 @media screen and (max-width: 372px) {
  
  .side-navigation-container .two-column-grid {  
    margin: 4rem 0 0 0;
  }

  .side-navigation-container .two-column-grid > div,
  .side-navigation-container .two-column-grid > div:last-of-type {
    margin-left: 1.1429rem;
    margin-right: 1.1429rem
  }
  .side-navigation-container .two-column-grid > div:last-of-type { 
     margin-top: 4rem;
     margin-bottom: 4rem;
   }

   .side-navigation-content-wrapper > div:first-child > * {
    margin-bottom: 4rem;
  }
 
  .side-navigation-content-wrapper > div:first-child > *:last-child {
    margin-bottom: 0;
  }

  .side-navigation-container .two-column-grid > div:last-of-type > * { 
    margin-bottom: 4rem;
  }
  
  .side-navigation-container .two-column-grid > div:last-of-type > *:last-child{ 
    margin-bottom: 0;
  }
 }
@media (min-width: 768px) {
    .special-offers {
      --hideshow: flex;
    }
  }
  
  @media (min-width: 992px) {
    .special-offers {
      --layout: row;
      --justify: space-between;
    }
  
    .special-offers .cards>div div {
      --cardwidth: 20.2857rem;
      width: auto;
    }
  }
  
  @media (max-width: 767px) and (min-width: 480px) {
    .special-offers .cards>div div {
      --cardwidth: 15.7143rem
    }
  }
  
  @media (max-width: 479px) {
    .special-offers .cards > div > div {
      width: calc(50% - 0.8571rem);
      min-width: 10.5714rem;
    }
  
    .special-offers .cards > div .SpecialOffer {
      width: 100%;
    }
  }
  
  @media (max-width: 767px) {
    .special-offers {
      --hideshow: none;
    }
  }
  
  @media (max-width: 991px) {
    .special-offers {
      --justify: space-evenly;
    }
  }
  
  @media (max-width: 1199px) {
    .special-offers {
      --layout: column;
    }
  
  }
  
  .special-offers .cta {
    margin: 1.0714rem 0;
    display: var(--hideshow);
    padding: var(--main-padding);
  }
  
  .special-offers .cta>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: var(--layout) wrap;
    width: 100%;
  }
  
  .special-offers .cta>div>div {
    margin: calc(var(--main-padding) / 2) 0.7143rem;
  }
  
  .special-offers .cards {
    margin: 1.1429rem;
  }
  
  .special-offers .cards>div {
    display: flex;
    justify-content: var(--justify);
    flex-flow: row wrap;
    width: 100%;
  }
  
  .special-offers .cards>div .SpecialOffer {
    max-width: var(--cardwidth);
    min-width: var(--cardwidth);
  }

  .sms-template-wrapper .sms-template-form-container .sms-template-form {
    margin-left: 0 !important;
  }
  
.vertical-stack-layout.vertical-stack-layout-row + .vertical-stack-layout.vertical-stack-layout-row,
.vertical-stack-layout.vertical-stack-layout-row > div > div + div {
    margin-top: 2rem;
}

.vertical-stack-layout.vertical-stack-layout-row:last-of-type {
    margin-bottom: 4rem;
}

.vertical-stack-layout.vertical-stack-layout-wrapper {
    margin-right: var(--page-margin);
    margin-left: var(--page-margin);
}

@media screen and (max-width: 768px) {
    .vertical-stack-layout.vertical-stack-layout-wrapper {
        margin-right: 1.1429rem;
        margin-left: 1.1429rem;
    }
}

@media screen and (max-width: 372px) {
    .vertical-stack-layout.vertical-stack-layout-wrapper {
        margin-right: 0.8571rem;
        margin-left: 0.8571rem;
    }

}

.wedding-title-container.pagetitle-container {
    margin-bottom: 0.7143rem;
    padding: 0 0.7143rem;
}

.wedding-title-container .pagetitle-text {
    margin: 0;
}

.wedding-wrapper {
    margin-left: 1.7857rem;
    margin-right: 1.7857rem;
}

.wedding-wrapper.heading {
    margin-bottom: 0.7143rem;
}

.wedding-banner {
    margin-bottom: 3.2143rem;
}

.first-content-block {
    margin-bottom: 3.2143rem;
}

.second-content-block {
    margin-bottom: 2.1429rem;
}

.tri-fold {
    margin-bottom: 5.7143rem;
}

.tri-fold > div {
    width: 80%;
    margin: 0 auto;
}

.tri-fold > div > div + div {
    margin-top: 3.4286rem;
}

.tab-widget {
    margin-bottom: 0.7143rem;
}

.wedding-disclaimer {
    margin: 0 auto 7.1429rem;
    width: 87%;
}

@media screen and (max-width: 768px) {
    .wedding-wrapper.heading {
        margin-top: 1.4286rem;
        margin-bottom: 1.0714rem;
    }

    .tri-fold {
        margin-bottom: 3.5714rem;
    }

    .tri-fold > div {
        width: 100%;
    }

    .tab-widget {
        margin-bottom: 5.7143rem;
    }

    .wedding-disclaimer {
        margin-bottom: 8.9286rem;
    }
}

@media screen and (max-width: 480px) {
    .wedding-wrapper.heading {
        margin-top: 2.2857rem;
        margin-bottom: 0.7143rem;
    }

    .second-content-block {
        margin-bottom: 1.4286rem;
    }

    .tri-fold {
        margin-bottom: 2.8571rem;
    }

    .wedding-disclaimer {
        margin: 0 2.1429rem 4.6429rem;
        width: auto;
    }
}