/* Source hash: 2ef9c94d8c7ecaf621870215dcf101bc */

.sp-ForegroundColor-0 {
    color: #12bf9c
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-0,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-0,
.text-edit-dropdown-colour.sp-BackgroundColor-0,
.text-edit-dropdown-colour.sp-ForegroundColor-0 {
    background: #12bf9c
}

.sp-BackgroundColor-0 {
    background-color: #12bf9c
}

.sp-ForegroundColor-1 {
    color: #00a7cf
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-1,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-1,
.text-edit-dropdown-colour.sp-BackgroundColor-1,
.text-edit-dropdown-colour.sp-ForegroundColor-1 {
    background: #00a7cf
}

.sp-BackgroundColor-1 {
    background-color: #00a7cf
}

.sp-ForegroundColor-2 {
    color: #f2744d
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-2,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-2,
.text-edit-dropdown-colour.sp-BackgroundColor-2,
.text-edit-dropdown-colour.sp-ForegroundColor-2 {
    background: #f2744d
}

.sp-BackgroundColor-2 {
    background-color: #f2744d
}

.sp-ForegroundColor-3 {
    color: #ccb87e
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-3,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-3,
.text-edit-dropdown-colour.sp-BackgroundColor-3,
.text-edit-dropdown-colour.sp-ForegroundColor-3 {
    background: #ccb87e
}

.sp-BackgroundColor-3 {
    background-color: #ccb87e
}

.sp-ForegroundColor-4 {
    color: #aaa
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-4,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-4,
.text-edit-dropdown-colour.sp-BackgroundColor-4,
.text-edit-dropdown-colour.sp-ForegroundColor-4 {
    background: #aaa
}

.sp-BackgroundColor-4 {
    background-color: #aaa
}

.sp-ForegroundColor-5 {
    color: #424242
}

.text-edit-colour-value .text-edit-colour-swatch.sp-BackgroundColor-5,
.text-edit-colour-value .text-edit-colour-swatch.sp-ForegroundColor-5,
.text-edit-dropdown-colour.sp-BackgroundColor-5,
.text-edit-dropdown-colour.sp-ForegroundColor-5 {
    background: #424242
}

.sp-BackgroundColor-5 {
    background-color: #424242
}

.sp-Layer-BodyText .InlineMedia>a,
.sp-MediaSection .sp-Layer-ResponsiveMedia-image>a {
    display: block;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.sp-LinkedMediaRenderer {
    display: block
}

.sp-Layer-BodyText .InlineMedia>a:active,
.sp-Layer-BodyText .InlineMedia>a:focus,
.sp-Layer-BodyText .InlineMedia>a:hover,
.sp-LinkedMediaRenderer:active,
.sp-LinkedMediaRenderer:focus,
.sp-LinkedMediaRenderer:hover,
.sp-MediaSection .sp-Layer-ResponsiveMedia-image>a:active,
.sp-MediaSection .sp-Layer-ResponsiveMedia-image>a:focus,
.sp-MediaSection .sp-Layer-ResponsiveMedia-image>a:hover {
    cursor: pointer;
    opacity: .8
}

.sp-HeaderContainer {
    font-size: 18px
}

.sp-HeaderContainer,
.sp-Story {
    font-family: "PT Serif", serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sp-HeaderContainer::-moz-selection {
    color: inherit;
    background-color: rgba(160, 160, 160, .55)
}

.sp-Story::-moz-selection {
    background-color: rgba(160, 160, 160, .55)
}

.sp-HeaderContainer::selection,
.sp-Story::selection {
    color: inherit;
    background-color: rgba(160, 160, 160, .55)
}

@media (min-width:900px) {
    .sp-HeaderContainer,
    .sp-Story {
        font-size: 18px
    }
}

@media (min-width:1100px) {
    .sp-HeaderContainer,
    .sp-Story {
        font-size: 20px
    }
}

@media (max-width:1400px) {
    .Layout {
        width: auto
    }
}

@media (max-width:620px) {
    .sp-Layer-BodyText {
        width: 100%
    }
}

.sp-Layer-BodyText p,
.sp-Story p {
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.7 !important;
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-size: inherit
}

.sp-Layer-BodyText a,
.sp-Layer-TextBlock-Inner a,
.sp-OverlayedCaption a,
.sp-Section-Dark .sp-Layer-BodyText a,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a {
    text-decoration: none;
    border-bottom: 1px dotted
}

.sp-Layer-BodyText a {
    color: #00a7cf!important
}

.sp-Layer-TextBlock-Inner a:hover,
.sp-OverlayedCaption a:hover {
    border-bottom-style: solid
}

.sp-Layer-BodyText a:hover,
.sp-Layer-BodyText a:visited:active,
.sp-Layer-BodyText a:visited:focus,
.sp-Layer-BodyText a:visited:hover,
.sp-Layer-TextBlock-Inner a:visited:active,
.sp-Layer-TextBlock-Inner a:visited:focus,
.sp-Layer-TextBlock-Inner a:visited:hover {
    color: #007e9c!important;
    border-bottom-style: solid
}

.sp-Layer-TextBlock-Inner a:active,
.sp-OverlayedCaption a:active {
    border-bottom-style: solid
}

.sp-Layer-BodyText a:active {
    color: #007e9c!important;
    border-bottom-style: solid
}

.sp-Layer-TextBlock-Inner a:focus,
.sp-OverlayedCaption a:focus {
    border-bottom-style: solid
}

.sp-Layer-BodyText a:focus {
    color: #007e9c!important;
    border-bottom-style: solid
}

.sp-OverlayedCaption a:visited:active,
.sp-OverlayedCaption a:visited:focus,
.sp-OverlayedCaption a:visited:hover {
    border-bottom-style: solid
}

.sp-Layer-BodyText a:visited {
    color: #03ceff!important
}

.sp-OverlayedCaption a,
.sp-Section-Dark .sp-Layer-BodyText a {
    color: #00a7cf!important
}

.sp-OverlayedCaption a:active,
.sp-OverlayedCaption a:focus,
.sp-OverlayedCaption a:hover,
.sp-Section-Dark .sp-Layer-BodyText a:active,
.sp-Section-Dark .sp-Layer-BodyText a:focus,
.sp-Section-Dark .sp-Layer-BodyText a:hover {
    color: #03ceff!important
}

.sp-OverlayedCaption a:visited,
.sp-Section-Dark .sp-Layer-BodyText a:visited {
    color: #007e9c!important
}

.sp-OverlayedCaption a:visited:active,
.sp-OverlayedCaption a:visited:focus,
.sp-OverlayedCaption a:visited:hover,
.sp-Section-Dark .sp-Layer-BodyText a:visited:active,
.sp-Section-Dark .sp-Layer-BodyText a:visited:focus,
.sp-Section-Dark .sp-Layer-BodyText a:visited:hover,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a:visited:active,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a:visited:focus,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a:visited:hover {
    color: #03ceff!important
}

.sp-Caption .caption-editor-empty,
.sp-Caption cite,
.sp-Caption p:not(:empty),
.sp-Layer-BodyText-QuoteCite,
.sp-OverlayedCaption p:not(:empty) {
    font-size: 13.6px
}

@media (min-width:620px) {
    .sp-Caption .caption-editor-empty,
    .sp-Caption cite,
    .sp-Caption p:not(: empty), .sp-Layer-BodyText-QuoteCite, .sp-OverlayedCaption p:not(: empty) {
        font-size: 14.4px
    }
}

@media (min-width:900px) {
    .sp-Caption .caption-editor-empty,
    .sp-Caption cite,
    .sp-Caption p:not(: empty), .sp-Layer-BodyText-QuoteCite, .sp-OverlayedCaption p:not(: empty) {
        font-size: 14.4px
    }
}

@media (min-width:1100px) {
    .sp-Caption .caption-editor-empty,
    .sp-Caption cite,
    .sp-Caption p:not(: empty), .sp-Layer-BodyText-QuoteCite, .sp-OverlayedCaption p:not(: empty) {
        font-size: 16px
    }
}

@media (min-width:1400px) {
    .sp-Caption .caption-editor-empty,
    .sp-Caption cite,
    .sp-Caption p:not(: empty), .sp-Layer-BodyText-QuoteCite, .sp-OverlayedCaption p:not(: empty) {
        font-size: 16px
    }
}

@media (min-width:2000px) {
    .sp-Caption .caption-editor-empty,
    .sp-Caption cite,
    .sp-Caption p:not(: empty), .sp-Layer-BodyText-QuoteCite, .sp-OverlayedCaption p:not(: empty) {
        font-size: 17.6px
    }
}

.GalleryRenderer--initializing:after,
.sp-Lazyload-Spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-bottom-color: transparent;
    -webkit-animation: loading-spinner forwards 1s linear infinite;
    animation: loading-spinner forwards 1s linear infinite;
    background: #000;
    -webkit-box-shadow: 0 0 0 6px #000;
    box-shadow: 0 0 0 6px #000
}

.sp-Lazyload-Spinner {
    opacity: .3
}

.sp-Story {
    display: block;
    background-color: #fff;
    font-size: 17px
}

@media (min-width:620px) {
    .sp-Story {
        font-size: 18px
    }
}

@media (min-width:900px) {
    .sp-Story {
        font-size: 18px
    }
}

@media (min-width:1100px) {
    .sp-Story {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .sp-Story {
        font-size: 20px
    }
}

@media (min-width:1750px) {
    .sp-Story {
        font-size: 22px
    }
}

@media (min-width:2000px) {
    .sp-Story {
        font-size: 22px
    }
}

.sp-Story::-moz-selection {
    background-color: #00a7cf;
    color: #fff
}

.sp-Story::-moz-selection,
.sp-Story::selection {
    background-color: #00a7cf;
    color: #fff
}

.sp-Story sub,
.sp-Story sup {
    font-size: 70%!important
}

.sp-Story sup {
    top: -.5em!important
}

.sp-Story sub {
    bottom: -.25em!important
}

.sp-Story .h-align-left {
    text-align: left!important
}

.sp-Story .h-align-center {
    text-align: center!important
}

.sp-Story .h-align-right {
    text-align: right!important
}

.sp-Layer-BodyText-Heading-Large {
    display: block;
    color: #333;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 140%;
    line-height: 1.3
}

@media (min-width:620px) {
    .sp-Layer-BodyText-Heading-Large {
        font-size: 160%
    }
}

.sp-Layer-BodyText-Heading-Small {
    display: block;
    color: #333;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 120%;
    line-height: 1.3
}

@media (min-width:620px) {
    .sp-Layer-BodyText-Heading-Small {
        font-size: 130%
    }
}

.sp-Layer-BodyText-Heading-xs {
    display: block;
    color: #333;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: inherit;
    font-weight: 700;
    font-size: 110%;
    line-height: 1.3
}

@media (min-width:620px) {
    .sp-Layer-BodyText-Heading-xs {
        font-size: 110%
    }
}

.sp-Layer-BodyText-List-Ordered,
.sp-Layer-BodyText-List-Unordered {
    padding-left: 1.2rem;
    list-style-position: outside;
    font-size: inherit;
    font-weight: 400;
    color: #333;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.sp-Layer-BodyText-List-Unordered {
    list-style-type: square
}

.sp-Layer-BodyText-ListItem {
    line-height: 1.7;
    margin-bottom: .5rem;
    font-family: "PT Serif", serif
}

.sp-Layer-BodyText-Blockquote {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1.5rem;
    border-top: 2px solid rgba(204, 204, 204, .3);
    border-bottom: 2px solid rgba(204, 204, 204, .3);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #777;
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 120%;
    line-height: 1.3
}

@media (min-width:620px) {
    .sp-Layer-BodyText-Blockquote {
        font-size: 120%
    }
}

.sp-Layer-BodyText-QuoteCite {
    display: block;
    margin: 1rem 0 .5rem;
    font-family: "Lato", sans-serif;
    color: #777;
    line-height: 1.2;
    font-style: normal;
    font-weight: 400
}

div:not(.Block-Active)>.sp-Layer-BodyText-Dropcap:first-letter {
    display: inline-block;
    float: left;
    max-width: 100%;
    color: inherit;
    font-family: "Lato", sans-serif;
    font-size: 5.7em;
    font-style: inherit;
    font-weight: inherit;
    line-height: .85;
    margin-right: .05em;
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:620px) {
    div:not(.Block-Active)>.sp-Layer-BodyText-Dropcap:first-letter {
        font-size: 5.7em
    }
}

.sp-Overlay {
    background-color: #fff;
    z-index: 1
}

.sp-Overlay.FullSize {
    top: -2px;
    bottom: -2px;
    height: auto
}

.sp-Layer-TextBlock-Inner {
    color: #333;
    font-family: "Lato", sans-serif;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right)
}

.sp-Layer-TextBlock-Inner a {
    color: #333!important
}

.sp-Layer-TextBlock-Inner a:active,
.sp-Layer-TextBlock-Inner a:focus,
.sp-Layer-TextBlock-Inner a:hover {
    color: #333!important
}

.sp-Layer-TextBlock-Inner a:visited {
    color: #333!important
}

.sp-Layer-TextBlock-Inner .sp-Title {
    color: #333;
    font-weight: 400
}

.sp-Layer-TextBlock-Inner .sp-LeadIn,
.sp-Layer-TextBlock-Inner .sp-StoryTitle,
.sp-Layer-TextBlock-Inner .sp-Title {
    display: block;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1.1
}

.sp-Layer-TextBlock-Inner .sp-SubTitle,
.sp-Layer-TextBlock-Inner .sp-Text {
    display: block;
    color: #333;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1.1
}

.sp-Layer-TextBlock-Inner .sp-Byline {
    display: block;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:620px) {
    .sp-Layer-TextBlock-Inner .sp-Byline,
    .sp-Layer-TextBlock-Inner .sp-LeadIn,
    .sp-Layer-TextBlock-Inner .sp-StoryTitle,
    .sp-Layer-TextBlock-Inner .sp-SubTitle,
    .sp-Layer-TextBlock-Inner .sp-Text,
    .sp-Layer-TextBlock-Inner .sp-Title {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1100px) {
    .sp-Layer-TextBlock-Inner .sp-Byline,
    .sp-Layer-TextBlock-Inner .sp-LeadIn,
    .sp-Layer-TextBlock-Inner .sp-StoryTitle,
    .sp-Layer-TextBlock-Inner .sp-SubTitle,
    .sp-Layer-TextBlock-Inner .sp-Text,
    .sp-Layer-TextBlock-Inner .sp-Title {
        padding-left: 40px;
        padding-right: 40px
    }
}

.sp-Layer-TextBlock-Inner .sp-Byline,
.sp-Layer-TextBlock-Inner .sp-LeadIn,
.sp-Layer-TextBlock-Inner .sp-StoryTitle {
    color: #333;
    font-family: "Lato", sans-serif;
    font-weight: 400
}

.sp-Layer-TextBlock-Inner .sp-Byline {
    color: #777;
    line-height: 1.1;
    font-size: 15.3px
}

@media (min-width:620px) {
    .sp-Layer-TextBlock-Inner .sp-Byline {
        font-size: 16.2px
    }
}

@media (min-width:900px) {
    .sp-Layer-TextBlock-Inner .sp-Byline {
        font-size: 16.2px
    }
}

@media (min-width:1100px) {
    .sp-Layer-TextBlock-Inner .sp-Byline {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    .sp-Layer-TextBlock-Inner .sp-Byline {
        font-size: 18px
    }
}

@media (min-width:2000px) {
    .sp-Layer-TextBlock-Inner .sp-Byline {
        font-size: 19.8px
    }
}

.sp-Layer-TextBlock-Inner .sp-LeadIn,
.sp-Layer-TextBlock-Inner .sp-SubTitle,
.sp-Layer-TextBlock-Inner .sp-Text {
    margin-top: .5rem
}

@media (min-width:1100px) {
    .sp-Layer-TextBlock-Inner .sp-LeadIn,
    .sp-Layer-TextBlock-Inner .sp-SubTitle,
    .sp-Layer-TextBlock-Inner .sp-Text {
        margin-top: 1rem
    }
}

.sp-Layer-TextBlock-Inner .sp-Title {
    font-family: "Lato", sans-serif
}

.sp-Layer-TextBlock-Inner .sp-SubTitle,
.sp-Layer-TextBlock-Inner .sp-Text {
    font-family: inherit;
    font-weight: 400
}

.sp-Layer-BodyText {
    font-family: "PT Serif", serif;
    background-color: rgba(255, 255, 255, .9);
    padding-top: calc(48px - 1.5rem);
    padding-bottom: 48px;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:620px) {
    .sp-Layer-BodyText {
        padding-top: calc(60px - 1.5rem);
        padding-bottom: 60px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:900px) {
    .sp-Layer-BodyText {
        padding-top: calc(72px - 1.5rem)
    }
}

@media (min-width:1100px) {
    .sp-Layer-BodyText {
        padding-left: 40px;
        padding-right: 40px
    }
}

.sp-Layer-BodyText .InlineMedia,
.sp-Layer-BodyText p,
.sp-Layer-BodyText-Blockquote,
.sp-Layer-BodyText-Heading-Large,
.sp-Layer-BodyText-Heading-Small,
.sp-Layer-BodyText-Heading-xs,
.sp-Layer-BodyText-List-Ordered,
.sp-Layer-BodyText-List-Unordered,
.sp-Layer-BodyText-QuoteCite {
    margin-left: auto;
    margin-right: auto
}

.sp-Layer-BodyText .InlineMedia>a {
    border: none!important
}

.sp-Layer-BodyText .InlineMedia img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.sp-Caption .caption-editor-empty {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.sp-Caption cite,
.sp-Caption p:not(:empty) {
    margin: 0;
    max-width: 100%
}

.sp-Caption p:not(:empty) {
    color: #777;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    font-style: normal;
    line-height: 1.2;
    padding: .75rem .5rem
}

.InlineMedia .sp-Caption p:not(:empty) {
    text-align: center
}

.sp-Caption [contenteditable=false],
.sp-Caption cite {
    padding: .75rem .5rem
}

.sp-OverlayedCaption {
    background-color: rgba(34, 34, 34, .8);
    z-index: 1!important
}

.sp-CollectionSectionSection .sp-OverlayedCaption,
.sp-TextOverMediaSection .sp-OverlayedCaption,
.sp-TitleSection .sp-OverlayedCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sp-OverlayedCaption p:not(:empty) {
    color: rgba(255, 255, 255, .7);
    font-family: "Lato", sans-serif;
    line-height: 1.2;
    margin: 0
}

.sp-OverlayedCaption [contenteditable=false],
.sp-OverlayedCaption p:not(:empty) {
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 25px;
    padding-right: 25px
}

.DisplayContainerHeight--heightThird .sp-OverlayedCaption [contenteditable=false],
.DisplayContainerHeight--heightThird .sp-OverlayedCaption p:not(:empty) {
    padding-top: .495rem;
    padding-bottom: .495rem;
    font-size: 12px
}

@media (min-width:620px) {
    .sp-OverlayedCaption [contenteditable=false],
    .sp-OverlayedCaption p:not(: empty) {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1100px) {
    .sp-OverlayedCaption [contenteditable=false],
    .sp-OverlayedCaption p:not(: empty) {
        padding-left: 40px;
        padding-right: 40px
    }
}

.sp-MediaSection .sp-Caption [contenteditable=false],
.sp-MediaSection .sp-Caption p:not(:empty) {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:620px) {
    .sp-MediaSection .sp-Caption [contenteditable=false],
    .sp-MediaSection .sp-Caption p:not(: empty) {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1100px) {
    .sp-MediaSection .sp-Caption [contenteditable=false],
    .sp-MediaSection .sp-Caption p:not(: empty) {
        padding-left: 40px;
        padding-right: 40px
    }
}

.sp-ImageCaption,
.sp-InlineMediaCaption,
.sp-Meedya-Item .sp-Caption {
    text-align: center
}

.sp-ImageCaption p:not(:empty),
.sp-InlineMediaCaption p:not(:empty) {
    color: #777
}

.sp-Meedya-Item .sp-Caption [contenteditable=false],
.sp-Meedya-Item .sp-Caption p:not(:empty) {
    padding-left: 0;
    padding-right: 0
}

.sp-Header {
    width: 100%;
    max-width: 100%;
    padding-left: env(safe-area-inset-left)!important;
    padding-right: env(safe-area-inset-right)!important
}

.sp-HeaderContainer {
    height: 40px;
    background: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3)
}

@media (min-width:900px) {
    .sp-HeaderContainer {
        height: 50px
    }
}

@media (min-width:1100px) {
    .sp-HeaderContainer {
        height: 60px
    }
}

.sp-Logos {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 32px;
    margin-left: 15px
}

@media (min-width:900px) {
    .sp-Logos {
        height: 38px
    }
}

@media (min-width:1100px) {
    .sp-Logos {
        height: 44px
    }
}

.sp-Logo {
    vertical-align: top;
    height: 100%;
    margin-right: 10px
}

.sp-Logo a {
    display: block;
    height: 100%
}

.sp-Logo img {
    max-height: 100%;
    max-width: none;
    height: 100%;
    width: auto
}

.sp-Default-Logos,
.sp-Logo,
.sp-SocialIcons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sp-Default-Logos {
    vertical-align: top;
    height: 100%
}

.sp-SocialIcons {
    position: absolute;
    min-width: 80px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    right: 0;
    margin-right: 15px
}

@media (min-width:1100px) {
    .sp-SocialIcons {
        position: absolute
    }
}

@media (max-width:1099px) {
    .sp-Hamburger~.sp-SocialIcons {
        right: 45px;
        right: calc(45px + env(safe-area-inset-right))
    }
}

.sp-SocialButton {
    display: inline-block;
    margin-left: 4px
}

.sp-SocialButton a {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    width: 32px;
    height: 32px
}

.sp-SocialButton a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-SocialButton img {
    display: none
}

.sp-TwitterButton {
    background: #00aced
}

.sp-TwitterButton:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAADCCAMAAAAGo97pAAAAwFBMVEX////////7+/v////19fX////v7+/////////o6Oj////e3t7////W1tb////MzMz////ExMT///+6urr///+xsbH///+qqqr///+goKD///+SkpL///////+EhIT///95eXn///9ubm7///////9lZWX///9aWlr///9SUlL///9HR0f///8/Pz////83Nzf///8vLy////8pKSn///////8hISH///8YGBj///8NDQ3///8GBgb///8AAAD///9ooZKCAAAAPnRSTlMAAQQECgoQEBQXGiEhKSkzMzs7RUVOT1VeX2dtcXh7foaHkZGZmqOlq62wuLjAwMjI0NDW1t3e5eft8vP4+LQbORoAAAR2SURBVHgB7NTRirM6FMXxRQhCCFJEpIggpRCkFBERRIKs93+s02Gm/WrHmtTM3cnvWv64ZW+xJYqk0lorJfE3MjPxx3hKsSCTHb2OC43GgyjHR1Gm8CINX80VviXVSIO7elLwoHquaAQgj40lZ40fYmKfwEmNXHU9tTO/nHBXkOwkHGTPbb3EneFNm2Cb4bZJ42Hgl05hS+YKpgBUJXEj+W1MsaHjpl5DldfZ4IviD1vgrZybxlMz/vuUKR9OAm809HBfQs1/uhSrhKWbTfEt4ZO5FlhxoNt0wJ3lsyHHb6VHMMVDy6U2w6uaLp3afLzNsXSiQyPwRPO3sVIfFUssXLnmWmn/qUvPCxtMmQrcHP2L7v2dh8u5/nRqqImBCrw4zAyTLWoFgDwwqfEk51CnyCaGEL9u1nYtA4x4ljDcFQsDg52wcGawIxYODKaw1DHQgBc5A53x6sIwOfC3d20FfjlYBjBYkYUkM6xJR+41YJ08c6cK76Rm5g5WYpXEjaynkJteKu3Yj5afswrrpOU+Nd6pucsk8Y4cuUeJ9/LwnzfC57Yam0z4zKFv2cApn/iBQcJN1pa+Jg0vsrz6RecM3kRa9O5gjg/ozh0s4E/U9m+Dx4FOUwZfshzo1mv4Ebmx9NBIeFB5fbH0YUtsEaa9XK7tYOnrouBQfnZ4Bdxk5d0cKwEvshrooS8F/OWN5SZrMnxIHpuJb0ymkNglrUw3c8F251IjjEyU1umN1ioRiKIoiqIoiqIoiqIo+t/7r5s6UHFVh6IwvCSEioRQRERKSykVGUoREUUkyHr/t7od5tYeO9akpnDgfA/w69bs/OsCGSqlolDiM+Ki5//ak8aE3KzoVZz4UhiJXTsWpYYTmfPZsMePzb5lgbtDF8FBWHPGlwBk+mXIQY2v27PeOARbzrqeyoHfTrhLSVYSFrLmslriruBNucGynMs6hVHDb1WIJTGX9RpAuJe4kfzRaiyoLCMrRLvrkONbND4mxUsJF7Wnr/bxKTVHJ4EXCjq4H0LFh0pjluhpZzR+hJMdOAjM2NKu3+Ju+vwmwW8ZrTqNUcmpMsazI22qCA8HPiuTABMnWhQCD1D8rd1HbxUzTFw557p7RA/ORcuGNXmmBW5S96L9/A7N5Xx8d2qEHT2leLId6Cee1NIASDyTanqtNEcdxB19iF87a6qSHlr8aUN/V0w09HbCxJneUkxs6S3CVEVPDZ4k9HTGswv9JMBn97oX+GVr6CHHjNgnGWOObrlWE2CWPHOlPV7R+cAVjMQsiRt56Lx3epSZtm4N32dCzJM91znilSNX6SRekR3XyPBa8oHL239uo7Ao95/Z9y0LWCUd39BI2MmjoatewYnMrm7RIYYzodPaHkzwBlXZgynciYP5aDDIGlr1MVzJXUO7WsGNSHJDB4WEgzA5XAxdmAxLRF5eLteyMXR1iaw/4r3FS2En987Nbic++YNZZwLOgqQwXGTyGG+SadHxhS5PJVbRu7waOGHKc6bgJZCbSCl9o1S0Efjr/gMShvXLBlyyFgAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 18px auto;
    background-position-y: -20px
}

.sp-FaceboookButton {
    background-color: #3b5998
}

.sp-FaceboookButton:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAADICAMAAABYmthtAAAAvVBMVEX////////7+/v////19fX////v7+/////////o6Oj////e3t7////W1tb////MzMz////ExMT///+6urr///+xsbH///+qqqr///+goKD///+SkpL///////+EhIT///95eXn///9ubm7///////9lZWX///9aWlr///9SUlL///9HR0f///8/Pz////83NzcvLy////8pKSn///////8hISH///8YGBj///8NDQ3///8GBgb///8AAAD///+MsSc4AAAAPXRSTlMAAQQECgoQEBQXGiEhKSkzMzs7RUVOT1VeX2dtcXh7foaHkZGZmqOlq62wuLjAwMjQ0NbW3d7l5+3y8/j4UtbH3wAAAT5JREFUeNrt01tPwkAQhuFFW6qCth5AFG2lhZYKrRxbQHf//88yISR00k32u/AGmff6yWQuZkQ915+UkpTWzPOMAK26zqQ0qttSmlVzLQGVSEC5ElEJoqwtoh4lonxIpZCaQaqUtHLUf+nscyvqm6KJJXRJWkuLmhStBaK+IJWdnfLDQyOqyvBYXyykuRRSIaR8SGF7dSB1D6kWpCxEbQWiFpDKIJVA6oO/gxUrVqz+kRIXNMFxHMdxf1+jcVlNI7xgWijSuDakNydAq25ypYzqrlBm5awUoGIFKE8hKkaUvUPUk0JUAKlPSM0htVG0zfCt193nVdQPRVNbe1KK1ha6HIpWQtsVVbleOeeu3qNDQ6qK6NirWCpzY0hFkAoghe3VhdQDpNqQshG1E4haQiqHVAypAX8HK1asWJ28+gW2AvIER0DSdAAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 8px auto;
    background-position-y: -19px
}

.sp-Hamburger {
    right: 15px;
    right: calc(15px + env(safe-area-inset-right))
}

.sp-NavigationBar {
    top: 40px;
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    max-width: none;
    overflow-y: auto
}

@media (max-width:619px) {
    .sp-NavigationBar {
        min-width: 100%;
        width: auto
    }
}

@media (min-width:620px) and (max-width:1099px) {
    .sp-NavigationBar {
        max-width: 400px
    }
}

@media (max-width:1099px) {
    .sp-NavigationBar {
        right: -110%
    }
}

@media (min-width:900px) {
    .sp-NavigationBar {
        top: 50px
    }
}

@media (min-width:1100px) {
    .sp-NavigationBar {
        top: 100%;
        position: absolute;
        left: 0;
        right: 0;
        padding: 0 15px;
        display: block;
        background-color: transparent;
        overflow: hidden
    }
    .sp-NavigationBar:not(.sp-NavigationBar-Sticky):before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        background: rgba(0, 0, 0, .9)
    }
}

@media (max-width:1099px) {
    #Navigation__hamburgerToggle:checked~.sp-NavigationBar {
        right: -15px
    }
}

@media (max-width:619px) {
    #Navigation__hamburgerToggle:checked~.sp-NavigationBar {
        left: -15px
    }
}

.sp-NavigationBar-Sticky {
    background: rgba(0, 0, 0, .9)
}

.sp-NavigationBarItem {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    padding: 15px;
    border-bottom: none;
    border-top: 1px solid rgba(180, 180, 180, .4)
}

.sp-NavigationBarItem:active,
.sp-NavigationBarItem:focus,
.sp-NavigationBarItem:hover {
    color: #fff;
    text-decoration: none
}

.sp-NavigationBarItem.sp-ActiveNavigationBarItem,
.sp-Section-Dark .sp-Layer-BodyText p {
    color: #fff
}

@media (min-width:1100px) {
    .sp-NavigationBarItem {
        font-size: 16px;
        display: inline-block;
        padding: 8px 0;
        border-top: none
    }
}

.sp-NavigationLink {
    color: inherit;
    text-decoration: none
}

.sp-NavigationLink:active,
.sp-NavigationLink:focus,
.sp-NavigationLink:hover {
    text-decoration: none;
    color: inherit
}

.Navigation__hamburger span {
    background: #333
}

.sp-TitleSection {
    overflow: hidden;
    background-color: #1c1c1c
}

.sp-TextOverMediaSection {
    overflow: hidden
}

.sp-TextOverMediaSection .Layout__snap--ytop,
.sp-TitleSection .Layout__snap--ytop {
    top: 48px
}

@media (min-width:900px) {
    .sp-TextOverMediaSection .Layout__snap--ytop,
    .sp-TitleSection .Layout__snap--ytop {
        top: 60px
    }
}

@media (min-width:1100px) {
    .sp-TextOverMediaSection .Layout__snap--ytop,
    .sp-TitleSection .Layout__snap--ytop {
        top: 72px
    }
}

.sp-TextOverMediaSection .Layout__snap--ybottom,
.sp-TitleSection .Layout__snap--ybottom {
    bottom: 60px
}

@media (min-width:900px) {
    .sp-TextOverMediaSection .Layout__snap--ybottom,
    .sp-TitleSection .Layout__snap--ybottom {
        bottom: 75px
    }
}

@media (min-width:1100px) {
    .sp-TextOverMediaSection .Layout__snap--ybottom,
    .sp-TitleSection .Layout__snap--ybottom {
        bottom: 90px
    }
}

.sp-TextOverMediaSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom,
.sp-TitleSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom {
    bottom: 32px
}

@media (min-width:900px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom,
    .sp-TitleSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom {
        bottom: 40px
    }
}

@media (min-width:1100px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom,
    .sp-TitleSection.DisplayContainerHeight--heightHalf .Layout__snap--ybottom {
        bottom: 48px
    }
}

.sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ytop,
.sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ytop {
    top: 40px
}

@media (min-width:900px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ytop,
    .sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ytop {
        top: 50px
    }
}

@media (min-width:1100px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ytop,
    .sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ytop {
        top: 60px
    }
}

.sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom,
.sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom {
    bottom: 26px
}

@media (min-width:900px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom,
    .sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom {
        bottom: 32.5px
    }
}

@media (min-width:1100px) {
    .sp-TextOverMediaSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom,
    .sp-TitleSection.DisplayContainerHeight--heightThird .Layout__snap--ybottom {
        bottom: 32.5px
    }
}

.sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
    height: calc(100vh - 40px);
    min-height: calc(100vh - 40px)
}

@media (min-width:900px) {
    .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
        height: calc(100vh - 50px);
        min-height: calc(100vh - 50px)
    }
}

@media (min-width:1100px) {
    .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
        height: calc(100vh - 60px);
        min-height: calc(100vh - 60px)
    }
}

.body-editor .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
    height: calc(100vh - 100px);
    min-height: calc(100vh - 100px)
}

@media (min-width:900px) {
    .body-editor .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
        height: calc(100vh - 110px);
        min-height: calc(100vh - 110px)
    }
}

@media (min-width:1100px) {
    .body-editor .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) {
        height: calc(100vh - 120px);
        min-height: calc(100vh - 120px)
    }
}

