.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

    .table-responsive .text-small {
        margin: 1rem 0 0 !important;
    }

        .table-responsive .text-small + .text-small {
            margin: 0 !important;
        }

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: 1rem;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}


fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #c0c0c0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}



.no-touch.desktop a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
[class^="btn"] {
    color: white;
    display: inline-block;
    text-align: center;
    font: 1.125rem/54px 'synthese-regular';
    cursor: pointer;
    border: 2px solid #4a4a4a;
      border-top-color: rgb(74, 74, 74);
      border-right-color: rgb(74, 74, 74);
      border-bottom-color: rgb(74, 74, 74);
      border-left-color: rgb(74, 74, 74);
    height: 58px;
    padding: 0 30px;
    transition: all 0.3s;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.no-touch.desktop [class^='btn'].btn-primary:not([disabled]):hover {
    background: #ed1c24;
    color: white;
}

.no-touch.desktop .phrase-two [class^='btn'].btn-primary:not([disabled]):hover {
    background: #32a8e5;
}
[class^="btn"].btn-white {
    color: white;
    border-color: white;
  }
.no-touch.desktop [class^='btn'].btn-white:hover {
    background: white;
    color: #ed1c24;
}

.no-touch.desktop .phrase-two [class^='btn'].btn-white:hover {
    color: #32a8e5;
}

.no-touch.desktop [class^='btn'].btn-orange:hover {
    color: #f39200;
    background: none;
}

.no-touch.desktop [class^='btn'].btn-blue:hover {
    background: none;
    color: #32a8e5;
}

.no-touch.desktop [class^='btn'].btn-red:hover {
    background: none;
    color: #ed1c24;
}

.no-touch.desktop [class^='btn'].btn-red-transparent:hover {
    background: #ed1c24;
    color: white;
}

.no-touch.desktop [class^='btn'].btn-yellow:hover {
    background: none;
    color: #f39200;
}

.no-touch.desktop [class^='btn'].btn-yellow-transparent:hover {
    background: #f39200;
    color: white;
}

.no-touch.desktop [class^='btn'].btn-purple:hover {
    background: none;
    color: #5955a1;
}

.no-touch.desktop [class^='btn'].btn-purple-transparent:hover {
    background: #5955a1;
    color: white;
}


.no-touch.desktop [class^='btn'].btn-royal-blue:hover {
    background: none;
    color: #111b2f;
}

.no-touch.desktop [class^='btn'].btn-royal-blue-transparent:hover {
    background: #111b2f;
    color: white;
}

.no-touch.desktop [class^='btn'].btn-sand-grey:hover {
    background: none;
    color: #918a7c;
}

.no-touch.desktop [class^='btn'].btn-sand-grey-transparent:hover {
    background: #918a7c;
    color: white;
}

[class^='btn'].btn-light-green {
    color: white;
    border-color: #b7d691;
    background: #b7d691;
}

.no-touch.desktop [class^='btn'].btn-light-green:hover {
    background: none;
    color: #b7d691;
}

[class^='btn'].btn-light-green-transparent {
    color: #b7d691;
    border-color: #b7d691;
    background: none;
}

.no-touch.desktop [class^='btn'].btn-light-green-transparent:hover {
    background: #b7d691;
    color: white;
}

[class^='btn'].btn-parc-life-green {
    color: white;
    border-color: #a4d65e;
    background: #a4d65e;
}

.no-touch.desktop [class^='btn'].btn-parc-life-green:hover {
    background: none;
    color: #a4d65e;
}

[class^='btn'].btn-parc-life-green-transparent {
    color: #a4d65e;
    border-color: #a4d65e;
    background: none;
}

.no-touch.desktop [class^='btn'].btn-parc-life-green-transparent:hover {
    background: #a4d65e;
    color: white;
}

[class^='btn'].btn-blue-transparent {
    color: #32a8e5;
    border-color: #32a8e5;
    background: none;
}

.no-touch.desktop [class^='btn'].btn-blue-transparent:hover {
    background: #32a8e5;
    color: white;
}

.no-touch.desktop [class^='btn'].btn-download:hover:after {
    background-image: url(../images/icons/icon-download-white.svg);
}

ul.buttons {
    padding-top: 50px;
}

    ul.buttons li {
        display: inline-block;
        float: left;
    }

        ul.buttons li:not(:last-child) {
            padding-right: 20px;
        }

.link {
    color: #4a4a4a;
}

.no-touch.desktop .link:hover {
    text-decoration: underline;
}

.link:active {
    text-decoration: underline;
}

.link.disabled {
    opacity: 0.2;
    cursor: default;
}

.no-touch.desktop .link.disabled:hover {
    text-decoration: none;
}

.link.disabled:active {
    text-decoration: underline;
}

.link-1 {
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
}

    .link-1:hover {
        text-decoration: none;
    }

.link-ic {
    padding-left: 28px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    max-width: 600px;
}

    .link-ic i {
        padding-left: 30px;
    }

    .link-ic:hover {
        text-decoration: none;
    }

    .link-ic:not(:first-child) {
        padding-top: 20px;
    }

.link-default {
    text-decoration: underline;
}

.no-touch.desktop .link-default:hover {
    text-decoration: none;
    color: black;
}

.phrase-two .link-default {
    color: #32a8e5;
}

.no-touch.desktop .link-default:hover {
    color: #32a8e5;
}

.link-primary {
    text-decoration: underline;
    color: #1c9ad7;
}

.no-touch.desktop .link-primary:hover {
    text-decoration: none;
}

.link-download {
    font: 1rem/1.44 'synthese-regular';
    color: black;
    display: inline-block;
    padding: 5px 15px 5px 0;
    text-decoration: underline;
    vertical-align: middle;
    transition: all 0.3s;
}

    .link-download:after {
        content: '';
        background: url(../images/icons/icon-download.svg) 100% 4px no-repeat;
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        transition: all 0.3s;
    }

.no-touch.desktop .link-download:hover {
    text-decoration: none;
}

    .no-touch.desktop .link-download:hover:after {
        background-position: 100% 6px;
    }

.btn-primary-link {
    border: none;
    color: #4a4a4a;
    display: inline-block;
    font-size: 1.125rem;
    padding: 0px 1px 14px 0px;
    height: 37px;
    border-bottom: 1px solid #D3D3D3;
    margin-right: 0px;
    margin-left: 25px;
}

.btn-group-center span.seperator {
    border-right: 1px solid lightgray;
    display: inline-block;
    height: 14px;
    width: 11px;
    margin-top: 21px;
    position: absolute;
}

@media only screen and (min-width: 768px) {
    .btn-group-center .btn-primary {
        width: 40%;
        margin-top: 15px;
    }

        .btn-group-center .btn-primary:nth-child(1),
        .btn-group-center .btn-primary:nth-child(2) {
            margin-top: 0;
        }

        .btn-group-center .btn-primary:nth-child(odd) {
            float: left;
            margin-right: 1%;
        }

        .btn-group-center .btn-primary:nth-child(even) {
            float: right;
            margin-left: 1%;
        }

        .btn-group-center .btn-primary.btn-center {
            margin: 15px 26%;
        }
}

@media only screen and (max-width: 767px) {
    .btn-group-center .btn-primary {
        display: block;
        width: 100%;
        margin-top: 15px;
    }

        .btn-group-center .btn-primary:first-child {
            margin-top: 0;
        }
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.slick-prev:before,
.slick-next:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

svg.svg-frasers-logo .alt {
    fill: #817979;
}

    svg.svg-frasers-logo .alt.text {
        fill: #4B403F;
    }

    svg.svg-frasers-logo.alt .alt {
        fill: white;
    }

i[class^="icon-"].icon-up {
    background-image: url("../images/tri-status-up.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: bottom;
    width: 22px;
    height: 22px;
    display: inline-block;
}

i[class^="icon-"].icon-loader {
    background-image: url("../images/loader.svg");
    background-repeat: no-repeat;
    background-position: center center;
    animation: rotate 1.4s linear infinite;
    -webkit-animation: rotate 1.4s linear infinite;
    -moz-animation: rotate 1.4s linear infinite;
    width: 57px;
    height: 57px;
    background-size: 47px;
    position: relative;
    display: inline-block;
}

i[class^="icon-"].icon-hourglass {
    background-image: url('../images/icons/icon-hourglass.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    width: 30px;
    height: 30px;
    display: inline-block;
}

i[class^="icon-"].icon-penny {
    background-image: url('../images/icons/icon-penny.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    width: 30px;
    height: 30px;
    display: inline-block;
}

i[class^="icon-"].icon-indexed {
    background-image: url('../images/icon/icon-indexed.png');
    background-repeat: no-repeat;
    background-position: bottom;
    width: 30px;
    height: 30px;
    display: inline-block;
}

i[class^="icon-"].icon-absolute {
    background-image: url('../images/icons/icon-absolute.png');
    background-repeat: no-repeat;
    background-position: bottom;
    width: 30px;
    height: 30px;
    display: inline-block;
}

i[class^="icon-"].icon-close {
    background-image: url('../images/icons/icon-close.svg');
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 13px 20px;
}

.icon-upload {
    background: url('../images/icons/icon-upload.svg') left 0 no-repeat;
}

.icon-plus {
    background: url('../images/icons/icon-plus.svg') left center no-repeat;
}

.icon-plus-black {
    background: url('../images/icons/icon-plus-black.svg') left center no-repeat;
}

.icon-remove {
    background: url('../images/icons/icon-remove.svg') no-repeat 0 center;
    margin-bottom: 20px;
}

[data-accordion] .collapse-header,
[data-accordion-link] .collapse-header {
    position: relative;
    cursor: pointer;
    background-color: #ededee;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    padding: 17px 50px 15px 30px;
    color: #4d4949;
    margin-top: 30px;
    font: 1rem/1.44 'synthese-bold';
}

    [data-accordion] .collapse-header:after,
    [data-accordion-link] .collapse-header:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        background: url(../images/icons/icon-down.svg) no-repeat right center;
        width: 20px;
        height: 15px;
        transition: all 0.3s;
    }

    [data-accordion] .collapse-header.active:after,
    [data-accordion-link] .collapse-header.active:after {
        transform: translateY(-50%) rotate(180deg);
    }

@media only screen and (max-width: 767px) {
    [data-accordion] .collapse-header,
    [data-accordion-link] .collapse-header {
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 45px;
    }

        [data-accordion] .collapse-header:after,
        [data-accordion-link] .collapse-header:after {
            right: 20px;
        }
}

[data-accordion] .collapse-inner,
[data-accordion-link] .collapse-inner {
    display: none;
    padding: 20px 30px;
    background-color: #ededee;
    /*p {
      line-height: 1.67;
    }*/
}

    [data-accordion] .collapse-inner h4,
    [data-accordion-link] .collapse-inner h4 {
        padding: 5px 0 13px;
    }

    [data-accordion] .collapse-inner p + h4,
    [data-accordion-link] .collapse-inner p + h4 {
        padding-top: 28px;
    }

[data-accordion] .collapse-item:first-child .collapse-header,
[data-accordion-link] .collapse-item:first-child .collapse-header {
    margin-top: 0;
}

[data-accordion].job-opening .collapse-header,
[data-accordion-link].job-opening .collapse-header {
    font-family: inherit;
}

@media only screen and (min-width: 768px) {
    [data-accordion].job-opening .collapse-header,
    [data-accordion-link].job-opening .collapse-header {
        padding: 30px 40px;
    }

        [data-accordion].job-opening .collapse-header:after,
        [data-accordion-link].job-opening .collapse-header:after {
            margin-top: 40px;
            right: 40px;
        }
}

[data-accordion].job-opening .collapse-inner,
[data-accordion-link].job-opening .collapse-inner {
    padding: 30px 40px;
}

@media only screen and (max-width: 767px) {
    [data-accordion].job-opening .collapse-inner,
    [data-accordion-link].job-opening .collapse-inner {
        padding: 20px;
    }
}

[data-accordion].job-opening .job-short-desc,
[data-accordion-link].job-opening .job-short-desc {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0 0;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    [data-accordion].job-opening .job-short-desc .col-sm-3,
    [data-accordion-link].job-opening .job-short-desc .col-sm-3 {
        padding-bottom: 15px;
    }

        [data-accordion].job-opening .job-short-desc .col-sm-3:last-child,
        [data-accordion-link].job-opening .job-short-desc .col-sm-3:last-child {
            padding-bottom: 0;
        }
}

[data-accordion].job-opening .job-header,
[data-accordion-link].job-opening .job-header {
    padding-bottom: 20px;
}

    [data-accordion].job-opening .job-header > dl,
    [data-accordion-link].job-opening .job-header > dl {
        clear: both;
    }

    [data-accordion].job-opening .job-header dt,
    [data-accordion-link].job-opening .job-header dt {
        float: left;
        min-width: 110px;
    }

    [data-accordion].job-opening .job-header dd,
    [data-accordion-link].job-opening .job-header dd {
        overflow: hidden;
    }

[data-accordion].job-opening .collapse-inner p,
[data-accordion-link].job-opening .collapse-inner p {
    line-height: 1.5;
    font-size: 1rem;
}

[data-accordion].job-opening .collapse-inner ul,
[data-accordion-link].job-opening .collapse-inner ul {
    list-style-type: disc;
    margin-left: 17px;
    line-height: 1.67em;
    padding: 10px 0 30px;
}

    [data-accordion].job-opening .collapse-inner ul > li,
    [data-accordion-link].job-opening .collapse-inner ul > li {
        padding: 0.2rem 0;
    }

.faq-content {
    padding-top: 20px;
}

    .faq-content .collapse-inner p {
        line-height: 1.5;
    }

.circle-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.image-white-border {
    border: 5px solid #ffffff;
    -webkit-box-shadow: 0 2px 8px 0 #dcdcdc;
    box-shadow: 0 2px 8px 0 #dcdcdc;
}

.flex-wrap {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.windows.safari.no-touch.desktop .flex-wrap {
    display: -webkit-box;
}

.flex-wrap.flex-left {
    justify-content: inherit;
}

@media only screen and (max-width: 480px) {
    .flex-wrap {
        margin: 0;
    }
}

.flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}

    .flex-item.flex-item-big {
        -webkit-box-flex: 1.5;
        -webkit-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
    }

    .flex-item.flex-start {
        -webkit-box-align: flex-start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
    }

.flex-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.loading {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.downloadlink {
    font: 1.25rem 'synthese-regular';
    margin-top: 10px;
    text-decoration: underline;
    padding: 10px 23px 10px 0;
    background: url('../images/icons/icon-download.svg') no-repeat 100% 14px;
}

.no-touch.desktop .downloadlink:hover {
    color: black;
    background-position: 100% 16px;
}

.disappear {
    opacity: 0;
}

.map-legend {
    width: 100%;
    height: 100vh;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .inner-container .map-legend {
        width: 100vw;
        margin-left: -20px;
    }
}

.map-legend iframe {
    width: 100%;
    height: 100%;
    border: 0;
    bottom: 0;
    position: absolute;
}

.bg-grey {
    background-color: #282828;
}

.bg-WhatsAppgrey {
    background-color: #445A65;
}

.bg-light-grey {
    background-color: #383838;
}

.bg-blue {
    background-color: #32a8e5;
}

.custom-checkbox {
    position: relative;
    display: block;
    padding: 7px 0;
}

    .custom-checkbox > input {
        display: none;
    }

    .custom-checkbox > span {
        padding-left: 40px;
        line-height: 1.5;
        display: inline-block;
        font-size: 0.875rem;
        position: relative;
    }

    .custom-checkbox .content {
        padding-left: 40px;
        position: relative;
    }

        .custom-checkbox > span:before,
        .custom-checkbox .content:before {
            position: absolute;
            content: "";
            background: url('../images/icons/icon-unselected.jpg') center no-repeat;
            width: 25px;
            height: 25px;
            left: 0;
            top: 0;
        }

        .custom-checkbox > span.warning:before,
        .custom-checkbox .content.warning:before {
            background-image: url('../images/icons/icon-unselected-red.jpg');
        }

    .custom-checkbox input[type=checkbox]:checked + span:before,
    .custom-checkbox input[type=checkbox]:checked + .content:before {
        background-image: url('../images/icons/icon-selected.jpg');
    }

    .custom-checkbox.center > span:before,
    .custom-checkbox.center .content:before {
        top: 50%;
        transform: translateY(-50%);
    }

.residence-suites + .residence-suites {
    margin-top: 30px;
}

.text-wrapper p {
    line-height: 1.5;
}

    .text-wrapper p + p {
        margin-top: 20px;
    }

.livclo-list li {
    position: relative;
}

    .livclo-list li .num {
        text-align: center;
        font-size: 13px;
        display: inline-block;
        background-color: #01635f;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        line-height: 25px;
        border-radius: 50%;
        position: absolute;
        top: 0.2rem;
        left: 0;
    }

    .livclo-list li p {
        padding-left: 37px;
    }

.share-link {
    position: relative;
    padding: 10px 30px;
    display: inline-block;
}

    .share-link input {
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .share-link .share-box {
        position: absolute;
        bottom: 100%;
        left: 0;
        min-width: 170px;
        max-width: 100%;
        padding: 5px 35px 5px 10px;
        background: #FFF url('../images/icons/icon-tick.svg') right 10px center no-repeat;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        z-index: 1;
    }

        .share-link .share-box:before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -10px;
            margin-left: -12px;
            border-top: 10px solid #FFF;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            width: 22px;
            height: 10px;
            z-index: 2;
        }

        .share-link .share-box .text-link {
            color: #4d4949;
            font-size: 11px;
            display: block;
            margin-top: 3px;
            word-wrap: break-word;
        }

    .share-link a {
        padding-left: 20px;
        position: relative;
    }

        .share-link a:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            background: url('../images/icons/icon-share-link.svg') left center no-repeat;
            background-size: contain;
            width: 12px;
            height: 15px;
            top: 50%;
            margin-top: -8px;
        }

.bg-blue,
.bg-blue.phrase2-sub-menu,
.bg-blue.phrase2-sub-menu .menu-wrapper {
    background-color: #32a8e5;
}

.bg-dark-blue {
    background-color: #155b80;
}

    .bg-dark-blue.phrase2-sub-menu,
    .bg-dark-blue.phrase2-sub-menu .menu-wrapper {
        background-color: #155b80;
    }

.bg-light-blue {
    background-color: #79c3e8;
}

    .bg-light-blue.phrase2-sub-menu,
    .bg-light-blue.phrase2-sub-menu .menu-wrapper {
        background-color: #79c3e8;
    }

.bg-dark-red {
    background-color: #8d1014;
}

    .bg-dark-red.phrase2-sub-menu,
    .bg-dark-red.phrase2-sub-menu .menu-wrapper {
        background-color: #8d1014;
    }

.bg-red {
    background-color: #ed1c24;
}

    .bg-red.phrase2-sub-menu,
    .bg-red.phrase2-sub-menu .menu-wrapper {
        background-color: #ed1c24;
    }

.bg-light-red {
    background-color: #f5787c;
}

    .bg-light-red.phrase2-sub-menu,
    .bg-light-red.phrase2-sub-menu .menu-wrapper {
        background-color: #f5787c;
    }

.bg-dark-yellow {
    background-color: #935600;
}

    .bg-dark-yellow.phrase2-sub-menu,
    .bg-dark-yellow.phrase2-sub-menu .menu-wrapper {
        background-color: #935600;
    }

.bg-yellow {
    background-color: #f39200;
}

    .bg-yellow.phrase2-sub-menu,
    .bg-yellow.phrase2-sub-menu .menu-wrapper {
        background-color: #f39200;
    }

.bg-light-yellow {
    background-color: #f7be68;
}

    .bg-light-yellow.phrase2-sub-menu,
    .bg-light-yellow.phrase2-sub-menu .menu-wrapper {
        background-color: #f7be68;
    }

.bg-dark-green {
    background-color: #4f6e2d;
}

    .bg-dark-green.phrase2-sub-menu,
    .bg-dark-green.phrase2-sub-menu .menu-wrapper {
        background-color: #4f6e2d;
    }

.bg-green {
    background-color: #87ba49;
}

    .bg-green.phrase2-sub-menu,
    .bg-green.phrase2-sub-menu .menu-wrapper {
        background-color: #87ba49;
    }

.bg-royal-blue {
    background-color: #111b2f;
}

    .bg-royal-blue.phrase2-sub-menu,
    .bg-royal-blue.phrase2-sub-menu .menu-wrapper {
        background-color: #111b2f;
    }

.bg-sand-grey {
    background-color: #918a7c;
}

    .bg-sand-grey.phrase2-sub-menu,
    .bg-sand-grey.phrase2-sub-menu .menu-wrapper {
        background-color: #918a7c;
    }

.bg-parc-life-green {
    background-color: #a4d65e;
}

    .bg-parc-life-green.phrase2-sub-menu,
    .bg-parc-life-green.phrase2-sub-menu .menu-wrapper {
        background-color: #a4d65e;
    }

.bg-parc-life-blue {
    background-color: #6cace4;
}

    .bg-parc-life-blue.phrase2-sub-menu,
    .bg-parc-life-blue.phrase2-sub-menu .menu-wrapper {
        background-color: #6cace4;
    }

.bg-parc-life-purple {
    background-color: #7d55c7;
}

    .bg-parc-life-purple.phrase2-sub-menu,
    .bg-parc-life-purple.phrase2-sub-menu .menu-wrapper {
        background-color: #7d55c7;
    }

.bg-parc-life-orange {
    background-color: #ff8200;
}

    .bg-parc-life-orange.phrase2-sub-menu,
    .bg-parc-life-orange.phrase2-sub-menu .menu-wrapper {
        background-color: #ff8200;
    }

.bg-light-green {
    background-color: #b7d691;
}

    .bg-light-green.phrase2-sub-menu,
    .bg-light-green.phrase2-sub-menu .menu-wrapper {
        background-color: #b7d691;
    }

.bg-dark-purple {
    background-color: #353161;
}

    .bg-dark-purple.phrase2-sub-menu,
    .bg-dark-purple.phrase2-sub-menu .menu-wrapper {
        background-color: #353161;
    }

.bg-purple {
    background-color: #5955a1;
}

    .bg-purple.phrase2-sub-menu,
    .bg-purple.phrase2-sub-menu .menu-wrapper {
        background-color: #5955a1;
    }

.bg-light-purple {
    background-color: #9d99c5;
}

    .bg-light-purple.phrase2-sub-menu,
    .bg-light-purple.phrase2-sub-menu .menu-wrapper {
        background-color: #9d99c5;
    }

.bg-white.phrase2-sub-menu,
.bg-white.phrase2-sub-menu .menu-wrapper {
    background-color: white;
}

.bg-grey.phrase2-sub-menu,
.bg-grey.phrase2-sub-menu .menu-wrapper {
    background-color: #282828;
}

.bg-WhatsAppgrey.phrase2-sub-menu,
.bg-WhatsAppgrey.phrase2-sub-menu .menu-wrapper {
    background-color: #445A65;
}

.bg-light-grey.phrase2-sub-menu,
.bg-light-grey.phrase2-sub-menu .menu-wrapper {
    background-color: #383838;
}

#enquiry {
    position: relative;
}

    #enquiry .loader {
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        padding: 0;
    }

.list-numberic {
    list-style-type: decimal !important;
    margin-left: 20px;
    line-height: 1.67em;
    padding: 0.5rem 0;
}

    .list-numberic li {
        list-style-type: decimal !important;
        padding: 0.2rem 5px;
    }
    .upper-alpha {
        list-style-type: upper-alpha !important;
        margin-left: 20px;
        line-height: 1.67em;
        padding: 0.5rem 0;
    }

        .upper-alpha li {
            list-style-type: upper-alpha !important;
            padding: 0.2rem 5px;
        }
    .lower-roman {
        list-style-type: lower-roman !important;
        margin-left: 20px;
        line-height: 1.67em;
        padding: 0.5rem 0;
    }

        .lower-roman li {
            list-style-type: lower-roman !important;
            padding: 0.2rem 5px;
        }

.list-default {
    list-style-type: disc;
    margin-left: 17px;
    line-height: 1.67em;
    padding: 10px 0 30px;
}

    .list-default > li {
        padding: 0.2rem 0;
    }

.mac.safari .list-default {
    margin-left: 20px;
}

@media screen and (min-width:801px) {
    .list-normal {
        list-style-type: none;
        line-height: 1.67em;
        padding: 10px 0 30px;
        white-space: nowrap;
    }
}

.list-normal {
    list-style-type: none;
    line-height: 1.67em;
    padding: 10px 0 30px;
}

    .list-normal li {
        padding: 0.2rem 0;
    }

.filelist .remove {
    font-family: Arial, sans-serif;
    text-decoration: underline;
}
/*.list-default {
  list-style-type: disc;
  margin-left: 17px;
  line-height: 1.67em;
  padding: 10px 0 30px;
  > li {
    padding: 0.2rem 0;

  }

}
.list-normal {
  list-style-type: none;
  line-height: 1.67em;
  padding: 10px 0 30px;
  li {
    padding: 0.2rem 0;
  }
}
.list-primary {
  border-top: 1px 0 rgba(0,0,0,0.1);
  overflow: hidden;
  li {
    overflow: hidden;
    list-style-type: none;
    border-bottom: 1px 0 rgba(0,0,0,0.1);
  }
  a {
    &:extend(.txt-purple);
    overflow: hidden;
    font-size: @font-medium;
    line-height: 22px;
    .transition(0.3s);
    height: 61px;
    display: table;
    width: 100%;
    vertical-align: middle;

    .no-touch.desktop & {
      &:hover {
        background-color: @dark-blue-color;
        color: white;
        padding-left: @grid-small;
      }
    }
    &:active {
      background: @dark-blue-color;
      color: white;
      padding-left: @grid-small;
    }
    span {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      &[class*='icon-']:before {
        font-size: 1.8rem;
        margin-right: @grid-small;
        vertical-align: middle;
      }
    }
  }
}


.list-circle {
  list-style-type: circle;
  margin-left: 17px;
  padding: 0 0 0.5rem;
}


.list-icons-text {
  img, span {
    vertical-align: middle;
    display: inline-block;
  }
  img {
    margin-right: 15px;
    border-radius: 50%;
    .size(19px);
  }
  li {
    padding: 5px 0;
  }
  .no-touch.desktop & {
    a:hover {
      img {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5)
      }
    }
  }
}
.list-dash {
  li {
    &:not(:first-child) {
      &:before {
        content: '|'
      }
    }
    display: inline-block;
    a {
      padding: 0 10px;
    }
    &:first-child {
      a{
        padding-left: 0;
      }
    }
  }
}

.list-download {
  li {
    padding-top: 13px;
  }
}*/
[data-tab] .tab-header {
    display: table;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

    [data-tab] .tab-header:before,
    [data-tab] .tab-header:after {
        display: table;
        content: "";
    }

    [data-tab] .tab-header:after {
        clear: both;
    }

    [data-tab] .tab-header:before,
    [data-tab] .tab-header:after {
        display: table;
        content: "";
    }

    [data-tab] .tab-header:after {
        clear: both;
    }

    [data-tab] .tab-header li {
        display: table-cell;
        position: relative;
    }

        [data-tab] .tab-header li:after {
            content: '';
            position: absolute;
            top: 20px;
            bottom: 20px;
            right: 0;
            width: 1px;
            background: rgba(74, 74, 74, 0.5);
        }

        [data-tab] .tab-header li:last-child:after {
            content: none;
        }

    [data-tab] .tab-header a {
        font: 1rem 'synthese-regular';
        color: rgba(74, 74, 74, 0.5);
        position: relative;
        display: block;
        text-align: center;
        padding: 20px;
    }

        [data-tab] .tab-header a:before {
            content: '';
            position: absolute;
            background: #ed1c24;
            bottom: 0;
            height: 4px;
            left: 0;
            width: 0;
            transition: all 0.3s;
        }

        [data-tab] .tab-header a.active {
            color: #4a4a4a;
        }

            [data-tab] .tab-header a.active:before {
                width: 100%;
            }

.no-touch.desktop [data-tab] .tab-header a:hover {
    color: #4a4a4a;
}

@media only screen and (max-width: 991px) {
    [data-tab] [data-tab-header] {
        display: none;
    }
}

[data-tab] [data-tab-content] > .inner {
    display: none;
}

    [data-tab] [data-tab-content] > .inner.active {
        display: block;
    }

.tabs-dropdown {
    background-color: white;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
}

@media only screen and (min-width: 768px) {
    .tabs-dropdown {
        display: none;
    }
}

.tabs-dropdown .text-small {
    color: #817979;
    padding: 0 35px 0 20px;
}

.tabs-dropdown:after {
    content: '';
    background: url(../images/icons/icon-down.svg) no-repeat right center;
    position: absolute;
    right: 15px;
    width: 20px;
    height: 16px;
    bottom: 12px;
    z-index: 2;
}

.tabs-dropdown select {
    color: #4b403f;
    height: 100%;
    width: 100%;
    z-index: 10;
    text-align: left;
    font: 1rem/1.44 'synthese-regular';
    padding: 0 35px 0 20px;
    border: none;
    background: none;
    position: relative;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
}

.main-header-tab .tab-header {
    position: absolute;
    max-width: 980px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -37px);
}

    .main-header-tab .tab-header a {
        padding: 25px 20px;
    }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
    /*margin-right: 30px; */
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
  ----------------------------------------
  6.1 THEMES
  ----------------------------------------
  */
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.no-scrolling {
    overflow: hidden;
}

.no-scrolling-history {
    /*  overflow: hidden;
  height: 100%;*/
}

    .no-scrolling-history .container {
        z-index: 10;
    }
/*html.no-scrolling-history.touch {
    overflow: hidden;
    height: 100%;
}*/
body.no-scrolling-history {
    overflow: hidden;
    height: 100%;
}

.container {
    position: relative;
    min-height: 500px;
}

.inner-container {
    max-width: 1060px;
    padding: 0 40px;
    margin: 0 auto;
    position: relative;
    /*  @media @from-mobile-small {
    padding: 0 15px;
  }*/
}

@media only screen and (max-width: 991px) {
    .inner-container {
        padding: 0 20px;
    }
}

.inner-container.form-submission-response > p {
    font-size: 50px;
    text-align: center;
}

.text-bold {
    font-family: 'synthese-bold';
}

.center-content {
    /*@media @tablet-desktop {
    .text-center {
      > .title-1,
      > .text-default {
        margin-left: 10%;
        margin-right: 10%;
      }
    }

  }*/
}

@media only screen and (min-width: 992px) {
    .center-content {
        max-width: 75%;
        min-width: 800px;
        margin: 0 auto;
    }

        .center-content .row-center [class*='col-'] {
            width: 33.333%;
        }
}

.wrapper {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .wrapper {
        padding: 30px 0;
    }
}

.wrapper.small-pad {
    padding: 30px 0;
}

.wrapper.medium-pad {
    padding: 45px 0;
}

.wrapper.reset-pad {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .wrapper.reset-pad {
        padding: 0;
    }
}

[class*='wrapper']:before,
header:before,
[class*='wrapper']:after,
header:after {
    display: table;
    content: "";
}

[class*='wrapper']:after,
header:after {
    clear: both;
}

[class*='wrapper']:before,
header:before,
[class*='wrapper']:after,
header:after {
    display: table;
    content: "";
}

[class*='wrapper']:after,
header:after {
    clear: both;
}

.pad-top-none {
    padding-top: 0 !important;
}

.pad-bot-none {
    padding-bottom: 0 !important;
}

.pad-top-xl {
    padding-top: 100px;
}

@media only screen and (max-width: 991px) {
    .pad-top-xl {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .pad-top-xl {
        padding-top: 50px;
    }
}

.pad-bot-xl {
    padding-bottom: 100px;
}

.pad-bot-xlg {
    padding-bottom: 80px !important;
}

.pad-top-lg {
    padding-top: 50px !important;
}

@media only screen and (max-width: 767px) {
    .pad-top-lg {
        padding-top: 30px !important;
    }
}

.pad-bot-lg {
    padding-bottom: 50px !important;
}

@media only screen and (max-width: 767px) {
    .pad-bot-lg {
        padding-bottom: 30px !important;
    }
}

.pad-top {
    padding-top: 30px !important;
}

@media only screen and (max-width: 767px) {
    .pad-top {
        padding-top: 10px !important;
    }
}

.pad-top-sm {
    padding-top: 20px !important;
}

.pad-top-xs {
    padding-top: 10px !important;
}

.pad-bot-xs {
    padding-bottom: 10px !important;
}

.pad-bot {
    padding-bottom: 30px !important;
}

.pad-right {
    padding-right: 30px;
}

.pad-left {
    padding-left: 30px;
}

.mar-left {
    margin-left: 45px;
}

@media only screen and (max-width: 767px) {
    .mar-left {
        margin-left: 0;
    }
}

.mar-right-xs {
    margin-right: 15px;
}

.mar-top-xl {
    margin-top: 100px;
}

@media only screen and (max-width: 767px) {
    .mar-top-xl {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .pad-left-only-desktop {
        padding-left: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .pad-top-only-desktop {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .pad-left-mobile {
        padding-left: 15px;
    }
}

.pad-top-md {
    padding-top: 15px !important;
}

.pad-bot-md {
    padding-bottom: 15px !important;
}

.pad-left-md {
    padding-left: 15px !important;
}

.pad-bot-xs {
    padding-bottom: 10px;
}

.pad-top-xs {
    padding-top: 10px;
}

.mar-top {
    margin-top: 30px !important;
}

.mar-bot {
    margin-bottom: 30px !important;
}

.mar-bot-md {
    margin-bottom: 15px;
}

.mar-bot-xs {
    margin-bottom: 10px;
}

.mar-top-xs {
    margin-top: 10px;
}

.mar-top-md {
    margin-top: 15px;
}

.bgd-grey {
    background: #f9f9f9 !important;
}

.bgd-dark-grey {
    background: #efeeeb !important;
}

.bgd-blue {
    background: #e6eef4 !important;
}

.bgd-dark-blue {
    background: #233a58;
}

.default-wrap:before,
.default-wrap:after {
    display: table;
    content: "";
}

.default-wrap:after {
    clear: both;
}

.default-wrap:before,
.default-wrap:after {
    display: table;
    content: "";
}

.default-wrap:after {
    clear: both;
}

.no-scrolling {
    overflow: hidden;
    height: 100%;
}

    .no-scrolling #header {
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
    }

.no-scrolling-nav {
    overflow: hidden;
    height: 100%;
}

.link-decor {
    font: 1.125rem/54px 'synthese-regular';
    text-decoration: underline;
}

    .link-decor:hover {
        text-decoration: none;
    }

.bd-top-light-grey {
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

.view-projects-link {
    position: absolute;
    width: 120px;
    height: 100%;
    height: calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: -o-calc(100% - 30px);
    right: -110px;
    background-color: #4d4949;
    text-align: center;
    padding: 20px;
    top: 15px;
}

    .view-projects-link span {
        color: #FFF;
        display: block;
        position: relative;
        padding-top: 45px;
        line-height: 1.44em;
        background: url('../images/caret-right.svg') left 32px top no-repeat;
        background-size: 15px;
        top: 50%;
        font: 1.125rem/1.44 'synthese-regular';
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -ms-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
    }

    .view-projects-link:hover span {
        background: url('../images/caret-right.svg') left 37px top no-repeat;
        background-size: 15px;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -ms-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
    }

@media only screen and (max-width: 1280px) {
    .view-projects-link {
        position: relative;
        width: auto;
        left: 50%;
        border: 2px solid #4a4a4a;
        padding: 0 30px;
        top: auto;
        display: inline-block;
        margin-top: 30px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .view-projects-link span {
            padding: 15px 30px 15px 0;
            top: 0;
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -ms-transform: translate(0);
            -o-transform: translate(0);
            transform: translate(0);
            background-position: right 5px center;
            background-size: 8px;
        }

        .view-projects-link:hover span {
            background-size: 8px;
            background-position: right center;
        }
}

@media only screen and (max-width: 1024px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row [class*='col-'] {
            padding-left: 10px;
            padding-right: 10px;
        }
}

.row[data-carousel] [class*='thumb-'] {
    height: 100%;
}

@media only screen and (min-width: 992px) {
    .row.no-pad-md-up [class*="col-"] {
        padding: 0 !important;
    }
}

.row-default {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .row-default {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .row-fixed > .col-md-8 {
        float: left;
        width: 72%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .row-fixed > .col-md-8 {
        margin-right: 10px;
    }
}

.row-fixed > .col-md-4 {
    width: auto;
    overflow: hidden;
    float: none;
}

.scrolling-x .row {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .scrolling-x .row.row-left {
        justify-content: flex-start;
    }

.scrolling-x [class*='col-'] {
    width: 25%;
    float: left;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) {
    .center-content .scrolling-x [class*='col-'] {
        width: 33.33333333%;
    }
}

.scrolling-x [class*='col-'] [class*='thumb-'] {
    margin-bottom: 0 !important;
    height: 100%;
}

@media only screen and (min-width: 992px) {
    .scrolling-x [class*='col-md-4'] {
        width: 33.33333333%;
    }
}

@media only screen and (max-width: 991px) {
    .scrolling-x {
        overflow-x: auto;
    }

        .scrolling-x .row {
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            flex-wrap: nowrap;
        }

        .scrolling-x [class*='col-'] {
            width: auto !important;
            white-space: normal;
            text-align: left;
            padding-bottom: 10px;
        }

            .scrolling-x [class*='col-'] [class*='thumb-'] {
                width: 75vw;
                max-width: 270px;
            }
}

.row-center:before,
.row-center:after {
    display: table;
    content: "";
}

.row-center:after {
    clear: both;
}

.row-center:before,
.row-center:after {
    display: table;
    content: "";
}

.row-center:after {
    clear: both;
}

.row-center [class*='col-'] {
    padding-bottom: 20px;
    margin: 0 -1px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

    .row-center [class*='col-'] [class*='thumb-'],
    .row-center [class*='col-'] .portfolio {
        width: 100%;
        margin-bottom: 15px;
    }

@media only screen and (max-width: 991px) {
    .row-center [class*='col-'] {
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .row-center {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .row-center [class*='col-'] {
            float: left;
            width: 33.34%;
        }

            .row-center [class*='col-'] [class*='thumb-'],
            .row-center [class*='col-'] .portfolio {
                margin-bottom: 0;
            }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-center [class*='col-'] {
        width: calc((100vw - 20px)/2);
        width: -moz-calc((100vw - 20px)/2);
        width: -webkit-calc((100vw - 20px)/2);
        width: -o-calc((100vw - 20px)/2);
    }

    .row-center[data-carousel-xs] [class*='col-'] {
        width: calc((100vw - 20px)/3);
        width: -moz-calc((100vw - 20px)/3);
        width: -webkit-calc((100vw - 20px)/3);
        width: -o-calc((100vw - 20px)/3);
    }
}

@media only screen and (min-width: 992px) {
    .row-center.four-items {
        margin: 0 auto;
    }

        .row-center.four-items [class*='col-'] {
            width: 50%;
        }
}

.row-flex:before,
.row-flex:after {
    content: none;
}

.row-flex [class*='col-'] {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .row-flex [class*='col-']:before,
    .row-flex [class*='col-']:after {
        display: table;
        content: "";
    }

    .row-flex [class*='col-']:after {
        clear: both;
    }

    .row-flex [class*='col-']:before,
    .row-flex [class*='col-']:after {
        display: table;
        content: "";
    }

    .row-flex [class*='col-']:after {
        clear: both;
    }

@media only screen and (max-width: 991px) {
    .row-flex [class*='col-'] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .row-flex {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .row-flex.left {
            justify-content: flex-start;
        }

        .row-flex [class*='col-'] {
            float: left;
        }

            .row-flex [class*='col-']:not([class*="-offset"]) {
                margin: 0 -1px;
            }

            .row-flex [class*='col-'] [class*='thumb-'] {
                height: 100%;
                margin-bottom: 0;
            }
}

@media only screen and (max-width: 767px) {
    .row-flex.mobile-reverse {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

a.underline {
    text-decoration: underline;
    display: inline-block;
}

.row-flex-center {
    margin-left: -10px;
    margin-right: -10px;
}

    .row-flex-center:before,
    .row-flex-center:after {
        display: table;
        content: "";
    }

    .row-flex-center:after {
        clear: both;
    }

    .row-flex-center:before,
    .row-flex-center:after {
        display: table;
        content: "";
    }

    .row-flex-center:after {
        clear: both;
    }

    .row-flex-center [class*='col-'] {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .row-flex-center [class*='col-']:before,
        .row-flex-center [class*='col-']:after {
            display: table;
            content: "";
        }

        .row-flex-center [class*='col-']:after {
            clear: both;
        }

        .row-flex-center [class*='col-']:before,
        .row-flex-center [class*='col-']:after {
            display: table;
            content: "";
        }

        .row-flex-center [class*='col-']:after {
            clear: both;
        }

@media only screen and (max-width: 991px) {
    .row-flex-center [class*='col-'] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .row-flex-center {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        -webkit-align-items: center;
    }

        .row-flex-center [class*='col-'] {
            float: left;
        }

            .row-flex-center [class*='col-']:not([class*="-offset"]) {
                margin: 0 -1px;
            }

            .row-flex-center [class*='col-'] [class*='thumb-'] {
                height: 100%;
                margin-bottom: 0;
            }
}

.row-left {
    /*@media @tablet-desktop {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;

    [class*='col-'] {
      float: left;
      [class*='thumb-'] {
        height: 100%;
        margin-bottom: 0;
      }
    }
  }*/
}

    .row-left:before,
    .row-left:after {
        display: table;
        content: "";
    }

    .row-left:after {
        clear: both;
    }

    .row-left:before,
    .row-left:after {
        display: table;
        content: "";
    }

    .row-left:after {
        clear: both;
    }

    .row-left [class*='col-'] {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .row-left [class*='col-']:before,
        .row-left [class*='col-']:after {
            display: table;
            content: "";
        }

        .row-left [class*='col-']:after {
            clear: both;
        }

        .row-left [class*='col-']:before,
        .row-left [class*='col-']:after {
            display: table;
            content: "";
        }

        .row-left [class*='col-']:after {
            clear: both;
        }

@media only screen and (max-width: 991px) {
    .row-left [class*='col-'] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.thank-you {
    padding: 100px 0;
}

img.img-responsive {
    width: 100%;
}

.full-photo {
    max-width: 80%;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 10px black;
}

.notes {
    font-size: 0.875rem;
    color: #4d4949;
    /*padding: 20px 0 40px;*/
    padding-top: 20px;
}

    .notes > p {
        display: none;
    }

    .notes ul,
    .notes ol {
        margin-top: 15px;
        padding: 7px 20px 7px 0;
        line-height: 1.4;
    }

        .notes ul li,
        .notes ol li {
            padding-bottom: 7px;
        }

@media only screen and (max-width: 767px) {
    .notes ul.list-numberic,
    .notes ol.list-numberic {
        padding-left: 0;
        padding-right: 0;
    }
}

.notes p + ul,
.notes ol {
    margin-top: 0;
}

    .notes ol.alpha {
        list-style-type: lower-alpha;
    }

.notes p {
    padding: 20px 0 0 0;
    line-height: 1.5;
}

.notes table {
    margin-top: 15px;
}

    .notes table td {
        vertical-align: top;
        padding: 5px;
    }

.info > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media only screen and (min-width: 992px) {
    .info .row:not(:last-child) {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .info [class^="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .info [class^="col-"] {
        padding-bottom: 30px;
    }
}

.loader {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.loading {
    background: transparent !important;
}

.no-result {
    font-family: 'synthese-regular';
    font-size: 1.125rem;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.ui-datepicker {
    z-index: 3 !important;
}

.map {
    min-height: 350px;
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobble-vertical {
    25% {
        margin-top: 4px;
    }

    50% {
        margin-top: -2px;
    }

    75% {
        margin-top: 1px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes wobble-vertical-2 {
    16.65% {
        transform: translateY(6px);
    }

    33.3% {
        transform: translateY(-5px);
    }

    49.95% {
        transform: translateY(4px);
    }

    66.6% {
        transform: translateY(-2px);
    }

    83.25% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 120%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 120%;
        height: 200%;
    }
}

@keyframes circlePlanner {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes rotate {
    to {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate {
    to {
        transform: rotate(-360deg);
    }
}

.ir-inner {
    font-size: 1rem;
    line-height: 1.5;
}

@media only screen and (min-width: 1200px) {
    .ir-inner .inner-container {
        padding-right: 300px;
    }
}

.ir-inner .info {
    padding: 20px 0;
}

    .ir-inner .info table {
        table-layout: fixed;
    }

        .ir-inner .info table th,
        .ir-inner .info table td {
            vertical-align: top;
            padding-right: 15px;
            text-align: left;
            padding-top: 7px;
            padding-bottom: 7px;
            line-height: normal;
        }

        .ir-inner .info table th {
            font-size: 0.875rem;
            line-height: 1.5;
            padding-right: 40px;
        }

        .ir-inner .info table td {
            font-family: 'synthese-regular';
            font-size: 1.5rem;
        }

    .ir-inner .info .interest-payment th {
        font: 1.8rem/1.22 'synthese-regular';
        padding-right: 70px;
    }

    .ir-inner .info .interest-payment td,
    .ir-inner .info .interest-payment p {
        font-family: 'synthese-regular';
        font-size: 0.875rem;
    }

.ir-inner h2,
.ir-inner h3,
.ir-inner h4,
.ir-inner h5,
.ir-inner h6 {
    margin-bottom: 15px;
}

.ir-inner p {
    font-size: 1rem;
    line-height: 1.5;
    width: 77%;
}

    .ir-inner p a {
        text-decoration: underline;
        color: #1c9ad7;
    }

.no-touch.desktop .ir-inner p a:hover {
    text-decoration: none;
}

.ir-inner .title-6 {
    font: 1.5rem/1.33 'synthese-regular';
    margin-bottom: 0;
}

.ir-inner em {
    color: black;
    line-height: 1.5;
}

.ir-inner ul {
    list-style-type: disc;
    margin-left: 17px;
    line-height: 1.67em;
}

.mac.safari .ir-inner ul {
    margin-left: 20px;
}

.ir-inner ol {
    list-style-type: decimal;
    margin-left: 17px;
    line-height: 1.67em;
}

.mac.safari .ir-inner ol {
    margin-left: 20px;
}

.ir-inner p + ul {
    padding-bottom: 15px;
}

.ir-inner p + p {
    padding-top: 10px;
}

.ir-inner [class^="col-xs-"] {
    padding-top: 0;
    padding-bottom: 0;
}

.ir-inner .btn-primary {
    margin-top: 30px;
}

.ir-inner.full p {
    width: auto;
}

@media only screen and (max-width: 767px) {
    .ir-inner table,
    .ir-inner tbody,
    .ir-inner thead,
    .ir-inner tr,
    .ir-inner td {
        display: block;
        width: 100%;
    }

    .ir-inner th {
        display: none;
    }

    .ir-inner td {
        padding-left: 50%;
        position: relative;
        min-height: 70px;
    }

        .ir-inner td:after {
            content: attr(data-label);
            width: 40%;
            font-size: 0.9375rem;
            text-align: left;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .ir-inner p {
        width: 100%;
    }

    .ir-inner .interest-payment td {
        min-height: 0;
    }

        .ir-inner .interest-payment td:after {
            padding: 0.4rem 0;
        }
}

@media only screen and (max-width: 767px) {
    .photo-profile {
        width: 100%;
        margin-bottom: 30px;
        height: calc((100vw - 20px));
        height: -moz-calc((100vw - 20px));
        height: -webkit-calc((100vw - 20px));
        height: -o-calc((100vw - 20px));
        overflow: hidden;
        display: flex;
        align-items: center;
    }
}

.image-neg {
    height: 562px;
    background-position: center center;
    background-size: cover;
    margin-top: -100px;
    margin-bottom: -70px;
}

@media only screen and (max-width: 767px) {
    .image-neg {
        height: 130vw;
        margin-bottom: 20px;
        margin-top: -85px;
    }
}

.image-thumb {
    min-height: 660px;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

@media only screen and (max-width: 1024px) {
    .image-thumb {
        height: calc((100vw - 40px) * 0.825);
        height: -moz-calc((100vw - 40px) * 0.825);
        height: -webkit-calc((100vw - 40px) * 0.825);
        height: -o-calc((100vw - 40px) * 0.825);
        max-height: 660px;
    }
}

@media only screen and (max-width: 767px) {
    .image-thumb {
        height: 100vw;
        margin-bottom: 20px;
    }
}

.image-neg-sm {
    height: calc(100% / 1.8);
    height: -moz-calc(100% / 1.8);
    height: -webkit-calc(100% / 1.8);
    height: -o-calc(100% / 1.8);
    min-height: 304px;
    background-position: center center;
    background-size: cover;
}

.our-portfolio {
    min-height: 420px;
}

@media only screen and (max-width: 991px) {
    .our-portfolio {
        min-height: auto;
    }
}

.newsroom-inside > .inner-container [class^="col-"] {
    display: none;
}

.newsroom-inside .news-item .title-5 {
    padding-bottom: 10px;
    word-break: break-word;
}

.newsroom-inside .news-item .text-grey {
    color: #b5adad;
}

@media only screen and (min-width: 768px) {
    .overview .col-img {
        float: left;
        max-width: 45%;
        margin-right: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .overview .col-img {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .overview .col-img img {
        min-width: 360px;
    }
}

@media only screen and (max-width: 767px) {
    .overview .col-img img,
    .overview .col-img iframe {
        width: 100%;
    }
}

.overview .col-info {
    overflow: hidden;
}

.overview .default-video {
    width: 420px;
}

@media only screen and (min-width: 768px) {
    .overview.right .col-img {
        float: right;
        margin-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .overview.right .col-img {
        margin-left: 20px;
    }
}

.overview iframe {
    height: 314px;
}
/* Slider */
.slick-loading .slick-list {
    /*background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat;*/
}
/* Arrows */
.slick-prev,
.slick-next {
    text-align: center;
    position: absolute;
    z-index: 2;
    display: block;
    top: 50%;
    margin-top: -20px;
    line-height: 0px;
    font-size: 0;
    cursor: pointer;
    width: 53px;
    height: 53px;
}

    .slick-prev:hover,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-next:focus {
        outline: none;
    }

    .slick-prev.slick-disabled,
    .slick-next.slick-disabled {
        display: none !important;
    }

    .slick-prev:before,
    .slick-next:before {
        position: absolute;
        font-size: 14px;
        line-height: 40px;
        padding: 0;
        color: black;
        border: none;
        color: #8a8a8a;
        outline: none;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all all 0.5s;
        -webkit-transition: all all 0.5s;
    }

.slick-arrow {
    background: url('../images/caret-right-black-large.svg') center no-repeat;
}

.slick-prev {
    left: 25px;
}

@media only screen and (max-width: 1024px) {
    .slick-prev {
        left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .slick-prev {
        left: 5px;
    }
}

.slick-next {
    right: 25px;
}

@media only screen and (max-width: 1024px) {
    .slick-next {
        right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .slick-next {
        right: 5px;
    }
}
/* Dots */
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 40px;
    list-style: none;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0 40px;
    right: 0;
}

@media only screen and (min-width: 1200px) {
    .slick-dots {
        max-width: 1060px;
        right: 50%;
        margin-right: -530px;
    }
}

@media only screen and (max-width: 767px) {
    .slick-dots {
        text-align: center;
        width: 100%;
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        width: 12px;
        height: 12px;
        transform: rotate(135deg);
        background: white;
        text-indent: -9999px;
        padding: 0;
    }

        .slick-dots li button:hover,
        .slick-dots li button:focus {
            opacity: 0.9;
        }

    .slick-dots li.slick-active button {
        background: red;
        opacity: 1;
    }
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.modal {
    background: #F6F6F6;
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
    display: none;
}

    .modal.normal-modal {
        display: block;
        position: static;
        background: #F6F6F6;
    }

    .modal .title-2.limited {
        max-width: 700px;
    }

    .modal.modal-page {
        display: block;
        position: static;
        min-height: 100vh;
        background: white;
    }

    .modal .icon-close,
    .modal .icon-close-back {
        position: absolute;
        top: 8px;
        right: 20px;
        padding-top: 35px;
        display: inline-block;
        background: url('../images/icons/icon-close.svg') top center no-repeat;
        line-height: 1.55;
        cursor: pointer;
        z-index: 9999;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all all 0.3s;
        -webkit-transition: all all 0.3s;
    }

@media only screen and (max-width: 767px) {
    .modal .icon-close,
    .modal .icon-close-back {
        width: 50px;
        height: 50px;
        font-size: 0;
        background-size: 20px;
        background-position: center center;
        right: 5px;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

.modal .modal-head {
    padding: 30px 0;
    background-color: #FFF;
}

@media only screen and (max-width: 767px) {
    .modal .modal-head {
        padding: 20px 0;
    }
}

.modal .modal-head .inner-container:before,
.modal .modal-head .inner-container:after {
    display: table;
    content: "";
}

.modal .modal-head .inner-container:after {
    clear: both;
}

.modal .modal-head .inner-container:before,
.modal .modal-head .inner-container:after {
    display: table;
    content: "";
}

.modal .modal-head .inner-container:after {
    clear: both;
}

.modal .modal-head .logo {
    width: 185px;
    float: left;
}

    .modal .modal-head .logo img {
        width: 100%;
        max-width: 185px;
    }

.modal .modal-body {
    padding: 60px 0 100px;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .modal .modal-body {
        padding: 40px 0 60px;
    }
}

@media only screen and (max-width: 767px) {
    .modal .modal-body {
        padding: 30px 0;
    }
}

.modal .modal-body p {
    color: black;
}

.modal .modal-body .bloggish p {
    color: #b5adad;
}

.modal .scroll-top {
    position: fixed;
    bottom: 0;
    right: calc((100% - 980px)/2);
    right: -moz-calc((100% - 980px)/2);
    right: -webkit-calc((100% - 980px)/2);
    right: -o-calc((100% - 980px)/2);
    z-index: 9999;
    background-color: #ed1c24;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 991px) {
    .modal .scroll-top {
        right: 20px;
    }
}

.modal .scroll-top .scroll-top-btn {
    padding: 36px 24px 20px;
    display: inline-block;
    background: url('../images/icons/icon-up-white.svg') top 22px center no-repeat;
    line-height: 1.55;
    cursor: pointer;
    color: #FFF;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all all 0.3s;
    -webkit-transition: all all 0.3s;
}

@media only screen and (max-width: 767px) {
    .modal .scroll-top .scroll-top-btn {
        padding: 0;
        width: 40px;
        height: 40px;
        background-position: center center;
        text-indent: -9999px;
    }
}

.modal .scroll-top:hover .scroll-top-btn {
    background-position: top 17px center;
}

@media only screen and (max-width: 767px) {
    .modal .row-text-img [class*="col-"] {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 480px) {
    .modal .row-text-img [class*="col-"] {
        width: 100%;
    }
}

.modal .has-scroll {
    max-height: 450px;
    padding-right: 50px;
    overflow: auto;
}

@media only screen and (max-width: 767px) {
    .modal .has-scroll {
        padding-right: 25px;
    }
}

.modal.modal-small {
    width: calc(100vw - 40px);
    width: -moz-calc(100vw - 40px);
    width: -webkit-calc(100vw - 40px);
    width: -o-calc(100vw - 40px);
    height: calc(100vh - 80px);
    height: -moz-calc(100vh - 80px);
    height: -webkit-calc(100vh - 80px);
    height: -o-calc(100vh - 80px);
    max-width: 1200px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: visible;
}

    .modal.modal-small [class*="title"] {
        padding: 18px 40px 18px 0;
    }

.modal#search-modal {
    background: linear-gradient(to bottom, #ffffff, #ededee 100%);
}

    .modal#search-modal .modal-head {
        background-color: transparent;
    }

    .modal#search-modal form#search-form {
        padding-bottom: 30px;
    }

    .modal#search-modal label {
        position: relative;
        max-width: 550px;
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    .modal#search-modal input.search-input {
        background-color: transparent;
        width: 100%;
        font-size: 1.125rem;
        font-family: 'synthese-regular';
        padding: 7px 10px;
        border-bottom: 2px solid #9d9d9d;
    }

    .modal#search-modal .clear-input,
    .modal#search-modal btn {
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
    }

    .modal#search-modal .clear-input {
        background-image: url('../images/icons/icon-close.svg');
        top: 5px;
        right: 5px;
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
        background-position: center center;
        padding: 15px;
    }

    .modal#search-modal button {
        display: none;
    }

    .modal#search-modal .showing {
        font-family: 'synthese-regular';
        font-size: 1.125rem;
        padding: 40px 15px;
        letter-spacing: .5px;
    }

    .modal#search-modal .results .card {
        background-color: white;
        padding: 45px 45px 25px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    }

        .modal#search-modal .results .card .breadcrumb {
            font-family: 'synthese-regular';
            font-size: 1.125rem;
            color: #4d4949;
            line-height: 1.5;
            padding: 20px 0px 25px;
            letter-spacing: .4px;
        }

        .modal#search-modal .results .card .desc {
            font-size: 1rem;
            color: #7a7a7a;
            line-height: 1.5;
            letter-spacing: .4px;
        }

        .modal#search-modal .results .card:not(:first-child) {
            margin-top: 40px;
        }

    .modal#search-modal .no-result p,
    .modal#search-modal .no-result .title-2 {
        color: #4a4a4a;
    }

    .modal#search-modal .no-result .title-2 {
        margin: 40px 0 20px;
    }

.modal-backdrop {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
}

.modal-body .social-share {
    background-color: #817979;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    z-index: 9999;
    position: fixed;
    top: 220px;
    right: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all all 0.3s;
    -webkit-transition: all all 0.3s;
}

    .modal-body .social-share:hover {
        background-color: #ed1c24;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all all 0.3s;
        -webkit-transition: all all 0.3s;
    }

@media only screen and (max-width: 1024px) {
    .modal-body .social-share {
        top: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-body .social-share {
        top: 160px;
    }
}

.modal-body .icon-share {
    padding: 55px 26px 15px;
    display: inline-block;
    background: url('../images/icons/icon-share.svg') top 15px center no-repeat;
    line-height: 1.55;
    cursor: pointer;
    color: #ededee;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all all 0.3s;
    -webkit-transition: all all 0.3s;
}

@media only screen and (max-width: 767px) {
    .modal-body .icon-share {
        background-position: center center;
        text-indent: -9999px;
        background-size: 25px;
        padding: 14px 23px 13px;
    }
}

.default-modal {
    overflow-x: hidden;
}

    .default-modal .step {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

        .default-modal .step:first-child,
        .default-modal .step.active {
            display: block;
            position: static;
            transform: none;
        }

        .default-modal .step .list-option {
            padding: 40px 0 70px;
        }

            .default-modal .step .list-option li {
                padding: 5px 0;
            }

@media only screen and (max-width: 767px) {
    .default-modal .step .list-option {
        padding: 10px 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-modal .step .list-thumb-square li {
        width: calc((100vw - 40px)/5 - 9px);
        width: -moz-calc((100vw - 40px)/5 - 9px);
        width: -webkit-calc((100vw - 40px)/5 - 9px);
        width: -o-calc((100vw - 40px)/5 - 9px);
        height: calc((100vw - 40px)/5 - 9px);
        height: -moz-calc((100vw - 40px)/5 - 9px);
        height: -webkit-calc((100vw - 40px)/5 - 9px);
        height: -o-calc((100vw - 40px)/5 - 9px);
    }

        .default-modal .step .list-thumb-square li .thumb-square {
            width: calc((100vw - 40px)/5 - 9px);
            width: -moz-calc((100vw - 40px)/5 - 9px);
            width: -webkit-calc((100vw - 40px)/5 - 9px);
            width: -o-calc((100vw - 40px)/5 - 9px);
            height: calc((100vw - 40px)/5 - 9px);
            height: -moz-calc((100vw - 40px)/5 - 9px);
            height: -webkit-calc((100vw - 40px)/5 - 9px);
            height: -o-calc((100vw - 40px)/5 - 9px);
        }
}

@keyframes animModal {
    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.modal-fade {
    display: none;
}

    .modal-fade.active {
        display: block;
    }

.modal-full-screen {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    background: #f9f9fa;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

    .modal-full-screen.modal-active {
        display: block;
    }

    .modal-full-screen .icon-close,
    .modal-fade .icon-close {
        position: absolute;
        font-size: 3rem;
        right: 4rem;
        top: 4rem;
        z-index: 10;
    }

@media only screen and (max-width: 991px) {
    .modal-full-screen .icon-close,
    .modal-fade .icon-close {
        right: 2rem;
        top: 2rem;
        font-size: 2.5rem;
    }
}

.modal-full-screen .icon-close:before,
.modal-fade .icon-close:before {
    font-weight: bold;
}

.modal-full-screen .icon-close:hover,
.modal-fade .icon-close:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 767px) {
    .modal-full-screen .text-large,
    .modal-fade .text-large {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}

.modal-full-screen .modal-body,
.modal-fade .modal-body {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    padding: 90px 0;
    z-index: 2;
}

    .modal-full-screen .modal-body:before,
    .modal-fade .modal-body:before {
        content: '';
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

@media only screen and (max-width: 767px) {
    .modal-full-screen .modal-body,
    .modal-fade .modal-body {
        padding: 60px 0;
    }
}

.modal-full-screen .modal-body .label,
.modal-fade .modal-body .label {
    color: white;
}

.modal-full-screen .thumb,
.modal-fade .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1;
}

    .modal-full-screen .thumb:before,
    .modal-fade .thumb:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0.3;
        background-image: linear-gradient(to top, #000000, #636363);
    }

.modal-full-screen .inner-container,
.modal-fade .inner-container {
    position: relative;
    z-index: 2;
}

    .modal-full-screen .inner-container .group,
    .modal-fade .inner-container .group {
        min-height: 0;
    }

.modal-full-screen .range-value,
.modal-fade .range-value {
    margin-top: 20px;
}

    .modal-full-screen .range-value span,
    .modal-fade .range-value span {
        font-size: 1.538rem;
        color: white;
    }

#investment-simulator-modal .modal-body:before {
    content: none;
}

.lightbox {
    background-color: #8b6060;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    padding: 20px;
    overflow-y: auto;
}

    .lightbox .icon-close {
        position: absolute;
        right: 4rem;
        top: 4rem;
        font-size: 3rem;
        z-index: 10;
    }

        .lightbox .icon-close:before {
            color: #ccbbbc;
            font-weight: 900;
        }

        .lightbox .icon-close:hover:before {
            color: white;
        }

    .lightbox .lightbox-body {
        background: #f9f9fa;
    }

    .lightbox .slick-prev,
    .lightbox .slick-next {
        position: fixed;
    }

@media only screen and (max-width: 1024px) {
    .lightbox .slick-prev,
    .lightbox .slick-next {
        position: absolute;
        display: block !important;
        top: 20rem;
        bottom: auto;
        z-index: 10;
    }

        .lightbox .slick-next:before {
            right: 30px;
            opacity: 1;
        }

        .lightbox .slick-prev:before {
            left: 30px;
            opacity: 1;
        }
}

@media only screen and (max-width: 767px) {
    .lightbox {
        padding: 15px;
    }

        .lightbox .icon-close {
            right: 2rem;
            top: 2rem;
        }

        .lightbox .banner-wrap .item .thumb {
            height: 20rem;
        }

        .lightbox .slick-prev,
        .lightbox .slick-next {
            top: 11rem;
        }
}

.slide-modal {
    overflow: hidden;
}

    .slide-modal .slide-inner {
        width: 999999px;
        overflow: hidden;
    }

    .slide-modal .modal-container {
        float: left;
        width: 1140px;
        overflow: hidden;
    }

@media only screen and (max-width: 1024px) {
    .slide-modal .modal-container {
        width: calc((100vw - 60px));
        width: -moz-calc((100vw - 60px));
        width: -webkit-calc((100vw - 60px));
        width: -o-calc((100vw - 60px));
    }
}

@media only screen and (max-width: 991px) {
    .slide-modal .modal-container {
        width: calc((100vw - 30px));
        width: -moz-calc((100vw - 30px));
        width: -webkit-calc((100vw - 30px));
        width: -o-calc((100vw - 30px));
    }
}

.modal-primary {
    background: #525659;
    border: none;
}

    .modal-primary header {
        padding: 25px 0;
        position: relative;
    }

        .modal-primary header:before,
        .modal-primary header:after {
            display: table;
            content: "";
        }

        .modal-primary header:after {
            clear: both;
        }

        .modal-primary header:before,
        .modal-primary header:after {
            display: table;
            content: "";
        }

        .modal-primary header:after {
            clear: both;
        }

@media only screen and (max-width: 767px) {
    .modal-primary header {
        padding: 15px 0 17px;
    }

        .modal-primary header .logo img {
            max-width: 160px;
        }
}

.modal-primary .icon-close {
    color: white;
    background: none;
    top: 50%;
    transform: translateY(-50%);
}

.no-touch.desktop .modal-primary .icon-close:hover {
    box-shadow: 0 0 7px white;
}

.modal-primary .modal-body {
    margin: 50px 0;
}

.modal-bualuang-payroll {
    background-color: #f9f9f9;
}

    .modal-bualuang-payroll .modal-body {
        margin-top: 0;
    }

    .modal-bualuang-payroll .thumb {
        height: 370px;
    }

        .modal-bualuang-payroll .thumb.white-space {
            background-color: white;
            background-size: auto;
        }

.modal-detail p,
.modal-body .inner-container.pad-top-xlg p {
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
}

.modal-detail img,
.modal-body .inner-container.pad-top-xlg img {
    display: block;
    margin: 0 auto;
}

.modal-detail em,
.modal-body .inner-container.pad-top-xlg em {
    color: black;
    line-height: 1.5;
}

.modal-detail ol,
.modal-body .inner-container.pad-top-xlg ol {
    list-style-type: decimal;
    margin-left: 17px;
    line-height: 1.5;
}

    .modal-detail ol > li,
    .modal-body .inner-container.pad-top-xlg ol > li {
        font-size: 1rem;
        padding: 0.2rem 5px;
    }

.modal-detail ul,
.modal-body .inner-container.pad-top-xlg ul {
    list-style-type: disc;
    margin-left: 17px;
    line-height: 1.5;
}

    .modal-detail ul > li,
    .modal-body .inner-container.pad-top-xlg ul > li {
        padding: 0.2rem 0;
    }

.modal-detail p + ul,
.modal-body .inner-container.pad-top-xlg p + ul {
    padding-bottom: 15px;
}

.modal-detail iframe,
.modal-body .inner-container.pad-top-xlg iframe {
    width: 100% !important;
}

.modal-detail .press-release,
.modal-body .inner-container.pad-top-xlg .press-release {
    background: none;
}

    .modal-detail .press-release [class*='title'],
    .modal-body .inner-container.pad-top-xlg .press-release [class*='title'] {
        color: black;
    }

    .modal-detail .press-release .text-small.text-grey,
    .modal-body .inner-container.pad-top-xlg .press-release .text-small.text-grey {
        color: #817979;
    }

    .modal-detail .press-release .title-5.text-default,
    .modal-body .inner-container.pad-top-xlg .press-release .title-5.text-default {
        color: black;
    }

    .modal-detail .press-release .btn-default.btn-white,
    .modal-body .inner-container.pad-top-xlg .press-release .btn-default.btn-white {
        color: #4a4a4a;
        border-color: #4a4a4a;
    }

.no-touch.desktop .modal-detail .press-release .btn-default.btn-white:hover,
.no-touch.desktop .modal-body .inner-container.pad-top-xlg .press-release .btn-default.btn-white:hover {
    background-color: #4a4a4a;
    color: white;
}

.modal-detail .press-release .inner-container,
.modal-body .inner-container.pad-top-xlg .press-release .inner-container {
    max-width: none;
    padding: 0;
}

.announcement-detail {
    color: black;
    padding: 20px 0 40px;
}

@media only screen and (max-width: 991px) {
    .announcement-detail {
        padding: 10px 0;
    }
}

.announcement-detail dl {
    overflow: hidden;
    padding: 6px 0;
}

.announcement-detail dt {
    font: 1.125rem/1.56 'synthese-regular';
}

@media only screen and (min-width: 768px) {
    .announcement-detail dt {
        float: left;
        width: 340px;
        padding-right: 20px;
    }
}

.announcement-detail dd {
    overflow: hidden;
    line-height: 1.56;
}

.modal .press-release .btn-default:not(:hover) {
    color: #4a4a4a !important;
    border-color: #4a4a4a !important;
}

.modal .press-release .btn-default:hover {
    background-color: #4a4a4a;
    color: white;
}

.icon-status {
    width: 77px;
    margin-bottom: 40px;
}

@media print {
    body {
        margin: 0;
        background: transparent;
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 1rem;
        box-shadow: none;
        text-shadow: none;
    }

    img,
    fieldset {
        border: 0;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.0em;
    }

    h6 {
        font-size: 0.9em;
    }

    ol,
    ul {
        list-style-type: none;
    }

        ol li,
        ul li {
            list-style-type: disc;
        }

    dt {
        font-weight: bold;
    }

    a,
    a:visited {
        color: #000;
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    input,
    select,
    textarea {
        border: 1px solid #000;
    }

    input {
        padding: 1px 0;
    }

    select {
        margin: 0;
        padding: 0;
        background: #fff;
        line-height: normal;
    }

    img {
        max-width: 100%;
    }

    pre,
    blockquote {
        border: 1px solid #000;
        page-break-inside: avoid;
    }

    div {
        text-align: left;
    }

    caption {
        display: none;
    }

    table {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-collapse: separate;
        border-spacing: 0;
    }

        table th,
        table td {
            padding: 5px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            text-align: left;
        }

    tr,
    img {
        page-break-inside: avoid;
    }

    #header,
    .modal,
    .hero,
    .btn-primary,
    .contact-us,
    #footer,
    .menu.overlap-up,
    .image-overlay-item,
    .portfolio,
    .full-screen-carousel,
    .view-projects-link,
    .modal-head,
    .social-share,
    .btn-blue,
    .btn-orange,
    .modal-detail > .wrapper {
        display: none;
    }

    .col-sm-4 {
        width: 33.33333333%;
        float: left;
    }

    .col-sm-8 {
        overflow: hidden;
    }

    .col-md-7 {
        width: 58.33333333%;
        float: left;
    }

    .col-md-4.col-md-offset-1 {
        margin-left: 8.33333333%;
        overflow: hidden;
    }
}

.line {
    padding: 20px 0;
    position: relative;
    top: 0;
}

    .line:before, .hero.hero-carousel .heading:before {
        content: '';
        background: url('../images/heading-line.svg') no-repeat;
        width: 80px;
        height: 5px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .line.text-white:before {
        background-image: url('../images/heading-line-white.svg');
    }

    .line.small:before {
        background-image: url('../images/heading-line-small.svg');
    }

    .line.blue-line:before {
        background: url('../images/heading-line-blue.svg') no-repeat;
    }

    .line.parc-life-blue-line:before {
        background: url('../images/heading-line-parc-life-blue.svg') no-repeat;
    }

    .line.parc-life-green-line:before {
        background: url('../images/heading-line-parc-life-green.svg') no-repeat;
    }

    .line.royal-blue-line:before {
        background: url('../images/heading-line-riviere-royal-blue.svg') no-repeat;
    }

    .line.sand-grey-line:before {
        background: url('../images/heading-line-riviere-sand-grey.svg') no-repeat;
    }

    .line.parc-life-purple-line:before {
        background: url('../images/heading-line-parc-life-purple.svg') no-repeat;
    }

    .line.parc-life-orange-line:before {
        background: url('../images/heading-line-parc-life-orange.svg') no-repeat;
    }

    .line.dblue-line:before {
        background: url('../images/heading-line-dblue.svg') no-repeat !important;
    }

    .line.lblue-line:before {
        background: url('../images/heading-line-lblue.svg') no-repeat !important;
    }

    .line.red-line:before {
        background: url('../images/heading-line-red.svg') no-repeat !important;
    }

    .line.dred-line:before {
        background: url('../images/heading-line-dred.svg') no-repeat !important;
    }

    .line.lred-line:before {
        background: url('../images/heading-line-lred.svg') no-repeat !important;
    }

    .line.green-line:before {
        background: url('../images/heading-line-green.svg') no-repeat !important;
    }

    .line.dgreen-line:before {
        background: url('../images/heading-line-dgreen.svg') no-repeat !important;
    }

    .line.lgreen-line:before {
        background: url('../images/heading-line-lgreen.svg') no-repeat !important;
    }

    .line.purple-line:before {
        background: url('../images/heading-line-purple.svg') no-repeat !important;
    }

    .line.dpurple-line:before {
        background: url('../images/heading-line-dpurple.svg') no-repeat !important;
    }

    .line.lpurple-line:before {
        background: url('../images/heading-line-lpurple.svg') no-repeat !important;
    }

    .line.yellow-line:before {
        background: url('../images/heading-line-yellow.svg') no-repeat !important;
    }

    .line.dyellow-line:before {
        background: url('../images/heading-line-dyellow.svg') no-repeat !important;
    }

    .line.lyellow-line:before {
        background: url('../images/heading-line-lyellow.svg') no-repeat !important;
    }

    .line.white-line:before {
        background: url('../images/heading-line-white.svg') no-repeat !important;
    }

    .line.center:before {
        left: 50%;
        transform: translateX(-50%);
    }

.line-top-bot {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #817979;
    border-bottom: 1px solid #817979;
}

[class*='title'].center {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}


.hero.hero-carousel .heading {
    font: 2.25rem/1.22 'synthese-bold';
    color: black;
}

.ir_boxHighlight {
    font-family: "synthese-regular",Helvetica,Arial,Verdana,Tahoma,sans-serif;
    color: #817979;
    line-height: 24px;
}

.hero.hero-carousel .heading {
    color: white;
}

    .title-4.icon-triangle:before {
        content: '';
        width: 0px;
        height: 0px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 13px solid white;
        display: inline-block;
        margin-right: 15px;
    }


.title-7,
.spacetime,
.link-1,
.link-ic,
.show-more .show-more-link span {
    font: 1.125rem/1.44 'synthese-regular';
    color: inherit;
}

.text-small,
.timeline-intro .link-arrow-reversed {
    font-size: 0.875rem !important;
    line-height: 1.5;
}

.text-tiny {
    font-size: 0.75rem !important;
    line-height: 1.5;
}

.text-big {
    font: 2.25rem/1.22 'synthese-regular';
    color: inherit;
}

    .text-big.thin {
        font-family: 'synthese-regular';
    }

@media only screen and (max-width: 767px) {
    .text-big {
        font-size: 1.875rem;
    }
}

.text-label {
    font-family: 'synthese-regular';
}

    .text-label.thin {
        font-family: 'synthese-regular';
    }

.text-black {
    color: black;
}

.phrase2-sub-menu .text-black [class*="title-"] {
    color: black !important;
}

.lifestyle-thumb .text-black {
    color: black !important;
}


.phrase2-sub-menu .text-white [class*="title-"] {
    color: white !important;
}

.lifestyle-thumb .text-white {
    color: white !important;
}

.text-light-white {
    color: rgba(255, 255, 255, 0.87);
}

.phrase2-sub-menu .text-light-white [class*="title-"] {
    color: rgba(255, 255, 255, 0.87) !important;
}

.lifestyle-thumb .text-light-white {
    color: rgba(255, 255, 255, 0.87) !important;
}

.text-grey {
    color: #ededee;
}

.phrase2-sub-menu .text-grey [class*="title-"] {
    color: #ededee !important;
}

.lifestyle-thumb .text-grey {
    color: #ededee !important;
}

.text-dark-grey {
    color: #817979;
}

.phrase2-sub-menu .text-dark-grey [class*="title-"] {
    color: #817979 !important;
}

.lifestyle-thumb .text-dark-grey {
    color: #817979 !important;
}

.text-light-grey {
    color: #B0B0B0;
}

.phrase2-sub-menu .text-light-grey [class*="title-"] {
    color: #B0B0B0 !important;
}

.lifestyle-thumb .text-light-grey {
    color: #B0B0B0 !important;
}

.text-blue {
    color: #32a8e5;
}

.phrase2-sub-menu .text-blue [class*="title-"] {
    color: #32a8e5 !important;
}

.lifestyle-thumb .text-blue {
    color: #32a8e5 !important;
}

.text-light-blue {
    color: #79c3e8;
}

.phrase2-sub-menu .text-light-blue [class*="title-"] {
    color: #79c3e8 !important;
}

.lifestyle-thumb .text-light-blue {
    color: #79c3e8 !important;
}

.text-dark-red {
    color: #8d1014;
}

.phrase2-sub-menu .text-dark-red [class*="title-"] {
    color: #8d1014 !important;
}

.lifestyle-thumb .text-dark-red {
    color: #8d1014 !important;
}

.text-red {
    color: #ed1c24;
}

.phrase2-sub-menu .text-red [class*="title-"] {
    color: #ed1c24 !important;
}

.lifestyle-thumb .text-red {
    color: #ed1c24 !important;
}

.text-light-red {
    color: #f5787c;
}

.phrase2-sub-menu .text-light-red [class*="title-"] {
    color: #f5787c !important;
}

.lifestyle-thumb .text-light-red {
    color: #f5787c !important;
}

.text-dark-yellow {
    color: #935600;
}

.phrase2-sub-menu .text-dark-yellow [class*="title-"] {
    color: #935600 !important;
}

.lifestyle-thumb .text-dark-yellow {
    color: #935600 !important;
}

.text-yellow {
    color: #f39200;
}

.phrase2-sub-menu .text-yellow [class*="title-"] {
    color: #f39200 !important;
}

.lifestyle-thumb .text-yellow {
    color: #f39200 !important;
}

.text-light-yellow {
    color: #f7be68;
}

.phrase2-sub-menu .text-light-yellow [class*="title-"] {
    color: #f7be68 !important;
}

.lifestyle-thumb .text-light-yellow {
    color: #f7be68 !important;
}

.text-dark-green {
    color: #4f6e2d;
}

.phrase2-sub-menu .text-dark-green [class*="title-"] {
    color: #4f6e2d !important;
}

.lifestyle-thumb .text-dark-green {
    color: #4f6e2d !important;
}

.text-green {
    color: #87ba49;
}

.phrase2-sub-menu .text-green [class*="title-"] {
    color: #87ba49 !important;
}

.text-royal-blue {
    color: #111b2f;
}

.phrase2-sub-menu .text-royal-blue [class*="title-"] {
    color: #111b2f !important;
}

.text-sand-grey {
    color: #918a7c;
}

.phrase2-sub-menu .text-sand-grey [class*="title-"] {
    color: #918a7c !important;
}

.lifestyle-thumb .text-green {
    color: #87ba49 !important;
}

.text-parc-life-green {
    color: #a4d65e;
}

.phrase2-sub-menu .text-parc-life-green [class*="title-"] {
    color: #a4d65e !important;
}

.lifestyle-thumb .text-parc-life-green {
    color: #a4d65e !important;
}

.text-parc-life-blue {
    color: #6cace4;
}

.phrase2-sub-menu .text-parc-life-blue [class*="title-"] {
    color: #6cace4 !important;
}

.lifestyle-thumb .text-parc-life-blue {
    color: #6cace4 !important;
}

.text-parc-life-purple {
    color: #7d55c7;
}

.phrase2-sub-menu .text-parc-life-purple [class*="title-"] {
    color: #7d55c7 !important;
}

.lifestyle-thumb .text-parc-life-purple {
    color: #7d55c7 !important;
}

.text-parc-life-orange {
    color: #ff8200;
}

.phrase2-sub-menu .text-parc-life-orange [class*="title-"] {
    color: #ff8200 !important;
}

.lifestyle-thumb .text-parc-life-orange {
    color: #ff8200 !important;
}

.text-light-green {
    color: #b7d691;
}

.phrase2-sub-menu .text-light-green [class*="title-"] {
    color: #b7d691 !important;
}

.lifestyle-thumb .text-light-green {
    color: #b7d691 !important;
}

.text-dark-purple {
    color: #353161;
}

.phrase2-sub-menu .text-dark-purple [class*="title-"] {
    color: #353161 !important;
}

.lifestyle-thumb .text-dark-purple {
    color: #353161 !important;
}

.text-purple {
    color: #5955a1;
}

.phrase2-sub-menu .text-purple [class*="title-"] {
    color: #5955a1 !important;
}

.lifestyle-thumb .text-purple {
    color: #5955a1 !important;
}

.text-light-purple {
    color: #9d99c5;
}

.phrase2-sub-menu .text-light-purple [class*="title-"] {
    color: #9d99c5 !important;
}

.lifestyle-thumb .text-light-purple {
    color: #9d99c5 !important;
}

.sub-title {
    font-family: 'synthese-regular';
    font-size: 1.125rem;
    display: block;
    width: 100%;
    padding-bottom: 25px;
    line-height: 1.5;
}

.sub-title-2 {
    font-family: 'synthese-regular';
    font-size: 1.1875rem;
    padding: 0;
    text-align: center;
}

    .sub-title-2 b {
        font-family: 'synthese-regular';
    }

.text-default,
.portfolio .inner p {
    font-size: 1rem;
    line-height: 1.5;
}

.social-sharing {
    padding: 30px 0 0;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .social-sharing {
        margin-top: 5px;
    }
}

.social-sharing li {
    padding: 10px 0;
    margin-right: 10px;
    display: block;
    overflow: hidden;
}

.social-sharing a {
    display: inline-block;
    font: 1.125rem/1.44 'synthese-regular';
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all all 0.5s;
    -webkit-transition: all all 0.5s;
}

.no-touch.desktop .social-sharing a:hover {
    opacity: 0.8;
}

.social-sharing a img {
    margin-right: 20px;
}

#footer .social-sharing {
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

@media only screen and (max-width: 991px) {
    #footer .social-sharing {
        display: none;
    }
}

.social-share {
    padding: 7px 05px;
}

    .social-share ul {
        margin: 0;
        list-style-type: none;
    }

        .social-share ul li a {
            color: white;
            position: relative;
            width: 50px;
            height: 55px;
            display: block;
            border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        }

            .social-share ul li a:after {
                content: '';
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                opacity: 0.85;
                transition: opacity 0.3s;
            }

            .social-share ul li a.social-facebook:after {
                background-image: url('../images/social-facebook.svg');
            }

            .social-share ul li a.social-googleplus:after {
                background-image: url('../images/social-googleplus.svg');
            }

            .social-share ul li a.social-twitter:after {
                background-image: url('../images/social-twitter.svg');
            }

            .social-share ul li a.social-linkedin:after {
                background-image: url('../images/social-linkedin.svg');
            }

            .social-share ul li a:hover:after {
                opacity: 1;
            }

        .social-share ul li:last-child a {
            border: none;
        }

@media only screen and (max-width: 767px) {
    .social-share {
        padding-right: 5px;
        padding-left: 5px;
    }

        .social-share ul li a {
            width: 34px;
        }
}

.panorama-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: move;
}

    .panorama-container .img {
        height: 100%;
        width: auto;
        background-position: left center;
    }

    .panorama-container .icon-overlay {
        margin-top: -43px;
        top: 50%;
        margin-left: -40px;
        position: absolute;
        left: 50%;
        width: 80px;
        height: 87px;
        background-repeat: no-repeat;
    }

    .panorama-container .panorama-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 20px;
        width: 100%;
        max-width: 320px;
        display: block;
    }

        .panorama-container .panorama-content .logo-360 {
            width: 60px;
            display: inline-block;
            vertical-align: middle;
        }

        .panorama-container .panorama-content p {
            max-width: 220px;
            padding-left: 20px;
            display: inline-block;
            vertical-align: middle;
        }

    .panorama-container .caption {
        position: absolute;
        top: 100px;
        width: 100%;
        padding: 0 20px;
        left: 0;
    }

        .panorama-container .caption [class*="title-"] {
            display: inline-block;
            padding: 0;
        }

            .panorama-container .caption [class*="title-"]:before {
                display: none;
            }

#footer {
    background-color: black;
    color: white;
    padding: 4rem 0 0;
}

@media only screen and (max-width: 767px) {
    #footer {
        padding-top: 0rem;
    }
}

#footer .scroll-top {
    position: fixed;
    bottom: 80px;
    right: 80px;
    max-width: 80px;
    z-index: 99;
    transition: 0.3s all;
}

@media only screen and (max-width: 991px) {
    #footer .scroll-top {
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #footer .scroll-top {
        width: 50px;
        height: 50px;
        bottom: 30px;
        right: 30px;
    }
}

#footer .scroll-top > a {
    display: block;
}

#footer .scroll-top:hover {
    opacity: 0.8;
}

#footer .logo-social {
    display: block;
    max-width: 50vw;
    margin-bottom: 3rem;
}

    #footer .logo-social img {
        max-height: 93px;
    }

@media only screen and (max-width: 991px) {
    #footer .logo-social {
        margin: 0 auto;
        text-align: center;
    }
}

#footer .links-heading {
    font-family: 'synthese-regular';
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    letter-spacing: .4px;
}

    #footer .links-heading.pad-top {
        padding-top: 34px;
    }

        #footer .links-heading.pad-top:after {
            top: 46px;
        }

#footer ul.links {
    color: #b5adad;
    padding-bottom: 2rem;
}

    #footer ul.links li {
        padding: 5px 0;
    }

    #footer ul.links a:hover {
        color: white;
    }

#footer .copyr {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
    #footer .copyr {
        padding-top: 3rem;
    }
}

#footer .copyr p {
    font-family: 'synthese-regular';
}

    #footer .copyr p span {
        color: #d5d5d5;
        padding: 0 10px;
        position: relative;
    }

@media only screen and (max-width: 767px) {
    #footer .copyr p span:first-child {
        display: block;
        padding: 0;
    }
}

#footer .copyr p span a {
    color: #d4d4d4;
}

@media only screen and (min-width: 768px) {
    #footer .copyr p span:first-child:after {
        content: '|';
        position: absolute;
        right: 0;
    }
}

#footer .col-md-9 .copyr {
    padding-top: 2rem;
}

#logo-menu {
    background-color: white;
    height: 100px;
}

    #logo-menu .logo {
        text-align: left;
        margin: 19px 0;
        float: left;
    }

        #logo-menu .logo img {
            -webkit-transform: translate3d(0, 0, 0);
        }

@media only screen and (min-width: 992px) {
    #logo-menu .logo img {
        max-height: 60px;
    }
}

#logo-menu .search {
    background: url('../images/search.svg') no-repeat right center;
    float: right;
    width: 40px;
    height: 40px;
    margin: 30px 0 0;
}

