:root {
    --main-font-family: "SF Pro Display","Verdana","Helvetica", sans-serif;
    --headings-font-family: "Metropolis",'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

body {
    font-family: "SF Pro Display","Verdana","Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Metropolis",'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h5, h6, .h5, .h6 {
    font-weight: 500;
}

.menu > li {
    font-family: "SF Pro Display","Verdana","Helvetica", sans-serif;
}

.btn, .btn__text, button {
    font-family: "SF Pro Display","Verdana","Helvetica", sans-serif;
}

/*Theme Overrides*/
.bar .logo {
    max-height: 3em;
}

.menu-horizontal > li.selected > a,
.menu-horizontal > li:hover > a,
.menu-horizontal > li.selected > span,
.menu-horizontal > li:hover > span,
.menu-horizontal > li.selected > .modal-instance > .modal-trigger,
.menu-horizontal > li:hover > .modal-instance > .modal-trigger {
    color: #ed1e24;
    opacity: 1;
}


.flickity-page-dots .dot.is-selected {
    width: 10px;
    height: 10px;
}

.menu-horizontal > li,
.menu-vertical > li {
    font-family: "SF Pro Display","Verdana","Helvetica", sans-serif;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
    font-weight: 500;
}

/*Banner*/
#banner {
    position: relative;
}

    #banner .detail-box {
        font-family: "Metropolis",'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        position: absolute;
        top: 40%;
        margin: -50px auto auto auto;
        z-index: 2;
        left: 0;
        right: 0;
        color: #FFF;
    }

        #banner .detail-box img {
            position: relative;
            z-index: 0;
        }

        #banner .detail-box h2 {
            font-family: "Metropolis",'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            font-weight: 700;
            color: #FFF;
            font-size: 4em;
            margin-bottom: .1em;
            line-height: 1.1em;
        }


    #banner #breadcrumb {
        font-size: 1em;
        margin-top: .5em;
        color: #FFF;
    }

        #banner #breadcrumb a,
        #banner #breadcrumb span {
            display: inline-block;
            font-family: "Metropolis",'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            font-weight: 300;
            font-size: 14px;
            vertical-align: top;
            color: #fff;
        }

        #banner #breadcrumb ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #banner #breadcrumb ol li {
                margin: 0;
                position: relative;
                padding: 0 .2em 0 0;
                list-style-type: none;
                display: inline-block;
                vertical-align: top;
            }

                #banner #breadcrumb ol li:last-child::after {
                    content: "";
                }

                #banner #breadcrumb ol li::after {
                    content: "»";
                    /*position: absolute;*/
                    right: 5px;
                    top: 0;
                    color: #fff;
                }


/*Language*/
img.flag {
    height: 1.8em;
    border-radius: .9em;
}

.menu-horizontal > li:not(:hover) > a,
.menu-horizontal > li:not(:hover) > span,
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: unset;
}

/*Contact*/
.map-container {
    min-height: 500px;
}


/*Recaptcha*/
.g-recaptcha > div {
    display: inline-block;
    overflow: hidden;
}