@media (max-width:620px) and (orientation:portrait) {
    .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 135px
    }
    .sp-TitleSection:not(.DisplayContainerHeight--heightHalf):not(.DisplayContainerHeight--heightThird) .sp-Layer-TextBlock-Inner:last-child.Layout__snap--ybottom {
        bottom: 100px
    }
}

.sp-TitleSection .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
    bottom: 132px
}

@media (min-width:900px) {
    .sp-TitleSection .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 165px
    }
}

@media (min-width:1100px) {
    .sp-TitleSection .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 198px
    }
}

.sp-TitleSection.DisplayContainerHeight--heightHalf .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
    bottom: 66px
}

@media (min-width:900px) {
    .sp-TitleSection.DisplayContainerHeight--heightHalf .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 82.5px
    }
}

@media (min-width:1100px) {
    .sp-TitleSection.DisplayContainerHeight--heightHalf .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 99px
    }
}

.sp-TitleSection.DisplayContainerHeight--heightThird .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
    bottom: 50px
}

@media (min-width:900px) {
    .sp-TitleSection.DisplayContainerHeight--heightThird .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 62.5px
    }
}

@media (min-width:1100px) {
    .sp-TitleSection.DisplayContainerHeight--heightThird .sp-Layer-TextBlock-Inner:first-child.Layout__snap--ybottom {
        bottom: 62.5px
    }
}