.no-touch.desktop #logo-menu .search:hover {
    transform: scale(1.1);
    background-image: url('../images/search-hover.svg');
}

#logo-menu .links {
    font-family: 'synthese-regular';
    padding-left: 50px;
    float: left;
}

    #logo-menu .links > li {
        display: inline-block;
        letter-spacing: .5px;
        position: relative;
    }

        #logo-menu .links > li a {
            display: block;
            padding: 42px 30px;
            font-weight: bold;
            color: #353535;
            cursor: pointer;
            font-size: 1rem;
            text-align: center;
            padding-left: 9px;
            padding-right: 9px;
        }

@media only screen and (min-width: 992px) and (max-width: 1160px) {
    #logo-menu .links > li a {
        padding: 40px 20px;
        font-size: 1rem;
    }
}

#logo-menu .links > li.active a {
    color: red;
}

#logo-menu .links > li.out a span {
    padding-right: 25px;
    background: url(../images/out-black.svg) no-repeat right center;
    display: inline-block;
}

#logo-menu .links > li:before {
    content: " ";
    background: url('../images/red-underline.svg') no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 25px;
    right: 25px;
    height: 3px;
    bottom: 20px;
    opacity: 0;
    transition: all .15s;
}

#logo-menu .links > li.active a,
#logo-menu .links > li:hover a {
    color: black;
}

