/***** SLIDESHOW CORE *****/
/* CONTAINER */
.slideshow {
    display: block;
    position: relative;
}

/* ITEM */
.slideshow slideshow-slide {
    display: block;
}

/* NAVIGATION */
.slideshow .navigation {
    display: table;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    width: auto;
}

.slideshow .navigation li {
    cursor: pointer;
    display: block;
    float: left;
}

/* CONTROLS */
.slideshow .controls {
    display: table;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
}

.slideshow .controls li {
    cursor: pointer;
    display: block;
    float: left;
}

/* FADE TRANSITION */
.slideshow.fading slideshow-slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
}

.slideshow.fading slideshow-slide.current {
    position: relative;
    opacity: 1;
}

.slideshow.fading slideshow-slide {
    transition: opacity 1000ms ease;
}

/* SLIDE TRANSITION */
.slideshow.sliding.transition .contents {
    transition: left 1s ease;
}

/* NO TRANSITION ON FIRST LOAD */
.slideshow.notransition * {
    transition: all 0s linear !important;
}

/***** SUCCESS STORIES SLIDESHOW *****/
.slideshow.success_stories {
    background-color: #012F5F;
    display: block;
    position: relative;
    z-index: 1;
}

success-slideshow {
    visibility: hidden;
}

.slideshow.success_stories slideshow-contents {
    display: block;
    overflow: hidden;
    position: relative;
}

.slideshow.success_stories > grid-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slideshow.success_stories figure {
    background-size: cover !important;
    background-position: center !important;
    margin: 0;
    z-index: 1;
}

.slideshow.success_stories h2 {
    color: #2b8ae2;
}

.slideshow.success_stories h3 {
    color: #FFF;
}

.slideshow.success_stories h3 + span {
    color: #FFF;
    display: block;
}

.slideshow.success_stories p {
    color: #FFF;
}

.slideshow.success_stories .controls {
    position: absolute;
    top: 100%;
    right: 0;
    transform: translateY(-50%);
    z-index: 20;
}

.slideshow.success_stories .controls li {
    background-color: #012F5F;
    border-radius: 50%;
    display: block;
    float: left;
    height: 4.875rem;
    line-height: 4.875rem;
    position: relative;
    text-align: center;
    transition: background-color 350ms ease;
    width: 4.875rem;
}

.slideshow.success_stories .controls li:hover {
    background-color: #C2CD23;
}

.slideshow.success_stories .controls li + li {
    margin-left: 0.938rem;
}

.slideshow.success_stories .controls li svg {
    fill: #FFF;
    height: 1.625rem;
    position: absolute;
    top: 50%;
    transition: fill 350ms ease;
    transform: translateX(-50%) translateY(-50%);
    width: 1rem;
}

.slideshow.success_stories .controls li svg {
    left: 47%;
}

.slideshow.success_stories .controls li + li svg {
    left: 53%;
}

.slideshow.success_stories .navigation {
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    z-index: 20;
}

.slideshow.success_stories .navigation li {
    background-color: #FFF;
    border-radius: 50%;
    padding: 0;
    position: relative;
    height: 1rem;
    width: 1rem;
    transition: background-color 350ms ease;
}

.slideshow.success_stories .navigation li:hover,
.slideshow.success_stories .navigation li.current {
    background-color: #C2CD23;
}

.slideshow.success_stories .navigation li + li {
    margin-left: 0.813rem;
}

.slideshow.success_stories slideshow-slide {
    z-index: 1;
}

.slideshow.success_stories slideshow-slide.current {
    z-index: 10;
}

@media (min-width: 1121px) {
    .slideshow.success_stories slideshow-slide {
        transition: opacity 750ms ease;
    }

    .slideshow.success_stories slideshow-slide.current {
        transition: opacity 750ms ease 800ms;
    }

    /** TEXT **/
    .slideshow.success_stories slideshow-slide grid-column {
        transition: opacity 750ms ease 0ms, transform 750ms ease 0ms;
    }

    .slideshow.success_stories slideshow-slide.current grid-column {
        transition: opacity 750ms ease 800ms, transform 750ms ease 800ms;
    }

    .slideshow.success_stories slideshow-slide grid-column {
        transform: translateX(4rem);
    }

    .slideshow.success_stories slideshow-slide.current grid-column {
        transform: translateX(0) !important;
    }
}