.sp-BackgroundScrollmationSection,
.sp-TextOverMediaSection {
    background-color: #222
}

@media (max-width:900px) {
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText {
        margin-top: 70vh;
        margin-bottom: 70vh;
        background: rgba(255, 255, 255, .9)
    }
}

@media (max-width:620px) and (orientation:portrait) {
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText:after,
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        height: 25vh;
        left: 0
    }
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText:before {
        top: -25vh;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .9)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 100%)
    }
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText:after {
        bottom: -25vh;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .9)));
        background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 100%)
    }
}

@media (min-width:1100px) {
    .sp-TwoColumnScrollmationSection .sp-Layer-BodyText {
        padding-top: calc(110px - 1.5rem)
    }
}

.sp-Layer-CardCanvas,
.sp-TwoColumnScrollmationSection .media-editor-container {
    padding: 40px 30px
}

@media (min-width:620px) {
    .sp-Layer-CardCanvas,
    .sp-TwoColumnScrollmationSection .media-editor-container {
        padding: 60px 30px
    }
}

@media (min-width:900px) {
    .sp-Layer-CardCanvas,
    .sp-TwoColumnScrollmationSection .media-editor-container {
        padding: 72px 40px 60px
    }
}

@media (min-width:1100px) {
    .sp-Layer-CardCanvas,
    .sp-TwoColumnScrollmationSection .media-editor-container {
        padding-top: 110px
    }
}