#logo-menu .links > li.active:before,
#logo-menu .links > li:hover:before {
    opacity: 1;
}

#logo-menu .links > li.caret {
    cursor: pointer;
    position: relative;
}

    #logo-menu .links > li.caret .sub-nav {
        font-size: 1rem;
        visibility: hidden;
        padding: 0 20px;
        opacity: 0;
        position: absolute;
        z-index: 5;
        top: 80px;
        background-color: white;
        left: 50%;
        box-shadow: 0 3px 4px rgba(100, 100, 100, 0.2);
        transform: translateX(-50%);
        transition: none;
    }

        #logo-menu .links > li.caret .sub-nav li a {
            padding: 13px 10px;
            color: #555;
            display: block;
            text-align: center;
            white-space: nowrap;
        }

            #logo-menu .links > li.caret .sub-nav li a:hover {
                color: #000;
            }

        #logo-menu .links > li.caret .sub-nav li.active a {
            color: #999;
        }

        #logo-menu .links > li.caret .sub-nav li:not(:first-child) > a {
            border-top: 1px solid #ededee;
        }

        #logo-menu .links > li.caret .sub-nav li.out > a {
            background: url(../images/out-black.svg) 100% center no-repeat;
            padding-right: 30px;
        }

    #logo-menu .links > li.caret:hover .sub-nav {
        visibility: visible;
        opacity: 1;
        top: 98px;
        transition: all .2s;
    }

