:root {
    --erCallToAction: #38939B;
    --erHeader: #11103b;
    --erBlue: #000;
    font-size: 16px;
}
.hide-div-slide-down * {
    position: absolute;
    top: -900px;
}

.hide-div-slide-down.show-elements-para * {
    position: relative !important;
    top: auto !important;
    animation: .5s slideDown;
} 
.hide-div-slide-down.show-elements-para {
    animation: .5s slideDown;
} 

@keyframes slideUp {
    0% {
        top: 0;
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        top: -100px;
        opacity: 0
    }
}

@keyframes slideDown {
    0% {
        top: -100px;
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        top: 0;
        opacity: 1
    }
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-direction-row {
    flex-direction: row !important;
    display: flex !important;
}

.flex-justify-center {
    justify-content: center;
    display: flex;
}

.padding-bottom {
    padding-bottom: 64px !important;
    padding-top: 0 !important;
}

.wrapper-div.wrapper-div-large {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 64px 0;
}

.er-background-blue {
    background: var(--ifBlack) !important;
}

.full-width {
    width: 100% !important;
}
#stickyNavMenu {
    position: relative;
    min-height: 50px;
    transition: min-height 2s;
    background: var(--erBlue);
    transition:1s all;
}

.flex-align-center {
    align-items: center;
}

.col {
    flex-direction: column;
}

.col {
    display: flex;
    padding: 1.2rem;
    position: relative;
}
.csr-img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}
    .col.four-column-div {
        float: left;
        width: 25%;
    }
.col.two-column-div-csr {
    width: 60%;
    justify-content: center;
}
    .csr-nav .col.four-column-div {
        width: 25%;
    }

img {
    display: block;
}

.opacity-60 {
    opacity: .6;
}

.img-responsive img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.csr-links:hover img {
    opacity: 1;
    transition: 1s;
}

.margin-top-small {
    margin-top: 10px !important;
    display: block;
}

.er-background-blue {
    background: var(--ifBlack) !important;
}

.full-width-flex-div {
    width: 100%;
    display: flex;
}

.story-board-wrapper-flex-end:nth-child(2n) {
    overflow: hidden;
    justify-content: flex-start;
}

.col {
    flex-direction: column;
}

.col {
    display: flex;
    padding: 1.2rem;
    position: relative;
}

.full-height-CSR {
    min-height: 100vh !important;
}

.full-width {
    width: 100% !important;
}

.storyboard-image-fade {
    overflow: hidden;
}

.pos-abs {
    position: absolute !important;
}