.sp-Layer-CardCanvas canvas,
.sp-TwoColumnScrollmationSection .media-editor-container canvas {
    max-height: 70vh
}

.sp-TwoColumnScrollmationCaption {
    padding-top: 40px
}

@media (min-width:620px) {
    .sp-TwoColumnScrollmationCaption {
        padding-top: 60px
    }
}

@media (min-width:900px) {
    .sp-TwoColumnScrollmationCaption {
        padding-top: 72px
    }
}

@media (min-width:1100px) {
    .sp-TwoColumnScrollmationCaption {
        padding-top: 110px
    }
}

.sp-LinkedMediaRenderer {
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease
}

@media (max-width:899px) {
    .CardCanvas--tworowContainer .CardCanvas__textColumn {
        padding-top: calc(35vh + 40px)
    }
}

@media (max-width:899px) and (max-aspect-ratio:6/8) {
    .CardCanvas--tworowContainer .CardCanvas__textColumn {
        padding-top: calc(56.25% + 40px)
    }
}

@media (max-width:899px) {
    .sp-TwoColumnScrollmationSection .sp-Layer-CardCanvas {
        padding: 0;
        height: auto;
        overflow: visible
    }
    .sp-TwoColumnScrollmationSection .sp-Meedya-Canvas:not(:empty) {
        top: 39px;
        background-color: rgba(255, 255, 255, .95);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        height: 35vh
    }
    .sp-TwoColumnScrollmationSection .sp-Meedya-Canvas:not(:empty) .sp-OverlayedCaption p:not(:empty) {
        padding: 5px;
        padding-left: calc(5px + env(safe-area-inset-left));
        padding-right: calc(5px + env(safe-area-inset-right))
    }
}

@media (max-width:899px) and (max-aspect-ratio:6/8) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-Canvas:not(: empty) {
        padding-top: 56.25%;
        height: 0
    }
}

@media (max-width:899px) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-Item {
        padding: 8px
    }
}

@media (max-width:899px) and (max-aspect-ratio:6/8) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-Item .sp-Caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media (max-width:899px) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-ImageItem {
        display: block;
        margin: 0 auto
    }
}

@media (max-width:899px) and (min-aspect-ratio:6/8) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-ImageItem {
        max-height: 100%!important
    }
}

@media (max-width:899px) and (max-aspect-ratio:6/8) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-ImageItem {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none!important;
        max-height: none!important
    }
}

.sp-TwoColumnScrollmationSection .sp-Meedya-ItemInner>a {
    pointer-events: none
}

@media (max-width:899px) {
    .sp-TwoColumnScrollmationSection .sp-Meedya-ItemInner {
        height: 100%;
        overflow: hidden
    }
}

.sp-TwoColumnScrollmationSection .Meedya__item--mostVisible .sp-Meedya-ItemInner>a {
    display: block;
    height: 100%;
    width: 100%;
    pointer-events: auto
}

.sp-MediaSection .sp-Layer-ResponsiveMedia-image {
    padding: 25px
}

@media (min-width:620px) {
    .sp-MediaSection .sp-Layer-ResponsiveMedia-image {
        padding: 30px
    }
}

@media (min-width:900px) {
    .sp-MediaSection .sp-Layer-ResponsiveMedia-image {
        padding: 40px
    }
}

.sp-MediaSection .sp-Layer-ResponsiveMedia-image .sp-Item-Picture,
.sp-MediaSection .sp-Layer-ResponsiveMedia-image picture {
    display: block;
    width: auto!important
}

.sp-MediaSection .sp-Layer-ResponsiveMedia-image img {
    width: 100%;
    height: auto
}

.sp-MediaSection .sp-Layer-ResponsiveMedia-image>a {
    border: none
}

.sp-CodeSection {
    background-color: #eee;
    font-size: 14px;
    padding: 1.5rem
}

.sp-CodeSection code {
    border: 1px solid #e1e1e1
}

.GalleryRenderer--initializing {
    min-height: 30vh
}

.GalleryRenderer--initializing:after {
    content: '';
    opacity: .15
}

.sp-CollectionSectionSection {
    overflow: hidden
}

.sp-CollectionSectionSection .sp-Layer-Gallery:not(:empty) {
    padding: 25px;
    padding-bottom: calc(25px + 45px)
}