@media (min-width: 1621px) {
    .slideshow.success_stories slideshow-slide figure {
        top: 0;
        right: -25%;
        bottom: 0;
        left: 75%;
        transition: left 750ms ease 0ms, right 750ms ease 0ms;
    }

    .slideshow.success_stories slideshow-slide.current figure {
        left: 50%;
        right: 0;
        transition: left 750ms ease 800ms, right 750ms ease 800ms;
    }
}

@media (min-width: 1121px) and (max-width: 1620px) {
    .slideshow.success_stories slideshow-slide figure {
        top: 0;
        right: -25%;
        bottom: 0;
        left: calc(75% + 4rem);
        transition: left 750ms ease 0ms, right 750ms ease 0ms;
    }

    .slideshow.success_stories slideshow-slide.current figure {
        left: calc(50% + 4rem);
        right: 0;
        transition: left 750ms ease 800ms, right 750ms ease 800ms;
    }
}

@media (min-width: 1621px) {
    .slideshow.success_stories figure {
        position: absolute;
    }

    .slideshow.success_stories h2 {
        font-size: 2rem;
        margin-top: 4rem;
    }

    .slideshow.success_stories h3 {
        font-size: 2.5rem;
        margin-top: 9.312rem;
    }

    .slideshow.success_stories h3 + span {
        font-size: 1.625rem;
        margin-top: 2.25rem;
    }

    .slideshow.success_stories p:first-of-type {
        margin-top: 2.688rem;
    }

    .slideshow.success_stories p:last-of-type {
        margin-bottom: 4rem;
    }

    .slideshow.success_stories a.btn {
        margin-bottom: 5rem;
    }
}

@media (min-width: 1121px) and (max-width: 1620px) {
    .slideshow.success_stories figure {
        position: absolute;
    }

    .slideshow.success_stories h2 {
        font-size: 2rem;
        margin-top: 4rem;
    }

    .slideshow.success_stories h3 {
        font-size: 2.5rem;
        margin-top: 9.312rem;
    }

    .slideshow.success_stories h3 + span {
        font-size: 1.625rem;
        margin-top: 2.25rem;
    }

    .slideshow.success_stories p:first-of-type {
        margin-top: 2.688rem;
    }

    .slideshow.success_stories p:last-of-type {
        margin-bottom: 4rem;
    }

    .slideshow.success_stories a.btn {
        margin-bottom: 5rem;
    }
}

@media (min-width: 769px) and (max-width: 1120px) {
    .slideshow.success_stories h2 {
        font-size: 1.875rem;
        margin-top: 2.8rem;
    }

    .slideshow.success_stories h3 {
        margin-top: 6.86rem;
    }

    .slideshow.success_stories h3 + span {
        font-size: 1.5rem;
        margin-top: 2rem;
    }

    .slideshow.success_stories p:first-of-type {
        margin-top: 1.8rem;
    }

    .slideshow.success_stories p:last-of-type {
        margin-bottom: 3.4rem;
    }

    .slideshow.success_stories a.btn {
        margin-bottom: calc(4rem + 50vw);
    }

    .slideshow.success_stories slideshow-slide {
        transition: opacity 350ms ease;
    }

    .slideshow.success_stories slideshow-slide.current {
        transition: opacity 350ms ease 400ms;
    }

    .slideshow.success_stories slideshow-slide grid-column {
        max-width: 768px;
    }

    .slideshow.success_stories figure {
        bottom: 0;
        height: 0;
        padding-bottom: 50vw;
        position: absolute;
        width: 100%;
    }

    .slideshow.success_stories .navigation {
        left: 1.875rem;
        bottom: 50vw;
        top: auto;
        transform: translateY(50%);
    }

    .slideshow.success_stories .controls {
        bottom: 50vw;
        top: auto;
        transform: translateY(50%);
        right: 1.875rem;
    }

    .slideshow.success_stories .controls li {
        background-color: #C2CD23;
    }
}

@media (max-width: 768px) {
    .slideshow.success_stories figure {
        position: relative;
    }

    .slideshow.success_stories slideshow-slide figure {
        width: 100%;
        height: 0;
        padding-bottom: 62.5%;
    }
}