#logo-menu .links.large {
    display: table;
    width: calc((100% - 240px - 40px));
    width: -moz-calc((100% - 240px - 40px));
    width: -webkit-calc((100% - 240px - 40px));
    width: -o-calc((100% - 240px - 40px));
}

    #logo-menu .links.large > li {
        display: table-cell;
    }

        #logo-menu .links.large > li a {
            padding-left: 9px;
            padding-right: 9px;
        }

#logo-menu .mega-menu {
    position: relative;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 24px;
    float: right;
    margin: 9px 0 0 10px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 100%;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background: #4B403F;
}

.hamburger-inner {
    top: 2px;
}

    .hamburger-inner:before,
    .hamburger-inner:after {
        display: block;
        content: '';
    }

    .hamburger-inner:before {
        top: 8px;
        transition-duration: .2s;
        transition-property: transform,opacity;
    }

    .hamburger-inner:after {
        top: 16px;
    }

    .hamburger-inner.active {
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

        .hamburger-inner.active:before {
            transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
            opacity: 0;
        }

        .hamburger-inner.active:after {
            transform: translate3d(0, -16px, 0) rotate(-90deg);
        }

@media only screen and (max-width: 991px) {
    #header #logo-menu {
        height: 70px;
    }

        #header #logo-menu .inner-container {
            position: relative;
            height: 100%;
        }

        #header #logo-menu .logo {
            position: absolute;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            margin: 0;
            width: 125px;
            max-width: 35vw;
        }

        #header #logo-menu .mega-menu {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

        #header #logo-menu .search {
            margin: 0;
            background-position: center center;
        }

    .mega-menu-mobile {
        background: #4d4949;
        position: absolute;
        top: 70px;
        bottom: 0;
        z-index: 999;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        overflow-y: auto;
        transition: all 0.3s;
    }

        .mega-menu-mobile.showing {
            max-height: calc((100vh - 70px));
            max-height: -moz-calc((100vh - 70px));
            max-height: -webkit-calc((100vh - 70px));
            max-height: -o-calc((100vh - 70px));
            height: calc((100vh - 70px));
            height: -moz-calc((100vh - 70px));
            height: -webkit-calc((100vh - 70px));
            height: -o-calc((100vh - 70px));
        }

        .mega-menu-mobile:not(.showing) {
            max-height: 0 !important;
        }

        .mega-menu-mobile .level-1 {
            font: 1.125rem 'synthese-regular';
            position: relative;
            z-index: 20;
            align-items: flex-start;
            width: 100%;
        }

            .mega-menu-mobile .level-1.showing-level-3 {
                overflow: hidden;
            }

            .mega-menu-mobile .level-1 .item-header a {
                display: block;
            }

            .mega-menu-mobile .level-1 .collapse-header {
                background: #4d4949;
                font: 1.5rem 'synthese-regular';
                padding: 20px;
                margin: 0;
                border-bottom: solid 1px rgba(129, 121, 121, 0.35);
                box-shadow: none;
                color: white;
                z-index: 1;
            }

                .mega-menu-mobile .level-1 .collapse-header:after {
                    opacity: 0.7;
                    right: 20px;
                    background-image: url(../images/icons/icon-down-grey.svg);
                }

                
            .mega-menu-mobile .level-1 .collapse-inner {
                padding: 0 0 0 40px;
                background: #222222;
                position: relative;
                z-index: 2;
            }

        .mega-menu-mobile .level-2 {
            background: #222222;
        }

            .mega-menu-mobile .level-2 .item-header {
                color: white;
                border-bottom: solid 1px rgba(129, 121, 121, 0.35);
                padding: 13px 50px 14px 0;
                position: relative;
                font: 1.125rem/1.5 'synthese-regular';
            }

                .mega-menu-mobile .level-2 .item-header:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    transform: translateY(-50%) rotate(-90deg);
                    background: url(../images/icons/icon-down-white.svg) no-repeat center center;
                    width: 20px;
                    height: 15px;
                    background-size: 12px;
                    opacity: 0.5;
                    transition: all 0.3s;
                }

                .mega-menu-mobile .level-2 .item-header.icon-expand:after {
                    background-image: url(../images/out.svg);
                    transform: translateY(-50%);
                }

        .mega-menu-mobile .level-3 {
            background-color: #222222;
            position: fixed;
            top: 70px;
            bottom: 0;
            width: 100vw;
            left: 100vw;
            right: 0;
            z-index: 20;
            transition: all 0.5s;
            overflow-y: auto;
            max-height: calc((100vh - 70px));
            max-height: -moz-calc((100vh - 70px));
            max-height: -webkit-calc((100vh - 70px));
            max-height: -o-calc((100vh - 70px));
        }

            .mega-menu-mobile .level-3.active {
                left: 0;
            }

            .mega-menu-mobile .level-3 .back-level-2 {
                background: #4d4949;
                display: block;
                color: white;
                padding: 15px 20px;
            }

                .mega-menu-mobile .level-3 .back-level-2:before {
                    background: url(../images/icons/icon-down-white.svg) no-repeat center right;
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                    transform: rotate(90deg);
                    width: 15px;
                    height: 15px;
                    background-size: 15px;
                }

            .mega-menu-mobile .level-3 .title-level-3 {
                color: white;
                position: relative;
                display: inline-block;
                margin: 20px 20px 30px 20px;
                font: 1.5rem 'synthese-regular';
            }

                .mega-menu-mobile .level-3 .title-level-3:before {
                    content: " ";
                    background: url(../images/red-underline.svg) no-repeat bottom right;
                    width: 100%;
                    left: 0;
                    bottom: -10px;
                    height: 3px;
                    background-size: cover;
                    position: absolute;
                }

            .mega-menu-mobile .level-3 .item-header.active span:before {
                content: " ";
                background: url(../images/red-underline.svg) no-repeat bottom right;
                width: 100%;
                left: 0;
                bottom: -10px;
                height: 3px;
                background-size: cover;
                position: absolute;
            }

            .mega-menu-mobile .level-3 .item-header {
                padding-left: 0;
                font-size: 1.125rem;
                background: none;
            }

                .mega-menu-mobile .level-3 .item-header span {
                    position: relative;
                }

                .mega-menu-mobile .level-3 .item-header:after {
                    content: none;
                }

                .mega-menu-mobile .level-3 .item-header.collapse-header:after {
                    content: '';
                    background: url(../images/icons/icon-plus.svg) no-repeat center center;
                }

                .mega-menu-mobile .level-3 .item-header.collapse-header.active:after {
                    content: '';
                    background-image: url(../images/icons/icon-minus.svg);
                    transform: translateY(-50%);
                }

            .mega-menu-mobile .level-3 .content {
                margin: 0 0 0 40px;
                border-top: solid 1px rgba(129, 121, 121, 0.35);
            }

                .mega-menu-mobile .level-3 .content .collapse-inner {
                    padding-left: 30px;
                }

            .mega-menu-mobile .level-3 .sub-nav {
                padding: 10px 0;
            }

                .mega-menu-mobile .level-3 .sub-nav a {
                    color: #b5adad;
                    display: block;
                    padding: 10px 0;
                }

    .collapse-header.icon-expand a {
        display: block;
    }
}

.quick-links {
    border-top: solid 1px rgba(129, 121, 121, 0.35);
    width: 100%;
    align-items: flex-end;
    display: table;
}

    .quick-links a {
        border-left: solid 1px rgba(129, 121, 121, 0.35);
        display: block;
        height: 33.33vw;
        display: table-cell;
        vertical-align: middle;
        background-color: #4d4949;
        color: white;
        font: 1.125rem 'synthese-regular';
        text-align: center;
        width: 33.33%;
    }

        .quick-links a:first-child {
            border: none;
        }

        .quick-links a:active {
            background: black;
        }

        .quick-links a span {
            display: block;
            padding: 10px 0;
        }

@media only screen and (min-width: 480px) {
    .quick-links a {
        height: 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mega-menu-mobile .level-1 {
        max-height: calc((100vh - 70px));
        max-height: -moz-calc((100vh - 70px));
        max-height: -webkit-calc((100vh - 70px));
        max-height: -o-calc((100vh - 70px));
    }

    .mega-menu-mobile .level-3 .content {
        max-height: calc((100vh - 200px) - 120px);
        max-height: -moz-calc((100vh - 200px) - 120px);
        max-height: -webkit-calc((100vh - 200px) - 120px);
        max-height: -o-calc((100vh - 200px) - 120px);
    }

    .mega-menu-mobile .showing-level-3 .item-1 {
        min-height: calc((100vh - 70px));
        min-height: -moz-calc((100vh - 70px));
        min-height: -webkit-calc((100vh - 70px));
        min-height: -o-calc((100vh - 70px));
    }
}

.banner-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 485px;
}

    .banner-image .inner-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .banner-image .inner-container .title {
            font: 3.5rem 'synthese-bold';
            color: #FFF;
        }

@media only screen and (max-width: 767px) {
    .banner-image .inner-container .title {
        font-size: 2.5rem;
    }
}

.banner-image .inner-container .title.bigger {
    font: 5rem 'synthese-bold';
}

@media only screen and (max-width: 767px) {
    .banner-image .inner-container .title.bigger {
        font-size: 3rem;
    }
}

.banner-image .inner-container .caption {
    font-size: 1.375rem;
    padding: 20px 0;
    font-family: 'synthese-regular';
}

@media only screen and (max-width: 991px) {
    .banner-image {
        height: 43vw;
    }
}

@media only screen and (max-width: 767px) {
    .banner-image {
        height: 60vw;
    }
}

.banner-image.phrase2-page {
    position: relative;
}

    .banner-image.phrase2-page:before {
        content: "";
        background: rgba(0, 0, 0, 0.05);
        width: 100%;
        height: 100%;
        position: absolute;
    }


@media only screen and (max-width: 767px) {
    .hero .breadcrumb ul li:not(:first-child) {
        visibility: hidden;
    }
}

.hero .breadcrumb ul li:not(:first-child):before {
    content: '>';
    position: absolute;
    left: 7px;
}

@media only screen and (max-width: 767px) {
    .hero .title {
        font-size: 2.5rem;
    }
}


.hero:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    height: 80%;
    width: 100%;
    background-color: #393939;
    background: linear-gradient(to bottom, #393939 0%, #3d3d3d 9%, rgba(89, 89, 89, 0) 100%);
}

.hero .overlay {
    padding: 60px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    text-shadow: 1px 0px 3px rgba(89, 89, 89, 0.3);
}

.hero.hero-centered {
    background-color: #595959;
    height: 400px;
}

    .hero.hero-centered:after {
        display: none;
    }

    .hero.hero-centered .overlay {
        left: 0;
    }

    .hero.hero-centered .text {
        font-family: 'synthese-regular';
        font-size: 2rem;
        line-height: 2;
        padding: 15px 0;
        width: 100%;
        max-width: 700px;
        text-align: center;
        margin: 0 auto;
        text-shadow: 1px 0px 3px #595959;
    }

        .hero.hero-centered .text u {
            text-decoration: none;
            border-bottom: 2px solid #999;
            cursor: pointer;
        }

            .hero.hero-centered .text u:hover {
                color: white;
                border-color: white;
            }

.hero.hero-carousel {
    height: auto;
    overflow: hidden;
    visibility: hidden;
}

    .hero.hero-carousel .item {
        height: 485px;
        opacity: 1 !important;
        background: #4d4949;
    }

        .hero.hero-carousel .item .desktopVideo {
            width: auto;
            height: 100%;
            position: absolute;
            left: calc((100vw - 862px) / 2);
        }

        .hero.hero-carousel .item .mobileVideo {
            min-width: 100%;
            max-height: 50%;
            position: absolute;
            top: 25%;
        }


        .hero.hero-carousel .item .play-btn {
            position: absolute;
            top: 80%;
            right: 0;
            transform: translate(-50%, -50%);
            width: 124px;
            height: 124px;
            background: url('../images/icons/icon-oval.svg') center no-repeat;
            background-size: cover;
            cursor: pointer;
            transition: 0.3s all;
        }

@media only screen and (max-width: 1024px) {
    .hero.hero-carousel .item {
        height: calc(100vw * 9/16);
    }

    .hero.hero-carousel .item .play-btn {
        width: 80px;
        height: 80px;
    }
    .globalheaderV2 .mega-menu-mobile {
        top: 78px;
    }
}

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

    .hero.hero-carousel .item {
        height: auto;
        background: none;
    }

        .hero.hero-carousel .item .play-btn {
            width: 60px;
            height: 60px;
        }
}

.hero.hero-carousel .item .play-btn:hover {
    opacity: 0.8;
}

.hero.hero-carousel .heading {
    position: relative;
    max-width: 800px;
    padding-top: 20px;
}

.hero.hero-carousel:after {
    display: none;
}