@media (min-width:620px) {
    .sp-CollectionSectionSection .sp-Layer-Gallery:not(: empty) {
        padding: 30px;
        padding-bottom: calc(30px + 45px)
    }
}

@media (min-width:900px) {
    .sp-CollectionSectionSection .sp-Layer-Gallery:not(: empty) {
        padding: 40px;
        padding-bottom: calc(40px + 45px)
    }
}

.body-editor .sp-CollectionSectionSection {
    min-height: 300px
}

.sp-Layer-Gallery-Heading {
    color: #333;
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 140%;
    line-height: 1.3;
    text-align: center
}

@media (min-width:620px) {
    .sp-Layer-Gallery-Heading {
        font-size: 160%
    }
}

.sp-Layer-Gallery-Heading:empty {
    display: none
}

.sp-Layer-Gallery-List {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sp-Layer-Gallery-List a {
    display: block
}

.sp-Layer-Gallery-List a:active,
.sp-Layer-Gallery-List a:focus,
.sp-Layer-Gallery-List a:hover {
    text-decoration: none
}

.sp-Layer-Gallery-List img {
    display: block;
    width: 100%;
    margin-bottom: 0
}

.sp-Layer-Gallery-Item {
    background-color: rgba(255, 255, 255, .6);
    border: 2px solid rgba(34, 34, 34, .2);
    -webkit-transition: border .15s ease;
    transition: border .15s ease;
    margin: 10px;
    text-align: center;
    width: 100%;
    max-width: 400px;
    min-width: 240px
}

@media (min-width:620px) {
    .sp-Layer-Gallery-Item {
        margin: 15px;
        width: auto
    }
}

.sp-Layer-Gallery-Item:only-of-type {
    width: 100%;
    max-width: 800px
}

.sp-Layer-Gallery-Item:active,
.sp-Layer-Gallery-Item:focus,
.sp-Layer-Gallery-Item:hover {
    border: 2px solid rgba(34, 34, 34, .5);
    background-color: rgba(255, 255, 255, .8)
}

.sp-Layer-Gallery-Item a {
    text-decoration: none;
    height: 100%;
    padding: 10px
}

@media (min-width:620px) {
    .sp-Layer-Gallery-Item a {
        padding: 15px
    }
}

.sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Title {
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 110%;
    line-height: 1.2
}

@media (min-width:900px) {
    .sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Title {
        font-size: 110%
    }
}

.sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Description:empty,
.sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Title:empty {
    margin: 0
}

.sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Description {
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-size: 90%;
    line-height: 1.2
}

@media (min-width:900px) {
    .sp-Layer-Gallery-Item .sp-Layer-Gallery-Item-Description {
        font-size: 90%
    }
}

.sp-Footer {
    display: block;
    z-index: 100;
    height: 60px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 15px
}

.sp-Footer a,
.sp-Footer a:active,
.sp-Footer a:focus,
.sp-Footer a:hover,
.sp-Footer a:visited,
.sp-Footer a:visited:active,
.sp-Footer a:visited:focus,
.sp-Footer a:visited:hover {
    border-bottom: none
}

.sp-Footer .Layout__snap--xright {
    padding: 0
}

@media (max-width:620px) {
    .sp-Footer .Layout__snap--xright {
        width: auto;
        right: auto;
        left: 0
    }
}

.sp-Footer .sp-FooterTopLink {
    width: 60px;
    height: 40px;
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
    text-decoration: none
}

@media (max-width:620px) {
    .sp-Footer .sp-FooterTopLink {
        left: auto!important;
        top: auto!important;
        display: block;
        -webkit-transform: initial!important;
        transform: initial!important;
        right: 0!important
    }
}

.sp-Footer .sp-FooterTopLink:before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: block;
    height: 16px;
    left: 50%;
    position: relative;
    top: 8px;
    margin-bottom: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: 16px;
    margin-left: -8px
}

.sp-Footer .sp-FooterTopLink:hover {
    color: #333;
    opacity: .65;
    text-decoration: none
}

.sp-Footer .sp-CreatedWithwebsite {
    display: block;
    height: 40px;
    margin-top: -1px;
    width: auto;
    max-width: none
}

@media (min-width:620px) {
    .sp-Footer .sp-CreatedWithwebsite {
        float: right
    }
}

.sp-Layer-TextBlock-Inner {
    font-size: 100%;
    max-width: 500px;
    width: 100%
}

@media (min-width:620px) {
    .sp-Layer-TextBlock-Inner {
        width: 90%;
        max-width: 600px
    }
}

@media (min-width:900px) {
    .sp-Layer-TextBlock-Inner {
        max-width: 725px
    }
}

@media (min-width:1100px) {
    .sp-Layer-TextBlock-Inner {
        max-width: 850px
    }
}

@media (min-width:1400px) {
    .sp-Layer-TextBlock-Inner {
        max-width: 1100px
    }
}

@media (min-width:1750px) {
    .sp-Layer-TextBlock-Inner {
        max-width: 1250px
    }
}

@media (min-width:900px) {
    .sp-Layer-TextBlock-Inner.Layout__snap--xleft,
    .sp-Layer-TextBlock-Inner.Layout__snap--xright {
        width: 60%
    }
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xxxsmall {
    font-size: 3vmin;
    line-height: 1.2
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xxsmall {
    font-size: 3.75vmin;
    line-height: 1.1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xsmall {
    font-size: 5.5vmin;
    line-height: 1.1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-small {
    font-size: 7vmin;
    line-height: 1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-normal {
    font-size: 9vmin;
    line-height: 1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-large {
    font-size: 12vmin;
    line-height: 1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xlarge {
    font-size: 14vmin;
    line-height: 1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xxlarge {
    font-size: 17vmin;
    line-height: 1
}

.sp-Layer-TextBlock-Inner .sp-TextSize-xxxlarge {
    font-size: 20vmin;
    line-height: 1
}

@media (max-width:620px),
(orientation:landscape) and (max-width:900px) {
    .sp-TextSize-xxsmall,
    .sp-TextSize-xxxsmall {
        font-size: 15.3px!important
    }
}

.sp-Section-Light {
    background-color: #fff
}

.sp-Section-Dark {
    background-color: #222;
    color: #fff
}

.sp-Section-Dark .sp-Overlay {
    background-color: #000
}

.sp-Section-Dark .sp-Layer-BodyText {
    background-color: rgba(34, 34, 34, .8)
}

.sp-Section-Dark .sp-Layer-BodyText-Heading-Large,
.sp-Section-Dark .sp-Layer-BodyText-Heading-Small,
.sp-Section-Dark .sp-Layer-BodyText-Heading-xs,
.sp-Section-Dark .sp-Layer-BodyText-List-Ordered,
.sp-Section-Dark .sp-Layer-BodyText-List-Unordered {
    color: #fff
}

.sp-Section-Dark .sp-Caption p,
.sp-Section-Dark .sp-Layer-BodyText-Blockquote,
.sp-Section-Dark .sp-Layer-BodyText-QuoteCite {
    color: rgba(255, 255, 255, .7)
}

.sp-Section-Dark .sp-Layer-BodyText-Dropcap {
    color: inherit
}

.sp-Section-Dark .sp-Layer-Gallery-Heading,
.sp-Section-Dark .sp-Layer-TextBlock-Inner,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-Byline,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-LeadIn,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-StoryTitle,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-SubTitle,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-Text,
.sp-Section-Dark .sp-Layer-TextBlock-Inner .sp-Title {
    color: #fff
}

.sp-Section-Dark .sp-Layer-TextBlock-Inner a {
    color: #fff!important
}

.sp-Section-Dark .sp-Layer-TextBlock-Inner a:active,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a:focus,
.sp-Section-Dark .sp-Layer-TextBlock-Inner a:hover {
    color: #fff!important
}

.sp-Section-Dark .sp-Layer-TextBlock-Inner a:visited {
    color: #fff!important
}

.sp-Section-Dark .sp-Layer-Gallery-Item {
    background-color: rgba(34, 34, 34, .6);
    border: 2px solid rgba(255, 255, 255, .2)
}

.sp-Section-Dark .sp-Layer-Gallery-Item:active,
.sp-Section-Dark .sp-Layer-Gallery-Item:focus,
.sp-Section-Dark .sp-Layer-Gallery-Item:hover {
    border: 2px solid rgba(255, 255, 255, .5);
    background-color: rgba(34, 34, 34, .8)
}

.sp-Section-Dark .sp-Layer-Gallery-Item-Description,
.sp-Section-Dark .sp-Layer-Gallery-Item-Title {
    color: #fff
}

@media (max-width:899px) {
    .sp-Section-Dark.sp-TwoColumnScrollmationSection .sp-Meedya-Canvas:not(: empty) {
        background-color: rgba(34, 34, 34, .95)
    }
}

@media (max-width:900px) {
    .sp-Section-Dark.sp-BackgroundScrollmationSection .sp-Layer-BodyText {
        background: rgba(0, 0, 0, .7)
    }
}

@media (max-width:620px) and (orientation:portrait) {
    .sp-Section-Dark.sp-BackgroundScrollmationSection .sp-Layer-BodyText:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .7) 100%)
    }
    .sp-Section-Dark.sp-BackgroundScrollmationSection .sp-Layer-BodyText:after {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .7)));
        background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, .7) 100%)
    }
}

@media (min-width:900px) {
    .sp-Section-Dark.sp-BackgroundScrollmationSection .sp-Layer-BodyText {
        background: 0 0
    }
    .sp-Section-Dark.sp-BackgroundScrollmationSection.sp-BodyTextColumn-Center .sp-Layer-BodyText {
        background: rgba(0, 0, 0, .7)
    }
    .sp-Section-Dark.sp-BackgroundScrollmationSection.sp-BodyTextColumn-Left:before {
        content: '';
        display: block;
        width: 70%;
        max-width: 1500px;
        z-index: 91;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(1%, transparent), color-stop(30%, rgba(0, 0, 0, .65)), color-stop(60%, rgba(0, 0, 0, .8)));
        background: linear-gradient(270deg, transparent 0, transparent 1%, rgba(0, 0, 0, .65) 30%, rgba(0, 0, 0, .8) 60%)
    }
    .sp-Section-Dark.sp-BackgroundScrollmationSection.sp-BodyTextColumn-Right:before {
        content: '';
        display: block;
        width: 70%;
        max-width: 1500px;
        z-index: 91;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(1%, transparent), color-stop(30%, rgba(0, 0, 0, .65)), color-stop(60%, rgba(0, 0, 0, .8)));
        background: linear-gradient(90deg, transparent 0, transparent 1%, rgba(0, 0, 0, .65) 30%, rgba(0, 0, 0, .8) 60%)
    }
}