@media (min-width: 469px) and (max-width: 768px) {
    .slideshow.success_stories h2 {
        font-size: 1.875rem;
        margin-top: calc(50vw + 2.8rem);
    }

    .slideshow.success_stories h3 {
        margin-top: 6.86rem;
    }

    .slideshow.success_stories h3 + span {
        font-size: 1.5rem;
        margin-top: 2rem;
    }

    .slideshow.success_stories p:first-of-type {
        margin-top: 1.8rem;
    }

    .slideshow.success_stories p:last-of-type {
        margin-bottom: 3.4rem;
    }

    .slideshow.success_stories a.btn {
        margin-bottom: 4rem;
    }

    .slideshow.success_stories slideshow-slide {
        transition: opacity 350ms ease;
    }

    .slideshow.success_stories slideshow-slide.current {
        transition: opacity 350ms ease 400ms;
    }

    .slideshow.success_stories figure {
        padding-bottom: 50vw !important;
    }

    .slideshow.success_stories .navigation {
        left: 1.875rem;
        top: 50vw;
    }

    .slideshow.success_stories .controls {
        top: auto;
        top: 50vw;
        right: 1.875rem;
    }

    .slideshow.success_stories .controls li {
        background-color: #C2CD23;
    }
}

@media (max-width: 468px) {
    .slideshow.success_stories h2 {
        font-size: 1.625rem;
        margin-top: calc(70vw + 3.857rem);
    }

    .slideshow.success_stories h3 {
        margin-top: 7.071rem;
    }

    .slideshow.success_stories h3 + span {
        font-size: 1.5rem;
        margin-top: 2.071rem;
    }

    .slideshow.success_stories p {
        font-size: 1.125rem;
    }

    .slideshow.success_stories p:first-of-type {
        margin-top: 1.929rem;
    }

    .slideshow.success_stories p:last-of-type {
        margin-bottom: 3rem;
    }

    .slideshow.success_stories a.btn {
        margin-bottom: 3.5rem;
        padding: 0 2.5rem;
    }

    .slideshow.success_stories slideshow-slide {
        transition: opacity 350ms ease;
    }

    .slideshow.success_stories slideshow-slide.current {
        transition: opacity 350ms ease 400ms;
    }

    .slideshow.success_stories figure {
        padding-bottom: 70vw !important;
    }

    .slideshow.success_stories .navigation {
        left: 1.875rem;
        top: 1.875rem;
        transform: translateY(0%);
    }

    .slideshow.success_stories .controls {
        top: auto;
        top: 70vw;
        left: 1.875rem;
    }

    .slideshow.success_stories .controls li {
        background-color: #C2CD23;
    }
}

/********** SLIDESHOW - TESTIMONIAL **********/
.slideshow.testimonial {
    background-color: #042849;
}

@media (min-width: 1621px) {
    .slideshow.testimonial {
        padding: 10rem 0 !important;
    }
}

@media (min-width: 769px) and (max-width: 1620px) {
    .slideshow.testimonial {
        padding: 9.875% 0 !important;
    }
}

@media (min-width: 469px) and (max-width: 768px) {
    .slideshow.testimonial {
        padding: 4.75rem 0 !important;
    }
}

@media (max-width: 468px) {
    .slideshow.testimonial {
        padding: 2.5rem 0 !important;
    }
}

.slideshow.testimonial > figure {
    display: none !important;
    background-size: cover !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.2;
    filter: grayscale(100%);
    z-index: 1;
}

.slideshow.testimonial testimonial-slideshow {
    z-index: 10;
}

.slideshow.testimonial slideshow-contents {
    transition: left 750ms ease-in-out;
}

.slideshow.testimonial blockquote p {
    color: #FFF;
    font-style: italic;
}

.slideshow.testimonial img {
    border-radius: 50%;
    display: block;
    width: 100%;
}

.slideshow.testimonial img + strong {
    color: #FFF;
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.875rem;
    margin-top: 1.5rem;
    text-align: center;
}

.slideshow.testimonial .controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: static;
}

.slideshow.testimonial .controls li {
    background-color: #C2CD23;
    border-radius: 50%;
    display: block;
    float: left;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    transition: background-color 350ms ease;
    z-index: 20;
}

.slideshow.testimonial .controls li:hover {
    background-color: #C2CD23;
}

.slideshow.testimonial .controls li + li {
    margin-left: 0.938rem;
}

.slideshow.testimonial .controls li svg {
    fill: #FFF;
    height: 1.625rem;
    position: absolute;
    top: 50%;
    transition: fill 350ms ease;
    transform: translateX(-50%) translateY(-50%);
    width: 1rem;
}

.slideshow.testimonial .controls li svg {
    left: 47%;
}

.slideshow.testimonial .controls li + li svg {
    left: 53%;
}