.hero.hero-carousel .thumb {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}

    .hero.hero-carousel .thumb:before {
        content: '';
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.hero.hero-carousel .inner-container {
    display: table;
    width: 100%;
    height: 100%;
}

    .hero.hero-carousel .inner-container .caption {
        padding: 0;
        position: absolute;
        bottom: 0;
    }

.hero.hero-carousel .caption .link-banner {
    margin-top: 30px;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 17px 50px 17px 20px;
    background: #817979 url('../images/caret-right-red.svg') no-repeat;
    background-position: calc(100% - 20px) center;
    transition: all .3s;
}

@media only screen and (max-width: 767px) {
    .hero.hero-carousel .caption .link-banner {
        padding: 5px 20px 5px 0;
        color: #b5adad;
        background-position: calc(100% - 5px) center;
        background-color: transparent;
        width: 100%;
    }
}

.no-touch .hero.hero-carousel .caption .link-banner:hover {
    background-color: #4d4949;
}


    /*.hero.hero-simple .breadcrumb {
        font-family: 'synthese-regular';
        font-size: 1.125rem;
    }*/

    .hero.hero-simple .title-7 {
        color: rgba(255, 255, 255, 0.8);
    }

@media only screen and (max-width: 767px) {
    .hero.hero-carousel .thumb {
        position: relative;
        height: calc(100vw*9/16);
    }

        .hero.hero-carousel .thumb:before {
            content: none;
        }

    .hero.hero-carousel .inner-container {
        display: block;
        padding: 0;
    }

        .hero.hero-carousel .inner-container .caption {
            background: #212121;
            padding: 20px;
            display: block;
            min-height: calc(100vw * 9/16);
            position: static;
        }

    .hero.hero-carousel .heading {
        font-size: 24px;
        min-height: calc(100vw * 9/16 - 100px);
    }

    .hero.hero-simple .title-7 {
        padding-bottom: 20px;
    }
}

.hero.hero-simple:after {
    display: none;
}

.hero.hero-simple:not(.pad-bot-lg) .caption:last-child {
    padding-bottom: 0;
}

.hero.hero-simple *:last-child.title {
    padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
    .hero .row .col-sm-3:last-child .title-7 {
        padding-bottom: 0;
    }
}

.show-more .content-more-info {
    color: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.5s;
    font: 1.125rem/1.44 'synthese-regular';
}

    .show-more .content-more-info p {
        padding-bottom: 30px;
    }

.show-more .show-more-link:after {
    content: '';
    background: url(../images/icons/icon-down-white.svg) no-repeat 100% center;
    background-size: 15px;
    padding-right: 25px;
    width: 15px;
    height: 10px;
    display: inline-block;
    transition: all 0.3s;
}

.show-more .show-more-link .less {
    display: none;
}

.show-more.active .show-more-link:after {
    transform: rotate(-180deg);
    background-position: 0 center;
}

.show-more.active .more {
    display: none;
}

.show-more.active .less {
    display: inline-block;
}

.show-more.active .content-more-info {
    max-height: 1000px;
    opacity: 1;
    transition: all 1s;
}

.hero.pad-bot-lg .show-more {
    padding-bottom: 30px;
}

.portfolio {
    display: block;
    overflow: hidden;
    height: 313px;
    position: relative;
    z-index: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio {
        height: calc((100vw - 60px) / 2);
        height: -moz-calc((100vw - 60px) / 2);
        height: -webkit-calc((100vw - 60px) / 2);
        height: -o-calc((100vw - 60px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .portfolio {
        height: calc((100vw - 40px));
        height: -moz-calc((100vw - 40px));
        height: -webkit-calc((100vw - 40px));
        height: -o-calc((100vw - 40px));
    }
}

@media only screen and (max-width: 991px) {
    .portfolio.port2 {
        height: auto;
    }
}

.portfolio .thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}

    .portfolio .thumb:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 53%, rgba(0, 0, 0, 0.9));
        background: linear-gradient(rgba(0, 0, 0, 0.2) 53%, rgba(0, 0, 0, 0.9));
    }

    .portfolio .thumb.priority:before {
        background: #817979;
    }

    .portfolio .thumb.priority + .inner {
        padding: 40px;
    }

@media only screen and (max-width: 1024px) {
    .portfolio .thumb.priority + .inner {
        padding: 20px 20px 30px;
    }
}

@media only screen and (max-width: 991px) {
    .portfolio .thumb.priority + .inner {
        width: 100%;
        position: relative;
    }

        .portfolio .thumb.priority + .inner [class*="title-"],
        .portfolio .thumb.priority + .inner p,
        .portfolio .thumb.priority + .inner span {
            color: #4a4a4a;
        }
}

.portfolio .inner {
    position: absolute;
    bottom: 0;
    color: white;
    padding: 20px;
    z-index: 2;
}

    .portfolio .inner > *[class^="title"] {
        color: white;
        padding-bottom: 10px;
    }

    .portfolio .inner p {
        font-family: 'synthese-regular';
    }

.portfolio .icon-expand:after {
    content: '';
    background: url('../images/out.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
}

.portfolio:hover .thumb {
    transform: scale(1.1);
}

.press-release {
    background-color: #817979;
    color: white;
}

    .press-release .title-5 {
        padding: 10px 0;
        transition: all 0.3s;
    }

    .press-release .line.text-white:before {
        background: url(../images/heading-line.svg) no-repeat;
    }

    .press-release.white {
        background-color: white;
    }

        .press-release.white .text-small.text-grey {
            color: #817979;
        }

        .press-release.white .title-5.text-default {
            color: black;
        }

        .press-release.white .btn-default.btn-white {
            color: #4a4a4a;
            border-color: #4a4a4a;
        }

.no-touch.desktop .press-release.white .btn-default.btn-white:hover {
    background-color: #4a4a4a;
    color: white;
}

.press-release:not(.white) .btn-default {
    color: white;
    border-color: white;
}

.no-touch .press-release:not(.white) .btn-default:hover {
    background: white;
    color: #4a4a4a;
}

.news-item {
    padding: 0 0 20px;
}

.no-touch.desktop .news-item > a:hover [class*='title'] {
    color: #B5ADAD;
}

.bloggish {
    background-color: #4d4949;
    color: #b5adad;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
    position: relative;
    top: 0;
    transition: all .2s;
    height: 460px;
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bloggish {
        /* height: auto; */
        /* display: table; */
        /* width: 100%; */
    }
}

.bloggish .inner {
    padding-right: 50px;
}

.bloggish div.thumb {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.bloggish .thumb {
    transition: all 0.3s;
}

.bloggish .thumb-wrapper {
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bloggish .thumb-wrapper {
        /* display: table-cell; */
        /* width: 30%; */
        /* min-width: 200px; */
    }
}

.bloggish .thumb-wrapper .img-report {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.no-touch.desktop a.bloggish:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
}

    .no-touch.desktop a.bloggish:hover .thumb {
        transform: scale(1.1);
    }

.bloggish .info {
    padding: 25px 25px 0;
}

@media only screen and (min-width: 992px) {
    *:not(.table-view) .bloggish .info .date {
        position: absolute;
        bottom: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .bloggish.pub {
        width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bloggish .info {
        /* display: table-cell; */
        /* vertical-align: top; */
    }
}

.bloggish .info .date {
    font-size: 0.8125rem;
    padding: 25px 0;
}

.bloggish .info [class*='title'] {
    color: white;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 80px;
}

.bloggish .info .description {
    font-size: 1.0625rem;
    padding: 15px 0 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 93px;
    overflow: hidden;
}

.bloggish.pub {
    background-color: transparent;
    box-shadow: none !important;
    height: auto;
    display: block;
}

    .bloggish.pub [class*='title'],
    .bloggish.pub .date,
    .bloggish.pub .desc {
        padding-left: 0;
        padding-right: 0;
    }

    .bloggish.pub [class*='title'] {
        color: black;
    }

    .bloggish.pub .date,
    .bloggish.pub .desc {
        font-size: 0.875rem;
        position: static !important;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #4d4949;
    }

    .bloggish.pub .thumb {
        position: relative;
        display: block;
    }

        .bloggish.pub .thumb:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-repeat: no-repeat;
            background-size: 50px;
            background-position: center;
        }

    .bloggish.pub .info {
        color: #4d4949;
        padding: 25px 0 10px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bloggish.pub .info {
        display: block;
    }
}

.bloggish.pub.report .thumb:after {
    background-image: url('../images/report.svg');
    background-size: 55px;
}

.bloggish.pub.letter .thumb:after {
    background-image: url('../images/letter.svg');
}

.bloggish.pub.presentation .thumb:after {
    background-image: url('../images/presentation.svg');
    background-size: 90px;
}

.bloggish.pub.profile .thumb-wrapper {
    height: auto;
}

.bloggish.pub.profile .thumb {
    width: 100%;
}

.bloggish.locate-map {
    box-shadow: none !important;
    height: auto;
    padding-bottom: 25px;
}

    .bloggish.locate-map .thumb-wrapper {
        height: 308px;
        overflow: hidden;
    }

        .bloggish.locate-map .thumb-wrapper .thumb {
            background-position: center;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bloggish.locate-map .thumb-wrapper {
        width: 50%;
    }
}

.bloggish.locate-map .info {
    background-color: #4d4949;
}

    .bloggish.locate-map .info span,
    .bloggish.locate-map .info p {
        color: #FFF;
        line-height: 1.4;
        max-height: 82px;
    }

@media only screen and (max-width: 991px) {
    .bloggish.locate-map {
        margin-top: 20px;
    }
}

.table-view [class*='col-'] {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .table-view .bloggish {
        height: auto;
        display: table;
        width: 100%;
    }

        .table-view .bloggish .thumb-wrapper {
            display: table-cell;
            width: 30%;
            min-width: 200px;
        }

            .table-view .bloggish .thumb-wrapper .thumb {
                background-position: center;
            }

        .table-view .bloggish .info {
            display: table-cell;
            vertical-align: top;
        }

            .table-view .bloggish .info .title-5 {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 600px;
            }

            .table-view .bloggish .info .description {
                max-height: 70px;
                -webkit-line-clamp: 2;
            }

        .table-view .bloggish.pub {
            display: block;
        }
}

.portfolio-thumb {
    background-color: #ededee;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
    position: relative;
    top: 0;
    transition: all .2s;
    width: 100%;
    display: table;
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb {
        display: block;
    }
}

.portfolio-thumb .thumb {
    transition: all 0.3s;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolio-thumb .thumb-wrapper {
    width: 226px;
    overflow: hidden;
    display: table-cell;
}

@media only screen and (min-width: 992px) {
    .portfolio-thumb .thumb-wrapper {
        height: 225px !important;
    }
}

@media only screen and (max-width: 991px) {
    .portfolio-thumb .thumb-wrapper {
        height: 180px;
    }
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb .thumb-wrapper {
        display: block;
        width: 100%;
    }
}

.portfolio-thumb .info {
    display: table-cell;
    padding: 25px 25px 60px 25px;
    position: relative;
    vertical-align: top;
    /*fix for safari*/
}

    .portfolio-thumb .info [class*='title'] {
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-height: 154px;
        overflow: hidden;
    }

@media only screen and (max-width: 480px) {
    .portfolio-thumb .info {
        padding: 20px;
    }

        .portfolio-thumb .info [class*='title'] {
            margin-bottom: 10px;
        }
}

.portfolio-thumb .info .description {
    color: #4d4949;
    line-height: 1.44;
    width: 100%;
    left: 0;
    bottom: 25px;
    /*.text-limit(2);*/
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb .info .description {
        position: static;
        padding: 0;
    }
}

.portfolio-thumb .info p {
    line-height: 1.44;
}

.portfolio-thumb .info .category {
    color: #ed1c24;
    margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb .info {
        display: block;
        width: 100%;
    }
}

.portfolio-thumb.suites .info {
    padding-bottom: 45px;
}

    .portfolio-thumb.suites .info [class*='title'] {
        margin-bottom: 10px;
    }

    .portfolio-thumb.suites .info .description {
        position: absolute;
        padding: 0 25px;
    }

@media only screen and (min-width: 992px) {
    .portfolio-thumb.suites .info .description {
        overflow: hidden;
        max-height: 47px;
    }
}

.portfolio-thumb.suites .suites-info {
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

    .portfolio-thumb.suites .suites-info p {
        font-size: 0.9375rem;
        line-height: 1.6;
    }

    .portfolio-thumb.suites .suites-info .fully-sold {
        color: #FFF;
        background-color: #ED1C24;
        padding: 5px 5px;
        margin-top: 5px;
        display: inline-block;
        font-size: 11px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

.row-flex .portfolio-thumb.suites {
    height: 100%;
}

.portfolio-thumb.full .thumb-wrapper {
    height: 214px;
}

@media only screen and (min-width: 768px) {
    .portfolio-thumb.full .thumb-wrapper {
        width: 40%;
    }
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb.full .thumb-wrapper {
        width: 50vw;
    }
}

.portfolio-thumb.full .description {
    position: static;
    display: block;
    padding: 0;
    max-height: none;
}

.portfolio-thumb.full .info [class*='title'] {
    margin-bottom: 5px;
    font: 1.125rem/1.56 'synthese-bold';
    color: black;
}

.portfolio-thumb.penthouse-thumb .thumb-wrapper {
    overflow: hidden;
    display: table-cell;
}

@media only screen and (min-width: 992px) {
    .portfolio-thumb.penthouse-thumb .thumb-wrapper {
        width: 66.6666666%;
        height: 300px !important;
    }
}

@media only screen and (max-width: 480px) {
    .portfolio-thumb.penthouse-thumb .thumb-wrapper {
        display: block;
    }
}

.no-touch.desktop a.portfolio-thumb:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
}

    .no-touch.desktop a.portfolio-thumb:hover .thumb {
        transform: scale(1.1);
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .our-portfolio .row-flex [class*='col-'] {
        float: none;
        width: 100%;
    }

        .our-portfolio .row-flex [class*='col-'] [class*='thumb-'] {
            height: 180px;
        }
}



.downloads .row:not(.overflowing) [class^="col-"]:nth-child(3n) .item:before,
.downloads .row:not(.overflowing) [class^="col-"]:last-child .item:before {
    display: none;
}

.downloads *[data-sort-yr] {
    display: none;
}

.downloads.magazine .item > img {
    float: left;
    width: 75px;
    margin-right: 15px;
}

.downloads.magazine .item:before {
    display: none;
}

.publication-filter + .downloads .show-block .item:before {
    display: none !important;
}

.no-touch.desktop .downloads a:hover .title-5 {
    color: #817979;
}

.no-touch.desktop .news-item a.title-5:hover {
    color: #817979;
}


    .menu.overlap-up:not(.filter-grey) .inner-container {
        top: -40px;
    }

@media only screen and (min-width: 992px) {
    .menu.overlap-up.sticky {
        position: sticky;
        z-index: 1;
        top: 138px;
        /*left: 0;
        right: 0;
        margin-top: 0;*/
    }

        .menu.overlap-up.sticky .inner-container {
            top: 0;
        }
}

@media only screen and (max-width: 991px) {
    .menu {
        margin: 0 20px 0;
        /*   height: auto;*/
    }

        .menu.overlap-up {
            height: auto;
            margin-top: -30px;
            margin-bottom: -30px;
            background: white;
        }

        .menu > select {
            height: 60px;
            font-size: 1.25rem;
            background: white url(../images/icons/icon-down.svg) no-repeat;
            background-position: calc(100% - 20px) center;
            border: 1px solid rgba(0, 0, 0, 0.2);
            position: relative;
            z-index: 50;
        }

    .phrase-two .menu > select {
        background: white url(../images/icons/icon-down-blue.svg) no-repeat;
        background-position: calc(100% - 20px) center;
    }

    .menu select:not(.hidden) + select {
        margin-top: 15px;
    }
}

.menu .main {
    background-color: white;
    font-family: 'synthese-regular';
    font-size: 1.125rem;
    display: table;
    width: 100%;
    height: 80px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    table-layout: fixed;
    padding: 0px;
}

@media only screen and (max-width: 991px) {
    .menu .main {
        display: none !important;
    }
}

.menu .main > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

    .menu .main > li:not(:last-child):after {
        content: '';
        background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 20%, #d3d0d0 50%, rgba(246, 41, 12, 0) 80%);
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 80%;
    }

    .menu .main > li > a {
        color: #A6A0A0;
        display: flex;
        align-items: center;
        height: 80px;
        width: 100%;
        line-height: 1.1;
        text-align: left;
        padding: 15px 17px 15px 18px;
        position: relative;
        white-space: initial;
        font-size: 18px;
    }

        .menu .main > li > a span.type {
            font: 0.75rem var(--newfraser-bold-font);
            color: #8E8E8E;
            display: block;
            padding-top: 5px;
        }

        .menu .main > li > a span:not(:first-child) {
            display: block;
            padding-top: 8px;
            text-transform: capitalize;
        }

        .menu .main > li > a:before {
            content: '';
            position: absolute;
            background: #ed1c24;
            bottom: 0;
            height: 4px;
            left: 0;
            width: 0;
            transition: all 0.3s;
        }

    .menu .main > li.active > a,
    .menu .main > li:hover > a {
        color: #4b403f;
    }

        .menu .main > li.active > a:before {
            width: 100%;
        }

    .menu .main > li.caret {
        cursor: pointer;
    }

        .menu .main > li.caret:before {
            content: '';
            background: url(../images/icons/icon-down.svg) no-repeat center center;
            position: absolute;
            right: 30px;
            width: 20px;
            top: 20px;
            bottom: 0;
            z-index: 2;
            pointer-events: none;
            transition: all .2s;
        }

        .menu .main > li.caret > a {
            color: #555;
        }

        .menu .main > li.caret.active:before {
            transform: rotate(180deg);
        }

        .menu .main > li.caret.active .sub-nav {
            visibility: visible;
            opacity: 1;
            top: 78px;
            transition: all .2s;
        }

        .menu .main > li.caret .sub-nav {
            visibility: hidden;
            opacity: 0;
            transition: none;
            min-width: 150px;
            position: absolute;
            z-index: 1;
            left: 0;
            width: 100%;
            top: 50px;
            background-color: white;
            border-top: 1px solid #d8d8d8;
            box-shadow: 0 3px 4px rgba(100, 100, 100, 0.5);
            max-height: 400px;
            overflow-y: auto;
        }

            .menu .main > li.caret .sub-nav.wide {
                min-width: 190px;
            }

            .menu .main > li.caret .sub-nav li {
                padding: 0;
            }

                .menu .main > li.caret .sub-nav li.show-block {
                    visibility: inherit !important;
                }

                .menu .main > li.caret .sub-nav li a {
                    padding: 15px 25px;
                    color: #555;
                    display: block;
                    text-align: left;
                }

                .menu .main > li.caret .sub-nav li:hover {
                    background-color: #ededee;
                }

                .menu .main > li.caret .sub-nav li a:hover {
                    color: #000;
                }

                .menu .main > li.caret .sub-nav li.parent a {
                    cursor: default;
                    background: white !important;
                    font: 0.875rem 'Arial-MT';
                }

                .menu .main > li.caret .sub-nav li.parent span {
                    color: #8E8E8E !important;
                }

                .menu .main > li.caret .sub-nav li.active a {
                    color: #999;
                }

                .menu .main > li.caret .sub-nav li:not(:last-child) > a {
                    border-bottom: 1px solid #ededee;
                }

                .menu .main > li.caret .sub-nav li.child > a {
                    padding-left: 55px;
                }

        .menu .main > li.caret.disabled {
            opacity: 0.5;
        }

            .menu .main > li.caret.disabled:after {
                content: '';
                position: absolute;
                z-index: 10;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                cursor: default;
            }

            .menu .main > li.caret.disabled:before {
                transform: none !important;
            }

            .menu .main > li.caret.disabled .sub-nav {
                display: none;
            }

    .menu .main > li.resicaret {
        cursor: pointer;
    }

        .menu .main > li.resicaret:before {
            content: '';
            background: url(../images/icons/blue_arrow_down.svg) no-repeat center center;
            position: absolute;
            right: 30px;
            width: 20px;
            top: 20px;
            bottom: 0;
            z-index: 2;
            pointer-events: none;
            transition: all .2s;
        }

        .menu .main > li.resicaret > a {
            color: #555;
        }

        .menu .main > li.resicaret.active:before {
            transform: rotate(180deg);
        }

        .menu .main > li.resicaret.active .sub-nav {
            visibility: visible;
            opacity: 1;
            top: 78px;
            transition: all .2s;
        }

        .menu .main > li.resicaret .sub-nav {
            visibility: hidden;
            opacity: 0;
            transition: none;
            min-width: 150px;
            position: absolute;
            z-index: 1;
            left: 0;
            width: 100%;
            top: 50px;
            background-color: white;
            border-top: 1px solid #d8d8d8;
            box-shadow: 0 3px 4px rgba(100, 100, 100, 0.5);
            max-height: 400px;
            overflow-y: auto;
        }

            .menu .main > li.resicaret .sub-nav.wide {
                min-width: 190px;
            }

            .menu .main > li.resicaret .sub-nav li {
                padding: 0;
            }

                .menu .main > li.resicaret .sub-nav li.show-block {
                    visibility: inherit !important;
                }

                .menu .main > li.resicaret .sub-nav li a {
                    padding: 15px 25px;
                    color: #555;
                    display: block;
                    text-align: left;
                }

                .menu .main > li.resicaret .sub-nav li:hover {
                    background-color: #ededee;
                }

                .menu .main > li.resicaret .sub-nav li a:hover {
                    color: #000;
                }

                .menu .main > li.resicaret .sub-nav li.parent a {
                    cursor: default;
                    background: white !important;
                    font: 0.875rem 'Arial-MT';
                }

                .menu .main > li.resicaret .sub-nav li.parent span {
                    color: #8E8E8E !important;
                }

                .menu .main > li.resicaret .sub-nav li.active a {
                    color: #999;
                }

                .menu .main > li.resicaret .sub-nav li:not(:last-child) > a {
                    border-bottom: 1px solid #ededee;
                }

                .menu .main > li.resicaret .sub-nav li.child > a {
                    padding-left: 55px;
                }

        .menu .main > li.resicaret.disabled {
            opacity: 0.5;
        }

            .menu .main > li.resicaret.disabled:after {
                content: '';
                position: absolute;
                z-index: 10;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                cursor: default;
            }

            .menu .main > li.resicaret.disabled:before {
                transform: none !important;
            }

            .menu .main > li.resicaret.disabled .sub-nav {
                display: none;
            }

.menu a.misc {
    float: right;
    padding: 17px 5px;
}

.menu.small .main > li > a {
    display: block;
}

@media only screen and (max-width: 991px) {
    .menu.small {
        font-size: 1.125rem;
        /*      height: auto!important;
      margin: 0 20px -20px;*/
    }

        .menu.small .main {
            display: block;
        }

        .menu.small li {
            display: block;
        }
}

.menu.no-shadow .main {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 992px) {
    .menu.overlap-up.sticky.sc-loggedin {
        top: 139px;
    }
}

.menu.overlap-up:not(.small) .main > li.caret:before,
.menu.overlap-up:not(.small) .main > li.resicaret:before {
    top: 0;
}

.achievements-year-picker {
    top: -40px !important;
}

.section.overlap-up .inner-container {
    top: -45px;
}

    .section.overlap-up .inner-container .content {
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        background-color: white;
    }

        .section.overlap-up .inner-container .content .vid-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
        }

            .section.overlap-up .inner-container .content .vid-container > iframe,
            .section.overlap-up .inner-container .content .vid-container > video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

.section.form .inner-container {
    padding: 40px 70px;
}

.section.form .row {
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .section.form .row {
        padding-bottom: 20px;
    }
}

.section.form label > span {
    display: block;
    font-weight: bold;
    padding: 15px 0;
    letter-spacing: .2px;
}

.section.form input,
.section.form select {
    font-size: 1rem;
    padding: 12px;
    width: 100%;
    height: 58px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media only screen and (max-width: 767px) {
    .section.form input,
    .section.form select {
        margin-top: 20px;
    }
}

.section.form .datepicker {
    height: 58px;
    cursor: pointer;
    background-image: url('../images/calendar-icon.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.section.form select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.section.form .btn {
    font-size: 1rem;
    line-height: 60px;
    padding: 0 20px;
    height: 65px;
    letter-spacing: .15px;
}

.image-overlay {
    padding-bottom: 50px;
}

    .image-overlay .row {
        padding-bottom: 30px;
    }

@media only screen and (max-width: 1024px) {
    .image-overlay .row > div:not(:last-child) .image-overlay-item {
        margin-bottom: 30px;
    }
}

.image-overlay-item {
    display: block;
    background-position: center center;
    background-size: cover;
    background-color: grey;
    height: 370px;
    padding: 65px 35px;
    color: white;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-overlay-item {
        height: calc((100vw - 60px) / 2);
        height: -moz-calc((100vw - 60px) / 2);
        height: -webkit-calc((100vw - 60px) / 2);
        height: -o-calc((100vw - 60px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .image-overlay-item {
        height: calc((100vw - 40px) * 0.8);
        height: -moz-calc((100vw - 40px) * 0.8);
        height: -webkit-calc((100vw - 40px) * 0.8);
        height: -o-calc((100vw - 40px) * 0.8);
        padding: 20px;
    }
}

.image-overlay-item:not(.no-overlay):before {
    content: '';
    position: absolute;
    background-color: rgba(33, 33, 33, 0.33);
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s;
}

.image-overlay-item:not(.no-overlay) .inner {
    position: absolute;
    bottom: 0px;
    /*bottom: 35px;
    background-image: url('../images/caret-right.svg');
    background-repeat: no-repeat;
    background-position: 0 100%;*/
    padding-bottom: 25px;
    padding-right: 25px;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .image-overlay-item:not(.no-overlay) .inner {
        max-height: 40%;
        transition: all 0.5s;
    }
}

@media only screen and (max-width: 767px) {
    .image-overlay-item:not(.no-overlay) .inner {
        bottom: 20px;
        background-size: 8px;
        padding-bottom: 33px;
    }

        .image-overlay-item:not(.no-overlay) .inner .caption {
            padding-top: 8px;
        }
}

.image-overlay-item:not(.no-overlay) .inner .caption,
.image-overlay-item:not(.no-overlay) .inner .linktext {
    line-height: 1.4;
    font-size: 1.125rem;
    letter-spacing: .5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
}

.image-overlay-item:not(.no-overlay) .inner .caption {
    max-height: 10px;
}

.image-overlay-item:not(.no-overlay) .inner .linktext {
    display: block;
    margin-top: 30px;
    max-height: 100px;
}

.image-overlay-item:not(.no-overlay) [class*='title'] {
    transition: all 0.5s;
    padding-bottom: 0;
}

.image-overlay-item:not(.no-overlay) .caption {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .image-overlay-item:not(.no-overlay) .caption {
        padding-bottom: 30px;
        opacity: 0;
        transition: all 1s;
    }
}

.image-overlay-item:not(.no-overlay).faq-item {
    background: #4d4949 url(../images/faq-big-icon.svg) no-repeat 100% 100%;
}

.image-overlay-item:not(.no-overlay).subscribe-form {
    background-color: #4d4949;
}

    .image-overlay-item:not(.no-overlay).subscribe-form .inner {
        position: relative;
        bottom: auto;
        max-height: none;
        padding-right: 0;
        background: none;
    }

    .image-overlay-item:not(.no-overlay).subscribe-form .title-2 {
        padding-bottom: 40px;
    }

    .image-overlay-item:not(.no-overlay).subscribe-form [class*='btn'] {
        float: right;
        background-color: #ed1c24;
        color: white;
    }

    .image-overlay-item:not(.no-overlay).subscribe-form .form-group {
        overflow: hidden;
    }

@media only screen and (max-width: 991px) {
    .image-overlay-item:not(.no-overlay).subscribe-form .form-control,
    .image-overlay-item:not(.no-overlay).subscribe-form [class*='btn'] {
        padding: 0 12px;
    }
}

.no-touch.desktop a.image-overlay-item:hover .inner {
    /*background-image: url('../images/caret-right-red.svg');*/
    max-height: 100%;
}

.no-touch.desktop a.image-overlay-item:hover [class*='title'] {
    padding-bottom: 10px;
}

.no-touch.desktop a.image-overlay-item:hover .caption {
    opacity: 1;
    max-height: 100px;
}

.no-touch.desktop a.image-overlay-item:hover:before {
    background-color: rgba(33, 33, 33, 0.7);
}

.fin-stock-info .info {
    color: #ededee;
    background-color: #4d4949;
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
}

@media only screen and (min-width: 992px) {
    .fin-stock-info .info {
        padding: 30px;
        min-height: 370px;
    }
}

@media only screen and (max-width: 991px) {
    .fin-stock-info .info {
        padding-bottom: 30px;
    }
}

.fin-stock-info .info [class^="title"] {
    color: white;
}

.fin-stock-info .info .more {
    font: 1.125rem/1.4 'synthese-regular';
    padding: 18px 30px 18px 0;
    position: absolute;
    bottom: 0;
    color: #ddd;
    background: url('/images/icon-more.png') 100% center no-repeat;
    /*&:after {
        content: '';
        background: url('../images/caret-right-red.svg') 100% center no-repeat;
        display: inline-block;
        width: 18px;
        height: 30px;
        vertical-align: middle;
      }*/
}

    .fin-stock-info .info .more:hover {
        color: white;
    }

@media only screen and (max-width: 991px) {
    .fin-stock-info .info .more {
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
        bottom: -10px;
    }
}

.fin-stock-info .info.financial ul {
    padding-top: 20px;
}

    .fin-stock-info .info.financial ul li {
        padding: 15px 0;
    }

        .fin-stock-info .info.financial ul li:not(:last-child) {
            border-bottom: 1px solid #7A7474;
        }

        .fin-stock-info .info.financial ul li a {
            font-size: 1.125rem;
            line-height: 1.5;
        }

.fin-stock-info .stock-info-overview {
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 992px) {
    .fin-stock-info .stock-info-overview {
        display: table;
        width: 100%;
    }

        .fin-stock-info .stock-info-overview .info.stock {
            display: table-cell;
            width: 370px;
            vertical-align: top;
        }
}

.fin-stock-info .main-info {
    padding: 30px;
}

@media only screen and (min-width: 992px) {
    .fin-stock-info .main-info {
        display: table-cell;
    }
}

.fin-stock-info .info.stock {
    overflow: hidden;
    margin: 0;
}

.info.stock {
    display: block;
}

    .info.stock [class^="title"].up,
    .info.stock [class^="title"].down {
        margin: 20px 0;
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 25px;
        padding-left: 35px;
    }

    .info.stock [class^="title"].up {
        background-image: url('../images/tri-status-up.svg');
    }

    .info.stock [class^="title"].down {
        background-image: url('../images/stock-down.svg');
    }

    .info.stock .title-4 {
        margin-top: 0;
        color: white;
    }

        .info.stock .title-4.up,
        .info.stock .title-4.down {
            background-size: 16px;
            padding-left: 25px;
            background-position: 0 7px;
            margin-bottom: 10px;
        }

        .info.stock .title-4 span {
            padding-left: 10px;
            font-family: Arial, san-serif;
        }

        .info.stock .title-4 img.status {
            height: 18px;
            margin-top: -5px;
            padding-right: 10px;
        }

    .info.stock.grey {
        padding: 20px;
        color: #b5adad;
        background: #4d4949;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    }

        .info.stock.grey .title-5 {
            padding: 5px 0;
            color: white;
        }

    .info.stock table {
        table-layout: fixed;
        width: 100%;
        max-width: 300px;
    }

@media only screen and (min-width: 992px) {
    .info.stock table {
        margin-left: 23px;
    }
}

.info.stock table td {
    font-size: 1.125rem;
    padding: 12px 0;
}

.info.stock .date {
    font-size: 0.875rem;
    line-height: 1.5;
}

.info.stock ul {
    padding-top: 20px;
}

.row-flex .info.stock {
    height: 100%;
}

.info.stock .top-inner {
    min-height: 85px;
}

.info.stock .table-stock {
    padding-bottom: 0;
    padding: 10px 0;
}

    .info.stock .table-stock [class^="title"].up,
    .info.stock .table-stock [class^="title"].down {
        margin: 20px 0;
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 25px;
        padding-left: 35px;
    }

    .info.stock .table-stock [class^="title"].up {
        background-image: url('../images/tri-status-up.svg');
    }

    .info.stock .table-stock [class^="title"].down {
        background-image: url('../images/stock-down.svg');
    }

    .info.stock .table-stock .title-4 {
        margin-top: 0;
        color: white;
    }

        .info.stock .table-stock .title-4.up,
        .info.stock .table-stock .title-4.down {
            background-size: 16px;
            padding-left: 25px;
            background-position: 0 7px;
            margin-bottom: 10px;
            margin-top: 5px;
        }

        .info.stock .table-stock .title-4 span {
            font: 1.3rem/1.33 'synthese-bold';
            padding-left: 0;
            font-family: 'synthese-bold';
        }

        .info.stock .table-stock .title-4 img.status {
            height: 18px;
            margin-top: -5px;
            padding-right: 10px;
        }

    .info.stock .table-stock [class^="title"].up,
    .info.stock .table-stock [class^="title"].down {
        background-position: 0 8px;
    }

    .info.stock .table-stock [class^="col-"] {
        padding-bottom: 0;
    }

    .info.stock .table-stock table td {
        font-size: 0.9rem;
        padding: 9px 0;
    }

    .info.stock .table-stock .title-2 {
        line-height: 30px;
    }

    .info.stock .table-stock + .table-stock {
        border-top: 1px solid #7A7474;
        padding-top: 10px;
        margin-top: 10px;
    }

@media only screen and (max-width: 767px) {
    .info.stock .table-stock + .table-stock {
        margin-top: 25px;
    }
}

a.info.stock:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
}

.info-stock .main-info {
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.center-stock .info.stock .top-inner {
    min-height: 0;
}

.center-stock .inner-info {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .center-stock .inner-info .col {
        width: 49%;
        float: left;
    }

        .center-stock .inner-info .col:first-child {
            border-right: 1px solid rgba(237, 237, 237, 0.3);
        }

        .center-stock .inner-info .col:last-child {
            padding-left: 20px;
        }
}

.contact-us {
    background-color: #ED1C24;
}

@media only screen and (max-width: 767px) {
    .contact-us {
        display: none;
    }
}

.contact-us ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 -6.5%;
}

    .contact-us ul > li {
        text-align: center;
        flex-basis: 20%;
        padding-top: 30px;
    }

@media only screen and (max-width: 991px) {
    .contact-us ul > li {
        flex-basis: 33%;
    }
}

.contact-us .btn-white {
    margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us .btn-white {
        margin-top: 30px;
    }
}

.contact-us .question {
    font-family: 'synthese-regular';
    font-size: 2.25rem;
}

.contact-us .timezone {
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

    .contact-us .timezone > * {
        cursor: pointer;
    }

    .contact-us .timezone.clock .frame {
        background: url('../images/clock-frame.svg') no-repeat;
    }

@media only screen and (max-width: 767px) {
    .contact-us .timezone {
        transform: scale(0.85);
    }
}

.contact-us .timezone .frame {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    margin-bottom: 10px;
}

    .contact-us .timezone .frame > img {
        width: 80px;
        height: 80px;
    }

.contact-us .timezone .hour-hand {
    width: 3px;
    height: 20px;
    background-image: url('../images/clock-hand-hour.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 38px;
}

.contact-us .timezone .minute-hand {
    width: 4px;
    height: 29px;
    background-image: url('../images/clock-hand-minute.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 38px;
}

.contact-us .timezone .second-hand {
    width: 1px;
    height: 31px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: 39px;
}

.contact-us .timezone .pin {
    width: 3px;
    height: 3px;
    background: white;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.contact-us .timezone .hour-hand,
.contact-us .timezone .minute-hand,
.contact-us .timezone .second-hand {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    border-top-left-radius: 60%;
    border-top-right-radius: 60%;
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 70%;
}

.contact-us .timezone .spacetime {
    min-height: 25px;
    display: block;
}

[data-section='ir-email'] iframe {
    width: 100%;
    height: 500px;
}

@media only screen and (max-width: 480px) {
    [data-section='ir-email'] iframe {
        height: 600px;
    }
}

.categories {
    background: #ededee;
    padding: 30px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .categories {
        padding: 0;
        background: none;
    }
}

.categories .text-small {
    /* font-family: @font-arial-mt;*/
    color: black;
}

.categories a {
    display: block;
    padding: 10px 0;
    font: 1rem/1.56 'synthese-bold';
}

.no-touch.desktop .categories a:hover {
    color: #ed1c24;
}

.categories a.active {
    color: #ed1c24;
}

.ir-contact {
    padding: 30px;
    color: black;
}

    .ir-contact p {
        line-height: 1.5;
    }

.calendar-container {
    height: 538px;
    left: 50%;
    margin: -255px 0 0 -245px;
    position: absolute;
    top: 45%;
    width: 510px;
}



@media only screen and (max-width: 767px) {
    .calendar table {
        width: 100%;
        transform: scale(0.9);
        margin-top: 10px;
    }
}

.calendar .title-7 {
    border-bottom: solid 1px #817979;
    padding: 0 0 30px;
    margin-bottom: 30px;
}

.calendar .event-days td {
    color: #817979;
    font: 1.125rem 'synthese-regular';
}

@media only screen and (min-width: 768px) {
    .calendar {
        padding: 30px;
    }
}

.calendar header {
    position: relative;
    margin-top: 23px;
}

@media only screen and (min-width: 768px) {
    .calendar header {
        width: 57%;
    }
}

.calendar header .month {
    text-align: center;
    font: 1.5rem 'synthese-regular';
    color: black;
}

.calendar thead {
    font-weight: 600;
}

.calendar tbody {
    color: #7c8a95;
}

    .calendar tbody td:hover {
        /* border: 2px solid #c0392b;
    border-radius: 50%;
    position: absolute;
    height: 64px;
    width: 64px;*/
    }

.calendar td {
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
    position: relative;
}

    .calendar td span {
        border-radius: 50%;
        display: inline-block;
        width: 3rem;
        height: 3rem;
        color: black;
    }

    .calendar td.event span {
        color: #ed1c24;
    }

    .calendar td.event.active span {
        background: #c0392b;
        color: #f9f9f9;
    }

.event {
    cursor: pointer;
    position: relative;
    color: #ed1c24;
}

    .event.green-event:after {
        background: #009E82;
    }

    .event.blue-event:after {
        background: #0078AB;
    }

    .event.current-day:after {
        background: #f9f9f9;
    }

.btn-prev,
.btn-next {
    color: #cbd1d2;
    height: 32px;
    font-size: 22px;
    line-height: 28px;
    margin: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    background: url(../images/icons/icon-down.svg) no-repeat center center;
    border: none;
}

.btn-prev {
    left: 15px;
    transform: rotate(90deg);
}

.btn-next {
    right: 15px;
    transform: rotate(-90deg);
}

.list {
    background-color: #4d4949;
    padding: 15px;
}

@media only screen and (min-width: 768px) {
    .list {
        padding: 30px;
        position: absolute;
        right: 0;
        width: 40%;
        top: 0;
        bottom: 0;
        overflow-y: auto;
    }
}

.close {
    color: #A4AAAB;
    margin-top: -15px;
    margin-right: 10px;
    float: right;
}

.day-event {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 50px;
    color: white;
    display: none;
}

    .day-event p {
        padding-top: 20px;
        padding-bottom: 20px;
    }
/*span {
    background-color:#373740;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-weight:700;
    color:#FFF;
    font-size:.85em;
    letter-spacing:2px;
    text-decoration:none;
    font-family:'PT Sans', sans-serif;
    text-align:center;
    width:100%;
    height:50px;
    line-height:50px;
    cursor:pointer;
    display:block;
    margin: 0 auto;
    -webkit-transition:background-color 150ms ease-in;
    -moz-transition:background-color 150ms ease-in;
    -ms-transition:background-color 150ms ease-in;
    -o-transition:background-color 150ms ease-in;
    transition:background-color 150ms ease-in;
}

span:hover {
    background-color:#c0392b;
}*/
.print-btn {
    padding: 1px 14px 5px 14px;
}

.event-item {
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 25px;
    color: black;
    position: relative;
    padding: 25px 25px 55px 25px;
    min-height: 220px;
}

    .event-item .text-default {
        padding: 10px 0;
    }

    .event-item .text-small {
        position: absolute;
        bottom: 25px;
        left: 25px;
    }

.event-tab .tab-header {
    width: auto;
    background: none;
    box-shadow: none;
    border: solid 1px rgba(181, 173, 173, 0.5);
}

    .event-tab .tab-header li {
        float: left;
        display: inline-block;
    }

        .event-tab .tab-header li:first-child {
            border-right: solid 1px rgba(181, 173, 173, 0.5);
        }

        .event-tab .tab-header li:after {
            content: none;
        }

    .event-tab .tab-header a {
        box-shadow: none;
        display: block;
        width: auto;
        text-align: left;
        color: #4d4949;
        padding-left: 65px;
        background-color: #ededee;
        background-position: 20px center;
        background-repeat: no-repeat;
        padding-right: 5px;
    }

@media only screen and (min-width: 768px) {
    .event-tab .tab-header a {
        min-width: 195px;
    }
}

.event-tab .tab-header a.icon-calendar {
    background-image: url(../images/icons/icon-calendar.svg);
}

.event-tab .tab-header a.icon-table-view {
    background-image: url(../images/icons/icon-table-view.svg);
}

.event-tab .tab-header a.icon-grid-view {
    background-image: url(../images/icons/icon-grid-view.svg);
}

.no-touch.desktop .event-tab .tab-header a:hover {
    color: black;
}

.event-tab .tab-header a:before {
    content: none;
}

.event-tab .tab-header a.active {
    color: #ed1c24 !important;
    background-color: white;
}

    .event-tab .tab-header a.active.icon-calendar {
        background-image: url(../images/icons/icon-calendar-active.svg);
    }

    .event-tab .tab-header a.active.icon-table-view {
        background-image: url(../images/icons/icon-table-view-active.svg);
    }

    .event-tab .tab-header a.active.icon-grid-view {
        background-image: url(../images/icons/icon-grid-view-active.svg);
    }

.video-info {
    padding: 30px;
}

@media only screen and (min-width: 992px) {
    .video-info .text-default {
        padding-top: 20px;
    }
}

.video-gallery {
    padding-bottom: 35px;
    padding-top: 10px;
}

@media only screen and (max-width: 991px) {
    .video-gallery .inner-container {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .video-gallery .mobile-wrapper {
        max-height: 380px;
        overflow: hidden;
    }
}

.video-gallery .slick-slider {
    margin: 0 -10px;
}

    .video-gallery .slick-slider .slick-arrow {
        box-shadow: none;
        background: transparent;
        border-radius: 0;
        border: none;
        background-repeat: no-repeat;
        background-position: center center;
        width: 53px;
        height: 53px;
        transition: all .3s;
    }

        .video-gallery .slick-slider .slick-arrow.slick-prev {
            left: -120px;
            background-image: url('../images/vid-prev.svg');
        }

.no-touch.desktop .video-gallery .slick-slider .slick-arrow.slick-prev:hover {
    margin-left: -5px;
}

.video-gallery .slick-slider .slick-arrow.slick-next {
    right: -120px;
    background-image: url('../images/vid-next.svg');
}

.no-touch.desktop .video-gallery .slick-slider .slick-arrow.slick-next:hover {
    margin-right: -5px;
}

.video-gallery .slick-slider .item {
    width: 335px;
    padding: 20px 15px;
}

@media only screen and (max-width: 1024px) {
    .video-gallery .slick-slider .item {
        width: 322px;
    }
}

@media only screen and (max-width: 767px) {
    .video-gallery .slick-slider .item {
        width: 270px;
        padding: 10px;
    }
}

.video-gallery .slick-slider .item .text-default {
    padding: 10px 0;
}

.video-gallery .slick-slider .item .thumbnail {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 173px;
    position: relative;
    margin-bottom: 20px;
}

    .video-gallery .slick-slider .item .thumbnail:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url('../images/vid-play.svg') center center no-repeat;
        opacity: 0.8;
        transition: opacity .3s;
    }

    .video-gallery .slick-slider .item .thumbnail:hover:after {
        opacity: 1;
    }

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
}

    .video-popup > div {
        display: table-cell;
        text-align: center;
        position: relative;
        vertical-align: middle;
        max-width: 80%;
        max-height: 80%;
    }

    .video-popup #ytplayer-b {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        padding: 5% 15%;
    }

.full-screen-carousel {
    position: relative;
    width: 100%;
}

    .full-screen-carousel .carousel .item {
        position: relative;
        height: calc(100vw / 1.78);
        height: -moz-calc(100vw / 1.78);
        height: -webkit-calc(100vw / 1.78);
        height: -o-calc(100vw / 1.78);
    }

@media only screen and (min-width: 1200px) {
    .full-screen-carousel .carousel .item {
        height: 700px;
    }
}

.full-screen-carousel .carousel-nav {
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 99;
    max-width: 505px;
    width: 100%;
    margin: -90px auto 30px;
    padding: 0 20px;
}

@media only screen and (max-width: 480px) {
    .full-screen-carousel .carousel-nav {
        margin: -30px auto 0;
    }
}

@media only screen and (max-width: 375px) {
    .full-screen-carousel .carousel-nav {
        margin: -22px auto 0;
    }
}

.full-screen-carousel .carousel-nav .slick-track {
    left: 0 !important;
}

.full-screen-carousel .carousel-nav .item {
    height: 60px;
    border: 1px solid #FFF;
    position: relative;
    margin: 0 4px;
    width: 109px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

    .full-screen-carousel .carousel-nav .item.slick-current {
        border: 1px solid #ed1c24;
    }

@media only screen and (max-width: 375px) {
    .full-screen-carousel .carousel-nav .item {
        height: 44px;
    }
}

.full-screen-carousel.has-panorama .carousel .item {
    height: 625px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-panorama .carousel .item {
        max-height: 625px;
        height: calc(100vw * 1.29);
        height: -moz-calc(100vw * 1.29);
        height: -webkit-calc(100vw * 1.29);
        height: -o-calc(100vw * 1.29);
    }
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-panorama .carousel-nav {
        position: relative;
        margin: 20px auto 0 !important;
    }
}

.full-screen-carousel .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .full-screen-carousel .thumb > video {
        min-width: 100%;
    }

.full-screen-carousel .slick-arrow {
    transition: all 0.3s;
}

.full-screen-carousel .slick-prev {
    transform: rotate(180deg);
}

    .full-screen-carousel .slick-prev:hover {
        margin-left: -5px;
    }

.full-screen-carousel .slick-next:hover {
    margin-right: -5px;
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-logo {
        background: rgba(0, 0, 0, 0.8);
        padding-bottom: 20px;
    }
}

.full-screen-carousel.has-logo img {
    margin: 0 auto;
    max-width: 70%;
}

.full-screen-carousel.has-logo .slick-arrow {
    background-image: url(../images/caret-right.svg);
    background-size: contain;
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-logo .slick-arrow {
        width: 38px;
        height: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-logo .carousel-nav {
        margin-top: -23px;
        margin-bottom: 0;
    }
}

.full-screen-carousel.has-logo .carousel-nav .item {
    border: none;
    height: 50px;
    width: 80px !important;
}

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-logo .carousel-nav .item {
        width: 60px !important;
        height: 40px;
    }
}

.full-screen-carousel.has-logo .carousel-nav .item:before {
    content: '';
    background: black;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    transition: all 0.3s;
}

.full-screen-carousel.has-logo .carousel-nav .item.slick-current {
    width: 93px !important;
    height: 58px;
    border: 1px solid #FFF;
}

    .full-screen-carousel.has-logo .carousel-nav .item.slick-current:before {
        content: none;
    }

@media only screen and (max-width: 767px) {
    .full-screen-carousel.has-logo .carousel-nav .item.slick-current {
        width: 68px !important;
        height: 46px;
        border: 2px solid white;
    }
}

.no-touch.desktop .carousel-nav .thumb {
    cursor: pointer;
}

    .no-touch.desktop .carousel-nav .thumb:hover {
        opacity: 0.9;
    }

.core-values {
    text-align: center;
}

    .core-values .visual {
        height: 115px;
        vertical-align: middle;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
    }

    .core-values p {
        padding: 10px 0;
        color: #4d4949;
    }

.register-block {
    background-color: #ededee;
    padding: 40px 65px;
}

@media only screen and (max-width: 991px) {
    .register-block {
        padding: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .register-block {
        padding: 30px 20px;
    }
}

.register-block ol {
    list-style: decimal;
    margin-left: 18px;
}

    .register-block ol li {
        margin-bottom: 20px;
    }

.study-group + .study-group {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 20px;
    margin-top: 10px;
}

.declaration-submission {
    background-color: #ededee;
    padding: 40px 65px;
    font-size: 1rem;
    line-height: 1.5;
}

    .declaration-submission .info {
        max-height: 305px;
        overflow: auto;
        padding-right: 45px;
    }

@media only screen and (max-width: 991px) {
    .declaration-submission .info {
        padding-right: 30px;
    }
}

.declaration-submission p {
    font-size: 1rem;
}

.declaration-submission li {
    margin-bottom: 5px;
}

.declaration-submission p + p,
.declaration-submission p + ol {
    padding-top: 5px;
}

.declaration-submission ol {
    list-style: lower-roman;
    padding-left: 38px;
}

.awards-block {
    margin-top: -80px;
    background-color: #4d4949;
}

    .awards-block [class*="title"],
    .awards-block p,
    .awards-block span,
    .awards-block a {
        color: #FFF;
    }

    .awards-block p,
    .awards-block span {
        line-height: 1.55em;
    }

        .awards-block p + p {
            margin-top: 5px;
        }

    .awards-block.no-top-margin {
        margin-top: 0px;
    }

    .awards-block .awards .row {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin: 0;
        padding: 25px 0;
    }

        .awards-block .awards .row:last-child {
            border-bottom: none;
        }

        .awards-block .awards .row [class*="col-"] {
            padding-left: 0;
            padding-right: 80px;
        }

@media only screen and (max-width: 767px) {
    .awards-block .awards .row [class*="col-"] {
        padding-right: 20px;
    }
}

.awards-block .awards .row [class*="col-"]:nth-child(2n) {
    padding-right: 0;
}

.awards-block .btn-default span {
    color: #4a4a4a;
}

.awards-block .btn-default:active {
    background: black;
}

    .awards-block .btn-default:active span {
        color: white;
    }

.no-touch.desktop .awards-block .btn-default:hover {
    background: black;
}

    .no-touch.desktop .awards-block .btn-default:hover span {
        color: white;
    }

.awards-block .awards-header {
    color: white;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
}

    .awards-block .awards-header div {
        font-family: 'synthese-bold';
        display: inline;
    }

        .awards-block .awards-header div:last-child {
            margin-left: 52%;
        }

.awards-block .awards-bullets-container {
    display: table;
    list-style: disc;
}

    .awards-block .awards-bullets-container:before {
        display: table-cell;
        /* aha! */
        text-align: right;
    }

.awards-block .award-bullet {
    font-family: Arial, sans-serif;
}

.steps {
    padding-bottom: 40px;
}

    .steps ul {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .steps ul li {
            display: table-cell;
            text-align: center;
            vertical-align: top;
        }

            .steps ul li a {
                position: relative;
                display: block;
                padding: 40px 40px 0 40px;
                line-height: 1.43;
                letter-spacing: .7px;
                color: #A6A4A4;
                font-size: 0.875em;
            }

@media only screen and (max-width: 991px) {
    .steps ul li a {
        padding: 40px 20px 0;
        font-size: 0.75em;
    }
}

@media only screen and (max-width: 480px) {
    .steps ul li a {
        padding: 0;
        font-size: 0;
        min-height: 30px;
    }
}

.steps ul li a:before {
    content: '';
    background: #FFF url('../images/icons/icon-step-default.svg') center no-repeat;
    height: 26px;
    width: 26px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    background-size: cover;
    z-index: 2;
    border-radius: 50%;
}

.steps ul li a:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #C0BCBC;
    position: absolute;
    top: 13px;
    left: 50%;
    z-index: 1;
}

.steps ul li:last-child a:after {
    display: none;
}

.steps ul li.current > a,
.steps ul li.done > a {
    font-weight: bold;
    color: #e8e8e8;
}

    .steps ul li.current > a:before,
    .steps ul li.done > a:before {
        background: #FFF url('../images/icons/icon-step-active.svg') center no-repeat;
        background-size: cover;
    }

.steps ul li.disabled a {
    cursor: default;
}

.phrase-2-steps {
    padding-bottom: 40px;
}

    .phrase-2-steps ul {
        width: 100%;
        display: block;
    }

@media only screen and (min-width: 768px) {
    .phrase-2-steps ul {
        display: table;
        table-layout: fixed;
    }
}

.phrase-2-steps ul li {
    display: block;
    position: relative;
    padding-left: 10px;
}

    .phrase-2-steps ul li a {
        display: block;
        cursor: default;
        pointer-events: none;
        padding: 0 10px 35px 30px;
    }

        .phrase-2-steps ul li a > span {
            position: relative;
            display: block;
            line-height: 1.154;
            letter-spacing: .7px;
            color: #e8e8e8;
            font-size: 13px;
        }

@media only screen and (max-width: 991px) {
    .phrase-2-steps ul li a > span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) {
    .phrase-2-steps ul li a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0 10px 40px;
    }

        .phrase-2-steps ul li a > span {
            height: 50px;
        }
}

.phrase-2-steps ul li.disabled a > span {
    cursor: default;
}

.phrase-2-steps ul li:before {
    content: '';
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    background-color: #282828;
    height: 16px;
    width: 16px;
    border: 1px solid #FFF;
}

@media only screen and (max-width: 767px) {
    .phrase-2-steps ul li:before {
        left: 0;
        top: -3px;
    }
}

.phrase-2-steps ul li:after {
    content: "";
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background-color: #FFF;
    left: 7px;
    height: 100%;
    width: 1px;
}

.phrase-2-steps ul li.done:not(.active):after {
    height: 3px;
    background-color: #0f9000;
    bottom: -1px;
}

@media only screen and (max-width: 767px) {
    .phrase-2-steps ul li.done:not(.active):after {
        height: 100%;
        width: 3px;
        left: 6px;
    }
}

.phrase-2-steps ul li:last-child:after {
    display: none;
}

@media only screen and (max-width: 767px) {
    .phrase-2-steps ul li:last-child a {
        padding-bottom: 0;
    }
}

.phrase-2-steps ul li.done:before {
    background-color: #0f9000;
    height: 16px;
    width: 16px;
    border-color: transparent;
}

.phrase-2-steps ul li.active:before {
    background: #0f9000 url('../images/icons/icon-progress.svg') center no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    bottom: -14px;
    border-color: transparent;
}

@media only screen and (max-width: 767px) {
    .phrase-2-steps ul li.active:before {
        left: -7px;
        top: -10px;
        bottom: auto;
    }
}

@media only screen and (min-width: 768px) {
    .phrase-2-steps ul li {
        display: table-cell;
        text-align: center;
        vertical-align: top;
        padding-left: 0;
    }

        .phrase-2-steps ul li:before {
            bottom: -7px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .phrase-2-steps ul li:after {
            width: 100%;
            height: 1px;
            left: 50%;
        }
}

.steps-info .list-numberic {
    list-style-type: decimal-leading-zero;
    padding-left: 5px;
    display: inline-flex;
    flex-direction: column-reverse;
    width: 100%;
}

    .steps-info .list-numberic li {
        color: #817979;
        width: 100%;
    }

        .steps-info .list-numberic li .flows {
            font-size: 1.25rem;
            line-height: 1.5;
            padding-top: 10px;
        }

        .steps-info .list-numberic li p,
        .steps-info .list-numberic li span {
            color: #817979;
        }

        .steps-info .list-numberic li.done p,
        .steps-info .list-numberic li.done span {
            color: #FFF;
        }

        .steps-info .list-numberic li.in-progress p,
        .steps-info .list-numberic li.in-progress span {
            color: #FFF;
        }

        .steps-info .list-numberic li:last-child > .flows {
            padding-top: 0;
        }

        .steps-info .list-numberic li span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

        .steps-info .list-numberic li .ico-status {
            vertical-align: middle;
            display: inline-block;
        }

@media only screen and (max-width: 767px) {
    .steps-info {
        padding-top: 0;
    }

        .steps-info .list-numberic li .flows {
            padding-top: 10px;
        }

        .steps-info .list-numberic li p,
        .steps-info .list-numberic li span {
            font-size: 1rem;
        }
}

fieldset {
    border: none;
}

.wizard {
    display: block;
    width: 100%;
    /* overflow: hidden;*/
}

    .wizard a {
        outline: 0;
    }

    .wizard ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

    .wizard .g-recaptcha {
        margin-bottom: 30px;
    }

    .wizard > .steps {
        position: relative;
        display: block;
    }

@media only screen and (max-width: 480px) {
    .wizard > .steps {
        margin: 0 -10px;
    }
}

.wizard > .steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard > .steps .number {
    font-size: 1.429em;
}

.wizard > .content {
    display: block;
    overflow: hidden;
    position: relative;
}

    .wizard > .content > .title {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .body {
        float: left;
    }

        .wizard > .content > .body ul {
            list-style: disc !important;
        }

            .wizard > .content > .body ul > li {
                display: list-item;
            }

        .wizard > .content > .body > iframe {
            border: 0 none;
            width: 100%;
            height: 100%;
        }

        .wizard > .content > .body input[type="checkbox"] {
            display: inline-block;
            position: absolute;
            opacity: 0;
            z-index: 1;
        }

        .wizard > .content > .body input.error,
        .wizard > .content > .body textarea.error {
            border: 1px solid #ed1c24;
        }

        .wizard > .content > .body label {
            display: inline-block;
            margin-bottom: 0.5em;
        }

            .wizard > .content > .body label.error {
                color: #ed1c24;
                display: inline-block;
                margin-left: 1.5em;
                display: none !important;
            }

        .wizard > .content > .body select.form-control {
            display: block !important;
        }

@media only screen and (min-width: 768px) {
    .wizard > .content > .body select.form-control {
        opacity: 0;
        position: absolute;
    }
}

.wizard > .actions {
    position: relative;
    display: block;
    width: 100%;
}

    .wizard > .actions ul {
        text-align: center;
    }

@media only screen and (min-width: 768px) {
    .wizard > .actions ul li {
        float: left;
    }
}

input[type="file"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.upload-document {
    overflow: hidden;
}

    .upload-document .link-ic {
        clear: both;
        float: left;
        padding-left: 0;
        position: relative;
        white-space: nowrap;
    }

        .upload-document .link-ic > label {
            vertical-align: top;
        }

        .upload-document .link-ic span {
            white-space: nowrap;
            max-width: calc((100vw - 70px));
            max-width: -moz-calc((100vw - 70px));
            max-width: -webkit-calc((100vw - 70px));
            max-width: -o-calc((100vw - 70px));
            display: inline-block;
            vertical-align: middle;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .upload-document label.error,
    .wizard > .content > .body .upload-document label.error {
        display: block !important;
        margin: 0;
        font-size: 15px;
    }

.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .tabcontrol a {
        outline: 0;
    }

    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .tabcontrol > .steps .current-info {
            position: absolute;
            left: -999em;
        }

        .tabcontrol > .steps > ul {
            position: relative;
            margin: 6px 0 0 0;
            top: 1px;
            z-index: 1;
        }

            .tabcontrol > .steps > ul > li {
                float: left;
                margin: 5px 2px 0 0;
                padding: 1px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                .tabcontrol > .steps > ul > li:hover {
                    background: #edecec;
                    border: 1px solid #bbb;
                    padding: 0;
                }

                .tabcontrol > .steps > ul > li > a {
                    color: #5f5f5f;
                    display: inline-block;
                    border: 0 none;
                    margin: 0;
                    padding: 10px 30px;
                    text-decoration: none;
                }

                    .tabcontrol > .steps > ul > li > a:hover {
                        text-decoration: none;
                    }

                .tabcontrol > .steps > ul > li.current {
                    background: #fff;
                    border: 1px solid #bbb;
                    border-bottom: 0 none;
                    padding: 0 0 1px 0;
                    margin-top: 0;
                }

                    .tabcontrol > .steps > ul > li.current > a {
                        padding: 15px 30px 10px 30px;
                    }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

        .tabcontrol > .content > .title {
            position: absolute;
            left: -999em;
        }

        .tabcontrol > .content > .body {
            float: left;
        }

            .tabcontrol > .content > .body ul {
                list-style: disc !important;
            }

                .tabcontrol > .content > .body ul > li {
                    display: list-item;
                }

@media only screen and (max-width: 1024px) {
    select.form-control.error {
        border: 1px solid #ed1c24;
    }
}

.timeline-intro {
    background-color: #4d4949;
    color: white;
    position: relative;
}

    .timeline-intro .title-4 {
        color: white;
    }

    .timeline-intro .intro {
        float: right;
        width: 79%;
        max-width: 480px;
        padding: 97px 30px 40px 50px;
    }

@media only screen and (max-width: 991px) {
    .timeline-intro .intro {
        max-height: 638px;
        overflow-y: auto;
        padding-bottom: 30px;
        padding-right: 20px;
    }
}

.timeline-intro .link-arrow-reversed {
    color: #b5adad;
    display: inline-block;
    margin-top: 30px;
}

    .timeline-intro .link-arrow-reversed:before {
        content: '';
        background: url(../images/icons/icon-down-grey.svg) no-repeat 0 center;
        width: 12px;
        height: 12px;
        display: inline-block;
        background-size: 12px;
        transform: rotate(90deg);
        margin-right: 5px;
        vertical-align: middle;
    }

.timeline-intro .main-timeline {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    right: 5px;
    top: 140px;
    bottom: 100px;
}

    .timeline-intro .main-timeline span {
        flex-grow: 1;
        flex-basis: 0;
        position: relative;
        padding-right: 20px;
        vertical-align: middle;
    }

        .timeline-intro .main-timeline span:after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            background: white;
            right: -6px;
            top: 6px;
            transform: rotate(135deg);
            display: block;
        }

        .timeline-intro .main-timeline span:before {
            content: '';
            width: 1px;
            position: absolute;
            background: white;
            top: 6px;
            bottom: -6px;
            right: 0;
        }

        .timeline-intro .main-timeline span:last-child:before {
            content: none;
        }

        .timeline-intro .main-timeline span.active-point {
            font: 1.5rem/1.33 'synthese-bold';
            text-align: right;
            padding-right: 15px;
        }

            .timeline-intro .main-timeline span.active-point:after {
                background: #ed1c24;
            }

.timeline-intro .short-timeline {
    position: absolute;
    right: 480px;
    top: 0;
    bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .timeline-intro .short-timeline {
        right: 76%;
    }
}

@media only screen and (max-width: 991px) {
    .timeline-intro .short-timeline {
        left: 0;
        width: 7rem;
    }
}

.timeline-intro .first-point,
.timeline-intro .end-point {
    font: 0.875rem/2 'synthese-bold';
    position: absolute;
    white-space: nowrap;
    right: 0;
}

.timeline-intro .first-point {
    top: 90px;
    right: 0;
}

.timeline-intro .end-point {
    bottom: 90px;
}

.timeline-intro .visual-point {
    width: 1px;
    height: 40px;
    background: linear-gradient(rgba(0, 0, 0, 0.01), #b5adad);
    position: absolute;
    right: 5px;
}

    .timeline-intro .visual-point:before {
        content: '';
        background: #b5adad;
        position: absolute;
        width: 12px;
        height: 12px;
        transform: rotate(135deg);
        bottom: 0;
        right: -6px;
        z-index: 10;
    }

    .timeline-intro .visual-point.top {
        top: 0;
        height: 70px;
    }

    .timeline-intro .visual-point.bottom {
        bottom: 0;
        background: linear-gradient(#b5adad, rgba(0, 0, 0, 0.01));
    }

        .timeline-intro .visual-point.bottom:before {
            top: 0;
            bottom: auto;
        }

.bgd-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.timeline-intro,
.bgd-cover {
    height: 650px;
}

@media only screen and (min-width: 768px) {
    .timeline-intro,
    .bgd-cover {
        float: left;
        width: 50%;
    }
}

.bgd-overlay {
    background: rgba(0, 0, 0, 0.75);
    width: 0;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
}

.full-timeline {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}

    .full-timeline .timeline {
        position: fixed;
        background: #4d4949;
        z-index: 10;
        right: calc((50vw + 450px));
        right: -moz-calc((50vw + 450px));
        right: -webkit-calc((50vw + 450px));
        right: -o-calc((50vw + 450px));
        width: calc((50vw - 450px));
        width: -moz-calc((50vw - 450px));
        width: -webkit-calc((50vw - 450px));
        width: -o-calc((50vw - 450px));
        min-width: 213px;
        top: 0;
        bottom: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        opacity: 0;
        height: 100vh;
    }

@media only screen and (max-width: 1200px) {
    .full-timeline .timeline {
        left: 0;
        right: auto;
    }
}

@media only screen and (max-width: 1280px) {
    .full-timeline .timeline {
        width: 260px;
        right: calc((100vw - 260px));
        right: -moz-calc((100vw - 260px));
        right: -webkit-calc((100vw - 260px));
        right: -o-calc((100vw - 260px));
    }
}

@media only screen and (max-width: 480px) {
    .full-timeline .timeline {
        width: 80vw;
    }
}

.full-timeline .timeline .mCSB_scrollTools {
    opacity: 0;
}

.full-timeline .timeline:before,
.full-timeline .timeline:after {
    content: '';
    background: url(../images/icons/icon-down-white.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    opacity: 0.75;
    cursor: default;
}

.full-timeline .timeline:before {
    margin-left: -15px;
    top: 0;
    transform: rotate(180deg);
}

.full-timeline .timeline:after {
    bottom: 0;
}

.full-timeline .timeline-carousel {
    height: 100%;
}

    .full-timeline .timeline-carousel .title-5 {
        color: white;
        position: relative;
        z-index: 2;
        padding: 20px;
    }

.full-timeline .point {
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    z-index: 10;
    text-align: right;
    height: 100px;
    padding-right: 30px;
    width: 213px;
    min-width: 200px;
    float: right;
}

@media only screen and (min-width: 1600px) {
    .full-timeline .point {
        width: 400px !important;
    }
}

.full-timeline .point.top-point {
    height: 140px;
}

    .full-timeline .point.top-point span {
        margin-top: 15px;
    }

    .full-timeline .point.top-point:before {
        height: 0;
    }

.full-timeline .point.active {
    z-index: 20;
    color: white;
}

    .full-timeline .point.active:after {
        background: #ed1c24;
    }

    .full-timeline .point.active span {
        color: white;
    }

        .full-timeline .point.active span:after {
            background: #ed1c24;
        }

.full-timeline .point:after {
    content: '';
    background: white;
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 50%;
    right: 24px;
    transform: rotate(135deg) translateY(-50%);
    z-index: 10;
}

.full-timeline .point:before {
    content: '';
    width: 1px;
    position: absolute;
    background: white;
    top: -66%;
    bottom: 50%;
    right: 25px;
}

.full-timeline .point:first-child {
    z-index: 11;
}

    .full-timeline .point:first-child span:after {
        bottom: 22px;
    }

    .full-timeline .point:first-child:before {
        content: none;
    }

.full-timeline .point span {
    color: #b5adad;
    font: 0.875rem/1.5 Arial, san-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    z-index: 10;
    max-width: 260px;
    padding-right: 20px;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 105px;
}

    .full-timeline .point span strong {
        font-weight: bold;
    }

.no-touch.desktop .full-timeline .point span:hover {
    color: white;
}

.event-point {
    height: 630px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: right;
    width: 100%;
    float: right;
    z-index: 1;
    padding: 0 20px;
}

.bgd-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    left: -9999px;
}

.container .history {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .container .history {
        height: 650px;
    }
}

.container .history.active {
    z-index: inherit;
}

    .container .history.active .full-timeline {
        visibility: visible;
        opacity: 1;
    }

    .container .history.active .timeline {
        opacity: 1;
    }

    .container .history.active .bgd-overlay {
        left: 0;
        display: block;
    }

.tablet .container .history .link-arrow-reversed.desktop,
.mobile .container .history .link-arrow-reversed.desktop {
    display: none;
}

.desktop.no-touch .container .history .link-arrow-reversed.device {
    display: none;
}

.static-state .content-item {
    display: none;
}

    .static-state .content-item.active {
        display: block;
    }

.si-filter {
    border: 1px solid black;
    background-color: #EDEDEE;
}

    .si-filter .filtabs {
        display: inline-block;
        width: 100%;
    }

@media only screen and (max-width: 991px) {
    .si-filter .filtabs {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .si-filter .filtabs .fil {
        padding: 20px 0;
        max-width: 225px;
    }
}

.si-filter .filtabs .fil > a {
    padding: 5px 15px 5px 50px;
    font-family: 'synthese-regular';
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 0.8275rem;
    line-height: 32px;
    cursor: pointer;
}

    .si-filter .filtabs .fil > a:before {
        content: '';
        position: absolute;
        border-radius: 50%;
        background-color: white;
        height: 22px;
        width: 22px;
        border: 4px solid white;
        top: 10px;
        left: 20px;
    }

    .si-filter .filtabs .fil > a > img {
        float: right;
        height: 33px;
        width: 33px;
    }

@media only screen and (max-width: 767px) {
    .si-filter .filtabs .fil > a {
        padding-left: 60px;
        text-align: left;
        margin-right: 0;
    }

        .si-filter .filtabs .fil > a:before {
            left: 20px;
        }

        .si-filter .filtabs .fil > a img {
            height: 1.5rem;
        }
}

.si-filter .filtabs .fil.active > a:before {
    background-color: #ed1c24;
}

.si-filter .filtabs .fil:not(:first-child) > a {
    border-left: 1px solid #ccc;
}

.si-filter .filtabs .dropdown {
    padding: 27px 30px 25px;
    text-align: right;
    float: right;
}

    .si-filter .filtabs .dropdown > a {
        display: inline-block;
        font-family: 'synthese-regular';
        padding: 5px 25px;
        font-size: 0.8275rem;
        position: relative;
    }

        .si-filter .filtabs .dropdown > a:after {
            content: '';
            right: 0;
            width: 20px;
            height: 20px;
            transition: all 0.3s;
            position: absolute;
            background-image: url('../images/icons/icon-down.svg');
            background-repeat: no-repeat;
            background-position: 100% center;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .si-filter .filtabs .dropdown {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .si-filter .filtabs .dropdown {
        text-align: left;
        padding-left: 0;
        width: auto;
        float: none;
    }

        .si-filter .filtabs .dropdown > a {
            display: block;
            padding-left: 30px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .si-filter .filtabs .col-sm-4.col-md-3:first-child,
    .si-filter .filtabs .clearfix + .col-sm-4.col-md-3,
    .si-filter .filtabs .grid + .col-sm-4.col-md-3,
    .si-filter .filtabs .grid-fluid + .col-sm-4.col-md-3,
    .si-filter .filtabs .row + .col-sm-4.col-md-3 {
        width: 100%;
    }

    .si-filter .filtabs .fil.col-sm-4.col-md-3 {
        width: 33.33333333%;
    }
}

.si-filter .panels {
    display: none;
}

    .si-filter .panels .panel {
        overflow-x: hidden;
        box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    }

        .si-filter .panels .panel .border-top {
            border-top: 1px solid #b5adad;
        }

        .si-filter .panels .panel .row-flex [class^="col-"] {
            padding: 0;
        }

            .si-filter .panels .panel .row-flex [class^="col-"] .cushion {
                padding: 25px 15px;
            }

@media only screen and (min-width: 992px) {
    .si-filter .panels .panel .row-flex [class^="col-"]:not(:last-child) {
        border-right: 1px solid #ccc;
    }
}

@media only screen and (max-width: 991px) {
    .si-filter .panels .panel .row-flex [class^="col-"] {
        width: 100%;
    }

        .si-filter .panels .panel .row-flex [class^="col-"] .cushion {
            padding: 25px;
        }
}

@media only screen and (min-width: 992px) {
    .si-filter .panels .panel .row-flex [class^="col-"] {
        width: 33.33%;
    }
}

@media only screen and (min-width: 992px) {
    .si-filter .panels .panel .row-flex {
        min-height: 525px;
    }
}

.si-filter.expanded .panels {
    display: block;
}

.si-filter.expanded .dropdown > a {
    color: #ED1C24;
}

    .si-filter.expanded .dropdown > a:after {
        transform: rotate(180deg);
    }

.si-filter .dark-grey {
    background-color: #C9C8C8;
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.si-filter .switch {
    height: 60px;
    width: 100%;
    background-color: #EDEDEE;
    font-family: 'synthese-regular';
}

@media only screen and (min-width: 768px) {
    .si-filter .switch {
        min-width: 250px;
    }
}

.si-filter .switch:not(:last-child) {
    margin-bottom: 20px;
}

.si-filter .switch .switch-btn {
    height: 60px;
}

.si-filter .switch label {
    width: 50%;
    height: 60px;
    padding: 20px 20px 20px 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 15px center;
    position: relative;
    float: left;
}

    .si-filter .switch label:first-child .switch-btn {
        border-right: 1px solid #C9C8C8;
    }

.si-filter .switch input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: -9999px;
}

          

        .si-filter .switch input[type="radio"] + .switch-btn span {
            font-size: 0.875rem;
        }

    
        .si-filter .switch input[type="radio"]:checked + .switch-btn .icon-hourglass {
            background-image: url('../images/icons/icon-hourglass-red.svg');
        }

        .si-filter .switch input[type="radio"]:checked + .switch-btn .icon-penny {
            background-image: url('../images/icons/icon-penny-red.svg');
        }

        .si-filter .switch input[type="radio"]:checked + .switch-btn .icon-indexed {
            background-image: url('../images/icons/icon-indexed-red.png');
        }

        .si-filter .switch input[type="radio"]:checked + .switch-btn .icon-absolute {
            background-image: url('../images/icons/icon-absolute-red.png');
        }

.si-filter .heading {
    padding-bottom: 0px;
    margin: 0px;
}

.si-filter .top-border {
    border-top: 1px solid #C1BCBC;
}

.si-filter ul.checklist .cbox {
    width: 33px;
    display: table-cell;
    position: relative;
}

    .si-filter ul.checklist .cbox:after {
        content: '';
        background-color: white;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
    }

.si-filter ul.checklist input[type="checkbox"] {
    display: inline;
    visibility: hidden;
    position: absolute;
    top: -9999px;
}

    .si-filter ul.checklist input[type="checkbox"]:checked ~ .cbox:after {
        background-image: url('../images/icons/icon-check-red.svg');
        background-position: center center;
        background-size: 12px;
        background-repeat: no-repeat;
    }

.si-filter ul.checklist > li {
    padding: 12px 0;
}

    .si-filter ul.checklist > li label {
        font-size: 0.8275rem;        
    }

@media only screen and (max-width: 991px) {
    .si-filter .accordion {
        padding: 0 10px;
    }
}

.si-filter .accordion > * {
    padding-left: 15px;
    padding-right: 15px;
}

.si-filter .accordion-toggle {
    font-size: 0.8275rem;
    display: block;
    padding: 20px 15px;
    font-family: 'synthese-regular';
    cursor: pointer;
    border-top: 1px solid #ccc;
    position: relative;
}

    .si-filter .accordion-toggle:after {
        content: '+';
        font-family: 'arial', helvetica, sans-serif;
        position: absolute;
        top: 17px;
        right: 15px;
        font-size: 24px;
    }

.si-filter .accordion-content {
    border-top: 1px solid #ccc;
    background-color: #E0DEDF;
    max-height: 0;
    transition: all 0.5s;
    overflow: hidden;
}

@media only screen and (min-width: 992px) {
    .si-filter .accordion:last-child {
        border-bottom: 1px solid #ccc;
    }
}

.si-filter .accordion.expanded .accordion-toggle {
    color: #ED1C24;
}

    .si-filter .accordion.expanded .accordion-toggle:after {
        content: '\02015';
        font-size: 0.8125rem;
        top: 20px;
    }

.si-filter .accordion.expanded .accordion-content {
    max-height: 800px;
    transition: all 0.6s;
}
.si-filter .accordion.expanded .accordion-content ul.checklist > li label {
    font-size: 0.8275rem;
}

.item-collection {
    background-color: #4d4949;
    display: block;
}

    .item-collection .logo-wrapper {
        background-color: #808080;
        display: flex;
        vertical-align: middle;
        height: 170px;
        text-align: center;
        justify-content: center;
        align-items: center;
        position: relative;
        border: 1px solid;
    }

        .item-collection .logo-wrapper img {
            max-height: 50px;
            position: relative;
            z-index: 2;
        }

    .item-collection .info {
        color: white;
        min-height: 200px;
        padding: 20px 30px;
    }

        .item-collection .info .title-5 {
            padding-bottom: 10px;
        }

.row-flex .item-collection {
    height: 100%;
}

@media only screen and (min-width: 992px) {
    a.item-collection {
        min-height: 425px;
    }
}

a.item-collection:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.row-flex {
    height: 100%;
}

    .row-flex .col-sm-3 .item-collection .logo-wrapper {
        height: 130px;
    }

        .row-flex .col-sm-3 .item-collection .logo-wrapper:before {
            content: '';
            background: rgba(255, 255, 255, 0.95);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
        }

    .row-flex .col-sm-3 .item-collection .info {
        padding-left: 20px;
        padding-right: 20px;
    }

.portfolio-highlights {
    background: #ededee;
    padding: 15px 30px;
    float: left;
    width: 100%;
    color: #4d4949;
    height: 100%;
}

    .portfolio-highlights .title-4 {
        color: #4d4949;
    }

@media only screen and (max-width: 991px) {
    .portfolio-highlights {
        padding: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-highlights [class*="col-"] + [class*="col-"] {
        padding-top: 20px;
    }
}

.portfolio-highlights.small {
    padding: 30px;
}

.error-page {
    background-color: #ededee;
    padding: 20px;
    min-height: calc((100vh - 150px));
    min-height: -moz-calc((100vh - 150px));
    min-height: -webkit-calc((100vh - 150px));
    min-height: -o-calc((100vh - 150px));
}

@media only screen and (max-width: 991px) {
    .error-page {
        min-height: calc((100vh - 70px));
        min-height: -moz-calc((100vh - 70px));
        min-height: -webkit-calc((100vh - 70px));
        min-height: -o-calc((100vh - 70px));
    }
}

.error-page img {
    max-width: 26vw;
}

.error-page .inner {
    text-align: center;
    margin: 0 auto;
    max-width: 560px;
    padding: 100px 0;
}

@media only screen and (max-width: 767px) {
    .error-page .inner {
        padding: 50px 0;
    }
}

.error-page .title-2 {
    color: #4d4949;
    padding: 40px 0 10px;
}

.error-page .btn-default {
    margin-top: 40px;
}

.enquire {
    background-color: #4d4949;
    color: #ededee;
    padding: 15px 20px;
}

    .enquire .title-4 {
        color: white;
    }

@media only screen and (min-width: 768px) {
    .enquire {
        padding: 20px 35px;
    }

        .enquire [class*='col-']:last-child {
            align-self: center;
            text-align: center;
        }
}

.filter-container {
    background-color: #1D1D1D;
}

    .filter-container.bg-red {
        background-color: #ed1c24;
    }

    .filter-container.bg-dred {
        background-color: #8d1014;
    }

    .filter-container.bg-lred {
        background-color: #f5787c;
    }

    .filter-container.bg-blue {
        background-color: #32a8e5;
    }

    .filter-container.bg-dblue {
        background-color: #155b80;
    }

    .filter-container.bg-lblue {
        background-color: #79c3e8;
    }

    .filter-container.bg-green {
        background-color: #87ba49;
    }

    .filter-container.bg-dgreen {
        background-color: #4f6e2d;
    }

    .filter-container.bg-lgreen {
        background-color: #b7d691;
    }

    .filter-container.bg-yellow {
        background-color: #f39200;
    }

    .filter-container.bg-dyellow {
        background-color: #935600;
    }

    .filter-container.bg-lyellow {
        background-color: #f7be68;
    }

    .filter-container.bg-purple {
        background-color: #5955a1;
    }

    .filter-container.bg-dpurple {
        background-color: #353161;
    }

    .filter-container.bg-lpurple {
        background-color: #9d99c5;
    }

    .filter-container .form-group {
        margin-bottom: 0;
        width: 100%;
    }

@media only screen and (max-width: 767px) {
    .filter-container .form-group {
        margin-bottom: 10px;
    }
}

.filter-container .form-group.cust-select {
    background: #282828;
}

    .filter-container .form-group.cust-select .ui-selectmenu-button {
        background: #282828 !important;
        border: 1px solid #4a4a4a;
        padding: 0 0 0 25px;
    }

        .filter-container .form-group.cust-select .ui-selectmenu-button .ui-selectmenu-icon {
            border-left: 1px solid #4a4a4a;
            right: 0;
            width: 58px;
            background: #000 url(../images/icons/icon-down-white.svg) no-repeat center center;
        }

        .filter-container .form-group.cust-select .ui-selectmenu-button.ui-selectmenu-button-open .ui-icon-triangle-1-s {
            transform: rotateX(180deg);
        }

.filter-container .form-group .ui-selectmenu-text {
    color: rgba(255, 255, 255, 0.87);
    margin-right: 58px;
}

.filter-container .buton-group {
    text-align: right;
    margin-top: 25px;
}

@media only screen and (max-width: 767px) {
    .filter-container .buton-group {
        text-align: left;
        margin-top: 0;
    }
}

.filter-container .buton-group [class*="btn-"] {
    padding: 0 25px;
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

    .filter-container .buton-group [class*="btn-"]:hover {
        color: #000;
        background-color: #FFF;
    }

.filter-container [class*="title-"] {
    margin-top: 25px;
}

@media only screen and (max-width: 767px) {
    .filter-container [class*="title-"] {
        margin-top: 0;
        margin-bottom: 10px;
    }
}

.lifestyle-thumb {
    position: relative;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .lifestyle-thumb {
        margin-bottom: 20px;
    }
}

.lifestyle-thumb div.thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.lifestyle-thumb .thumb {
    transition: all 0.3s;
    height: 100%;
}

.lifestyle-thumb .thumb-wrapper {
    height: 300px !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

    .lifestyle-thumb .thumb-wrapper .thumb-overlay {
        opacity: 0;
        background: rgba(50, 168, 229, 0.76);
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .lifestyle-thumb .thumb-wrapper.gallery-thumb {
        cursor: pointer;
        height: 300px !important;
    }

.lifestyle-thumb:hover .thumb-wrapper .thumb {
    transform: scale(1.1);
}

.lifestyle-thumb:hover .thumb-wrapper .thumb-overlay {
    opacity: 1;
    transition: all 0.3s;
}

.lifestyle-thumb[no-hover]:hover .thumb-wrapper .thumb {
    transform: scale(1);
}

.lifestyle-thumb .info {
    padding: 25px 0 85px;
    position: relative;
    width: 100%;
    flex-grow: 1;
}

    .lifestyle-thumb .info [class*="title"] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 80px;
    }

    .lifestyle-thumb .info .description {
        font-size: 0.875rem;
        margin-top: 12px;
        line-height: 1.43;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        max-height: 105px;
        overflow: hidden;
    }

    .lifestyle-thumb .info [class^="btn"] {
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.2s ease-in;
    }

@media only screen and (max-width: 767px) {
    .lifestyle-thumb .info [class^="btn"] {
        display: block;
        width: 100%;
    }
}

.bg-grey .lifestyle-thumb .info [class^="btn"] {
    /*border-color: #fff;*/
    color: #fff;
}

    .bg-grey .lifestyle-thumb .info [class^="btn"]:hover {
        background-color: #fff;
        color: #32a8e5;
        border-color: #fff;
    }

.lifestyle-thumb .info.small-pad {
    padding-bottom: 20px;
}

.lifestyle-thumb [class*="title-"],
.lifestyle-thumb p,
.lifestyle-thumb span {
    color: rgba(0, 0, 0, 0.87);
}

    .lifestyle-thumb [class*="title-"].text-white,
    .lifestyle-thumb p.text-white,
    .lifestyle-thumb span.text-white {
        color: #FFF;
    }

.bg-grey .lifestyle-thumb [class*="title-"],
.bg-grey .lifestyle-thumb p,
.bg-grey .lifestyle-thumb span {
    color: rgba(255, 255, 255, 0.87);
}

.lifestyle-thumb.join-venture .thumb-wrapper .thumb-overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.lifestyle-thumb[layout-2] .thumb-wrapper {
    height: 275px !important;
}

@media only screen and (max-width: 767px) {
    .lifestyle-thumb[layout-2] .thumb-wrapper {
        height: 180px !important;
    }
}

.lifestyle-thumb[layout-2] .info {
    padding-left: 33px;
    padding-right: 33px;
    background-color: #f4f4f4;
}

@media only screen and (max-width: 767px) {
    .lifestyle-thumb[layout-2] .info {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.lifestyle-thumb.horizontal {
    flex-direction: row-reverse;
    border: 1px solid #4d4d4d;
    align-items: center;
}

    .lifestyle-thumb.horizontal .thumb-wrapper {
        width: 66.6666666%;
        min-height: 300px;
        height: 100% !important;
    }

    .lifestyle-thumb.horizontal .info {
        width: 33.3333333%;
        padding: 25px;
    }

        .lifestyle-thumb.horizontal .info [class^="btn"] {
            position: relative;
            margin-top: 25px;
        }

@media only screen and (max-width: 767px) {
    .lifestyle-thumb.horizontal {
        border: none;
        flex-direction: column;
        align-items: flex-start;
    }

        .lifestyle-thumb.horizontal .thumb-wrapper {
            width: 100%;
            height: 300px !important;
        }

        .lifestyle-thumb.horizontal .info {
            padding: 25px 0 0;
            width: 100%;
        }
}

.location-img {
    position: relative;
}

    .location-img img {
        width: 100%;
    }

@media only screen and (max-width: 767px) {
    .location-img {
        overflow-x: auto;
    }

        .location-img img {
            max-width: none;
            width: 960px;
            top: 0;
        }
}

.thumb-full {
    width: 100%;
    position: relative;
}

    .thumb-full .content-wrapper {
        display: block;
        padding: 50px 0;
        width: 45%;
    }

    .thumb-full .inner-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        min-height: 560px;
        z-index: 2;
    }

    .thumb-full .content {
        padding: 20px 0;
    }

    .thumb-full .thumb {
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .thumb-full.left .inner-container {
        justify-content: flex-start;
    }

    .thumb-full.left .thumb {
        background-position: right;
    }

@media only screen and (max-width: 767px) {
    .thumb-full {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .thumb-full .content-wrapper {
            width: 100%;
            padding: 0;
        }

        .thumb-full .inner-container {
            min-height: auto;
        }

        .thumb-full .thumb {
            position: relative;
            height: 165px;
            margin-bottom: 20px;
        }

        .thumb-full .content span,
        .thumb-full .content p,
        .thumb-full .content [class*="title-"] {
            color: #FFF;
        }

        .thumb-full .content [class*="btn-"] {
            display: block;
        }
}

.information-thumb .thumb-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

    .information-thumb .thumb-wrapper .thumb {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100%;
        position: relative;
        transition: all 0.3s;
    }

@media only screen and (max-width: 767px) {
    .information-thumb .thumb-wrapper {
        height: calc((100vw - 40px) * 0.58);
        height: -moz-calc((100vw - 40px) * 0.58);
        height: -webkit-calc((100vw - 40px) * 0.58);
        height: -o-calc((100vw - 40px) * 0.58);
    }
}

.information-thumb:hover .thumb-wrapper .thumb {
    transform: scale(1.1);
}

.information-thumb .info {
    padding: 15px 0;
    color: #FFF;
}

    .information-thumb .info a {
        color: #FFF;
        display: inline-block;
        padding-right: 25px;
        position: relative;
    }

        .information-thumb .info a:before {
            content: "";
            position: absolute;
            right: 5px;
            top: 5px;
            width: 9px;
            height: 17px;
            background: url('../images/icons/icon-next-small.svg');
            transition: all 0.3s;
        }

        .information-thumb .info a:hover:before {
            right: 0;
        }

.grid-thumb {
    height: 224px;
    width: 100%;
    position: relative;
    display: table;
}

    .grid-thumb .grid-overlay[data-color="sand-grey"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #918a7c;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="blue"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #32a8e5;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="green"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #87ba49;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="parc-life-green"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #a4d65e;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="parc-life-blue"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #6cace4;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="parc-life-purple"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #7d55c7;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb .grid-overlay[data-color="parc-life-orange"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background-color: #ff8200;
        opacity: 0;
        transition: 0.3s ease-in-out all;
    }

@media only screen and (max-width: 991px) {
    .grid-thumb {
        width: 285px;
        height: auto;
        display: block;
    }
}

.grid-thumb .thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .grid-thumb .thumb {
        position: relative;
        height: 195px;
        display: block;
    }
}

.grid-thumb .caption {
    position: relative;
    z-index: 3;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    opacity: 0;
    text-align: center;
}

    .grid-thumb .caption [class*="title-"] {
        color: #FFF;
    }

@media only screen and (max-width: 1024px) {
    .grid-thumb .caption [class*="title-"] {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 991px) {
    .grid-thumb .caption {
        margin-top: 25px;
        padding: 0;
        opacity: 1;
        display: block;
        text-align: left;
    }

        .grid-thumb .caption [class*="title-"] {
            font-size: 1.125rem;
        }
}

@media only screen and (min-width: 992px) {
    .grid-thumb:hover .grid-overlay {
        opacity: 0.75;
        transition: 0.3s ease-in-out all;
    }

    .grid-thumb:hover .caption {
        opacity: 1;
        transition: 0.3s ease-in-out all;
    }
}

.seaside-carousel {
    position: relative;
    width: 100%;
}

    .seaside-carousel .slick-list {
        overflow: visible;
    }

    .seaside-carousel .item {
        position: relative;
    }

        .seaside-carousel .item .thumb-container {
            height: 550px;
            margin-right: 40px;
            overflow: hidden;
            position: relative;
        }

@media only screen and (max-width: 767px) {
    .seaside-carousel .item .thumb-container {
        width: 285px;
        height: 195px;
        margin-right: 20px;
    }
}

.seaside-carousel .item .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
}

    .seaside-carousel .item .thumb > video {
        height: 100%;
        width: 100%;
    }

    .seaside-carousel .item .thumb .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 124px;
        height: 124px;
        background: url('../images/icons/icon-oval.svg') center no-repeat;
        background-size: cover;
        cursor: pointer;
        transition: 0.3s all;
    }

@media only screen and (max-width: 1024px) {
    .seaside-carousel .item .thumb .play-btn {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .seaside-carousel .item .thumb .play-btn {
        width: 60px;
        height: 60px;
    }
}

.seaside-carousel .item .thumb .play-btn:hover {
    opacity: 0.8;
}

.sg-slider-control {
    float: right;
}

    .sg-slider-control .counter,
    .sg-slider-control .arrow {
        display: inline-block;
        vertical-align: middle;
    }

        .sg-slider-control .counter > span,
        .sg-slider-control .arrow > span {
            color: rgba(255, 255, 255, 0.5);
            font-family: 'synthese-regular';
        }

    .sg-slider-control .sg-slick-prev,
    .sg-slider-control .sg-slick-next {
        background: none;
        transition: 0.3s all;
        display: inline-block !important;
        margin-left: 5px;
        cursor: pointer;
    }

        .sg-slider-control .sg-slick-prev:hover,
        .sg-slider-control .sg-slick-next:hover {
            background: #1c9ad7;
        }

.square-carousel {
    width: 100%;
    position: relative;
}

    .square-carousel .item {
        height: 520px;
        position: relative;
    }

        .square-carousel .item .thumb {
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            background-size: cover;
            background-position: center center;
        }

@media only screen and (max-width: 767px) {
    .square-carousel .item {
        height: calc(100vw - 40px);
        height: -moz-calc(100vw - 40px);
        height: -webkit-calc(100vw - 40px);
        height: -o-calc(100vw - 40px);
    }
}

.square-carousel.small .item {
    height: 430px;
}

@media only screen and (max-width: 767px) {
    .square-carousel.small .item {
        height: calc(100vw - 40px);
        height: -moz-calc(100vw - 40px);
        height: -webkit-calc(100vw - 40px);
        height: -o-calc(100vw - 40px);
    }
}

.square-carousel .slick-dots {
    right: 0;
    margin-right: 0;
    padding: 0 20px;
    bottom: 20px;
}

    .square-carousel .slick-dots li.slick-active button {
        background: #32a8e5;
    }

#res-type-modal[data-type="suites"] .res-color {
    background-color: #f39200;
}

#res-type-modal[data-type="viva"] .res-color {
    background-color: #497CEC;
}

#res-type-modal[data-type="vantage"] .res-color {
    background-color: #50BE03;
}

#res-type-modal[data-type="trio"] .res-color {
    background-color: #0ABBB8;
}

#res-type-modal[data-type="prive"] .res-color {
    background-color: #BBB80A;
}

#res-type-modal[data-type="vista"] .res-color {
    background-color: #CC91E6;
}

#res-type-modal[data-type="penthouse"] .res-color {
    background-color: #D74747;
}

#res-type-modal .bdr-bot {
    border-bottom: 1px solid #4a4a4a;
}

#res-type-modal p,
#res-type-modal span {
    color: #4a4a4a;
}

    #res-type-modal p > span {
        display: inline-block;
        vertical-align: middle;
    }

    #res-type-modal p .res-color {
        width: 17px;
        height: 17px;
        margin-right: 10px;
    }

#res-type-modal .bdr-bot-2 {
    position: relative;
}

    #res-type-modal .bdr-bot-2:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url('../images/border-1.png') left repeat-x;
    }

.phrase2-sub-menu {
    position: relative;
    width: 100%;
    background-color: #000000;
    overflow: hidden;
}

    .phrase2-sub-menu .menu-wrapper {
        background-color: #000000;
        width: 100%;
    }

        .phrase2-sub-menu .menu-wrapper.sticky {
            position: fixed;
            top: 0;
            z-index: 999;
            left: 0;
        }

    .phrase2-sub-menu .scrolling-x {
        width: 100%;
        position: relative;
    }

@media only screen and (min-width: 768px) {
    .phrase2-sub-menu .scrolling-x {
        min-width: 820px;
    }
}

.phrase2-sub-menu .sub-menu-list {
    padding: 20px 0;
    white-space: nowrap;
}

@media only screen and (min-width: 992px) {
    .phrase2-sub-menu .sub-menu-list {
        width: calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
        width: -o-calc(100% - 200px);
    }
}

.phrase2-sub-menu .sub-menu-list li {
    display: inline-block;
    padding: 0 12px;
    margin-right: 25px;
    position: relative;
}

    .phrase2-sub-menu .sub-menu-list li > a {
        line-height: 28px;
        transition: .3s all;
        display: block;
    }

        .phrase2-sub-menu .sub-menu-list li > a > img {
            margin-top: -3px;
        }

    .phrase2-sub-menu .sub-menu-list li a,
    .phrase2-sub-menu .sub-menu-list li span {
        color: #FFF;
        opacity: 0.4;
    }

    .phrase2-sub-menu .sub-menu-list li:last-child {
        margin-right: 0;
    }

    .phrase2-sub-menu .sub-menu-list li:before {
        content: "";
        background: url('../images/heading-line-blue.png') no-repeat center;
        width: 0;
        height: 5px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: .3s all;
        background-size: 0px;
    }

    .phrase2-sub-menu .sub-menu-list li:hover a,
    .phrase2-sub-menu .sub-menu-list li:hover span {
        opacity: 1;
    }

    .phrase2-sub-menu .sub-menu-list li:hover:before {
        max-width: 80px;
        width: 100%;
        background-size: 80px 5px;
    }

    .phrase2-sub-menu .sub-menu-list li:hover:first-child:before {
        background-size: 22px 3px;
    }

    .phrase2-sub-menu .sub-menu-list li.active a,
    .phrase2-sub-menu .sub-menu-list li.active span {
        opacity: 1;
    }

    .phrase2-sub-menu .sub-menu-list li.active:before {
        max-width: 80px;
        width: 100%;
        background-size: 80px 5px;
    }

    .phrase2-sub-menu .sub-menu-list li.active:first-child:before {
        background-size: 22px 3px;
    }

@media only screen and (max-width: 991px) {
    .phrase2-sub-menu .sub-menu-list li {
        margin-right: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .phrase2-sub-menu .sub-menu-list li {
        margin-right: 12px;
    }
}

.phrase2-sub-menu .pr2-contact-us {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    max-width: 170px;
}

    .phrase2-sub-menu .pr2-contact-us a.desk-btn {
        font-size: 14px;
        height: 100%;
        padding: 16px 20px;
        display: block;
        cursor: default;
    }

        .phrase2-sub-menu .pr2-contact-us a.desk-btn img,
        .phrase2-sub-menu .pr2-contact-us a.desk-btn p {
            display: inline-block;
            vertical-align: middle;
        }

        .phrase2-sub-menu .pr2-contact-us a.desk-btn > img {
            width: 101px;
            height: 30px;
        }

        .phrase2-sub-menu .pr2-contact-us a.desk-btn > p {
            padding-left: 10px;
            font-family: 'synthese-bold';
        }

        .phrase2-sub-menu .pr2-contact-us a.desk-btn span {
            font-size: 10px;
            text-transform: uppercase;
            display: block;
            font-family: Arial, sans-serif;
        }

    .phrase2-sub-menu .pr2-contact-us a.mob-btn {
        display: block;
    }

        .phrase2-sub-menu .pr2-contact-us a.mob-btn > img {
            max-width: 60px;
            max-height: 60px;
        }

@media only screen and (max-width: 767px) {
    .phrase2-sub-menu .pr2-contact-us a.mob-btn > img {
        max-width: 50px;
        max-height: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .phrase2-sub-menu .pr2-contact-us {
        position: fixed;
        bottom: 30px;
        width: 60px;
        height: 60px;
        top: auto;
        z-index: 100;
        right: 40px;
        background: transparent;
        transition: .4s all;
    }

        .phrase2-sub-menu .pr2-contact-us.move-up {
            bottom: 110px;
        }
}

@media only screen and (max-width: 767px) {
    .phrase2-sub-menu .pr2-contact-us {
        right: 30px;
        width: 50px;
        height: 50px;
    }

        .phrase2-sub-menu .pr2-contact-us.move-up {
            bottom: 90px;
        }
}

.site-plan-container .site-plan-visual {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

    .site-plan-container .site-plan-visual .visual-number {
        transition: 0.15s all ease-out;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-size: 12px;
        color: #FFF;
        text-align: center;
        line-height: 20px;
        position: absolute;
    }

        .site-plan-container .site-plan-visual .visual-number.active {
            transform: scale(1.5);
            border: 1px solid #FFF;
        }

    .site-plan-container .site-plan-visual .site-plan-image {
        width: 100%;
    }

@media only screen and (max-width: 1024px) {
    .site-plan-container .site-plan-visual {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@media only screen and (max-width: 991px) {
    .site-plan-container .site-plan-visual {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .site-plan-container .site-plan-visual {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
        width: 100%;
    }
}

.site-plan-container .site-plan-visual.big-size .visual-number {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

    .site-plan-container .site-plan-visual.big-size .visual-number.active {
        transform: scale(1.25);
    }

.site-plan-container .site-plan-facilities {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -moz-column-fill: auto;
    /* Firefox */
    column-fill: auto;
}

@media only screen and (max-width: 1024px) {
    .site-plan-container .site-plan-facilities {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width: 767px) {
    .site-plan-container .site-plan-facilities {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width: 480px) {
    .site-plan-container .site-plan-facilities {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.site-plan-container .site-plan-facilities .item {
    flex: 1;
    position: relative;
    padding: 9px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    transition: 0.15s all ease-out;
}

@media only screen and (max-width: 991px) {
    .site-plan-container .site-plan-facilities .item {
        padding-left: 0;
    }
}

.site-plan-container .site-plan-facilities .item p {
    padding-left: 37px;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .site-plan-container .site-plan-facilities .item p {
        font-size: 14px;
    }
}

.site-plan-container .site-plan-facilities .item p,
.site-plan-container .site-plan-facilities .item span {
    color: #FFF;
    line-height: 25px;
}

.site-plan-container .site-plan-facilities .item span {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 12px;
    position: absolute;
    border-radius: 13px;
    text-align: center;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .site-plan-container .site-plan-facilities .item span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) {
    .site-plan-container .site-plan-facilities .item:hover {
        transform: scale(1.07);
    }

        .site-plan-container .site-plan-facilities .item:hover p {
            color: #1c9ad7;
        }
}

.site-plan-container .site-plan-explication {
    padding: 30px;
    border: 1px solid #FFF;
}

    .site-plan-container .site-plan-explication .image-caption {
        position: relative;
        display: flex;
        align-items: center;
    }

        .site-plan-container .site-plan-explication .image-caption .thumb {
            width: 40px;
            max-height: 30px;
            top: 50%;
            transform: translateY(-50%);
            text-align: center;
            position: absolute;
        }

        .site-plan-container .site-plan-explication .image-caption img {
            display: inline-block;
            max-height: 30px;
        }

        .site-plan-container .site-plan-explication .image-caption .caption {
            padding-left: 52px;
        }

            .site-plan-container .site-plan-explication .image-caption .caption p {
                font-size: 14px;
                line-height: 1.5;
                color: #fbfbfb;
            }

.site-plan-container .carousel .slick-arrow {
    /*top: 175px;*/
    top: 50%;
    background: url(../images/caret-right.svg) center no-repeat;
    background-size: contain;
}

.site-plan-container .carousel .slick-prev {
    transform: rotate(180deg);
}

@media only screen and (min-width: 992px) {
    .site-plan-container .carousel .slick-prev {
        left: 0;
    }

    .site-plan-container .carousel .slick-next {
        right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .site-plan-container .carousel .slick-prev {
        left: -100px;
    }

    .site-plan-container .carousel .slick-next {
        right: -100px;
    }
}

@media only screen and (min-width: 1600px) {
    .site-plan-container .carousel .slick-prev {
        left: -125px;
    }

    .site-plan-container .carousel .slick-next {
        right: -125px;
    }
}

@media only screen and (max-width: 991px) {
    .site-plan-container .carousel .slick-arrow {
        top: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .site-plan-container .carousel .slick-arrow {
        top: calc((100vw - 40px)*0.2);
        top: -moz-calc((100vw - 40px)*0.2);
        top: -webkit-calc((100vw - 40px)*0.2);
        top: -o-calc((100vw - 40px)*0.2);
        width: 30px;
        height: 30px;
    }

    .site-plan-container .carousel .slick-dots {
        top: 50px;
        width: 16px;
        height: auto;
        padding: 0;
    }

        .site-plan-container .carousel .slick-dots li {
            margin: 4px 0;
        }

            .site-plan-container .carousel .slick-dots li.slick-active button {
                background: #1c9ad7;
            }
}

html.lb-disable-scrolling {
    overflow: hidden;
    /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.7;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        max-height: none;
        border-radius: 3px;
        /* Image border */
        border: 4px solid white;
    }

    .lightbox a img {
        border: none;
    }

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    /* Background color behind image.
     This is visible during transitions. */
    background-color: white;
}

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/icons/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/caret-right.svg) left 48% no-repeat;
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/caret-right.svg) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em;
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
    }

        .lb-data .lb-caption a {
            color: #4ae;
        }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999999;
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(../images/icons/icon-close-white.svg) center center no-repeat;
        background-size: contain;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

.phrase-two .form-control {
    background-color: #171717;
    color: #FFF;
    border: 1px solid #FFF;
    caret-color: white;
}

    .phrase-two .form-control:not([readonly]):focus {
        color: #FFF;
    }

.phrase-two input:-webkit-autofill,
.phrase-two input:-webkit-autofill:hover,
.phrase-two input:-webkit-autofill:focus textarea:-webkit-autofill,
.phrase-two textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.phrase-two select:-webkit-autofill,
.phrase-two select:-webkit-autofill:hover,
.phrase-two select:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFF;
    -webkit-box-shadow: 0 0 0px 1000px #171717 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.phrase-two .hero.hero-simple {
    background-color: #282828;
}
/*.phrase-two [class*='title'].line:before {
  background: url('../images/heading-line-blue.svg') no-repeat;
}*/
.phrase-two .menu .main > li > a:before {
    /*background: #32a8e5;*/
    background: #282828;
}

.phrase-two[color-dblue] .hero.hero-simple {
    background-color: #155b80;
}

.phrase-two[color-dblue] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-dblue.png');
}

.phrase-two[color-dblue] .menu .main > li > a:before {
    background: #155b80;
}

.phrase-two[color-dblue] #enquiry {
    background-color: #155b80;
}

.phrase-two[color-dblue] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-dblue] .filter-container .buton-group [class*="btn-"] {
    background: #155b80;
    color: #FFF;
}

    .phrase-two[color-dblue] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-dblue] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[color-lblue] .hero.hero-simple {
    background-color: #79c3e8;
}

.phrase-two[color-lblue] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-lblue.png');
}

.phrase-two[color-lblue] .menu .main > li > a:before {
    background: #79c3e8;
}

.phrase-two[color-lblue] #enquiry {
    background-color: #79c3e8;
}

.phrase-two[color-lblue] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-lblue] .filter-container .buton-group [class*="btn-"] {
    background: #79c3e8;
    color: #000;
}

    .phrase-two[color-lblue] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-lblue] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[color-red] .hero.hero-simple {
    background-color: #ed1c24;
}

.phrase-two[color-red] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-red.png');
}

.phrase-two[color-red] .menu .main > li > a:before {
    background: #ed1c24;
}

.phrase-two[color-red] #enquiry {
    background-color: #ed1c24;
}

.phrase-two[color-red] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-red] .filter-container .buton-group [class*="btn-"] {
    background: #ed1c24;
    color: #FFF;
}

    .phrase-two[color-red] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-red] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[color-dred] .hero.hero-simple {
    background-color: #8d1014;
}

.phrase-two[color-dred] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-dred.png');
}

.phrase-two[color-dred] .menu .main > li > a:before {
    background: #8d1014;
}

.phrase-two[color-dred] #enquiry {
    background-color: #8d1014;
}

.phrase-two[color-dred] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-dred] .filter-container .buton-group [class*="btn-"] {
    background: #8d1014;
    color: #FFF;
}

    .phrase-two[color-dred] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-dred] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[color-lred] .hero.hero-simple {
    background-color: #f5787c;
}

.phrase-two[color-lred] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-lred.png');
}

.phrase-two[color-lred] .menu .main > li > a:before {
    background: #f5787c;
}

.phrase-two[color-lred] #enquiry {
    background-color: #f5787c;
}

.phrase-two[color-lred] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-lred] .filter-container .buton-group [class*="btn-"] {
    background: #f5787c;
    color: #FFF;
}

    .phrase-two[color-lred] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-lred] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-yellow"] .hero.hero-simple {
    background-color: #f39200;
}

.phrase-two[data-type="color-yellow"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-yellow.png');
}

.phrase-two[data-type="color-yellow"] .menu .main > li > a:before {
    background: #f39200;
}

.phrase-two[data-type="color-yellow"] #enquiry {
    background-color: #f39200;
}

