@charset "UTF-8";

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(../../fonts/montserrat/jtusjig1_i6t8kchkm459wlhyyth89y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, :after, :before, ::after, ::before {
    box-sizing: inherit
}

.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

    .group::after, .group::before {
        display: table;
        content: ''
    }

    .group::after {
        clear: both
    }

abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, form, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, pre, q, samp, small, span, strong, sub, summary, sup, time, var, video {
    background: 0 0;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body, html {
    height: 100%
}

body {
    margin: 0;
    line-height: 1;
    background: #fff;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400
}

body, footer, h1, h2, h3, h4, h5, h6, hgroup, p, section {
    background: 0 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

h1, h2, h3, h4, h5, h6, hgroup, p, section {
    padding: 0
}

body, footer, hgroup, p, section {
    font-size: 100%
}

article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
    display: block
}

    nav ul {
        list-style: none
    }

.ui-helper-hidden-accessible {
    visibility: hidden
}

[hidden] {
    display: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: none
    }

a, body, hr {
    padding: 0
}

a {
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline;
    transition: all 200ms linear;
    color: #353535;
    color: #3E455B;
    margin: 0
}

/*header a {
    color: #fff;
}*/

ins, mark {
    background-color: #ff9;
    color: #000
}

a, ins {
    text-decoration: none
}

mark {
    font-style: italic
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #d5d5d5;
    display: block;
    height: 1px;
    margin: 1em 0
}

select {
    font-family: inherit;
    font-size: inherit;
    background: 0 0;
    border: 0;
    outline: none;
}

input,
select,
.va-middle {
    vertical-align: middle
}

html {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    margin: 0 0 18px
}

h1 {
    font-size: 30px;
    font-size: 1.875rem;
    color: #3E455B;
    /*font-weight: 400*/
}

h2, h3, h4, h5, h6, mark {
    font-weight: 700
}

hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {
    margin-bottom: 0
}

@media screen and (max-width:1128px) {
    hgroup {
        width: 95% !important
    }
}

.breadcrumb-trail ul a:hover,
/*a:hover,*/
h1 span {
    color: #ff9500
}

    h1 span.grey {
        color: #b1b1b1
    }

h2 {
    font-size: 24px;
    font-size: 1.5rem
}

h3 {
    font-size: 22px;
    font-size: 1.375rem
}

h4 {
    font-size: 18px;
    font-size: 1.125rem
}

h5 {
    font-size: 16px;
    font-size: 1rem
}

h2, h3, h4, h5, h6, p {
    color: #3E455B
}

h6 {
    font-size: 14px;
    font-size: .875rem
}

p {
    margin: 0 0 12px;
    line-height: 26px;
    line-height: 1.625rem;
}

ul {
    list-style-type: none
}

    ul.orange-disc li::before {
        content: "\2022";
        color: #F28B01;
        font-weight: bold;
        display: inline-block;
        width: 13px;
        font-size: 25px;
        font-size: 1.5625rem;
    }

a:active {
    color: #7b7b7b
}

::-moz-selection {
    color: #fff;
    background: #ff9500
}

::selection {
    color: #fff;
    background: #ff9500
}

.breadcrumb-trail {
    position: relative;
    text-transform: uppercase;
    font-size: 65%;
    color: #ff9500;
}

    .breadcrumb-trail ul li:before {
        width: 2em
    }

    .breadcrumb-trail ul > li:before {
        display: inline-block;
        content: '\25CF';
        color: #dcdcdc;
        width: 4em;
        text-align: center
    }

    .breadcrumb-trail ul > li:first-child:before {
        display: none
    }

p.orange {
    color: #ff9500 !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out,background-color 9999s ease-out
}

::placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    color: #707070;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
}

::placeholder {
    opacity: 1;
    color: #707070;
}

.zindex-0 {
    z-index: 0;
}

.zindex-9 {
    z-index: 9;
}

.zindex-10 {
    z-index: 10;
}

.zindex-15 {
    z-index: 15;
}

.zindex-17 {
    z-index: 17;
}

.zindex-20 {
    z-index: 20;
}

.zindex-50 {
    z-index: 50;
}

.zindex-21 {
    z-index: 21;
}

.zindex-150 {
    z-index: 150;
}

.zindex-200 {
    z-index: 200;
}

.zindex-10001 {
    z-index: 10001
}

@-ms-viewport {
    width: device-width
}

.va {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.divider {
    height: 1px;
    display: block;
    width: 95%;
    margin: 20px auto;
    background: 0 0;
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,175,75,0)),color-stop(52%,#ffaf4b),color-stop(100%,rgba(255,146,10,0)));
    background: linear-gradient(to right,rgba(255,175,75,0) 0,#ffaf4b 52%,rgba(255,146,10,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 )
}

header {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.background-overlay,
.background-overlay-v2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.36)
}

    .background-overlay img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

header {
    position: relative
}

    header h1 {
        font-weight: 700;
        padding: 1.5em 0;
        margin: 0;
        line-height: 1.2
    }

        header h1 span {
            display: block;
            color: #ff9500
        }

    header.white-b-color,
    header.white-b-color .primary-navigation a,
    header.white-b-color .unknown-navigation a,
    header.white-b-color svg.white-color,
    header.white-b-color span {
        color: #3e455b;
        fill: #3e455b;
    }

        header.white-b-color .icon-user2 {
            stroke: #3e455b;
        }

        header.white-b-color .logo svg {
            fill: #F28B01
        }

.translated-ltr .logo {
    width: 17%
}

@media all and (max-width:420px) {
    header h1 {
        padding: 1.5em 7px
    }
}

.menu-toggle {
    display: none;
    align-items: center;
}

.primary-navigation .menu-toggle span {
    background-color: #ffffff30;
    padding: 11px;
}

.collapsable.folded,
.primary-navigation .menu > li.mobile {
    display: none
}

.primary-navigation .menu {
    margin: 0;
    align-items: center;
    padding: 0;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1;
    height: 100%
}

    .primary-navigation .menu li,
    .user-menu li {
        position: relative;
        align-items: center;
    }

    .primary-navigation .menu > li {
        padding: 0 8px;
    }

    .primary-navigation .menu li {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        /*border-radius: 15px;*/
    }

.user-menu li {
    padding: 14px;
}

.primary-navigation .menu > li > a {
    padding: 12px 6px 12px 10px;
    height: 100%;
    white-space: nowrap;
}

.primary-navigation .menu ul {
    display: none;
    position: absolute;
    top: 2.4em;
    left: -.7em;
    padding: 0;
    z-index: 999;
    border-radius: 15px;
    opacity: 0.97
}

    .primary-navigation .menu ul li {
        padding: 0 15px;
    }

    .primary-navigation .menu ul > li > ul {
        top: 0;
        left: 100%
    }

    .primary-navigation .menu li:hover > ul,
    .primary-navigation .menu ul .sub-menu-button {
        display: block
    }

    .primary-navigation .menu ul > li > a {
        display: block;
        padding: 14px;
        white-space: nowrap;
        cursor: pointer;
        color: #3E455B;
        text-transform: initial;
        /*font-size: 14px;*/
    }

    .primary-navigation .menu ul > li:hover,
    .user-menu li:hover,
    .lang-selector-options li:hover {
        background-color: #d5d5d54d;
    }

.primary-navigation .menu .sub-menu-button {
    cursor: pointer;
}

    .primary-navigation .menu .sub-menu-button:hover svg {
        color: #fff;
        fill: #fff;
    }

.sticky-side-menu {
    width: 58px;
}

    .sticky-side-menu a {
        width: 58px;
        height: 58px;
        margin-bottom: 1px;
    }

    .sticky-side-menu span {
        display: none;
    }

    .sticky-side-menu.menu-open {
        width: 200px;
    }

        .sticky-side-menu.menu-open > div {
            border: 1px solid #D5D5D5;
        }

        .sticky-side-menu.menu-open a:not(:last-child) {
            border-bottom: 1px solid #d5d5d5
        }

        .sticky-side-menu.menu-open a {
            width: 212px;
            margin-bottom: 0;
            background: #fffffff2;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
        }

            .sticky-side-menu.menu-open a svg {
                color: #3E455B;
                stroke: #3E455B;
                fill: #3E455B;
            }

            .sticky-side-menu.menu-open a:hover {
                background: #fffffff2;
                font-weight: 600;
                color: #3E455B;
            }

        .sticky-side-menu.menu-open span,
        .sticky-side-menu.menu-open div div {
            display: inline-block;
        }

.exhibitionPresentersBio .exhibition-background img {
    display: none
}

@media screen and (max-width:919px) {
    .primary-navigation .menu > li:hover {
        background-color: #d5d5d54d;
        /*background-color: rgb(213 213 213 / 30%);*/
    }

    .menu-open .primary-navigation .sub-menu-open {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .primary-navigation .menu .sub-menu-open ul {
        top: 0;
        /*bottom: 0;*/
        left: 0;
        right: 0;
        height: 150%;
        border-radius: 0
    }

    .primary-navigation .menu a {
        color: #3E455B;
        fill: #3E455B;
    }
    /* Menu End */

    .menu-open .primary-navigation .menu {
        display: block;
        width: 100%;
        height: auto;
    }

    .primary-navigation .menu li {
        padding: 0px 24px;
        text-transform: initial;
        border-radius: 0;
    }

        .primary-navigation .menu li.search-option {
            padding: 24px 30px;
        }

    .primary-navigation .menu ul li {
        padding: 10px 24px;
    }

        .primary-navigation .menu ul li.sub-menu-title {
            padding: 45px 30px;
        }

    .primary-navigation .menu li.main-column a {
        min-width: 85%;
        justify-content: left;
        -webkit-justify-content: left;
        display: flex;
        align-items: center;
        padding: 12px 6px 12px 10px;
    }

    .primary-navigation .menu li:hover > ul {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    li.mobile {
        display: block;
    }

    .primary-navigation .menu .sub-menu-button {
        display: block;
        color: #3E455B;
        fill: #3E455B;
    }

    .menu-open .mobile-top-header,
    .menu-open .unknown-navigation,
    .menu-open .login-form.register-form {
        display: flex;
    }

    /* Menu Begin */
    #user-navigation-menu.menu-open,
    .popup-window,
    .menu-open .primary-navigation {
        /*
        ToDo: probar que al quitar esto sigue funcionando el resto bien
        justify-content: flex-end;
        -webkit-justify-content: flex-end;*/
        width: 100vw;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
        height: 100%;
        display: block;
        background-color: white;
        z-index: 22;
        padding: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        /* Menu End */

        #user-navigation-menu.menu-open .user-menu-toggle + ul {
            position: relative;
            width: 100%;
            top: 0;
            display: block;
            right: 0;
            left: 0;
            border-radius: 0;
            margin: 0;
        }

            #user-navigation-menu.menu-open .user-menu-toggle + ul li {
                text-align: left;
                padding: 10px 30px;
                justify-content: space-between;
                -webkit-justify-content: space-between;
            }

                #user-navigation-menu.menu-open .user-menu-toggle + ul li a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    padding: 10px 0px 10px 24px;
                }

                #user-navigation-menu.menu-open .user-menu-toggle + ul li a {
                    font-size: 16px;
                    font-size: 1rem
                }

        #user-navigation-menu.menu-open .user-menu-toggle > span:first-child {
            width: 60px;
            height: 60px;
            padding: 10px;
            border-radius: 50px;
            background: linear-gradient(180deg, #fac03f, #F28B01);
            align-items: center;
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
        }

        #user-navigation-menu.menu-open .user-menu-toggle span {
            display: block;
            text-transform: none;
        }

        #user-navigation-menu.menu-open .user-menu-toggle + ul svg {
            stroke: #3E455B;
            fill: #3E455B;
            color: #3E455B;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .menu-open .logo,
    .menu-open .lang-selector {
        display: none;
    }
}

@media screen and (min-width:920px) and (max-width:1200px) {
    div > .primary-navigation {
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
        padding: 0 20px;
    }
}

/* User Menu */

.mobile-top-header {
    display: none;
}

.user-menu,
.lang-container {
    display: none;
    top: 2.35em;
}

    .user-menu a {
        color: #3E455B;
        white-space: nowrap;
        font-size: 13px;
        font-size: .8125rem;
    }

    .menu-open,
    .lang-container.menu-open,
    #user-navigation-menu.menu-open .user-menu,
    .unknown-navigation:hover .user-menu {
        display: block;
    }

#user-navigation-menu.menu-open .user-menu,
.unknown-navigation:hover .user-menu {
    overflow: hidden;
    width: 230px;
}

.key-messages img {
    max-width: 85px;
}

main {
    font-size: 16px;
    font-size: 1rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}

.no-float {
    float: none !important
}

.fullwidth {
    width: 100%;
    max-width: 100%
}

section {
    margin: 0 auto 24px
}

.article_text {
    transition: all 200ms linear
}

    .article_text > div:first-child {
        float: left;
        width: 90%
    }