.slideshow.testimonial .navigation {
    position: absolute;
    z-index: 20;
}

.slideshow.testimonial .navigation li {
    background-color: #FFF;
    border-radius: 50%;
    padding: 0;
    position: relative;
    height: 1rem;
    width: 1rem;
    transition: background-color 350ms ease;
}

.slideshow.testimonial .navigation li:hover,
.slideshow.testimonial .navigation li.current {
    background-color: #C2CD23;
}

.slideshow.testimonial .navigation li + li {
    margin-left: 0.813rem;
}

testimonial-slideshow slideshow-slide {
    opacity: 0;
    transition: opacity 500ms ease;
}

testimonial-slideshow slideshow-slide.current {
    opacity: 1;
    transition: opacity 500ms ease 250ms;
}

testimonial-slideshow slideshow-slide strong span {
    display: block;
}

testimonial-slideshow slideshow-slide strong span ~ span {
    font-size: 0.75rem;
    line-height: 155%;
    opacity: 0.75;
}

@media (min-width: 1421px) {
    .slideshow.testimonial .navigation {
        bottom: 0rem;
        right: 5.313rem;
    }

    .slideshow.testimonial blockquote p {
        font-size: 1.25rem;
        line-height: 2.125rem;
    }

    .slideshow.testimonial .controls li {
        height: 4.875rem;
        line-height: 4.875rem;
        width: 4.875rem;
    }

    .slideshow.testimonial .controls li:first-of-type {
        top: 50%;
        left: 5.313rem;
    }

    .slideshow.testimonial .controls li + li {
        top: 50%;
        right: 5.313rem;
    }
}

@media (min-width: 1121px) and (max-width: 1400px) {
    .slideshow.testimonial .navigation {
        bottom: 0rem;
        right: 5.313rem;
    }

    .slideshow.testimonial blockquote p {
        font-size: 1.25rem;
        line-height: 2.125rem;
    }

    .slideshow.testimonial .controls li {
        height: 4.875rem;
        line-height: 4.875rem;
        width: 4.875rem;
    }

    .slideshow.testimonial .controls li:first-of-type {
        top: 50%;
        left: 5.313rem;
    }

    .slideshow.testimonial .controls li + li {
        top: 50%;
        right: 5.313rem;
    }
}

@media (min-width: 769px) and (max-width: 1120px) {
    .slideshow.testimonial .navigation {
        bottom: 0rem;
        right: 3.563rem;
    }

    .slideshow.testimonial slideshow-slide grid-column:first-of-type {
        padding-left: 4rem;
    }

    .slideshow.testimonial slideshow-slide grid-column:last-of-type {
        padding-right: 4rem;
    }

    .slideshow.testimonial blockquote p {
        font-size: 1.125rem;
        line-height: 2rem;
    }

    .slideshow.testimonial .controls li {
        height: 3.75rem;
        line-height: 3.75rem;
        width: 3.75rem;
    }

    .slideshow.testimonial .controls li:first-of-type {
        top: 50%;
        left: 3.563rem;
    }

    .slideshow.testimonial .controls li + li {
        top: 50%;
        right: 3.563rem;
    }
}

@media (min-width: 469px) and (max-width: 768px) {
    .slideshow.testimonial blockquote {
        margin-top: 1.875rem;
    }

    .slideshow.testimonial blockquote p {
        font-size: 1rem;
        line-height: 1.875rem;
        text-align: center;
    }

    .slideshow.testimonial .controls li {
        height: 3.75rem;
        line-height: 3.75rem;
        width: 3.75rem;
    }

    .slideshow.testimonial .controls li:first-of-type {
        top: 50%;
        left: 1.875rem;
    }

    .slideshow.testimonial .controls li + li {
        top: 50%;
        right: 1.875rem;
    }
}

@media (max-width: 468px) {
    .slideshow.testimonial blockquote {
        margin-top: 1.875rem;
    }

    .slideshow.testimonial blockquote p {
        font-size: 0.938rem;
        line-height: 1.875rem;
        text-align: center;
    }

    .slideshow.testimonial .controls li {
        height: 3.75rem;
        line-height: 3.75rem;
        width: 3.75rem;
    }

    .slideshow.testimonial .controls li:first-of-type {
        top: 20vw;
        left: 1.875rem;
    }

    .slideshow.testimonial .controls li + li {
        top: 20vw;
        right: 1.875rem;
    }
}