.phrase-two[color-yellow] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-yellow] .filter-container .buton-group [class*="btn-"] {
    background: #f39200;
    color: #FFF;
}

    .phrase-two[color-yellow] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-yellow] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-dyellow"] .hero.hero-simple {
    background-color: #935600;
}

.phrase-two[data-type="color-dyellow"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-dyellow.png');
}

.phrase-two[data-type="color-dyellow"] .menu .main > li > a:before {
    background: #935600;
}

.phrase-two[data-type="color-dyellow"] #enquiry {
    background-color: #935600;
}

.phrase-two[color-dyellow] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-dyellow] .filter-container .buton-group [class*="btn-"] {
    background: #935600;
    color: #FFF;
}

    .phrase-two[color-dyellow] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-dyellow] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-lyellow"] .hero.hero-simple {
    background-color: #f7be68;
}

.phrase-two[data-type="color-lyellow"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-lyellow.png');
}

.phrase-two[data-type="color-lyellow"] .menu .main > li > a:before {
    background: #f7be68;
}

.phrase-two[data-type="color-lyellow"] #enquiry {
    background-color: #f7be68;
}

.phrase-two[color-lyellow] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-lyellow] .filter-container .buton-group [class*="btn-"] {
    background: #f7be68;
    color: #000;
}

    .phrase-two[color-lyellow] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-lyellow] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-green"] .hero.hero-simple {
    background-color: #87ba49;
}