.container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1496px;
    padding: 0;
    width: 100%;
    padding: 0 20px;
}

.xs-scrollable .container,
.xl-scrollable .container {
    padding: 0;
}

.full-width .container {
    max-width: 100%;
    padding: 0;
}

    .full-width .container > .row > .column {
        padding: 0
    }

.w1210 .container {
    max-width: 1250px; /* 1210 + 20px from padding right & left */
}

.bg-cover .container {
    padding: 0;
}

.container:before,
.container:after {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

.text-default,
.text-default p {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.5rem
}

.border-radius-5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.border-radius-15 {
    border-radius: 15px
}

.border-radius-25 {
    border-radius: 25px
}

.border-radius-50 {
    border-radius: 50px
}

.border-radius-30 {
    border-radius: 30px
}

.top-border-rounded {
    border-radius: 30px 30px 0 0;
}

.left-border-rounded {
    border-radius: 30px 0 0 30px;
}

.right-border-rounded {
    border-radius: 0 30px 30px 0;
}

.bottom-border-rounded {
    border-radius: 0 0 30px 30px;
}

.clear-both {
    clear: both
}

.list-style-none {
    list-style: none
}

.fw-normal {
    font-weight: 400
}

.fw-bold {
    font-weight: 700
}

.text-d-under,
.hover-underline:hover,
footer ul a:hover {
    text-decoration: underline
}

.text-t-upper {
    text-transform: uppercase
}

.text-t-cap {
    text-transform: capitalize
}

.fs-medium-bold {
    font-weight: 500
}

.fs-0 {
    font-size: 0
}

.fs-08 {
    font-size: 12.8px;
    font-size: .8rem
}

.fs-11 {
    font-size: 11px;
    font-size: .6875rem;
}

.fs-12 {
    font-size: 12px;
    font-size: .75rem
}

.fs-13 {
    font-size: 13px;
    font-size: .8125rem
}

.fs-14 {
    font-size: 14px;
    font-size: .875rem
}

.fs-15 {
    font-size: 15px;
    font-size: 0.9375rem
}

.fs-16 {
    font-size: 16px;
    font-size: 1rem;
}

.fs-32 {
    font-size: 32px;
    font-size: 2rem
}

.f-size-46x {
    font-size: 46px;
    font-size: 2.875rem;
}
/* ToDo: replace with col-xs-fs-18 */
.fs-18 {
    font-size: 18px;
    font-size: 1.125rem
}

.subtitle-5 {
    font-size: 16px;
    font-size: 1rem;
}

.fs-20 {
    font-size: 20px;
    font-size: 1.25rem
}

.fs-22,
.subtitle-3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
}

    .subtitle-3.two-lines {
        height: 56px;
        height: 3.5rem;
    }

    .subtitle-3.three-lines {
        height: 84px;
        height: 5.25rem;
    }

.subtitle-1 {
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem
}

.fs-28,
.headline-h4 {
    font-size: 28px;
    font-size: 1.75rem
}

.subtitle-2,
.headline-h4 {
    font-weight: bold;
}

.fs-20-two {
    line-height: 1.5rem;
    height: 3rem;
}

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

    .fs-mob-12 {
        font-size: 12px;
        font-size: .75rem
    }
}

.height-2em {
    height: 2em
}

.height-5em {
    height: 80px;
    height: 5rem;
}

.h-6rem {
    height: 96px;
    height: 6rem;
}

.calc-h-20rem {
    height: calc(100% - 320px);
    height: calc(100% - 20rem);
}

.line_h_1_5 {
    line-height: 2
}

.lh_18 {
    line-height: 18px
}

.lh-22 {
    line-height: 22px;
    line-height: 1.375rem;
}

.lh_29 {
    line-height: 29px
}

/* Opacity */

.opacity-40 {
    opacity: 0.40
}

.opacity-50,
.disabled {
    opacity: 0.50
}

.opacity-60 {
    opacity: 0.60
}

.opacity-70 {
    opacity: 0.70
}

.opacity-90 {
    opacity: 0.90
}

.opacity-97 {
    opacity: 0.97
}

/* Widths & Heights Begin */

.height-auto {
    height: auto
}

.height-12 {
    height: 12px
}

.height-16 {
    height: 16px
}

.height-20 {
    height: 20px
}

.height-35 {
    height: 35px
}

.height-40 {
    height: 40px;
    height: 2.5rem
}

.height-55 {
    height: 55px
}

.height-60 {
    height: 60px
}

.height-64 {
    height: 64px
}

.height-3em {
    height: 3em
}

.height-85 {
    height: 85px
}

.xs-hgt-100 {
    height: 100px;
}

.height-15 {
    height: 15rem
}

.height-200 {
    height: 200px
}

.height-275 {
    height: 275px
}

.height-163 {
    height: 163px
}

.full-screen-width {
    width: 100vw;
}

.width-0 {
    width: 0
}

.width-50 {
    width: 50%
}

.width-49 {
    width: 49%
}

.width-25 {
    width: 25%
}

.width-100 {
    width: 100%
}

.min-w-150 {
    min-width: 150px;
}

.min-w-250 {
    min-width: 250px;
}

.width-40 {
    width: 40px;
    width: 2.5rem
}

/* Width pensnado en un grid de 12 */

.width-70 {
    width: 70%
}

.width-30 {
    width: 30%
}

.height-100 {
    height: 100%
}

/* Widths & Heights End */

/* Hover effects Begin */
img.shade:hover,
div.share:hover img,
div.shade-before.before-gradient-dark-transparent:hover::before {
    -webkit-transition: all 10ms ease;
    -moz-transition: all 10ms ease;
    -o-transition: all 10ms ease;
    -ms-transition: all 10ms ease;
    transition: all 10ms ease;
}

img.shade:hover,
div.shade:hover img {
    -webkit-filter: brightness(95%);
}

div.shade-before.before-gradient-dark-transparent:hover::before {
    -webkit-filter: brightness(80%);
}

.zoom:hover {
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transform: scale(1.05);
}

/* Hover effects end */

/* Background colors */

.xs-white-bc {
    background: #fff;
}

img.lozad {
    opacity: 0;
    transition: opacity 0.3s ease;
}

img.lazyloaded {
    opacity: 1;
}

/* Bootstrap Begin */