.story-board-white {
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

img {
    display: block;
}

.img-responsive img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.storyWrapper img {
    transform: scale(1);
    transition: 2s;
}
.story-board-white-article {
    margin: 8%;
    background: #fff;
    padding: 10%;
}
.story-board-wrapper-flex-end:nth-child(2n + 1) {
    overflow: hidden;
    justify-content: flex-end;
} 



/* here */


html {
    scroll-behavior: smooth;
}

.flex, .wrapper-div {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-justify-center {
    justify-content: center;
    display: flex;
}

.padding-top-bottom {
    padding: 64px 0 !important;
}

    .wrapper-div.wrapper-div-large {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        padding: 64px 0;
    }

.section-full-width:after {
    clear: both;
    width: 100%;
    display: flex;
}

.mainPropertyWrap.mainPropertyWrap-fwg .full-width-gallery::after, .offer-carousel-wrapper:after, .wrapper-div-no-flex-grid:after, .wrapper-div:after {
    content: " ";
    clear: both;
    display: table;
}

.pointer {
    cursor: pointer;
}

.hover-image-transition {
    transition: .3s ease-in-out;
}

.margin-top-med {
    margin-top: 20px !important;
    display: block;
}

    .col.three-column-div-clip {
        float: left;
        width: 33.3%;
        padding: 10px;
    }

.er-background-blue {
    background: var(--erBlue) !important;
}

.max-height-med {
    max-height: 200px;
    height: 200px;
}

.txt-align-center {
    text-align: center;
}

.margin-top-small {
    margin-top: 10px !important;
    display: block;
}

.gold-arrow-center, .gold-link:after {
    background: var(--erCallToAction);
    position: absolute;
}

.gold-link:after {
    content: "";
    width: 0;
    height: 2px;
    bottom: 10px;
    left: 0;
    transition: 1s;
    z-index: 50;
}

.hover-image-transition:hover img {
    transform: scale(1.1);
    margin: 0;
    opacity: .6;
    transition: .3s ease-in-out;
}

span {
    font-style: normal;
}

span {
    font-weight: 400;
}

.gold-arrow-center {
    background: var(--erCallToAction);
    position: absolute;
}

.gold-arrow-center {
    display: flex !important;
    top: 50%;
    right: -40px;
    margin-top: -40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 80px;
    color: #fff;
    z-index: 500;
    transition: .5s;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.hover-image-transition:hover .gold-arrow-center {
    right: 0;
}
#stickyNavMenu.sticky-nav {
    position: fixed;
    top: 0;
    min-height: 10px;
    z-index: 150000000000;
    width: 100%;
    padding-bottom: 0px !important;
}
.csr-nav.sticky-nav .margin-bottom-med, .csr-nav.sticky-nav .margin-top-small, .margin-none {
    margin: 0 !important;
}

.csr-nav.sticky-nav img, .csr-nav.sticky-nav p {
   display:none;
}
.csr-nav.sticky-nav .col, .csr-nav.sticky-nav .wrapper-div.wrapper-div-large, .departure-panel-wrapper *, .padding-none {
    padding: 0 !important;
}
.csr-nav.sticky-nav a {
    color: #CCC;
    padding: 25px 0px;
    background: none;
}
    .csr-nav.sticky-nav a:hover {
        color: var(--erCallToAction);
        background:none;
    }
.csr-nav.sticky-nav a.selectedLink {
    color: #FFF;
    background: none;
    font-weight:600;
}
.cta-button-soft-blue {
    background: rgba(255,255,255,.2);
    width: 100%;
    border-radius: 3px;
    padding: 15px 20px;
    font-size: 1rem;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 1.2rem;
    transition: 1s all;
}

    .cta-button-soft-blue:hover {
        background: rgba(255,255,255,.3);
    }
.para-padding {
    padding: 1.2rem 1.2rem 0 1.2rem;
}

/* ------------------------------- MEDIA QUERIES */
@media screen and (max-width: 1200px) {
    .wrapper-div.wrapper-div-large {
        width: 95%;
    }
}

    @media screen and (max-width: 980px) {
        .story-board-quote.pos-abs, .story-board-white.pos-abs, .story-board-wrapper .pos-abs, .storyWrapper .pos-abs {
            position: relative !important;
        }
        .csr-img {
            position:relative;
        }
        .storyWrapper .col.two-column-div {
            width: 100%;
        }
        .col.two-column-div-csr {
            width: 100%;
        }
        .full-height-CSR {
            min-height: auto !important;
        }
        .storyWrapper {
            overflow: visible;
            justify-content: flex-start;
            flex-direction: column;
            height:auto;
        }

        .story-board-wrapper-flex-end:nth-child(2n + 1) {
            overflow: hidden;
            justify-content: flex-end;
        }

        .story-board-wrapper-flex-end:nth-child(2n) {
            overflow: hidden;
            justify-content: flex-start;
        }

        .story-board-white-article {
            margin: 0;
            background: #fff;
            padding: 10%;
        }

        .storyWrapper .col {
            padding: 0;
        }
    }

    @media screen and (max-width: 980px) {
        .col.three-column-div-clip, .col.two-column-div-clip, .thirty-percent-col {
            float: left;
            width: 100%;
        }
    }

    @media screen and (max-width: 700px) {
        .csr-nav .col.four-column-div, .col.four-column-div.csr-links {
            width: 50%;
            padding: 10px;
        }

        .csr-nav.sticky-nav .col.four-column-div {
            width: 25% !important;
        }

            .csr-nav.sticky-nav .col.four-column-div.csr-links img {
                display: none;
            }
    }