.phrase-two[data-type="color-green"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-green.png');
}

.phrase-two[data-type="color-green"] .menu .main > li > a:before {
    background: #87ba49;
}

.phrase-two[data-type="color-royal-blue"] .hero.hero-simple {
    background-color: #111b2f;
}

.phrase-two[data-type="color-royal-blue"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-riviere-royal-blue.png');
}

.phrase-two[data-type="color-royal-blue"] .menu .main > li > a:before {
    background: #111b2f;
}

.phrase-two[data-type="color-sand-grey"] .hero.hero-simple {
    background-color: #918a7c;
}

.phrase-two[data-type="color-sand-grey"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-riviere-sand-grey.png');
}

.phrase-two[data-type="color-sand-grey"] .menu .main > li > a:before {
    background: #918a7c;
}
/*.phrase-two[data-type="color-green"] #enquiry { background-color: #87ba49;
}*/
.phrase-two[color-green] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-green] .filter-container .buton-group [class*="btn-"] {
    background: #87ba49;
    color: #FFF;
}

    .phrase-two[color-green] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-green] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-dgreen"] .hero.hero-simple {
    background-color: #4f6e2d;
}

.phrase-two[data-type="color-dgreen"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-dgreen.png');
}

.phrase-two[data-type="color-dgreen"] .menu .main > li > a:before {
    background: #4f6e2d;
}