.sp-RevealSection {
    background-color: #222
}

.sp-CustomHtmlSection {
    background-color: transparent
}

@media (min-width:900px) {
    .sp-BackgroundScrollmationSection.sp-BodyTextColumn-Left .sp-Lazyload-Spinner {
        left: 75%
    }
    .sp-BackgroundScrollmationSection.sp-BodyTextColumn-Right .sp-Lazyload-Spinner {
        left: 25%
    }
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.custom-ad {
    text-align: center;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, .035)
}

.custom-ad div {
    margin: 0 auto
}

.custom-ad .custom-ad-label {
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(80, 80, 80, .5);
    margin-bottom: 5px;
    margin-top: -8px
}

.body-editor .sp-HeaderContainer,
.body-editor .sp-Story {
    opacity: 1
}

.body-editor .sp-TextOverMediaSection .Layout__snap--ytop,
.body-editor .sp-TitleSection .Layout__snap--ytop {
    margin-top: 60px
}

.body-editor .sp-HeaderContainer.PositionSticky {
    position: -webkit-sticky;
    position: sticky
}

.body-editor .pages-edit-content .sp-Default-Logos {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.body-editor .sp-CustomHtmlSection {
    padding: 1.5rem;
    background: rgba(199, 199, 199, .2)
}

.body-editor .sp-Layer-CardCanvas .section-settings-container {
    top: 40px;
    margin-top: 0!important
}

@media (min-width:620px) {
    .body-editor .sp-Layer-CardCanvas .section-settings-container {
        top: 60px
    }
}

@media (min-width:900px) {
    .body-editor .sp-Layer-CardCanvas .section-settings-container {
        top: 72px
    }
}

@media (min-width:1100px) {
    .body-editor .sp-Layer-CardCanvas .section-settings-container {
        top: 110px
    }
}

.body-editor .sp-Layer-Gallery:empty:after {
    text-align: center;
    margin: 50px
}

#application,
.InsertBarPlaceholder,
.sp-Footer,
.body-editor,
.body-editor .sp-Section,
.editor-component,
.font-size-buttons,
.inline-html-block,
.modal,
.navbar,
.pages-edit,
.pages-edit-sidepane,
.related-media-container,
.snackbar {
    direction: ltr!important
}

[dir=rtl] {
    direction: rtl;
    text-align: right!important
}

body {
    overflow: initial
}

.sp-HeaderContainer b,
.sp-HeaderContainer strong,
.sp-Story b,
.sp-Story strong {
    font-weight: 700
}

.sp-HeaderContainer p:empty,
.sp-Story p:empty {
    padding: 0;
    margin: 0
}

.sp-Layer-BodyText {
    word-wrap: break-word
}

.Layout,
.sp-Caption,
.sp-Column {
    padding-left: 0;
    padding-right: 0
}

.Layout__row {
    margin: 0
}

.sp-Layer-TextBlock {
    pointer-events: none
}

.sp-Layer-TextBlock-Inner {
    pointer-events: auto
}

.plyr__play-large svg {
    -webkit-transform: none;
    transform: none;
    top: 30%;
    left: 35%
}

@media (min-width:900px) {
    .plyr__play-large svg {
        top: 25%;
        left: 30%
    }
}

@media (min-width:1750px) {
    .plyr__play-large svg {
        top: 30%;
        left: 35%
    }
}

.BlockHTML iframe,
.InlineHTML iframe {
    border: none;
    max-width: 100%
}

.InlineHTML img {
    max-width: 100%;
    max-height: 100%
}

@media (min-width:900px) {
    .scrollmation-image-block {
        display: none
    }
}

@media (max-width:899px) {
    .CardCanvas--tworowContainer .CardCanvas__canvasColumn {
        pointer-events: none
    }
    .CardCanvas--tworowContainer .CardCanvas__canvasColumn .sp-Caption {
        pointer-events: auto
    }
}

.DeviceDetect--isIE .FullSize--fixedChild {
    z-index: auto
}

.StickyPolyfillElement--stick+.sp-Story,
.StickyPolyfillElement--top+.sp-Story {
    top: 40px
}

@media (min-width:620px) {
    .StickyPolyfillElement--stick+.sp-Story,
    .StickyPolyfillElement--top+.sp-Story {
        top: 50px
    }
}

@media (min-width:900px) {
    .StickyPolyfillElement--stick+.sp-Story,
    .StickyPolyfillElement--top+.sp-Story {
        top: 60px
    }
}

.sp-360Video-Link,
.video_360_ios_link {
    overflow: hidden;
    display: block
}

.sp-360Video-Button,
.video-btn {
    position: absolute;
    display: inline-block;
    width: 225px;
    top: 50%;
    z-index: 1;
    left: 50%;
    background: rgba(0, 0, 0, .6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAACCCAMAAADovAORAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAEHRSTlMABBswQVhuf4ygsdzt9P/Kk8jKaQAAA4lJREFUeNrVnItO6zAMhvPn2tyc93/bU7ohj2WHDpEK+9NUlSHhD+NcGrKYJeB4XQvOwpw54L13F8c45xe5w9UxGMw/ZP4SJ2ldE4PBr/9yODHC+hjnUe2Bu+EPwkHcSTvb/trSdnDcMvGDcOBvOO8O7I2fKcPM4G73obX7bLnU2jotpvdWR85bijF4//kb4GcFBetjHo3+hN5Gjt7aNxsEXO709/TszBv4QVIYHoZ51VO4QZIY1jCzdiJppKlqObeF5FHM/xhEenxRiBT5ZpLKZmYCycWb52mOHSSXAfNEJMmE5/nMIMkU6Khcrt5HbCHZZDyObJ6k42CYRNKJUFALTLGs60g83WnoFxivoXSZqGF2M89zZM8X5ucguEbyaU5FS5vbWiQNBKW6G2kg6tJNvLyggaxT1w4duvawha+kgeHuugsG9NDpcvwy3cSd99W6Ji6aLiVNutd34IGDrNE1yFp0WViVrrFZgy6Di9YB0kpdsC+MK5fo4oJiuOGH7OyyKwtL1p0JQ5WuQajrVxryUl083gGxrp7wloW6M3ZrtIZyuS5YWLrul/XjpqMYcL+40uUXA8PCgnTx3V4J40eXXAxzEYfRBWUX58phqKhdJnXBxTD3Eb4qyS54EiFRdy7mUMX0DOcbpX1VNEz4oWRUA+/+UzBMsKz07LKsEl1+htdQDCwrN7uYtnUI1mVhmzsJ1YV5xuZGjMgHdwZbk77oxCBVIgW6LKtCl9dtdOgiDiItuggse5luWqSLMDpdrItV/1eDLyx7XXaX6CaWvY64THdsLHu1biAdhMMWXpWu0aLrzIGrpIHu7+sChTQwnKqdTgW7KvTtI9t06SbSQFSqG0gDwdyAFl1oGiecup39isaJjGMEVviplEDyCeYTuE7icXdXHW2tWsNsJJ10S6yW5x9vGPnVMMAtTcHnaKL5gq0kmW5ZFQbS05vME7bKTy4erlFD5TIYJJVhXuAayaRZ8wrfSSLdmde4KtcWhoHcs2aqNd8QmqzUbuaE2OTIZmvO8aV1Aa51w7snFLpUamu997/wbK3VEu0hMoFvvF1IuYxa2ye9t/7BKrMb7aDWMUreomejdzzxfMcA1rn7UYBbzqWMnXrQ3qTujN1rF9tiDN5Z4DnIy+hYcEbnCvCLU1P5coBrxBbEwFt1cgKujbEiPAwX27Ux5reXBMR0uz7GOThroPP3Vsf4B0mV16HO1UJAAAAAAElFTkSuQmCC) 12px 12px no-repeat;
    background-size: 20px auto;
    padding: 12px 0 12px 38px;
    letter-spacing: 0;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, .1)
}

.twitter-tweet {
    margin: 0 auto
}

.sp-MediaSection video {
    width: 100%
}

.nav-item-promo~.nav-item-promo {
    display: none
}

.text-edit-colour-swatch:not(.text-edit-colour-reset) {
    font-size: 18px;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2)
}

.text-edit-colour-swatch:not(.text-edit-colour-reset)[data-active=true] {
    font-size: 23px
}

.text-edit-colour-swatch:not(.text-edit-colour-reset):hover {
    font-size: 20px
}

.Videoplayer--responsive {
    background-color: #000
}