.flex-left-align-content .row {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: left;
    -webkit-justify-content: left;*/
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.flex-right-align-content .row {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: right;
    -webkit-justify-content: right;*/
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

/*.xs-scrollable,
.xl-scrollable {
    overflow: hidden;
}

    .xs-scrollable > .container,
    .xl-scrollable > .container {
        overflow: hidden;
        -ms-overflow-style: none;*/ /* Internet Explorer 10+ */
/*scrollbar-width: none;*/ /* Firefox */
/*}

        .xs-scrollable > .container::-webkit-scrollbar,
        .xl-scrollable > .container::-webkit-scrollbar {
            display: none;*/ /* Safari and Chrome */
/*}*/

.row .column img {
    max-width: 100%;
}

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

    .row.scrollable {
        flex-wrap: nowrap;
    }

    .row.scrollable {
        width: 100%;
        padding: 0 20px;
        overflow: hidden;
        /*white-space: nowrap;*/
        /*scroll-behavior: smooth;*/
        /*font-size: 0;*/
    }

.flex-centered .row {
    justify-content: center;
    -webkit-justify-content: center;
}

    .flex-centered .row.scrollable {
        /*justify-content: left;
        -webkit-justify-content: left;*/
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

.xl-scrollable .row.scrollable {
    flex-direction: column;
    align-items: center;
}

.xl-scrollable .row .column {
    margin-bottom: 20px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

/* Extra small */

.hide-block-xs {
    display: none;
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.xs-top-50 {
    top: 50%;
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-center {
    text-align: center;
}

.col-xs-left {
    text-align: left;
}

.col-xs-justify-right {
    /*justify-content: right;
    -webkit-justify-content: right;*/
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.col-xs-justify-center {
    justify-content: center;
    -webkit-justify-content: center
}

.col-xs-position-relative {
    position: relative;
}

.col-xs-display-none {
    display: none;
}

.col-xs-block,
.xs-d-block {
    display: block;
}

.col-xs-d-flex,
#reportErrorModal .flex-mobile-header {
    display: flex;
}

.col-xs-d-grid {
    display: grid;
}

.xs-d-sticky {
    position: -webkit-sticky;
    position: sticky
}

.xs-grid-temp-two-col {
    grid-template-columns: 1fr 1fr;
}

.xs-grid-temp-three-col {
    grid-template-columns: 1fr 1fr 1fr;
}

.xs-g-row-gap-15 {
    grid-row-gap: 15px
}

.col-xs-fs-9 {
    font-size: 9px;
    font-size: .5625rem
}

.col-xs-fs-10 {
    font-size: 10px;
    font-size: .625rem
}

.col-xs-fs-11 {
    font-size: 11px;
    font-size: .6875rem
}

.col-xs-fs-12 {
    font-size: 12px;
    font-size: .75rem
}

.col-xs-fs-13 {
    font-size: 13px;
    font-size: .8125rem
}

.col-xs-fs-14 {
    font-size: 14px;
    font-size: .875rem
}

.col-xs-fs-16 {
    font-size: 16px;
    font-size: 1rem
}

.col-xs-fs-18 {
    font-size: 18px;
    font-size: 1.125rem
}

.col-xs-fs-20 {
    font-size: 20px;
    font-size: 1.25rem
}

.col-xs-fs-22 {
    font-size: 22px;
    font-size: 1.375rem
}

.col-xs-fs-24 {
    font-size: 24px;
    font-size: 1.5rem
}

.col-xs-fs-26 {
    font-size: 26px;
    font-size: 1.625rem
}

.col-xs-fs-28 {
    font-size: 28px;
    font-size: 1.75rem
}

.col-xs-fs-30 {
    font-size: 30px;
    font-size: 1.875rem
}

.col-xs-fs-32 {
    font-size: 32px;
    font-size: 2rem
}

.col-xs-fs-36 {
    font-size: 36px;
    font-size: 2.25rem
}

.col-xs-fs-40 {
    font-size: 40px;
    font-size: 2.5rem
}

.col-xs-fs-45 {
    font-size: 45px;
    font-size: 2.8125rem
}

.col-xs-fs-70 {
    font-size: 70px;
    font-size: 4.375rem
}

.col-xs-lh-14 {
    line-height: 14px;
    line-height: 0.875rem;
}

.col-xs-lh-16 {
    line-height: 16px;
    line-height: 1rem;
}

.col-xs-lh-18 {
    line-height: 18px;
    line-height: 1.125rem;
}

.col-xs-lh-19 {
    line-height: 19px;
    line-height: 1.1875rem;
}

.col-xs-lh-22 {
    line-height: 22px;
    line-height: 1.375rem;
}

.col-xs-lh-24 {
    line-height: 24px;
    line-height: 1.5rem;
}

.col-xs-lh-26 {
    line-height: 26px;
    line-height: 1.625rem;
}

.col-xs-lh-28 {
    line-height: 28px;
    line-height: 1.75rem;
}

.col-xs-lh-31 {
    line-height: 31px;
    line-height: 1.9375rem;
}

.col-xs-lh-32 {
    line-height: 32px;
    line-height: 2rem;
}

.col-xs-lh-36 {
    line-height: 36px;
    line-height: 2.25rem;
}

.col-xs-lh-40 {
    line-height: 40px;
}

.col-xs-lh-44 {
    line-height: 44px;
}

.col-xs-fw-light {
    font-weight: 300;
}

.col-xs-fw-regular {
    font-weight: 400;
}

.col-xs-fw-medium {
    font-weight: 500;
}

.xs-fw-semi-bold {
    font-weight: 600
}

.col-xs-fw-bold {
    font-weight: 700;
}

/* Flex rules */

.align-c-center {
    align-content: center;
}

.align-c-start {
    align-content: flex-start;
}

.justify-c-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.justify-c-between,
.xs-justify-c-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.xs-jc-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.justify-c-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
}

.flex-direct-rev {
    flex-direction: row-reverse;
}

.flex-direct-col,
.xs-flex-direct-col {
    flex-direction: column;
}

.xs-flex-drct-row {
    flex-direction: row;
}

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

.xs-order-1 {
    order: 1;
}

.xs-order-2 {
    order: 2;
}

.xs-order-3 {
    order: 3;
}

.xs-order-4 {
    order: 4;
}

.col-xs-greyblue-color {
    color: #3E455B;
    stroke: #3E455B;
    fill: #3E455B
}

.col-xs-greyblue-color-60 {
    color: #3e455b99;
    stroke: #3e455b99;
    fill: #3e455b99
}

.xs-mid-grey-c {
    color: #8f8f8f;
    fill: #8f8f8f;
}

.col-xs-orange-color {
    color: #ff9500;
    fill: #ff9500;
}

.xs-transl-minus-50 {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.col-xs-rotate-180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.xs-t-scale-80 {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}

.subtitle-2 {
    font-size: 18px;
    font-size: 1.125rem
}

/* Border */

.no-border {
    border: 0;
}

.border-bottom-1 {
    border-bottom: 1px;
}

.border-top-1 {
    border-top: 1px;
}

.border-right-1 {
    border-right: 1px;
}

.bb-light-grey {
    border-bottom: 1px solid #d5d5d5
}

.bb-orange {
    border-bottom: 1px solid #ff9500
}

.bb-dark-grey {
    border-bottom: 1px solid #353535
}

.orange-border {
    border: 1px solid #ff9500
}

.light-grey-border {
    border: 1px solid #eaeaea
}

.dark-grey-2-border {
    border: 1px solid #012b3b
}

.white-border {
    border: 1px solid #fff
}

.border-s1 {
    border: 1px;
}

.border-s2 {
    border: 2px;
}

.border-s3 {
    border: 3px;
}

.border-c-trans {
    border-color: transparent;
}

.border-c-white {
    border-color: #fff;
}

.border-c-lightwhite {
    border-color: #ffffff80;
}

.border-c-red {
    border-color: #ff0000b3 !important;
}

.border-c-orange {
    border-color: #ff9500;
}

.border-c-light-grey {
    border-color: #d5d5d5;
}

.border-c-lightgrey {
    border-color: #70707050;
}

.border-lightgrey-color {
    border-color: #b1b1b1;
}

.border-c-bluegrey {
    border-color: #3E455B;
}

.border-c-bluegrey-opac {
    border-color: #3e455b80;
}

.border-c-blue-marine {
    border-color: #02c2b5;
}

.border-lightgrey {
    border: 1px solid #707070;
}

.border-solid {
    border-style: solid;
}

.border-style-dotted {
    border-style: dotted;
}

.col-xs-rounded-border {
    border-radius: 30px;
}

.col-xs-right-border-rounded {
    border-radius: 0 30px 30px 0;
}

/* Padding */

.padding-15 {
    padding: 15px
}

.pd-5em-10em {
    padding: .5em 1em
}

.padding-0,
.col-xs-padding-0 {
    padding: 0
}

.padding-5 {
    padding: 5px
}

.padding-8 {
    padding: 8px
}

.padding-10,
.xs-padding-10 {
    padding: 10px
}

.padding-0-12 {
    padding: 0 12px
}

.padding-5-0 {
    padding: 5px 0
}

.padding-10-0 {
    padding: 10px 0
}

.padding-12-0 {
    padding: 12px 0
}

.padding-12,
.xs-padding-12 {
    padding: 12px
}

.padding-20,
.xs-padding-20 {
    padding: 20px
}

.xs-padding-25 {
    padding: 25px
}

.padding-30,
.xs-padding-30 {
    padding: 30px
}

.padding-40 {
    padding: 40px
}

.padding-20-0 {
    padding: 20px 0
}

.padding-0-20 {
    padding: 0 20px
}

.padding-10-20,
.xs-padding-10-20 {
    padding: 10px 20px
}

.padding-12-24 {
    padding: 12px 24px
}

.padding-24-12 {
    padding: 24px 12px
}

.padding-20-40 {
    padding: 20px 40px
}

.padding-24-85 {
    padding: 24px 85px
}

.padding-15-20 {
    padding: 15px 20px
}

.xs-pad-l-10 {
    padding-left: 10px;
}

.xs-padding-left-20 {
    padding-left: 20px;
}

.xs-pad-l-15 {
    padding-left: 15px;
}

.xs-pad-l-25 {
    padding-left: 25px;
}

.padding-left-30,
.xs-padding-left-30 {
    padding-left: 30px;
}

.xs-pad-r-10 {
    padding-right: 10px;
}

.xs-padding-right-20,
.padding-right-20 {
    padding-right: 20px;
}

.padding-right-30,
.xs-padding-right-30 {
    padding-right: 30px;
}

.xs-pad-r-15 {
    padding-right: 15px;
}

.xs-pad-r-25 {
    padding-right: 25px;
}

.xs-pad-r-35 {
    padding-right: 35px;
}

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

.padding-top-15,
.xs-padding-top-15 {
    padding-top: 15px;
}

.xs-padding-top-20 {
    padding-top: 20px;
}

.xs-padding-top-30 {
    padding-top: 30px;
}

.xs-padding-top-25 {
    padding-top: 25px;
}

.xs-padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.xs-padding-top-70 {
    padding-top: 70px;
}

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

.xs-padding-bottom-0 {
    padding-bottom: 0px;
}

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

.padding-bottom-15,
.xs-padding-bottom-15 {
    padding-bottom: 15px;
}

.xs-padding-bottom-20 {
    padding-bottom: 20px;
}

.xs-padding-bottom-25 {
    padding-bottom: 25px;
}

.xs-padding-bottom-30 {
    padding-bottom: 30px;
}

.xs-padding-bottom-35 {
    padding-bottom: 35px;
}

.xs-padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.m-centered {
    margin: 0 auto
}

/* margin-left */

.xs-margin-left-5 {
    margin-left: 5px;
}

.xs-margin-left-10 {
    margin-left: 10px;
}

.xs-margin-left-15 {
    margin-left: 15px;
}

.xs-margin-left-20 {
    margin-left: 20px;
}

.xs-margin-left-30 {
    margin-left: 30px;
}

/* margin-right */

.xs-margin-right-5 {
    margin-right: 5px;
}

.xs-margin-right-10 {
    margin-right: 10px;
}

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

.xs-margin-right-20 {
    margin-right: 20px;
}

.xs-margin-right-30 {
    margin-right: 30px;
}

.xs-margin-right-50 {
    margin-right: 50px;
}

/* margin-top */

.xs-margin-top-0 {
    margin-top: 0px;
}

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

.xs-margin-top-15 {
    margin-top: 15px;
}

.xs-margin-top-20 {
    margin-top: 20px;
}

.xs-margin-top-25 {
    margin-top: 25px;
}

.xs-margin-top-30 {
    margin-top: 30px;
}

.xs-margin-top-40 {
    margin-top: 40px;
}

.xs-margin-top-50 {
    margin-top: 50px;
}

.xs-margin-top-60 {
    margin-top: 60px;
}

.xs-margin-top-70 {
    margin-top: 70px;
}

.xs-margin-top-100 {
    margin-top: 100px;
}

.xs-margin-bottom-0 {
    margin-bottom: 0px;
}

.xs-m-b-5 {
    margin-bottom: 5px;
}

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

.xs-margin-bottom-15 {
    margin-bottom: 15px;
}

.xs-margin-bottom-20 {
    margin-bottom: 20px;
}

.xs-margin-bottom-25 {
    margin-bottom: 25px;
}

.xs-margin-bottom-30 {
    margin-bottom: 30px;
}

.xs-margin-bottom-35 {
    margin-bottom: 35px;
}

.xs-margin-bottom-40 {
    margin-bottom: 40px;
}

.xs-margin-bottom-50 {
    margin-bottom: 50px;
}

.xs-margin-bottom-60 {
    margin-bottom: 60px;
}

.xs-margin-bottom-70 {
    margin-bottom: 70px;
}

.user-icon {
    width: 16px;
    height: 25px;
}

.subtitle-4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    height: 49px;
    height: 3.0625rem;
}

.subtitle-4-copy {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    height: 42px;
    height: 2.625rem;
}

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

.overflow-y-scroll {
    overflow-y: scroll;
}

.col-xs-lh-20 {
    line-height: 20px;
    line-height: 1.25rem
}

/* Show a faded effect on the bottom of an element  */
.fade-bottom-div-dark:after {
    background: -webkit-linear-gradient(top,rgba(19,53,119,0)0,#3E455B 100%);
    background: linear-gradient(to bottom,rgba(19,53,119,0)0,#3E455B 100%);
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    right: 0;
    pointer-events: none; /* these prevents the div from avoiding clicking the arrow */
}

.fade-bottom-div:after {
    background: -webkit-linear-gradient(top,rgba(255,255,255,0)0,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0)0,#fff 100%);
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    right: 0;
    pointer-events: none; /* these prevents the div from avoiding clicking the arrow */
}

.hover-underlined:hover {
    text-decoration: underline
}

.hover-greyblue-color:hover {
    color: #3E455B
}

/* Show custom scroll bar */
.vertical-scroller::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.vertical-scroller::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.vertical-scroller::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: #3e455b40;
    /*background-color: rgb(62 69 91 / 25%);*/
}

/* Macros */
.hp-background-overlay img {
    height: 1050px;
    height: 1350px;
    height: 1500px;
}

.featured-block-bi {
    background-image: url(https://www.aplaceinthesun.com/media/vaecqf50/interactive-path-mobile-comp.png?width=576&mode=pad&format=webp&quality=85);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: 350px;
}

.large-content-box {
    max-width: 400px;
}

.webinar-content-box {
    max-width: 400px;
    max-height: 400px;
}

.search-alert-count {
    width: 76px;
    height: 76px;
}

.alert-icon {
    max-width: 110px;
    max-height: 77px;
}

.location-carousel-content {
    width: calc(100% - 151px);
}

.xs-scrollable.top-section .scrollable {
    padding-bottom: 30px;
}

.xs-scrollable .scrollable .col-md-3,
.xs-scrollable .scrollable .col-md-4 {
    display: inline-block;
    flex-shrink: 0;
}

.xs-scrollable .scrollable .col-md-3 {
    max-width: 349px;
    max-width: 21.8125rem;
    width: calc(100% / 1.07);
}

.xs-scrollable .scrollable .col-md-4 {
    width: 90%;
}

.col-md-3 .carousel .draggable-card {
    width: calc(100% / 1.5);
    flex-shrink: 0;
}

.top-section .col-md-3 .carousel .draggable-card:first-of-type {
    margin-left: 20px;
}

.top-section .col-md-3 .carousel .draggable-card img,
.top-section .total-alerts-body {
    height: 163px;
    height: 10.1875rem;
}

.top-section .col-md-3 .vertical-scroller {
    max-height: 225px;
    max-height: 14.0625rem;
}

.top-section .col-md-3 .user-vertical-scroller {
    max-height: 163px;
    max-height: 10.1875rem;
}

/* Explore other countries */
.col-md-12 .carousel .draggable-card {
    flex-shrink: 0;
    display: inline-block;
    width: 304px;
    width: 19rem;
}

.xs-flex-grow {
    flex-grow: 1;
}

/* Background colors */

.white-b-color,
.xs-white-b-color {
    background-color: #fff
}

.light-grey-b-color,
.xs-light-grey-b-color {
    background: #f5f5f5
}

.xs-light-grey-b-color-opac-50 {
    background: #f5f5f580
}

.xs-box-shadow-light-grey {
    -webkit-box-shadow: inset -1px 1px 2px #9E9E9E;
    -moz-box-shadow: inset -1px 1px 2px #9E9E9E;
    box-shadow: inset -1px 1px 2px #9E9E9E;
}

/* Buttons */

.orange_button {
    margin-top: 10px;
    padding: 16px 24px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    background: #ff9500;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    color: #fff
}

    .orange_button:visited {
        color: #fff
    }

    .orange_button:hover {
        color: #353535
    }

    .more_button a:visited,
    .orange_button:active {
        color: #fff
    }

.more_button,
.orange_button {
    display: inline-block
}

    .grey_button,
    .more_button a {
        margin-top: 10px;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 700;
        font-size: 14px;
        font-size: .875rem;
        color: #fff
    }

    .more_button a {
        background: #ff9500;
        padding: 13px 28px
    }

        .more_button a:hover {
            color: #353535
        }

    .orange_button.hollow {
        border: 1px solid #fff;
        background: 0 0
    }

        .orange_button.hollow:hover {
            background: #fff
        }

.grey_button {
    display: inline-block;
    padding: 16px 24px;
    background: #4d4d4d
}

    .grey_button:visited,
    .more_button a:active,
    .grey_button:active {
        color: #fff
    }

    .grey_button:hover {
        color: #999da8
    }

.button,
button,
input[type=submit] {
    font-family: inherit;
    /*color: #fff;*/
    text-transform: uppercase;
    /*line-height: 1.5;*/
    /*padding: 20px 0;*/
    text-align: center;
    cursor: pointer;
    /*border: 0;*/
    /*border: 1px solid #fff;*/
    outline: 0
}

    button[type=submit].orange-b-color:hover,
    input[type=submit].orange-b-color:hover,
    input[type=submit].bc-gradient-orange:not(.disabled):hover {
        background: #fff;
        border: 1px solid #ff9500;
        color: #ff9500
    }

/*.button:hover,
    button:hover,
    input[type=submit]:not(.disabled):hover {
        background-color: #fa3;
        color: #474747
    }*/

input {
    border-radius: 0
}

input,
textarea {
    background: transparent;
    font-family: inherit;
    font-weight: inherit;
    outline: 0;
    border: 1px solid #3e455b80;
    box-shadow: 0;
    color: #707070;
    /*color: rgb(62 69 91 / 60%);*/
    padding: .5em 1em;
    font-size: 14px;
    font-size: .875rem
}

    input[type=checkbox] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        padding: 7px 7px;
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        transition: all .3s;
        margin: 0px 10px 0 0;
    }


/* Position rules */

.f-left {
    float: left
}

.top-0 {
    top: 0
}

.bottom-25 {
    bottom: -25px
}

.bottom-0 {
    bottom: 0
}

.bottom-100 {
    bottom: 100px
}

.bottom-20 {
    bottom: 20px
}

.right-0 {
    right: 0;
}

.right-5 {
    right: 5px;
}

.right-15 {
    right: 15px;
}

.right-20 {
    right: 20px;
}

.left-0 {
    left: 0;
}

.left-20 {
    left: 20px;
}

.right-10 {
    right: 10%;
}

.left-9999 {
    left: 9999px;
}

.top-35-up {
    top: -35px;
}

.top-20 {
    top: 20px;
}

.top-60 {
    top: 60px;
}

.top-20-up {
    top: -20px;
}

.top-4-rem {
    top: 4rem;
}

.pos-bottom-50 {
    bottom: 50px
}

.position-absolute {
    position: absolute
}

.position-relative,
.xs-position-relative {
    position: relative
}

.position-fixed {
    position: fixed
}

.absolute-centered {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Extra small */

@media(min-width:576px) {

    .col-xl-auto {
        width: auto
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666666666666%
    }

    .col-xl-10 {
        width: 83.33333333333334%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666666666666%
    }

    .col-xl-7 {
        width: 58.333333333333336%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666666666667%
    }

    .col-xl-4 {
        width: 33.33333333333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.666666666666664%
    }

    .col-xl-1 {
        width: 8.333333333333332%
    }

    .col-xl-d-flex {
        display: flex;
    }

    .col-xl-d-none {
        display: none;
    }

    .xl-height-3 {
        height: 48px;
        height: 3rem
    }

    .xl-margin-bottom-0 {
        margin-bottom: 0;
    }

    .xl-scrollable {
        overflow-x: scroll;
        overflow: hidden;
        /*scroll-behavior: smooth;*/
    }

        .xl-scrollable .row.scrollable {
            flex-direction: row;
            flex-wrap: nowrap;
            /*justify-content: left;
            -webkit-justify-content: left;*/
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            cursor: pointer;
            overflow: hidden;
            /*white-space: nowrap;*/
            /*scroll-behavior: smooth;*/
            /*font-size: 0;*/
        }

        .xl-scrollable .row .column {
            /*width: auto;*/
            display: inline-block;
            flex-shrink: 0;
        }

        .xl-scrollable .row .column {
            margin-bottom: 0px;
        }

    .xs-scrollable .scrollable .col-md-4 {
        width: 45%;
    }

    /* Macros */

    .featured-block-bi {
        background-image: url(https://www.aplaceinthesun.com/media/50jopthv/interactive-path-tablet-comp.png?mode=pad&width=800&format=webp&quality=85);
        background-size: cover;
        padding-bottom: 300px
    }

    .large-content-box {
        max-width: 712px;
        max-height: 352px;
    }

    .webinar-content-box {
        /*max-width: 400px;
        max-height: 400px;*/
        max-width: 344px;
        max-height: 352px;
    }
}

/* Small */

@media(min-width:768px) {

    .col-sm-auto {
        width: auto
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-fs-9 {
        font-size: 9px;
        font-size: .5625rem
    }

    .col-sm-fs-11 {
        font-size: 11px;
        font-size: .6875rem
    }

    .col-sm-fs-12 {
        font-size: 12px;
        font-size: .75rem
    }

    .col-sm-fs-13 {
        font-size: 13px;
        font-size: .8125rem
    }

    .col-sm-fs-14 {
        font-size: 14px;
        font-size: .875rem
    }

    .col-sm-fs-16 {
        font-size: 16px;
        font-size: 1rem
    }

    .col-sm-fs-18 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .col-sm-fs-20 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .col-sm-fs-22 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .col-sm-fs-24 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .col-sm-fs-28 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .col-sm-fs-30 {
        font-size: 30px;
        font-size: 1.875rem
    }

    .col-sm-fs-32 {
        font-size: 32px;
        font-size: 2rem
    }

    .col-sm-fs-40 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .col-sm-fs-42 {
        font-size: 42px;
        font-size: 2.625rem
    }

    .col-sm-fs-46 {
        font-size: 46px;
        font-size: 2.875rem
    }

    .col-sm-fs-50 {
        font-size: 50px;
        font-size: 3.125rem
    }

    .subtitle-2 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .col-sm-lh-18 {
        line-height: 18px;
    }

    .col-sm-lh-20 {
        line-height: 20px;
    }

    .col-sm-lh-24 {
        line-height: 24px;
        line-height: 1.5rem;
    }

    .col-sm-lh-26 {
        line-height: 26px;
        line-height: 1.625rem;
    }

    .col-sm-lh-29 {
        line-height: 29px;
    }

    .col-sm-lh-32 {
        line-height: 32px;
    }

    .col-sm-lh-34 {
        line-height: 34px;
        line-height: 2.125rem;
    }

    .col-sm-lh-46 {
        line-height: 46px;
    }

    .sm-fw-med {
        font-weight: 500;
    }

    .col-sm-fw-bold {
        font-weight: 700;
    }

    .sm-position-relative {
        position: relative;
    }

    .col-sm-dispaly-block {
        display: block;
    }

    .col-sm-display-flex {
        display: flex;
    }

    .col-sm-display-none {
        display: none;
    }

    .sm-flex-direct-row {
        flex-direction: row;
    }

    .sm-grid-temp-three-col {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .user-icon {
        width: 12px;
        height: 15px;
    }

    .col-sm-white-color {
        color: #fff;
        fill: #fff;
    }

    /* Margins */

    .sm-centered {
        margin: 0 auto;
    }

    .sm-margin-top-0 {
        margin-top: 0px;
    }

    .sm-margin-top-10 {
        margin-top: 10px;
    }

    .sm-margin-top-20 {
        margin-top: 20px;
    }

    .sm-margin-top-30 {
        margin-top: 30px;
    }

    .sm-margin-top-40 {
        margin-top: 40px;
    }

    .sm-margin-top-50 {
        margin-top: 50px;
    }

    .sm-margin-top-60 {
        margin-top: 60px;
    }

    .sm-margin-top-70 {
        margin-top: 70px;
    }

    .sm-margin-bottom-0 {
        margin-bottom: 0px;
    }

    .sm-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .sm-margin-bottom-15 {
        margin-bottom: 15px;
    }

    .sm-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .sm-margin-bottom-25 {
        margin-bottom: 25px;
    }

    .sm-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .sm-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .sm-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .sm-margin-bottom-60 {
        margin-bottom: 60px;
    }

    .sm-margin-bottom-70 {
        margin-bottom: 70px;
    }

    /* Margins */

    .sm-margin-left-0 {
        margin-left: 0px;
    }

    .sm-margin-left-6-5 {
        margin-left: 6.5px;
    }

    .sm-margin-left-10 {
        margin-left: 10px;
    }

    .sm-margin-left-30 {
        margin-left: 30px;
    }

    .sm-margin-left-40 {
        margin-left: 40px;
    }

    .sm-margin-right-0 {
        margin-right: 0px;
    }

    .sm-margin-right-6-5 {
        margin-right: 6.5px;
    }

    .sm-margin-right-10 {
        margin-right: 10px;
    }

    .sm-margin-right-20 {
        margin-right: 20px;
    }

    .sm-margin-right-30 {
        margin-right: 30px;
    }

    .sm-margin-right-40 {
        margin-right: 40px;
    }

    .sm-padding-10 {
        padding: 10px;
    }

    .sm-padding-15 {
        padding: 15px;
    }

    .sm-padding-20 {
        padding: 20px;
    }

    .sm-padding-30 {
        padding: 30px;
    }

    .sm-padding-12-24 {
        padding: 12px 24px
    }

    /* Padding rules */

    .sm-padding-0 {
        padding: 0;
    }

    .sm-padding-40 {
        padding: 40px;
    }

    .sm-padding-bottom-0 {
        padding-bottom: 0px;
    }

    .sm-padding-bottom-10 {
        padding-bottom: 10px;
    }

    .sm-padding-left-10 {
        padding-left: 10px;
    }

    .sm-padding-top-20 {
        padding-top: 20px;
    }

    .sm-padding-right-10 {
        padding-right: 10px;
    }

    .sm-padding-right-20 {
        padding-right: 20px;
    }

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

    .sm-padding-right-50 {
        padding-right: 50px;
    }

    .sm-padding-bottom-20 {
        padding-bottom: 20px;
    }

    .sm-padding-bottom-30 {
        padding-bottom: 30px;
    }

    .sm-padding-bottom-40 {
        padding-bottom: 40px;
    }

    .sm-padding-left-20 {
        padding-left: 20px;
    }

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

    .sm-padding-top-70 {
        padding-top: 70px;
    }

    .sm-padding-bottom-70 {
        padding-bottom: 70px;
    }

    /* Padding rules end*/

    /* Widths & Heights Begin */

    .sm-height-auto {
        height: auto
    }

    .sm-hgt-90 {
        height: 90px;
    }

    /* Widths & Heights End */

    .sm-no-border {
        border: 0
    }

    .sm-border-bottom-1 {
        border-bottom-width: 1px;
    }

    .col-sm-border-radius-25 {
        border-radius: 25px;
    }

    .sm-flex-grow-0 {
        flex-grow: 0;
    }

    .sm-flex-grow-1 {
        flex-grow: 1;
    }

    .sm-jc-spaceb {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .col-sm-justify-right {
        /*justify-content: right;
        -webkit-justify-content: right*/
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .user-profile-button span:first-child {
        display: none;
    }

    /* Background colors */

    .sm-white-b-color {
        background-color: #fff
    }

    .sm-transparent-b {
        background-color: transparent
    }

    .sm-greyblue-bc {
        background-color: #3E455B
    }

    .sm-light-grey-b-color {
        background: #f5f5f5
    }

    .sm-box-shadow-light-grey {
        -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
    }

    /* Position rules */
    .sm-position-absolute {
        position: absolute;
    }

    .sm-left-0 {
        left: 0;
    }

    .sm-top-0 {
        top: 0;
    }

    .sm-top-35-up {
        top: -35px;
    }

    .col-sm-left {
        text-align: left;
    }

    .col-sm-right {
        text-align: right;
    }

    /* Transform rules */

    .sm-t-scale-100 {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    /* Macros */

    .large-content-box,
    .webinar-content-box {
        max-width: 100%;
        max-height: 100%;
    }

    .xl-scrollable .scrollable .col-md-8 {
        width: 90%;
    }

    .xl-scrollable .scrollable .col-md-4 {
        width: 45%;
    }
}

/* Medium */

@media(min-width:920px) {

    .block-md {
        display: block;
    }

    .col-md-auto {
        width: auto
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-0 {
        width: auto
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-0 {
        margin-left: auto
    }

    .col-md-offset-r-1 {
        margin-right: 8.333333333333332%
    }

    .col-md-margin-0 {
        margin: 0;
    }

    .md-margin-10-0 {
        margin: 10px 0;
    }

    /* Margins */

    .md-margin-top-0 {
        margin-top: 0px;
    }

    .md-margin-top-10 {
        margin-top: 10px;
    }

    .md-margin-top-20 {
        margin-top: 20px;
    }

    .md-margin-top-30 {
        margin-top: 30px;
    }

    .md-margin-top-40 {
        margin-top: 40px;
    }

    .md-margin-top-50 {
        margin-top: 50px;
    }

    .md-margin-top-60 {
        margin-top: 60px;
    }

    .md-margin-top-70 {
        margin-top: 70px;
    }

    .md-margin-bottom-0 {
        margin-bottom: 0px;
    }

    .md-margin-bottom-5 {
        margin-bottom: 5px;
    }

    .md-margin-bottom-10 {
        margin-bottom: 10px;
    }

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

    .md-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .md-margin-bottom-25 {
        margin-bottom: 25px;
    }

    .md-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .md-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .md-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .md-margin-bottom-60 {
        margin-bottom: 60px;
    }

    .md-margin-bottom-70 {
        margin-bottom: 70px;
    }

    .md-margin-bottom-80 {
        margin-bottom: 80px;
    }

    .md-margin-left-0 {
        margin-left: 0px;
    }

    .md-m-l-10 {
        margin-left: 10px;
    }

    .md-margin-right-0 {
        margin-right: 0px;
    }

    .md-margin-right-40 {
        margin-right: 40px;
    }

    /* Margins */

    .md-padding-30 {
        padding: 30px;
    }

    .md-padding-12-20 {
        padding: 12px 20px;
    }

    .md-padding-left-0 {
        padding-left: 0px;
    }

    .md-padding-left-10 {
        padding-left: 10px;
    }

    .md-padding-right-0 {
        padding-right: 0px;
    }

    .md-padding-right-10 {
        padding-right: 10px;
    }

    .md-padding-top-15 {
        padding-top: 15px;
    }

    .md-padding-bottom-0 {
        padding-bottom: 0px;
    }

    .md-padding-bottom-40 {
        padding-bottom: 40px;
    }

    .md-flex-grow {
        flex-grow: 1;
    }

    .col-md-display-none {
        display: none;
    }

    .col-md-display-block {
        display: block;
    }

    .col-md-display-flex {
        display: flex;
    }

    .col-md-fw-medium {
        font-weight: 500
    }

    .col-md-fs-10 {
        font-size: 10px;
        font-size: .625rem
    }

    .col-md-fs-11 {
        font-size: 11px;
        font-size: .6875rem
    }

    .col-md-fs-12 {
        font-size: 12px;
        font-size: .75rem
    }

    .col-md-fs-13 {
        font-size: 13px;
        font-size: .8125rem
    }

    .col-md-fs-14 {
        font-size: 14px;
        font-size: .875rem
    }

    .col-md-fs-16 {
        font-size: 16px;
        font-size: 1rem
    }

    .col-md-fs-18 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .col-md-fs-20 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .col-md-fs-24 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .col-md-fs-26 {
        font-size: 26px;
        font-size: 1.625rem
    }

    .col-md-fs-28 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .col-md-fs-30 {
        font-size: 30px;
        font-size: 1.875rem
    }

    .col-md-fs-32 {
        font-size: 32px;
        font-size: 2rem
    }

    .col-md-fs-100 {
        font-size: 100px;
        font-size: 6.25rem
    }

    .subtitle-4 {
        font-size: 16px;
        font-size: 1rem
    }

    .col-md-lh-18 {
        line-height: 18px;
    }

    .col-md-lh-28 {
        line-height: 28px;
    }

    .col-md-lh-37 {
        line-height: 37px;
    }

    .col-md-lh-49 {
        line-height: 49px;
    }

    .subtitle-4-copy {
        font-size: 14px;
        font-size: .875rem;
        line-height: 18px;
        line-height: 1.125rem;
        height: 35px;
        height: 2.1875rem;
    }

    .col-md-white-color {
        color: #fff;
        fill: #fff;
    }

    .col-md-rotate-270 {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
    }

    .md-no-border {
        border: 0
    }

    .md-border-1 {
        border: 1px
    }

    .md-border-solid {
        border-style: solid
    }

    .md-border-radius-0 {
        border-radius: 0
    }

    .md-border-right-1 {
        border-right-width: 1px;
    }

    .md-left-border-rounded {
        border-radius: 30px 0 0 30px;
    }

    .col-md-right-border-rounded {
        border-radius: 0 30px 30px 0;
    }

    /* Navigation menu */

    .primary-navigation {
        height: 42px
    }

        .primary-navigation .menu > li > a {
            height: 32px;
            height: 2rem;
            white-space: normal;
            padding: 0 10px;
            display: flex;
            align-items: center;
            line-height: 16px;
            line-height: 1rem;
            text-align: center;
        }

    #user-navigation-menu.menu-open .user-menu,
    .unknown-navigation:hover .user-menu {
        left: -10px;
    }

    .user-profile-button span:first-child {
        display: inline-block;
    }

    .xl-scrollable .scrollable .col-md-8 {
        width: 66.66666666666666%;
    }

    .xl-scrollable .scrollable .col-md-4,
    .xs-scrollable .scrollable .col-md-4 {
        width: 33.33333333333333%;
    }

    .unknown-navigation .user-menu-toggle:hover,
    .lang-selector:hover {
        background: #52586c; /*white background with 10% opacity*/
    }

    header.white-b-color .unknown-navigation .user-menu-toggle:hover,
    header.white-b-color .lang-selector:hover {
        background-color: #d5d5d54d;
        /*background-color: rgb(213 213 213 / 30%);*/
    }

    .md-height-auto {
        height: auto
    }

    .md-pos-absolute {
        position: absolute
    }

    /* Macros */

    .hp-background-overlay img {
        height: 950px;
        height: 1200px;
        height: 1500px;
    }

    .top-section .col-md-3 .vertical-scroller {
        /*max-height: 163px;*/
        max-height: 218px;
    }

    .top-section .col-md-3 .user-vertical-scroller {
        max-height: 163px;
        max-height: 10.1875rem;
    }
}

/* Mid size  */
@media(min-width:1024px) {

    .block-ms {
        display: block;
    }

    .col-ms-auto {
        width: auto
    }

    .col-ms-12 {
        width: 100%
    }

    .col-ms-11 {
        width: 91.66666666666666%
    }

    .col-ms-10 {
        width: 83.33333333333334%
    }

    .col-ms-9 {
        width: 75%
    }

    .col-ms-8 {
        width: 66.66666666666666%
    }

    .col-ms-7 {
        width: 58.333333333333336%
    }

    .col-ms-6 {
        width: 50%
    }

    .col-ms-5 {
        width: 41.66666666666667%
    }

    .col-ms-4 {
        width: 33.33333333333333%
    }

    .col-ms-3 {
        width: 25%
    }

    .col-ms-2 {
        width: 16.666666666666664%
    }

    .col-ms-1 {
        width: 8.333333333333332%
    }

    .col-ms-0 {
        width: auto
    }

    .col-ms-pull-12 {
        right: 100%
    }

    .col-ms-pull-11 {
        right: 91.66666666666666%
    }

    .col-ms-pull-10 {
        right: 83.33333333333334%
    }

    .col-ms-pull-9 {
        right: 75%
    }

    .col-ms-pull-8 {
        right: 66.66666666666666%
    }

    .col-ms-pull-7 {
        right: 58.333333333333336%
    }

    .col-ms-pull-6 {
        right: 50%
    }

    .col-ms-pull-5 {
        right: 41.66666666666667%
    }

    .col-ms-pull-4 {
        right: 33.33333333333333%
    }

    .col-ms-pull-3 {
        right: 25%
    }

    .col-ms-pull-2 {
        right: 16.666666666666664%
    }

    .col-ms-pull-1 {
        right: 8.333333333333332%
    }

    .col-ms-push-12 {
        left: 100%
    }

    .col-ms-push-11 {
        left: 91.66666666666666%
    }

    .col-ms-push-10 {
        left: 83.33333333333334%
    }

    .col-ms-push-9 {
        left: 75%
    }

    .col-ms-push-8 {
        left: 66.66666666666666%
    }

    .col-ms-push-7 {
        left: 58.333333333333336%
    }

    .col-ms-push-6 {
        left: 50%
    }

    .col-ms-push-5 {
        left: 41.66666666666667%
    }

    .col-ms-push-4 {
        left: 33.33333333333333%
    }

    .col-ms-push-3 {
        left: 25%
    }

    .col-ms-push-2 {
        left: 16.666666666666664%
    }

    .col-ms-push-1 {
        left: 8.333333333333332%
    }

    .col-ms-offset-12 {
        margin-left: 100%
    }

    .col-ms-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-ms-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-ms-offset-9 {
        margin-left: 75%
    }

    .col-ms-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-ms-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-ms-offset-6 {
        margin-left: 50%
    }

    .col-ms-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-ms-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-ms-offset-3 {
        margin-left: 25%
    }

    .col-ms-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-ms-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-ms-offset-0 {
        margin-left: auto
    }

    .col-ms-display-none {
        display: none;
    }

    /* Macros */

    .hp-background-overlay img {
        height: 950px;
        height: 1100px;
    }

    .xs-scrollable .container,
    .xl-scrollable .container {
        padding: 0 20px;
    }

    .xs-scrollable .row.scrollable,
    .xl-scrollable .row.scrollable {
        padding: 0;
    }

    .xs-scrollable.top-section .scrollable {
        padding-bottom: 30px;
    }

    .xs-scrollable .scrollable .col-md-3 {
        width: 25%;
        max-width: 100%;
    }

    .top-section .col-md-3 .wrapper,
    .top-section .col-md-3 .vertical-scroller,
    .top-section .col-md-3 .user-vertical-scroller {
        max-height: 147px;
        max-height: 9.1875rem;
    }

    .top-section .col-md-3 .vertical-scroller,
    .top-section .col-md-3 .user-vertical-scroller {
        margin-bottom: 10px
    }

    .top-section .col-md-3 .carousel .draggable-card {
        width: calc(100% / 1.25);
        /*width: 90%;*/
        max-width: 179px;
        max-width: 11.1875rem;
        flex-shrink: 0;
    }

        .top-section .col-md-3 .carousel .draggable-card img,
        .top-section .total-alerts-body {
            height: 101px;
            height: 6.3125rem;
        }

    .col-md-12 .carousel .draggable-card {
        width: 25%;
    }
}

/* Large */

@media(min-width:1200px) {
    /*.container {
        width: 1468px
    }*/

    .col-lg-auto {
        width: auto
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    /* Navigation menu */

    .user-menu,
    .lang-container {
        top: 3.5em;
    }

    .primary-navigation {
        /*display: flex;*/
        width: 60%;
    }

    .col-lg-left {
        text-align: left;
    }

    .col-lg-justify-c-right {
        /*justify-content: right;
        -webkit-justify-content: right*/
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .col-lg-position-absolute {
        position: absolute
    }

    .subtitle-4 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .subtitle-4-copy {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
        height: 40px;
        height: 2.5rem;
    }

    .subtitle-5 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .col-lg-fs-10 {
        font-size: 10px;
        font-size: 0.625rem
    }

    .col-lg-fs-11 {
        font-size: 11px;
        font-size: .6875rem
    }

    .col-lg-fs-12 {
        font-size: 12px;
        font-size: .75rem
    }

    .lg-fs-13 {
        font-size: 13px;
        font-size: .8125rem
    }

    .col-lg-fs-14 {
        font-size: 14px;
        font-size: .875rem
    }

    .col-lg-fs-16 {
        font-size: 16px;
        font-size: 1rem
    }

    .col-lg-fs-18 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .col-lg-fs-20 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .col-lg-fs-22 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .col-lg-fs-24 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .col-lg-fs-28 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .col-lg-fs-32 {
        font-size: 32px;
        font-size: 2rem
    }

    .col-lg-fs-40 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .col-lg-fs-42 {
        font-size: 42px;
        font-size: 2.625rem
    }

    .col-lg-fs-130 {
        font-size: 130px;
        font-size: 8.125rem
    }

    .col-lg-lh-18 {
        line-height: 18px;
    }

    .col-lg-lh-22 {
        line-height: 22px;
    }

    .col-lg-lh-24 {
        line-height: 24px;
    }

    .col-lg-lh-30 {
        line-height: 30px;
    }

    .col-lg-lh-34 {
        line-height: 34px;
        line-height: 2.125rem;
    }

    .col-lg-lh-39 {
        line-height: 39px;
    }

    .flex-centered .row.scrollable,
    .lg-justify-center {
        justify-content: center;
        -webkit-justify-content: center;
    }

    .lg-justify-c-between {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .col-lg-display-block {
        display: block;
    }

    .lg-d-grid {
        display: grid;
    }

    .col-lg-display-none {
        display: none;
    }

    .lg-display-flex {
        display: flex;
    }

    .lg-flex-direct-col {
        flex-direction: column;
    }

    /* Position */

    .lg-right-15 {
        right: 15px;
    }

    .lg-order-1 {
        order: 1;
    }

    .lg-order-2 {
        order: 2;
    }

    .lg-order-3 {
        order: 3;
    }

    .lg-height-auto {
        height: auto;
    }

    .lg-margin-0 {
        margin: 0px;
    }

    .lg-m-t-0 {
        margin-top: 0px;
    }

    .lg-margin-top-10 {
        margin-top: 10px;
    }

    .lg-margin-top-40 {
        margin-top: 40px;
    }

    .lg-margin-bottom-0 {
        margin-bottom: 0px;
    }

    .lg-margin-bottom-15 {
        margin-bottom: 15px;
    }

    .lg-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .lg-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .lg-margin-bottom-25 {
        margin-bottom: 25px;
    }

    .lg-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .lg-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .lg-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .lg-margin-bottom-60 {
        margin-bottom: 60px;
    }

    .lg-margin-bottom-100 {
        margin-bottom: 100px;
    }

    .lg-margin-left-0 {
        margin-left: 0px;
    }

    .lg-margin-left-10 {
        margin-left: 10px;
    }

    .lg-padding-0 {
        padding: 0px;
    }

    .lg-padding-10 {
        padding: 10px;
    }

    .lg-padding-20 {
        padding: 20px;
    }

    .lg-padding-20-0 {
        padding: 20px 0;
    }

    .lg-padding-20-40 {
        padding: 20px 40px;
    }

    .lg-padding-25 {
        padding: 25px;
    }

    .lg-padding-30 {
        padding: 30px;
    }

    .lg-padding-40 {
        padding: 40px;
    }

    .lg-padding-top-0 {
        padding-top: 0px;
    }

    .lg-padding-bottom-0 {
        padding-bottom: 0px;
    }

    .lg-padding-bottom-200 {
        padding-bottom: 200px;
    }

    .lg-padding-left-0 {
        padding-left: 0px;
    }

    .lg-padding-left-5 {
        padding-left: 5px;
    }

    .lg-padding-left-10 {
        padding-left: 10px;
    }

    .lg-pad-l-15 {
        padding-left: 15px;
    }

    .lg-padding-left-20 {
        padding-left: 20px;
    }

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

    .lg-padding-right-0 {
        padding-right: 0px;
    }

    .lg-padding-right-10 {
        padding-right: 10px;
    }

    .lg-padding-right-15 {
        padding-right: 15px;
    }

    .lg-padding-right-20 {
        padding-right: 20px;
    }

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

    .lg-light-grey-b-color {
        background: #f5f5f5
    }

    /* Borders */

    .lg-no-border {
        border: 0;
    }

    .lg-border-right-1 {
        border-right-width: 1px;
    }

    /* Macros */

    .xs-scrollable .scrollable .col-md-3 {
        width: 25%;
    }

    .top-section .col-md-3 .wrapper {
        max-height: 217px;
        max-height: 13.5625rem;
    }

    .top-section .col-md-3 .vertical-scroller,
    .top-section .col-md-3 .user-vertical-scroller {
        max-height: 163px;
        max-height: 10.1875rem;
        margin-bottom: 0;
    }

    .top-section .col-md-3 .carousel .draggable-card {
        width: calc(100% / 1.25);
        /*width: 90%;*/
        max-width: 241px;
        max-width: 15.0625rem;
        flex-shrink: 0;
    }

        .top-section .col-md-3 .carousel .draggable-card img,
        .top-section .total-alerts-body {
            height: 163px;
            height: 10.1875rem;
        }

    .hp-background-overlay img {
        height: 1100px;
    }

    .large-content-box {
        max-width: 800px;
        max-height: 400px;
    }

    .webinar-content-box {
        /*max-width: 400px;
        max-height: 400px;*/
        max-width: 387px;
        max-height: 400px;
    }

    .featured-block-bi {
        background-image: url(https://www.aplaceinthesun.com/media/nlvnjb35/interactive-path-desktop-comp.png?mode=pad&format=webp&quality=85);
        padding-top: 125px;
        padding-bottom: 125px
    }
}

/* Extra large */

@media(min-width:1400px) {
    .col-xxl-12 {
        width: 100%
    }

    .xxl-mb-0 {
        margin-bottom: 0;
    }
}

/* Bootstrap End */

/* Macro content boxes */

.grid-button a {
    padding: 20px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    font-weight: 500
}

    .grid-button a::after {
        content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4zMzYiIGhlaWdodD0iMTEuOTkyIiB2aWV3Qm94PSIwIDAgMTQuMzM2IDExLjk5MiI+DQogIDxnIGlkPSJHcnVwb18yNzgiIGRhdGEtbmFtZT0iR3J1cG8gMjc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4NCiAgICA8ZyBpZD0iR3J1cG9fMjY4IiBkYXRhLW5hbWU9IkdydXBvIDI2OCI+DQogICAgICA8cGF0aCBpZD0iVHJhemFkb18xMjUiIGRhdGEtbmFtZT0iVHJhemFkbyAxMjUiIGQ9Ik0xMTYuODEzLDk5Mi4yNTloLTEyYS43MTMuNzEzLDAsMSwxLDAtMS40MjZoMTJhLjcxMy43MTMsMCwxLDEsMCwxLjQyNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMTAxIC05ODUuNTQ5KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgPHBhdGggaWQ9IlRyYXphZG9fMTI2IiBkYXRhLW5hbWU9IlRyYXphZG8gMTI2IiBkPSJNOTkuMzY4LDEwMDAuNzI0YS43MTIuNzEyLDAsMCwxLS40MTItMS4yOTJsNi42LTQuNy02LjYtNC43YS43MTIuNzEyLDAsMCwxLC44MjUtMS4xNjJsNy40MTUsNS4yODZhLjcxMS43MTEsMCwwLDEsMCwxLjE1OWwtNy40MTUsNS4yODZBLjcxNS43MTUsMCwwLDEsOTkuMzY4LDEwMDAuNzI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzLjE1OCAtOTg4LjczMikiIGZpbGw9IiNmZmYiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
        width: 13px;
        height: 11px;
        margin-left: 10px;
    }

.gradient-orange a {
    background: linear-gradient(180deg, #fac03f, #F28B01);
    color: white;
}

.grid-button.gradient-aqua-orange {
    background-color: white;
}

.gradient-aqua-orange {
    background: linear-gradient(to right, #F28B01 35%, #00C2B2 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* RTE Custom Classes */
.aqua-blue-gradient-color {
    background: linear-gradient(to left, #4F52FF 35%, #00C2B2 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid #fff;
}

.normal-transparent-button a {
    background: transparent;
    color: white;
    border: 1px solid #fff;
}

/* margin rules */

.mtb-5-lr-0 {
    margin: 5px 0
}

.mtb-10-lr-0 {
    margin: 10px 0
}

.margin-10 {
    margin: 10px
}

.mtb-20-lr-0 {
    margin: 20px 0
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.mr-2-perc {
    margin-right: 2%
}

.m-1-5 {
    margin: -1px 5px;
}

.mb-0 {
    margin-bottom: 0
}

.mb-7 {
    margin-bottom: 7px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-10 {
    margin-left: 10px;
}

.ml-120 {
    margin-left: 120px
}

.overflow-h {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.a-item-center {
    align-items: center;
}

.a-item-start {
    align-items: flex-start;
}

.a-item-end {
    align-items: flex-end;
}

.va-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

/* Formatting rules */

.object-fit-cover {
    object-fit: cover
}

.ws-no-wrap {
    white-space: nowrap
}

.ws-break-spaces {
    white-space: break-spaces;
}

.ws-normal {
    white-space: normal
}

.box-s-content {
    box-sizing: content-box;
}

.f-center,
.text-center {
    text-align: center
}

.fs-italic {
    font-style: italic
}

.text-a-left {
    text-align: left;
}

.text-a-right {
    text-align: right;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* Color rules */

.orange-color {
    color: #ff9500;
    fill: #ff9500;
}

.grey-color {
    color: #d8d8d8;
    fill: #d8d8d8;
}

.mid-grd-grey-color {
    color: #8f8f8f;
    stroke: #8f8f8f;
    fill: #8f8f8f
}

.mid-grey-color {
    color: #707070;
    fill: #707070;
}

.mid-grey-color-opac {
    color: #70707080;
    fill: #70707080;
}

.mid-grey-color-strk {
    stroke: #707070;
}

.mid-grey-color-opac-strk {
    stroke: #70707080;
}

.greyblue-color {
    color: #3E455B;
    fill: #3E455B
}

.greyblue-color-opac {
    color: #787D8C;
    fill: #787D8C;
}

.greyblue-color-strk {
    stroke: #3E455B;
}

.white-color,
.white-color a,
.white-color p {
    color: #fff;
    fill: #fff;
}

.white-stroke-color {
    stroke: #fff;
}

.dark-grey-color {
    color: #474747;
    fill: #474747;
}

.turquoise-color {
    color: #02c2b5;
    fill: #02c2b5;
}

.blue-color {
    color: #4F52FF;
    fill: #4F52FF;
}
/* Background color rules */

.bc-gradient-orange {
    background: linear-gradient(180deg, #fac03f, #F28B01);
}

    .bc-gradient-orange:not(.disabled):hover {
        color: white;
        background: linear-gradient(180deg, #FAAA3F, #F28B01);
        font-weight: 600;
    }

.bc-gradient-dark-transparent {
    background: linear-gradient(180deg, #3E455B, transparent);
}

.bc-transparent {
    background: transparent;
}

.gold-b-color,
.golden-bc {
    background: #d9a500
}

.greyblue-bc {
    background: #3E455B;
}

.orange-b-color {
    background: #ff9500
}

.orange-b-light-color {
    background: #FAC03F
}

.orange-bc-light-op {
    background: #fac03fcc
}

.turquoise-b-color {
    background: linear-gradient(180deg, #00C2B2, #00C2B2);
}

    .turquoise-b-color:hover {
        color: white;
        background: linear-gradient(180deg, #71E8DE, #00C2B2);
        font-weight: 600;
    }

.light-aqua-b-color {
    background: #AFDDD9;
}

.transparent-b-color {
    background-color: transparent
}

.white-b-color-90-opac {
    background-color: #ffffffe6;
    /*background-color: rgb(255 255 255 / 90%);*/
}

.white-b-color-60-opac {
    background-color: #ffffff99;
    /*background-color: rgb(255 255 255 / 60%);*/
}

.xs-black-b-color {
    background-color: #000;
}

.xs-black-b-color-60-opac {
    background-color: #00000099;
    /*background-color: rgb(0 0 0 / 60%);*/
}

.semi-dark-grey-b-color {
    /*background: #D5D5D5;*/
    background-color: #d5d5d54d;
    /*background-color: rgb(213 213 213 / 30%)*/
}

.dark-grey-b-color {
    background: #3e455b
}

.dark-grey-2-b-color {
    background: #012b3b
}

.dark-grey-b-color-opac-50 {
    background: #3e455b80
}

.light-grey-2-b-color,
.light-grey-bc {
    background: #eaeaea
}

.orange-hover:hover {
    background-color: #ff9500;
}

.orange-text-hover:hover {
    color: #F28B01;
}

.border-orange-hover:hover {
    border-color: #F28B01;
}

.dark-orange {
    background-color: #F28B01;
}

.dark-orange-hover:hover {
    background-color: #F28B01;
}

.grey-hover:hover {
    background-color: #7b7b7b;
    color: #fff
}

.grey-background {
    background: #f0eeee;
}

.box-shadow-grey {
    box-shadow: 0 0 10px #7b7b7b
}

.box-shadow-light-grey {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);
}

.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-black-semi-transparent {
    background-color: rgba(0,0,0,0.5);
}

.before-gradient-dark-transparent:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #3E455B, transparent);
    border-radius: 25px;
}

.d-block {
    display: block
}

.d-inline-block {
    display: inline-block
}

.d-flex {
    display: flex;
}

.flex-shring-0 {
    flex-shrink: 0;
}

.mobile-sticky {
    display: flex !important;
}

.d-iflex {
    display: inline-flex;
}

/*.grid-two-col {
    grid-template-columns: repeat(2, 1fr);
}*/

.v-align-center {
    display: block;
    margin: 0 auto
}

/* Sizes rules */
.mh-100-perc {
    max-height: 100%
}

.default-max-w {
    max-width: 1468px;
}

.default-sec-max-w {
    max-width: 1210px;
}

.mw-100-perc {
    max-width: 100%
}

.mw-50-perc {
    max-width: 50%
}

.mw-100 {
    max-width: 100px
}

.mw-300 {
    max-width: 300px
}

.mw-768 {
    max-width: 768px
}

.rotate-45 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

@media screen and (max-width:450px) {
    .sm-padding-20-0 {
        padding: 20px 0;
    }
}

section table {
    color: #585858
}

.advert_block {
    margin: 30px 0
}

.visually-hidden {
    position: absolute;
    clip: rect(0,0,0,0)
}

.lang-container {
    display: none;
    z-index: 1000;
    position: absolute;
    left: 0;
}

.flag {
    height: 18px;
    width: 18px;
}

.opened {
    display: block !important;
}

.three_col_grid::after {
    clear: both;
    content: "";
    display: table
}

.three_col_grid article {
    position: relative;
    overflow: hidden;
    margin-bottom: 2.35765%;
    transition: all 250ms ease-in-out
}

.three_col_grid {
    max-width: 1468px;
    margin-left: auto;
    margin-right: auto
}

    .three_col_grid .article_text {
        position: absolute;
        right: 0;
        bottom: 10%;
        width: 90%;
        padding: 4%;
        color: #fff;
        background: rgba(0,0,0,.66);
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 21px;
        line-height: 1.3125rem
    }

        .three_col_grid .article_text:hover {
            background: rgba(0,0,0,.89)
        }

    .three_col_grid .advertise_text {
        display: table;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }

    .three_col_grid .advertise_text {
        padding: 4% 0
    }

    .three_col_grid:not(.new_developments):not(.agents-search-results) article img {
        width: 100%;
        height: auto
    }

@media screen and (min-width:930px) {
    .three_col_grid article {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }

        .three_col_grid article:last-child,
        .three_col_grid article:nth-child(3n) {
            margin-right: 0
        }

        .three_col_grid article:nth-child(3n+1) {
            clear: left
        }
}

@media screen and (max-width:930px) {
    .three_col_grid article {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }

        .three_col_grid article:last-child,
        .three_col_grid article:nth-child(2n) {
            margin-right: 0
        }
}

@media screen and (max-width:568px) {
    .three_col_grid article {
        float: left;
        display: block;
        width: 100%;
        margin-right: 0
    }

        .three_col_grid article:last-child {
            margin-right: 0
        }
}

.three_col_grid .article_text .title {
    float: left;
    margin-right: 2%;
    color: #fff;
    margin-bottom: 0
}

.three_col_grid .advertise_text a {
    color: #ff9500
}

    .three_col_grid .advertise_text a:hover {
        color: #7b7b7b
    }

.three_col_grid .article_text p:not(.title) {
    color: #ff9500;
    margin-bottom: 0
}

/* List view Begin */

.list-view article {
    display: flex;
}

.list-view .content {
    padding: 25px;
}

/* Begin New developments */

.three_col_grid.new_developments .summary,
.three_col_grid.new_developments .price,
.three_col_grid.new_developments .logo,
.three_col_grid.new_developments .buttons,
.list-view.new_developments .content > a {
    display: none;
}

.list-view.new_developments .content {
    width: 65%;
}

.list-view.new_developments .logo {
    width: 15%;
}

.list-view.new_developments article img {
    max-height: 370px
}

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

    .list-view.new_developments .list-view-image {
        width: 30%;
    }

    .list-view.new_developments .content {
        width: 55%;
    }

    .list-view.new_developments .subtitle-3 {
        font-size: 14px;
        font-size: .875rem
    }

    .new_developments .buttons {
        display: none;
    }
}
/* End New developments */

/* List view End */

hgroup {
    margin: 0 0 20px
}

p.articleImage {
    max-width: 1468px;
    max-height: 420px;
    overflow: hidden;
    margin-bottom: 24px
}

    p.articleImage img {
        width: 100%
    }

.AdvicePageCurrency section.standard_text p img {
    max-width: 100%
}

.white {
    color: #fff !important
}

.image_wrapper,
.maps-container,
.youtube-video,
.video_wrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%
}

    .image_wrapper img,
    .maps-container iframe,
    .youtube-video-iframe,
    .video_wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

section.standard_text {
    line-height: 22.4px;
    line-height: 1.4rem;
    color: #474747;
    font-weight: 400
}

/* Remove this rule*/
.default-text
/*, section.standard_text p*/ {
    font-weight: 400;
    line-height: 20px;
    line-height: 1.5rem;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 24px
}

section.standard_text p.fx-12x {
    font-size: 12px;
    font-size: .75rem
}

section.standard_text p img {
    margin-right: 30px
}

section.standard_text ul li:before {
    content: "•";
    padding-right: 7px;
    color: #474747
}

section.standard_text ol li,
section.standard_text ul li {
    list-style-type: none;
    padding-left: 1em;
    text-indent: -.7em;
    color: #474747;
    font-weight: 400
}

section.article_standard_text ol li {
    list-style-type: decimal;
}

section.standard_text h2 {
    color: #ff9500;
    margin: 28px 0 16px
}

section.standard_text h3 {
    margin: 28px 0 16px
}

.ArticlePage section.standard_text p img,
.DevelopmentProfilePage section.standard_text p img {
    width: 100% !important;
    height: auto !important;
    margin-right: 0
}

section.standard_text p img.no-full-width {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    margin-right: 0
}

#down-arrow,
#up-arrow {
    position: absolute;
    width: 100%;
    background: #ff9500;
    height: 28px;
    z-index: 100;
    left: 0
}

#up-arrow {
    top: 43px;
    transition: all 200ms
}

    #down-arrow i,
    #up-arrow i {
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 700;
        color: #fff
    }

    #down-arrow:hover,
    #up-arrow:hover,
    .cursor-pointer {
        cursor: pointer
    }

#down-arrow {
    transition: all 200ms;
    top: 0
}

.down-arrow-holder {
    position: relative;
    height: 29px
}

.article-list {
    margin: 28px 0
}

    .article-list.tv-show-list {
        max-height: 472px;
        overflow: hidden;
    }

.article-list-inner {
    display: flex;
    flex-direction: column;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

article.sidebar-article.group:hover > a img {
    -webkit-filter: saturate(20%);
    filter: saturate(20%)
}

.outer_video_wrapper {
    margin: 0 auto;
    width: 50%;
    text-align: center
}

@media screen and (max-width:930px) {
    .outer_video_wrapper {
        width: 100%;
    }
}

.three_col_grid.agents-search-results article p a:hover {
    color: #353535
}

.ac-ac-clear,
.clear,
.ac-clear {
    clear: both
}

.clear {
    height: 0
}

@media screen and (max-width:900px) {
    .ac-ac-clear {
        display: none
    }
}

.dfp-ad-styles,
.dfp-all-devices-ad-styles {
    text-align: center;
    margin: 0 auto
}

    .dfp-ad-styles.rh,
    .dfp-all-devices-ad-styles.rh {
        margin-top: 20px
    }

.dfp-mobile-ad-styles {
    text-align: center;
    margin: 20px auto;
    display: none
}

@media screen and (max-width:767px) {
    /* Move cookies consent button above the bottom menu */
    body .cl-consent-settings {
        bottom: calc(90px + var(--__lxG___css_var_privacy_icon_auto, 0px));
    }

    .mobile-full-screen {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        /*width: 100vw;*/
        width: 100%;
        position: fixed;
        margin: 0;
        height: 100%;
        display: block;
        background-color: white;
        z-index: 20;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .dfp-mobile-ad-styles {
        display: block
    }
}

@media screen and (max-width:736px) {
    .dfp-ad-styles,
    .divider.dfp-divider.hide-small-screens {
        display: none
    }
}

span.blank_space {
    padding: 1.5em 0;
    margin: 0;
    line-height: 1.2;
    font-size: 30px;
    font-size: 1.875rem;
    width: 100%;
    display: block
}

@media screen and (max-width:768px) {
    span.blank_space {
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1.4em
    }
}

@media screen and (max-width:767px) {
    span.blank_space {
        padding-top: 10px;
        padding-bottom: 0;
        font-size: 1em
    }
}

.align-right,
.f-right {
    float: right
}

.advice-content-all-ad,
.advice-content-desktop-ad {
    text-align: center;
    margin: 0 auto 24px
}

.advice-content-mobile-ad {
    display: none
}

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

@media screen and (max-width:736px) {
    .advice-content-mobile-ad {
        display: block;
        text-align: center;
        margin: 0 auto 24px
    }

    .advice-content-desktop-ad {
        display: none
    }
}

.hide-element,
.grecaptcha-badge {
    display: none !important
}

.signup-image {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto !important
}

.video-left-align,
.img-left-align,
.map-left-align {
    float: left;
    margin-right: 15px;
    width: 50%
}

.video-right-align,
.img-right-align,
.map-right-align {
    float: right;
    margin-left: 15px;
    width: 50%
}

/* CAROUSEL IMAGES ON RTE */
.rte-photo-gallery .mySlides img {
    max-height: 500px;
    object-fit: cover;
}

.rte-photo-gallery.img-left-align .mySlides img,
.rte-photo-gallery.img-right-align .mySlides img {
    height: 300px;
    object-fit: cover;
}

.rte-photo-gallery .prev {
    left: -25px;
    padding: .5em 0 .5em .5em
}

.rte-photo-gallery .next,
.rte-photo-gallery .prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin-top: -40px;
    z-index: 1;
    border-radius: 35px
}

.rte-photo-gallery .next {
    right: -25px;
    left: auto;
    padding: .5em .5em .5em 0
}

    .rte-photo-gallery .next svg {
        right: 5px;
    }

.rte-photo-gallery .prev svg {
    left: 5px;
}

@media screen and (max-width: 600px) {
    .video-left-align,
    .img-left-align,
    .map-left-align {
        width: 100%;
    }

    .video-right-align,
    .img-right-align,
    .map-right-align {
        width: 100%;
    }
}

.no-margin,
.video-left-align .youtube-video,
.video-right-align .youtube-video {
    margin: 0
}

.development-logo {
    max-width: 250px;
    max-height: 100px;
    object-fit: contain
}

.most-sold-property {
    height: 175px;
}

.empty-list {
    opacity: 0
}

@media screen and (max-width:568px) {
    .most-sold-property {
        height: 200px;
        overflow: hidden
    }

    .three_col_grid.agents-search-results .most-sold-property a {
        max-height: 125px
    }
}

.loader {
    width: 30px;
    height: 30px
}

.ajax-loading .button, .loader {
    display: none
}

.ajax-loading .loader {
    display: inline-block
}

@media all and (max-width:500px) {
    .instagram-post {
        width: 100%
    }
}

.dfp-mobile-ad-styles {
    display: block
}

@media(min-width:992px) {
    .relocation-banner {
        min-width: 300px;
        min-height: 250px
    }
}

footer {
    clear: both;
    margin: 0;
    min-height: 100px;
    font-size: 14px;
    font-size: 0.875rem
}

    footer ul {
        padding: 0;
    }

    footer .umb-grid ul li {
        margin-bottom: 20px;
    }

    footer .grid-section > div {
        padding: 50px 0;
    }

    footer ul.social-icons li {
        width: 30px;
        height: 30px;
        display: flex;
        margin-bottom: 0;
        align-items: center;
        padding: 7.5px;
        justify-content: center;
        -webkit-justify-content: center;
    }

    /*header .menu svg {
    height: 10px;
    width: 10px;
}*/

    footer .copyright {
        clear: both;
        font-size: 100%;
        color: #fff
    }

    footer .flex-centered .row {
        /*justify-content: left;
        -webkit-justify-content: left;*/
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

@media screen and (max-width:1200px) {
    footer .col-md-4 {
        width: 100%;
        margin-bottom: 20px;
    }
}
/* Results Header Begin */

/*
    ExhibitorListPage
    ExhibitorListPageV2
    FindAgentPage
    NewDevelopmentsLandingPage
    --WebinarScheduleLandingPage (la pagina no está publicada)
    --MagazineIssueListPage (la pagina no está publicada)       

    En la parte alta
*/

.results_header form label {
    width: 33.3%;
    border-right: 1px solid #fff;
}

    .results_header form label select {
        border: 0;
        font-family: 'Montserrat',Helvetica,Arial,sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        vertical-align: bottom;
        width: auto;
        cursor: pointer;
        line-height: 1em;
        background-color: transparent;
        border-radius: 0;
    }

.results_header.find-agent input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media all and (max-width:1169px) {

    .results_header form label {
        border: 0
    }
}

@media all and (max-width:1128px) {
    .results_header.find-agent label.empty-list {
        display: none !important
    }

    .results_header.find-agent label {
        width: 50%
    }
}

@media all and (max-width:568px) {
    .results_header form label,
    .results_header.find-agent form label {
        display: block;
        float: none;
        width: 100%;
    }
}

@media all and (max-width:420px) {
    .results_header.find-agent label select {
        width: 100%;
        padding: 10px 1.5em
    }
}

/* Results Header End */

/* single-article Begin */

/*
    AdvertiseFormPage ( https://www.aplaceinthesun.com/advertise/magazine)
    AdvertisePVFormPage ( https://www.aplaceinthesun.com/advertise/private-owners )
    AdviceContentPage ( https://www.aplaceinthesun.com/advice/living-overseas/property-insurance )
    AdvicePageCurrency ( https://www.aplaceinthesun.com/advice/currency )
    AdvicePageV2 ( https://www.aplaceinthesun.com/advice/mortgages )
    AdvicePage
    ArticlePage
    -------------------> CommercialWebinarPage
    DevelopmentProfilePage
    DevelopmentProfilePageGalleryBox
    GuidePage
    DownloadGuidePage
    ExhibitorPage
    DownloadBuyingGuideWhiteLabelPage
    DownloadViewingTripsGuidePage
    TVShowEpisodePage
    LawyerProfilePage
    RelocationClientPage
    ExhibitorCentreTextPage
    CommercialWebinarPage

    RightArticleList (Macro)
*/

.single-article h2 {
    color: #ff9500
}

.single-article h3 {
    color: #4c4c4c
}

@media screen and (max-width:768px) {
    .single-article {
        display: flex;
        flex-direction: column
    }
}

.single-article .article-links .sidebar-article {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

    .single-article .article-links .sidebar-article .sidebar-article-image {
        display: block;
        float: left
    }

    .single-article .article-links .sidebar-article .sidebar-article-content {
        margin-left: 43%;
        width: 54%
    }

@media all and (max-width:1128px) {
    .single-article .article-links .sidebar-article .sidebar-article-image {
        display: none
    }

    .single-article .article-links .sidebar-article .sidebar-article-content {
        margin: 0 6% !important
    }
}

/* single-article End */

/* Weekly Begin */

/*
    PropertiesCarouselById (UC) --> DevelopmentProfilePage
    DevelopmentProfilePageGalleryBox
    SearchTermsProperties (UC) --> SearchTermsLandingPage    
    WeeklySelectionProperty (MacroPartial) --> Id 66114 (ArticlePage)

    En la parte de abajo
*/

.three-column .weekly-property-card {
    width: 32%
}

    .three-column .weekly-property-card:nth-child(3n+2) {
        margin: 0 2%
    }

.weekly-property-card .location,
.weekly-property-card .price {
    font-size: 16px;
    font-size: 1rem;
    color: #ff9500;
    text-align: center
}

.weekly-property-card .description {
    text-align: center;
    height: 4rem;
    overflow: hidden
}

.development-props-carousel .weekly-property-card img {
    max-height: 197px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

@media screen and (max-width:568px) {
    .development-props-carousel .weekly-property-card img {
        max-height: 250px
    }
}

@media screen and (max-width:1024px) {
    .weekly-property-card .location {
        height: 2.75rem;
        overflow: hidden
    }
}

@media screen and (max-width:950px) {
    .three-column .weekly-property-card {
        width: 49%
    }

        .three-column .weekly-property-card:nth-child(3n+2) {
            margin: 0
        }

        .three-column .weekly-property-card:nth-child(2n) {
            margin-left: 2%
        }
}

@media screen and (max-width:550px) {
    .three-column .weekly-property-card {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .weekly-property-card {
        display: inline-block;
        width: 100%;
    }

        .weekly-property-card .description,
        .weekly-property-card .location {
            height: auto;
        }
}

.development-props-carousel .weekly-property-card .description {
    line-height: 20px;
    line-height: 1.5rem;
    height: 6rem;
}

/* Weekly End */

/* ArticlePage Begin */

.article_g_ads_top {
    margin: 20px auto;
    height: 90px;
    width: 728px
}

@media screen and (max-width:736px) {
    .article_g_ads_top {
        display: none
    }
}

.single-article .banner-guide {
    margin: 20px auto
}

/* ArticlePage End */

/* ArticlesLandingPage, ExhibitionFAQPage, RelocationClientPage, ServicesByCountryListPage Begin */

.single-accordion {
    margin-bottom: 1px
}

.accordion-section-title > i {
    font-size: 28px !important;
    font-size: 1.75rem;
    position: relative;
    top: 2px;
    display: inline-block;
    float: right;
    transition: all 200ms ease
}

.accordion-section-title > p {
    display: inline-block;
    width: auto;
    margin: 0;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
    font-weight: 700
}

.accordion-section-title.active,
.accordion-section-title:hover {
    background: #ff9500
}

    .accordion-section-title.active > i {
        -webkit-transform: rotate3D(1,1,0,180deg);
        transform: rotate3D(1,1,0,180deg);
        font-weight: 700
    }

    .accordion-section-title.active i,
    .accordion-section-title.active p,
    .accordion-section-title:hover i,
    .accordion-section-title:hover p {
        color: #fff
    }

.accordion-section-content {
    font-size: 16px;
    font-size: 1rem;
    display: none;
    color: #123270;
    background: #fff !important
}

.accordion .accordion-section-content p {
    color: #474747;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}

.accordion:after {
    content: "";
    height: 1px;
    width: 100%;
    background: rgba(208,208,208,.55);
    display: block;
    margin: 20px 0
}

.accordion.no-horizontal-line:after {
    height: 0;
    margin: 0
}

.accordion .accordion-section-content a:hover {
    opacity: .7
}

/**/

#loading-gif {
    margin: 0 auto;
    text-align: center
}

    #loading-gif img {
        max-width: 150px
    }

.loadingMessage {
    width: 100px;
    margin: 0 auto
}

.webinar-guide-button {
    top: 18px;
    position: relative;
    border-radius: 25px;
    font-size: 20px;
    font-size: 1.25rem
}

.cw-brochure-name {
    position: relative;
    top: -70px;
    display: block;
    font-size: 22px;
    font-size: 1.375rem
}

.table-content {
    overflow-x: auto;
    display: block;
    width: 100%;
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0
}

.modal-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,.6);
    overflow: scroll;
    padding: 20px
}

/* ArticlesLandingPage, ExhibitionFAQPage, RelocationClientPage, ServicesByCountryListPage End */

.social-share-buttons {
    margin: 15px auto;
}

    .social-share-buttons a {
        width: 45px;
        padding: 7px 0;
        margin: 0 5%
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
    opacity: 1;
}

.popup .popuptext {
    visibility: hidden;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    z-index: 1;
    left: 50%;
    margin-left: -80px;
}

    .popup .popuptext.popbottom {
        bottom: 125%;
    }

    .popup .popuptext.poptop {
        top: 125%;
    }

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}

.popup .popuptext.popbottom::after {
    top: 100%;
    border-color: transparent transparent #fff transparent;
}

.popup .popuptext.poptop::after {
    bottom: 100%;
    border-color: transparent transparent #fff transparent;
}

.tv-promote-ad img {
    width: 100%;
    border-radius: 25px;
}

.tv-promote-ad img {
    width: 100%;
    border-radius: 25px;
}

p.zoho-form iframe {
    height: 500px;
    width: 99%;
    border: none;
}

/* Begin Mobile version */

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

    .sticky-menu a.stk-item svg {
        width: 42px;
        height: 42px;
        border-radius: 18px;
    }
}

@media screen and (max-width:920px) {
    .property-search-form.menu-open {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        width: 100vw;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
        height: 100%;
        display: block;
        background-color: white;
        z-index: 22;
        padding: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width:1199px) {
    .property-search-form.results-filters.menu-open {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        width: 100vw;
        position: fixed;
        top: 0;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
        height: 100%;
        display: block;
        background-color: white;
        z-index: 22;
        padding: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .property-search-form.results-filters.menu-open .mobile-top-header {
            display: flex;
        }
}

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

    .subtitle-1 {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .f-size-46x {
        font-size: 34px;
        font-size: 2.125rem;
    }

    .row.scrollable {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    footer .row .column {
        margin-block: 20px;
    }

    .wrappedImage {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 6rem;
    }
}

/* Large Content Box */

@media(max-width:576px) {

    .before-gradient-dark-transparent:before {
        background: linear-gradient(0deg, #3E455B, transparent);
        display: none;
    }

    .two_block_back {
        background: #3E455B;
        padding: 20px;
        position: relative;
    }
}

@media(min-width:576px) {
    .two_block_no_back {
        padding: 15px;
        text-align: left;
    }

    .two_block_back {
        position: absolute;
        top: 0;
        left: 0;
        padding: 25px 25px 25px 30px;
        text-align: left;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: wrap;
        align-content: space-between;
    }
}

/* End Mobile version */

/* Draggable Boxes */

.top-section.arrows .scroll-nav {
    justify-content: center;
    -webkit-justify-content: center;
}

.wrapper .arrow,
.arrows .scroll-nav a {
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #3e455ba6;
    border-radius: 25px;
    background-color: #fff;
}

.top-section.arrows .scroll-nav a {
    background-color: transparent;
    color: #fff;
    fill: #fff;
    border: 1px solid #fff;
}

.wrapper .arrow,
.arrows .scroll-nav a {
    color: #3e455ba6;
    fill: #3e455ba6;
}

    .wrapper .arrow.inactive,
    .arrows:not(.top-section) .scroll-nav a.inactive {
        border-color: #3e455b59 !important;
    }

        .wrapper .arrow.inactive svg,
        .arrows:not(.top-section) .scroll-nav a.inactive svg {
            color: #3e455b59 !important;
            fill: #3e455b59 !important;
        }

    .wrapper .arrow:hover svg,
    .arrows .scroll-nav a:hover svg {
        color: #3E455B;
        fill: #3E455B;
    }

.wrapper .carousel {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    scroll-behavior: smooth;
    display: flex;
    /*white-space: nowrap;*/
    /*font-size: 0;*/
}

.col-md-12 .wrapper .carousel,
.image-caraousel {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap
    /*white-space: nowrap;*/
    /*scroll-behavior: smooth;*/
    /*font-size: 0;*/
}

.full-width .container .col-md-12,
.scrollable .col-md-12 {
    width: 100%;
}

.carousel.dragging,
.scrollable.dragging {
    cursor: grab;
    scroll-behavior: auto;
}

    .carousel.dragging .draggable-card,
    .scrollable.dragging .draggable-card,
    .pointer-event-none {
        pointer-events: none;
    }

.pointer-event-all {
    pointer-events: all;
}

/* Pagination */

.results-pagination-ul a {
    padding: 10px;
}

@media all and (max-width:768px) { /*920*/
    #sticky-box {
        display: none;
    }

        #sticky-box.box {
            display: flex;
        }
}

/* Forms */

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkmark {
    height: 16px;
    width: 16px;
    background-color: #fff;
    /*border: 1px solid rgb(62 69 91 / 60%);*/
    border: 1px solid #3e455b99;
    border-radius: 3px;
    position: relative;
    flex-shrink: 0
}

.orange-checkbox-container input:checked ~ .checkmark {
    background-color: #F28B01;
    border: 0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.orange-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.orange-checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.error_message {
    display: block;
    color: red;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 10px 0;
}

.modal {
    background-color: #000000b3;
    /*background-color: rgb(0 0 0 / 70%);*/
}

.goog-te-banner-frame {
    position: relative !important
}

/* Search Bar Begin */

div.awesomplete {
    position: relative;
    width: 100%;
}

    div.awesomplete > ul {
        position: absolute;
        left: 0;
        z-index: 10000;
        list-style: none;
        padding: 0;
        border-radius: .3em;
        margin: .2em 0 0;
        background: rgba(255,255,255,.9);
        background: linear-gradient(to bottom right,#fff,rgba(255,255,255,.8));
        border: 1px solid rgba(0,0,0,.3);
        box-shadow: .05em .2em .6em rgba(0,0,0,.2);
        text-shadow: none
    }

        div.awesomplete > ul > li {
            font-size: 16px;
            font-size: 1rem;
            font-weight: 400;
            position: relative;
            padding: .2em .5em;
            cursor: pointer
        }

            div.awesomplete > ul > li:hover,
            div.awesomplete > ul > li[aria-selected=true] {
                color: #ff9500;
            }

                div.awesomplete > ul > li:hover .description,
                div.awesomplete > ul > li[aria-selected=true] .description {
                    color: #7b7b7b
                }

.awesomplete .description,
section table td {
    padding: 5px 0
}

div.awesomplete > ul:empty,
div.awesomplete > ul[hidden] {
    display: none
}

@supports (transform:scale(0)) {
    div.awesomplete > ul {
        transition: .3s cubic-bezier(.4,.2,.5,1.4);
        -webkit-transform-origin: 1.43em -.43em;
        transform-origin: 1.43em -.43em
    }

        div.awesomplete > ul:empty,
        div.awesomplete > ul[hidden] {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            display: block;
            transition-timing-function: ease
        }
}

div.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    padding: .4em;
    background: #fff;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-filter-box {
    display: none;
    z-index: 1000;
    right: 0;
}

    .search-filter-box.menu-open {
        display: block;
    }


@media screen and (min-width:920px) {
    #searchModal {
        display: none;
    }
}

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

    .property-search-form:not(.homePageForm) {
        display: none;
    }

        .property-search-form:not(.homePageForm).menu-open,
        .property-search-form.homePageForm.menu-open .search-filters > .filter-option {
            display: block;
        }

    .search-filters {
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 20px;
    }

        .search-filters #Button1 {
            margin-top: 12.5px;
            margin-bottom: 12.5px;
        }

    .property-search-form .filter-option {
        margin: 10px 0;
        border: 1px solid #ffffff80;
    }

    .property-search-form.menu-open .search-header,
    .property-search-form.menu-open #btnOpenFilters {
        display: flex;
        flex-wrap: wrap
    }

    .property-search-form.menu-open .filter-option {
        border: 1px solid #70707080;
        margin: 0 5px 25px 5px;
        border-radius: 50px;
        width: 100%;
    }

        .property-search-form.menu-open .filter-option label {
            border: 0;
        }

        .property-search-form.menu-open .filter-option.med {
            width: 41.66666666666667%;
        }
}

@media(max-width:576px) {
    .property-search-form .filter-option {
        margin: 5px 0;
    }
}

@media screen and (min-width:1200px) {
    .search-filter-box {
        top: 65px;
    }
}

.error_msg {
    display: none;
    color: red !important;
    margin-bottom: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.form_error_msg {
    text-align: left;
    color: red !important;
}

.search-map-button {
    position: absolute;
    top: 105px;
    right: 10px;
    background-color: #ff9500;
    border: 2px solid #ff9500;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 1;
    padding: 7px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

    .search-map-button span {
        font-size: 24px;
        color: white;
    }

@media screen and (max-width:767px) {
    .refresh-map-display-none {
        display: none;
    }

    .refresh-map-display-flex {
        display: flex;
    }
}