.phrase-two[data-type="color-dgreen"] #enquiry {
    background-color: #4f6e2d;
}

.phrase-two[color-dgreen] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-dgreen] .filter-container .buton-group [class*="btn-"] {
    background: #4f6e2d;
    color: #FFF;
}

    .phrase-two[color-dgreen] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-dgreen] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-lgreen"] .hero.hero-simple {
    background-color: #b7d691;
}

.phrase-two[data-type="color-lgreen"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-lgreen.png');
}

.phrase-two[data-type="color-lgreen"] .menu .main > li > a:before {
    background: #b7d691;
}

.phrase-two[data-type="color-lgreen"] #enquiry {
    background-color: #b7d691;
}

.phrase-two[color-lgreen] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-lgreen] .filter-container .buton-group [class*="btn-"] {
    background: #b7d691;
    color: #000;
}

    .phrase-two[color-lgreen] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-lgreen] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-purple"] .hero.hero-simple {
    background-color: #5955a1;
}

.phrase-two[data-type="color-purple"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-purple.png');
}

.phrase-two[data-type="color-purple"] .menu .main > li > a:before {
    background: #5955a1;
}

.phrase-two[data-type="color-purple"] #enquiry {
    background-color: #5955a1;
}

.phrase-two[color-purple] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-purple] .filter-container .buton-group [class*="btn-"] {
    background: #5955a1;
    color: #FFF;
}

    .phrase-two[color-purple] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-purple] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-dpurple"] .hero.hero-simple {
    background-color: #353161;
}

.phrase-two[data-type="color-dpurple"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-dpurple.png');
}

.phrase-two[data-type="color-dpurple"] .menu .main > li > a:before {
    background: #353161;
}

.phrase-two[data-type="color-dpurple"] #enquiry {
    background-color: #353161;
}

.phrase-two[color-dpurple] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-dpurple] .filter-container .buton-group [class*="btn-"] {
    background: #353161;
    color: #FFF;
}

    .phrase-two[color-dpurple] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-dpurple] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-lpurple"] .hero.hero-simple {
    background-color: #9d99c5;
}

.phrase-two[data-type="color-lpurple"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-lpurple.png');
}

.phrase-two[data-type="color-lpurple"] .menu .main > li > a:before {
    background: #9d99c5;
}

.phrase-two[data-type="color-lpurple"] #enquiry {
    background-color: #9d99c5;
}

.phrase-two[color-lpurple] [class^='btn'].btn-default.btn-opacity,
.phrase-two[color-lpurple] .filter-container .buton-group [class*="btn-"] {
    background: #9d99c5;
    color: #000;
}

    .phrase-two[color-lpurple] [class^='btn'].btn-default.btn-opacity:hover,
    .phrase-two[color-lpurple] .filter-container .buton-group [class*="btn-"]:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

.phrase-two[data-type="color-red"] .hero.hero-simple {
    background-color: #ed1c24;
}

.phrase-two[data-type="color-red"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line.svg');
}

.phrase-two[data-type="color-red"] .menu .main > li > a:before {
    background: #ed1c24;
}

.phrase-two[data-type="color-red"] #enquiry {
    background-color: #ed1c24;
}

.phrase-two[data-type="color-white"] .hero.hero-simple {
    background-color: white;
}

.phrase-two[data-type="color-white"] .phrase2-sub-menu .sub-menu-list li:before {
    background-image: url('../images/heading-line-white.svg');
}

.phrase-two[data-type="color-white"] .menu .main > li > a:before {
    background: white;
}

.phrase-two[data-type="color-white"] #enquiry {
    background-color: white;
}

.phrase-two .full-screen-carousel.has-logo .item.logo .thumb:before {
    content: "";
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.phrase-two .full-screen-carousel.has-logo .item.logo img {
    position: relative;
    z-index: 2;
}

.phrase-two .lightbox {
    position: fixed;
    background: transparent;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    top: 0 !important;
    padding: 0;
}

@media only screen and (max-width: 1024px) {
    .phrase-two .lightbox {
        padding: 60px 0 0;
    }
}

.phrase-two .lightbox .lb-container .lb-image {
    border: none;
    border-radius: 0;
}

.phrase-two .lightbox .lb-container .lb-nav {
    width: 100%;
}

    .phrase-two .lightbox .lb-container .lb-nav .lb-prev {
        width: 26px;
        height: 52px;
        top: 50%;
        margin-top: -13px;
        left: -59px;
        position: absolute;
        background: url(../images/caret-right.svg) center no-repeat;
        background-size: 100%;
        transform: rotate(180deg);
        z-index: 99;
        opacity: 1;
    }

    .phrase-two .lightbox .lb-container .lb-nav .lb-next {
        width: 26px;
        height: 52px;
        top: 50%;
        margin-top: -13px;
        right: -59px;
        position: absolute;
        background: url(../images/caret-right.svg) center no-repeat;
        background-size: 100%;
        z-index: 99;
        opacity: 1;
    }

@media only screen and (max-width: 991px) {
    .phrase-two .lightbox .lb-container .lb-nav .lb-prev {
        width: 52px;
        height: 52px;
        background-size: 17px 34px;
        margin-top: -26px;
        background-color: rgba(0, 0, 0, 0.5);
        left: 10px;
    }

    .phrase-two .lightbox .lb-container .lb-nav .lb-next {
        width: 52px;
        height: 52px;
        background-size: 17px 34px;
        margin-top: -26px;
        background-color: rgba(0, 0, 0, 0.5);
        right: 10px;
    }
}

.phrase-two .lightbox .lb-dataContainer {
    padding-top: 0;
}

    .phrase-two .lightbox .lb-dataContainer .lb-data {
        padding: 17px 30px;
        background-color: #282828;
    }

@media only screen and (max-width: 991px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data {
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data {
        padding: 10px 20px;
    }
}

.phrase-two .lightbox .lb-dataContainer .lb-data .lb-details {
    float: none;
    width: 100%;
    position: relative;
}

    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-caption {
        width: calc(100% - 55px);
        width: -moz-calc(100% - 55px);
        width: -webkit-calc(100% - 55px);
        width: -o-calc(100% - 55px);
        color: #FFF;
        font: 1.5rem/1.33 'synthese-regular';
        display: block;
    }

@media only screen and (max-width: 991px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-caption {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 767px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-caption {
        font-size: 1.125rem;
    }
}

.phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-number {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    color: #FFF;
    font: 1.125rem/1.44 'synthese-regular';
    letter-spacing: 1.5px;
}

@media only screen and (max-width: 991px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-number {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-details .lb-number {
        font-size: 0.875rem;
    }
}

.phrase-two .lightbox .lb-dataContainer .lb-data .lb-closeContainer {
    position: fixed;
    top: 15px;
    right: 45px;
    z-index: 99;
    width: 40px;
}

    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-closeContainer .lb-close {
        width: 32px;
        height: 32px;
        margin: 0 auto 5px;
        text-align: center;
        float: none;
    }

    .phrase-two .lightbox .lb-dataContainer .lb-data .lb-closeContainer > span {
        line-height: 1rem;
        display: inline-block;
    }

.user-portfolio-thumb {
    display: table;
    min-height: 110px;
    background-color: #ededee;
    width: 100%;
}

    .user-portfolio-thumb .avatar {
        width: 110px;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        display: table-cell;
    }

    .user-portfolio-thumb .info {
        width: calc(100% - 110px);
        display: table-cell;
        vertical-align: middle;
        padding: 20px;
    }

    .user-portfolio-thumb .avatar-mobile {
        display: none;
        width: 100%;
        text-align: center;
    }

        .user-portfolio-thumb .avatar-mobile img {
            width: 100%;
        }

.portfolio-thumb.small-pad .info {
    padding-bottom: 25px;
}

.social-sharing.profiles {
    padding: 15px 0 0;
    overflow: visible;
}

    .social-sharing.profiles li {
        overflow: visible;
    }

    .social-sharing.profiles a {
        font: 1rem/1 'Arial';
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .social-sharing.profiles .ctc-mobile {
        pointer-events: none;
    }

    .social-sharing.profiles a span {
        font-family: 'synthese-regular';
        font: 1.125rem/1.44 'synthese-regular';
    }

@media only screen and (max-width: 767px) {
    .social-sharing.profiles {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }

        .social-sharing.profiles .ctc-mobile {
            pointer-events: auto;
        }

    .photo-profile.no-mar {
        margin-bottom: 0;
    }

    .photo-profile img {
        width: 100%;
    }

    .social-sharing.profiles li {
        margin-right: 0;
    }

    .social-sharing.profiles a span {
        max-width: 100%;
        text-overflow: ellipsis;
        display: inline-block;
        overflow: hidden;
        font-size: 0.95rem;
    }

    .user-portfolio-thumb {
        display: block;
    }

  .user-portfolio-thumb .avatar-mobile {
    display: block;
  }

  .user-portfolio-thumb .info {
    display: block;
    width: 100%;
  }
	#fcl_retail_bonds .scrollable-x .table:not(.table-label-value) {
		min-width: auto;
	}
	#fcl_retail_bonds .scrollable-x .table.pt10 th, #fcl_retail_bonds .scrollable-x  .table.pt10.table td {
    padding: 30px 0px 10px;
		min-height: 60px;
	}
	#fcl_retail_bonds .scrollable-x td:after {
		width: 100%;
    padding-top: 10px;
	}
    #fpl_retail_bonds .scrollable-x .table:not(.table-label-value) {
		min-width: auto;
	}
	#fpl_retail_bonds .scrollable-x .table.pt10 th, #fpl_retail_bonds .scrollable-x  .table.pt10.table td {
    padding: 30px 0px 10px;
		min-height: 60px;
	}
	#fpl_retail_bonds .scrollable-x td:after {
		width: 100%;
    padding-top: 10px;
	}
}

.press-release .loading {
    display: block;
}
/* Acordeon styles */
.menuf {
    margin-bottom: 5px;
}

.tabs {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #fff;
    overflow: hidden;
    border-bottom: 0.5px 0 #434343;
}

    .tabs input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .tabs label {
        position: relative;
        display: block;
        font-weight: bold;
        line-height: 3;
        cursor: pointer;
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 22px;
        font-family: "synthese-regular";
    }

.tabs-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}

    .tabs-content p {
        margin: 1em;
    }
/* :checked */
.tabs input:checked ~ .tabs-content {
    max-height: 1000px;
}
/* Icon */
.tabs label::after {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: url(../images/icons/icon-arrow-down.svg) no-repeat right center;
    width: 20px;
    height: 15px;
    transition: all 0.3s;
    right: 0;
    display: block;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
}

.tabs input[type=checkbox] + label::after {
    content: "";
}

.tabs input[type=checkbox]:checked + label::after {
    transform: rotateX(180deg);
}

.border-footer-tabs {
    border-bottom: 0.3px 0 #434343;
}

#footer .logo-footer {
    display: block;
    margin: 10px auto;
    text-align: center;
    max-width: 50vw;
}

    #footer .logo-footer img {
        padding-top: 2rem;
        max-height: 100%;
        padding-bottom: 2rem;
    }

#footer .footer-links {
    font-size: 14px;
    color: #ececed;
    line-height: 20px;
    text-align: center;
}

    #footer .footer-links .copyright {
        display: block;
        margin-bottom: 5px;
        margin-top: 10px;
        line-height: 15px;
        color: #aaa;
    }

    #footer .footer-links a {
        color: #aaa;
    }

        #footer .footer-links a:first-of-type {
            margin-left: 0;
        }

        #footer .footer-links a.last {
            color: #fff;
        }

            #footer .footer-links a.last span {
                color: #aaa;
                padding-right: 10px;
            }

    #footer .footer-links > a {
        color: #fff;
    }

#footer .social-group {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

    #footer .social-group a {
        margin-right: 8px;
    }

        #footer .social-group a img {
            width: 48px;
            height: 48px;
        }

.back-to-top {
    height: 80px;
    padding: 0 20px;
    line-height: 80px;
    font-family: Arial,sans-serif;
    background-color: #f2f2f2;
    border-top: 1px 0 #dcdcdc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .back-to-top a {
        height: 80px;
        font-weight: bold;
        cursor: pointer;
        font-size: 18px;
        font-family: "synthese-regular";
    }

    .back-to-top img {
        max-width: 26px;
        max-height: 26px;
    }
/* Header Acordeon styles */
.header-tabs {
    position: relative;
    padding: 13px 0px 14px 0;
    width: 100%;
    color: #fff;
    overflow: hidden;
    border-bottom: 0 1px rgba(129, 121, 121, 0.35);
}

    .header-tabs input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .header-tabs label {
        position: relative;
        cursor: pointer;
        color: white;
        display: block;
        position: relative;
        font: 1.125rem/1.5 'synthese-regular';
    }

.header-tabs-content {
    padding-left: 10px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}

    .header-tabs-content a {
        color: #b5adad;
        padding: 10px 0;
        display: block;
    }



    .header-tabs-content p {
        margin: 1em;
    }

.icon-expand-header {
    background: url(../images/out.svg) no-repeat center center;
    transform: translateY(-50%);
    width: 20px;
    height: 16px;
    ontent: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 15px;
    background-size: 12px;
    opacity: 0.5;
}

.header-tabs-content li {
    position: relative;
}

/* :checked */
.header-tabs input:checked ~ .header-tabs-content {
    max-height: 1000px;
}
/* Icon */
.header-tabs label::after {
    display: block;
    line-height: 3;
    text-align: center;
    -o-transition: all .35s;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(-90deg);
    background: url('../images/icons/icon-plus.svg') no-repeat center center;
    width: 20px;
    height: 15px;
    background-size: 12px;
    opacity: 0.5;
    transition: all 0.3s;
}

.header-tabs input[type=checkbox] + label::after {
    content: "";
}

.header-tabs input[type=checkbox]:checked + label::after {
    background: url(../images/icons/icon-minus.svg) no-repeat center center;
    transform: translateY(-50%);
}

.remove-icon::after {
    content: "";
    width: 0px !important;
    height: 0px !important;
}

.global-menu {
    background: black !important;
    font: 1.1rem 'synthese-regular' !important;
}

input[name="radio-group"] {
    width: 30px;
    height: 20px;
}

#top-bar {
    position: relative;
    padding: 13px 0px;
    height: 45px;
    text-align: center;
    background: rgb(237, 28, 36);
}

    #top-bar p {
        font-family: Arial;
        font-size: 16px;
        color: rgb(255, 255, 255);
        margin: 0px;
    }

#close {
    font-size: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    border: 0px;
    right: 15px;
    top: 7px;
    position: absolute;
    color: #222;
}

.table.pt10 th, .table.pt10.table td {
    padding: 10px 20px;
}
.f14 {
    font-size: 14px !important;
}

#footer .social-sharing {
    display: flex;
}

#footer .social-sharing img {
    max-width: 40px;
}

#footer .social-sharing span {
    display: none;
}


.image-overlay-item:not(.no-overlay) .inner {
    position: absolute;
    bottom: 35px;
    background: none !important;
    padding-bottom: 0px !important;
    padding-right: 25px;
    z-index: 1;
    text-align: left;
}

.wrapper a {
    white-space: initial !important;
}

iframe#Iframe {
    min-height: 600px;
}
#logo-menu .search {
    display: none;
  }