.Videoplayer--responsive embed,
.Videoplayer--responsive iframe,
.Videoplayer--responsive object {
    max-height: calc(100vh - 40px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:620px) {
    .Videoplayer--responsive embed,
    .Videoplayer--responsive iframe,
    .Videoplayer--responsive object {
        max-height: calc(100vh - 50px)
    }
}

@media (min-width:1100px) {
    .Videoplayer--responsive embed,
    .Videoplayer--responsive iframe,
    .Videoplayer--responsive object {
        max-height: calc(100vh - 94px)
    }
}

.sp-Hamburger[aria-expanded=true] span:nth-child(1) {
    top: 21px;
    width: 0;
    left: 50%
}

.sp-Hamburger[aria-expanded=true] span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sp-Hamburger[aria-expanded=true] span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sp-Hamburger[aria-expanded=true] span:nth-child(4) {
    top: 20px;
    width: 0;
    left: 50%
}

@media (min-width:900px) {
    .sp-Layer-BodyText-List-Ordered+.Core--md-srOnly+.sp-Layer-BodyText-List-Ordered,
    .sp-Layer-BodyText-List-Unordered+.Core--md-srOnly+.sp-Layer-BodyText-List-Unordered {
        margin-top: -.75rem
    }
}

.sp-Layer-BodyText-Dropcap:after {
    content: '';
    clear: both;
    display: table
}

.InlineMedia>a:after,
.sp-Layer-ResponsiveMedia-image>a:after,
.sp-Meedya-ItemInner>a:after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .35) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAADFBMVEX////////////////1pQ5zAAAABHRSTlMB/I1CoQ5N8QAAAM5JREFUeNrN1kEKwzAQQ9Fauv+duzCJalwy83EX1c7gZ0LGEXn9IpaNzZgRUhp33FfjM2Iqjqk4pCTglq1tp2wEztlG3L6pMz9Hbe6BKWpzqpi/Pzliceghw9x4JTnHF+sPYC5cMsfNVaLW5doZu8oZN3FRwDmL9FnvQ90P0aNbo7rPRhkduKJggfM6B9Bnts/7jDuPxKTPEqE+C8N9lvNZn+lScfrDPktYnyWozxLYZzPmfbaOGzif9ZnZj0cUcFGtMJUwlYgpMuWiz07zBirwBIVbSDEiAAAAAElFTkSuQmCC) 6px center no-repeat;
    background-size: 18px auto;
    color: transparent;
    border-radius: 5px;
    top: 5px;
    right: 5px;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Arial, sans-serif;
    -webkit-transition: width .15s ease, color .15s ease .15s;
    transition: width .15s ease, color .15s ease .15s
}

.InlineMedia>a:hover:after,
.sp-Layer-ResponsiveMedia-image>a:hover:after,
.sp-Meedya-ItemInner>a:hover:after {
    content: 'Visit link';
    color: #fff;
    width: 96px;
    padding-left: 29px;
    background-color: rgba(0, 0, 0, .75)
}

body:not(.body-editor) .CardCanvas .Meedya__item--mostVisible {
    z-index: 300!important
}

.body-editor .sp-Section:hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 102;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 5px;
    line-height: 1.1;
    display: block;
    background: rgba(255, 255, 255, .65);
    font-family: sans-serif;
    font-weight: 700;
    color: #333;
    border: 1px solid rgba(0, 0, 0, .1);
    border-right: none
}

.body-editor .sp-TitleSection:hover:after {
    content: 'Title Section'
}

.body-editor .sp-TextSection:hover:after {
    content: 'Text Section'
}

.body-editor .sp-RevealSection:hover:after {
    content: 'Reveal'
}

.body-editor .sp-TextOverMediaSection:hover:after {
    content: 'Text Over Media'
}

.body-editor .sp-BackgroundScrollmationSection:hover:after {
    content: 'Background Scrollmation'
}

.body-editor .sp-TwoColumnScrollmationSection:hover:after {
    content: 'Scrollmation'
}

.body-editor .sp-MediaSection:hover:after {
    content: 'Media Section'
}

.body-editor .sp-CollectionSectionSection:hover:after {
    content: 'Collection'
}

.pages-edit-content .sp-Layer-BodyText {
    padding-top: 40px;
    padding-bottom: 40px
}

.website-embed-article .FullSize {
    height: 100%
}

.website-embed-article .DisplayContainerHeight {
    height: 100vh
}

.website-embed-article .FullSize--basic {
    height: 100%
}

@media print {
    body,
    html {
        height: auto
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre,
    tr {
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    .sp-Layer-BodyText a[href^="#"]:after,
    .sp-Layer-BodyText a[href^="javascript:"]:after {
        content: ""
    }
    .sp-Layer-BodyText a[href]:after {
        content: " (" attr(href) ")"
    }
    .sp-Section.DisplayContainerHeight,
    .sp-Section.DisplayContainerHeight--minHeight {
        height: 0!important;
        min-height: 0!important;
        padding-top: 52.65%
    }
    .FullSize--fullHeight,
    .sp-Item-MediaRenderer aside,
    .sp-Item-MediaRenderer img {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .DisplayContainerHeight {
        height: 100%
    }
    .DisplayContainerHeight--minHeight {
        min-height: 100%
    }
    .FullSize--fixedChild .FullSize__fixedChild {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .PositionSticky {
        position: relative!important
    }
    .Meedya__item {
        position: relative;
        top: auto;
        opacity: 1!important
    }
    .CardCanvas .Meedya__item {
        height: auto!important;
        padding: 3em
    }
    .MediaRenderer__fixedCaption {
        position: absolute
    }
    .sp-Item-MediaRenderer {
        height: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .sp-Item-MediaRenderer aside,
    .sp-Item-MediaRenderer img {
        width: 100%
    }
    .sp-RevealSection {
        display: none
    }
    .sp-BackgroundScrollmationSection.DisplayContainerHeight,
    .sp-BackgroundScrollmationSection.DisplayContainerHeight--minHeight {
        height: auto!important;
        min-height: auto!important;
        padding-top: 0
    }
    .sp-BackgroundScrollmationSection .sp-Layer-BodyText {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .sp-Layer-BodyText .InlineMedia img {
        max-width: 50%
    }
    .sp-FooterTopLink,
    .sp-HeaderContainer {
        display: none!important
    }
}

body:not(.body-editor) .sp-Footer {
    display: none
}

.upsell .btn {
    padding: 14px 40px;
    border-radius: 4px;
    border: none;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

.upsell .btn,
.upsell .btn .iconic {
    display: inline-block
}

.upsell .btn .iconic:active,
.upsell .btn .iconic:focus,
.upsell .btn .iconic:hover,
.upsell .btn .iconic:visited,
.upsell .btn:active,
.upsell .btn:focus,
.upsell .btn:hover,
.upsell .btn:visited {
    border: none;
    color: #fff!important
}

.upsell .btn-primary {
    background-color: #12bf9c
}

.upsell .btn-primary:hover {
    background-color: #13cda7
}

.preview {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important;
    position: fixed;
    right: 0;
    background: rgba(40, 40, 40, .9);
    bottom: -200px;
    left: 0;
    z-index: 1000;
    color: #fff;
    text-align: left;
    padding: 50px 30px 0;
    height: 140px;
    -webkit-animation: fadeIn 1s 15s forwards ease;
    animation: fadeIn 1s 15s forwards ease
}

.preview,
.preview .btn,
.preview h3 {
    font-family: proxima-nova, 'Lato', Helvetica, sans-serif
}

.preview .upsell-container {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 86px
}

.preview .website-logo {
    position: absolute;
    left: 20px;
    top: -8px;
    width: 50px;
    height: 50px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDdweCIgaGVpZ2h0PSIxMDdweCIgdmlld0JveD0iMCAwIDEwNyAxMDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNyAxMDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRjFGMkYyIiBkPSJNNTMuNSwwQzIzLjk1MiwwLDAsMjMuOTUzLDAsNTMuNUMwLDgzLjA0NiwyMy45NTIsMTA3LDUzLjUsMTA3YzI5LjU0NywwLDUzLjUtMjMuOTUzLDUzLjUtNTMuNUMxMDcsMjMuOTUzLDgzLjA0NywwLDUzLjUsMHogTTYxLjk4NSw3OC4wODdjLTMuNDI2LDAuNzI2LTguNTY1LDAuODY1LTEyLjIyNCwwLjEyOWMtMi42OTktMC41NDItNS4wNS0xLjUyNy03LjE1My0yLjg1OWMtMC42Mi0wLjM5My0xLjU1Ni0wLjk3OS0yLjQwNS0wLjkxYy0xLjUwNSwwLjExOS0yLjM3LDIuMTgyLTMuMDU3LDMuMjVjLTEuNDMxLDAtMi44NjEsMC00LjI5MSwwYzAtNS45MzgsMC0xMS44NzcsMC0xNy44MTZjMS4zODktMC4xNzEsMi44MTktMC4zMDEsNC4yOTEtMC4zOUMzOCw2Ny4wNSw0Mi45NjgsNzEuNDE3LDQ5Ljg5MSw3Mi44MmMzLjc0MSwwLjc1OSw4LjQzNCwwLjU4LDExLjQ0NC0wLjcxNWMyLjk4OS0xLjI4NSw1LjA5NS00LjMyNCw0LjY4Mi04LjMyMmMtMC4xNzUtMS42OS0xLjUyNS0yLjkwNi0yLjc5Ni0zLjU3NmMtMi4xMTUtMS4xMTUtNC44MjItMS41Ni03LjU0My0yLjAxN2MtMTAuOTQxLTEuODM2LTIyLjEwNC0zLjE2My0yMi40OTctMTUuNzM1Yy0wLjI5LTkuMjI3LDYuMTg3LTEzLjcwNSwxNC43Ni0xNC4xMDljNS41NjItMC4yNjMsOS42OTQsMC41MjEsMTMuMzMsMi4yNzVjMS4wODksMC41MjYsMi40MzgsMS41ODQsMy43MDYsMS40OTZjMS41ODktMC4xMSwyLjMzMy0xLjc0OCwzLjMxNi0yLjczMWMxLjE0OCwwLDIuMjk3LDAsMy40NDUsMGMwLDUuNjM1LDAsMTEuMjcxLDAsMTYuOTA2Yy0xLjQ2NSwwLjE4Mi0yLjkyMiwwLjM3My00LjM1NSwwLjU4NWMtMC44NzUtNi4xOTgtMy43NjQtMTAuMTg1LTkuMTY5LTEyLjA5NGMtNS4zNDEtMS44ODctMTQuNzE4LTEuNTI3LTE2LjkwNiwyLjkyNmMtMC43MjYsMS40NzYtMC43NzMsMy44MzgtMC4wNjQsNS4yMDJjMS4zNTUsMi42MDksNS42MzIsMy43NTEsOC45NzQsNC40MjFjMy45NjUsMC43OTUsNy42NjEsMS4yNzUsMTEuMTg0LDIuMjExYzYuOTE0LDEuODM3LDEyLjc0NCw1LjA4NCwxMi43NDQsMTMuOThDNzQuMTQ1LDcyLjIwNSw2OS4xNjYsNzYuNTY2LDYxLjk4NSw3OC4wODd6Ii8+PC9zdmc+) center no-repeat;
    background-size: 100% auto;
    text-indent: -9999px
}

.preview h2 {
    font-family: adobe-garamond-pro, 'PT Serif', Georgia, serif;
    font-size: 160%;
    line-height: 1;
    margin: 0;
    display: inline-block;
    font-weight: 400
}

.preview .btn {
    display: inline-block;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    margin: -6px 5px 0
}

@-webkit-keyframes fadeIn {
    0% {
        bottom: -180px
    }
    to {
        bottom: 0
    }
}

@keyframes fadeIn {
    0% {
        bottom: -180px
    }
    to {
        bottom: 0
    }
}

@media (max-width:1100px) {
    .preview {
        height: 120px;
        padding: 50px 20px 0
    }
    .preview .upsell-container {
        max-width: 700px;
        padding-left: 76px
    }
    .preview .website-logo {
        width: 45px;
        height: 45px;
        left: 15px;
        top: -11px
    }
    .preview h2 {
        font-size: 140%
    }
    .preview .btn {
        margin-top: -10px;
        font-size: 14px
    }
}

@media (max-width:700px) {
    .preview {
        height: 100px;
        padding: 20px 15px 0;
        text-align: center
    }
    .preview .upsell-container {
        padding: 0
    }
    .preview .website-logo {
        display: none
    }
    .preview h2 {
        margin: 0 auto;
        font-size: 18px
    }
    .preview .btn {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
        display: inline-block;
        float: none;
        padding: 5px 15px
    }
}

.section-upsell {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important;
    background: url(transparent.png) center no-repeat #2c2c2c;  
    background-size: cover;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .5), inset 0 10px 0 #12bf9c;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .5), inset 0 10px 0 #12bf9c;
    color: #fff;
    padding: 10% 80px 12%;
    z-index: 1001;
    min-width: 100%!important
}

.section-upsell .brands-container h5,
.section-upsell .btn,
.section-upsell p {
    font-family: proxima-nova, 'Lato', Helvetica, sans-serif
}

.section-upsell .upsell-container {
    margin: 0 auto;
    text-align: center;
    max-width: 900px
}

.section-upsell .website-logo {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDdweCIgaGVpZ2h0PSIxMDdweCIgdmlld0JveD0iMCAwIDEwNyAxMDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNyAxMDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRjFGMkYyIiBkPSJNNTMuNSwwQzIzLjk1MiwwLDAsMjMuOTUzLDAsNTMuNUMwLDgzLjA0NiwyMy45NTIsMTA3LDUzLjUsMTA3YzI5LjU0NywwLDUzLjUtMjMuOTUzLDUzLjUtNTMuNUMxMDcsMjMuOTUzLDgzLjA0NywwLDUzLjUsMHogTTYxLjk4NSw3OC4wODdjLTMuNDI2LDAuNzI2LTguNTY1LDAuODY1LTEyLjIyNCwwLjEyOWMtMi42OTktMC41NDItNS4wNS0xLjUyNy03LjE1My0yLjg1OWMtMC42Mi0wLjM5My0xLjU1Ni0wLjk3OS0yLjQwNS0wLjkxYy0xLjUwNSwwLjExOS0yLjM3LDIuMTgyLTMuMDU3LDMuMjVjLTEuNDMxLDAtMi44NjEsMC00LjI5MSwwYzAtNS45MzgsMC0xMS44NzcsMC0xNy44MTZjMS4zODktMC4xNzEsMi44MTktMC4zMDEsNC4yOTEtMC4zOUMzOCw2Ny4wNSw0Mi45NjgsNzEuNDE3LDQ5Ljg5MSw3Mi44MmMzLjc0MSwwLjc1OSw4LjQzNCwwLjU4LDExLjQ0NC0wLjcxNWMyLjk4OS0xLjI4NSw1LjA5NS00LjMyNCw0LjY4Mi04LjMyMmMtMC4xNzUtMS42OS0xLjUyNS0yLjkwNi0yLjc5Ni0zLjU3NmMtMi4xMTUtMS4xMTUtNC44MjItMS41Ni03LjU0My0yLjAxN2MtMTAuOTQxLTEuODM2LTIyLjEwNC0zLjE2My0yMi40OTctMTUuNzM1Yy0wLjI5LTkuMjI3LDYuMTg3LTEzLjcwNSwxNC43Ni0xNC4xMDljNS41NjItMC4yNjMsOS42OTQsMC41MjEsMTMuMzMsMi4yNzVjMS4wODksMC41MjYsMi40MzgsMS41ODQsMy43MDYsMS40OTZjMS41ODktMC4xMSwyLjMzMy0xLjc0OCwzLjMxNi0yLjczMWMxLjE0OCwwLDIuMjk3LDAsMy40NDUsMGMwLDUuNjM1LDAsMTEuMjcxLDAsMTYuOTA2Yy0xLjQ2NSwwLjE4Mi0yLjkyMiwwLjM3My00LjM1NSwwLjU4NWMtMC44NzUtNi4xOTgtMy43NjQtMTAuMTg1LTkuMTY5LTEyLjA5NGMtNS4zNDEtMS44ODctMTQuNzE4LTEuNTI3LTE2LjkwNiwyLjkyNmMtMC43MjYsMS40NzYtMC43NzMsMy44MzgtMC4wNjQsNS4yMDJjMS4zNTUsMi42MDksNS42MzIsMy43NTEsOC45NzQsNC40MjFjMy45NjUsMC43OTUsNy42NjEsMS4yNzUsMTEuMTg0LDIuMjExYzYuOTE0LDEuODM3LDEyLjc0NCw1LjA4NCwxMi43NDQsMTMuOThDNzQuMTQ1LDcyLjIwNSw2OS4xNjYsNzYuNTY2LDYxLjk4NSw3OC4wODd6Ii8+PC9zdmc+) center no-repeat;
    background-size: 100% auto;
    text-indent: -9999px
}

.section-upsell h2 {
    color: #fff;
    font-family: adobe-garamond-pro, 'PT Serif', Georgia, serif;
    font-size: 300%;
    line-height: 1;
    margin: 15px auto 20px;
    font-weight: 400
}

.section-upsell p {
    color: #fff;
    line-height: 1.3;
    margin: 0 auto 10px
}

.section-upsell .btn {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin: 15px 5px 0
}

.section-upsell .btn-secondary {
    background-color: rgba(0, 0, 0, .1);
    border: none;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5)
}

.section-upsell .btn-secondary:active,
.section-upsell .btn-secondary:focus,
.section-upsell .btn-secondary:hover {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: rgba(158, 158, 158, .15)
}

.section-upsell .brands-container {
    text-align: center;
    padding: 15px;
    color: #fff;
    opacity: .55;
    margin-top: 20px
}

.section-upsell .brands-container h5 {
    text-transform: uppercase;
    color: #fff;
    margin: 0 auto 4px
}

.section-upsell .brands-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 480px;
    margin: 0 auto;
    height: 50px;
    overflow: hidden;
    padding: 0
}

.section-upsell .brands-container .brand {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    line-height: 60px;
    height: 60px;
    -webkit-animation: brand-animation 10s infinite ease;
    animation: brand-animation 10s infinite ease;
    background: url(transparent.png) center -48px no-repeat;
    background-size: 200px auto;
    font-size: 0
}

.section-upsell .brands-container .brand.hearst {
    background-position: center -148px;
    background-size: 200px auto
}

.section-upsell .brands-container .brand.guardian {
    background-position: center -98px;
    background-size: 200px auto
}

.section-upsell .brands-container .brand.tele {
    background-position: center -299px;
    background-size: 200px auto;
    height: 40px
}

.section-upsell .brands-container .brand.stc {
    background-position: center -400px;
    background-size: 200px auto
}

.section-upsell .brands-container .brand.abc {
    background-position: center -200px;
    background-size: 200px auto
}

.section-upsell .brands-container .brand.trinity {
    background-position: center -250px;
    background-size: 200px auto
}

.section-upsell .brands-container .brand.fairfax {
    background-position: center -348px;
    background-size: 200px auto;
    height: 45px
}

.section-upsell .brands-container .brand.haymarket {
    background-position: center -448px;
    background-size: 200px auto
}

@-webkit-keyframes brand-animation {
    0%,
    26%,
    96% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30%,
    91% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    31%,
    60% {
        opacity: 0;
        -webkit-transform: translate(0, -60px);
        transform: translate(0, -60px)
    }
    35%,
    56% {
        opacity: 1;
        -webkit-transform: translate(0, -60px);
        transform: translate(0, -60px)
    }
    61%,
    90% {
        opacity: 0;
        -webkit-transform: translate(0, -120px);
        transform: translate(0, -120px)
    }
    65%,
    86% {
        opacity: 1;
        -webkit-transform: translate(0, -120px);
        transform: translate(0, -120px)
    }
}

@keyframes brand-animation {
    0%,
    26%,
    96% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30%,
    91% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    31%,
    60% {
        opacity: 0;
        -webkit-transform: translate(0, -60px);
        transform: translate(0, -60px)
    }
    35%,
    56% {
        opacity: 1;
        -webkit-transform: translate(0, -60px);
        transform: translate(0, -60px)
    }
    61%,
    90% {
        opacity: 0;
        -webkit-transform: translate(0, -120px);
        transform: translate(0, -120px)
    }
    65%,
    86% {
        opacity: 1;
        -webkit-transform: translate(0, -120px);
        transform: translate(0, -120px)
    }
}

@media (max-width:1100px) {
    .section-upsell h2 {
        font-size: 300%;
        margin-bottom: 10px
    }
}

@media (max-width:700px) {
    .section-upsell {
        padding-left: 20px;
        padding-right: 20px
    }
    .section-upsell .website-logo {
        width: 30px;
        height: 30px
    }
    .section-upsell h2 {
        font-size: 180%;
        margin-bottom: 10px;
        margin-top: 6px
    }
    .section-upsell p {
        font-size: 16px;
        margin-bottom: 6px
    }
    .section-upsell .btn {
        font-size: 12px;
        line-height: 24px;
        padding: 5px 16px;
        margin-top: 10px
    }
    .section-upsell .brands-container {
        display: none
    }
}