@font-face {
    font-family: 'Copperplate';
    src: url('../fonts/Copperplate.ttc');
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate Light';
    src: url('../fonts/Copperplate-Light.otf');
    font-display: swap;
}

@font-face {
    font-family: 'DB Helvethaica X';
    src: url('../fonts/DB Helvethaica X Ext v3.2.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'DB Helvethaica X Med';
    src: url('../fonts/DB Helvethaica X Med Ext v3.2.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'PSL Kanda Pro';
    src: url('../fonts/PSL-KandaBold.ttf');
    font-display: swap;
}

.theme-navy-blue.navbar {
    background-color: #122D3C;
}

.theme-navy-blue.navbar .offcanvas {
    color: #D3CCBF;
    background-color: #122D3C;
}

.theme-navy-blue.navbar .btn-offcanvas-navbar {
    left: 2px;
    border: none;
    position: absolute;
    background-color: transparent;
}

.theme-navy-blue.navbar .btn-offcanvas-navbar span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(211, 204, 191, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.theme-navy-blue .navbar-nav .nav-link, .theme-navy-blue .navbar-text, .theme-navy-blue .navbar-text a {
    color: #D3CCBF;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.theme-navy-blue .dropdown.search button {
    width: 200px;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

/* .theme-navy-blue .dropdown.search ul {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
} */

.theme-navy-blue .dropdown .dropdown-item {
    color: #122D3C;
    font-family: Helvetica, sans-serif;
}

.theme-navy-blue .dropdown .dropdown-item:hover, .theme-navy-blue .dropdown .dropdown-item:active {
    color: #D3CCBF;
    font-family: Helvetica, sans-serif;
    background-color: #122D3C;
}

.theme-navy-blue.top-video {
    background-color: #D3CCBF;
}

.theme-navy-blue.highlight-text {
    padding: 75px 0px;
    background-color: #122D3C;
}

.theme-navy-blue.highlight-text .title {
    color: #D3CCBF;
    font-size: 39px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.theme-navy-blue.highlight-text .subtitle {
    color: #D3CCBF;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .container {
    background-color: #D3CCBF;
}

.theme-navy-blue.highlight-tabs .area-top .nav-fill .nav-item .nav-link {
    color: #D3CCBF;
    padding: 12px 0px;
    font-size: 12px;
    font-family: 'Copperplate Light', Helvetica, sans-serif;
    border-radius: unset;
    letter-spacing: 4px;
    text-transform: uppercase;
    background-color: #222222;
}

.theme-navy-blue.highlight-tabs .area-top .nav-fill .nav-item .nav-link.active {
    color: #222222;
    background-color: #D3CCBF;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .content {
    padding-top: 80px;
    padding-bottom: 40px;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .content .title {
    color: #122D3C;
    font-size: 40px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .content .title-underline {
    width: 60px;
    margin: 0 auto;
    border: 2px solid #122D3C;
    opacity: 1;
    margin-bottom: 45px;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .content .subtitle {
    color: #122D3C;
    font-family: 'DB Helvethaica X Med', Helvetica, sans-serif;
    margin-bottom: 15px;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .content .article {
    color: #122D3C;
    font-size: 24px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
}

.theme-navy-blue.highlight-tabs .area-top .tab-content .highlight-image {
    z-index: 99;
    position: relative;
}

.theme-navy-blue.highlight-tabs .area-bottom {
    margin-top: -245px;
}

.theme-navy-blue.highlight-tabs .area-bottom > div {
    height: 300px;
    background-color: #122D3C;
}

.theme-navy-blue.promotions {
    padding-top: 60px;
    padding-bottom: 40px;
}

.theme-navy-blue.promotions .title {
    font-size: 40px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    /* font-size: 50px; */
    /* font-family: 'DB Helvethaica X Med', Helvetica, sans-serif; */
    margin-bottom: 40px;
    text-transform: uppercase;
}

.theme-navy-blue.promotions .owl-carousel .owl-item:not(.active) img {
    opacity: 0.3 !important;
}

.theme-navy-blue.projects-filter {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #A19780;
}

.theme-navy-blue.projects-filter .title {
    font-size: 40px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    /* font-size: 50px; */
    /* font-family: 'DB Helvethaica X Med', Helvetica, sans-serif; */
    margin-bottom: 40px;
}

.theme-navy-blue.projects-filter .first > select {
    color: #A19780;
    font-size: 24px;
    line-height: 1;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    border-color: #122D3C;
    background-size: 20px auto;
    background-color: #122D3C;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A19780' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.theme-navy-blue.projects-filter .second > select, .theme-navy-blue.projects-filter .third > select {
    color: #A19780;
    font-size: 24px;
    line-height: 1;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    border-color: #222222;
    background-size: 20px auto;
    background-color: #222222;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A19780' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.theme-navy-blue.projects-list {
    padding-top: 60px;
    padding-bottom: 60px;
}

.theme-navy-blue.projects-list .title {
    font-size: 40px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.theme-navy-blue.projects-list .subtitle {
    font-size: 16px;
    font-family: 'Copperplate Light', Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.theme-navy-blue.projects-list .location-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Copperplate', Helvetica, sans-serif;
    margin-bottom: 13px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.theme-navy-blue.projects-list .project-title {
    font-size: 32px;
    font-family: 'DB Helvethaica X Med', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.theme-navy-blue.projects-list .project-title.compact-title {
    font-size: 28px !important;
    padding-top: 3px;
    padding-bottom: 2px;
    letter-spacing: 1px !important;
}

.theme-navy-blue.projects-list .project-subtitle {
    font-size: 22px;
    font-family: 'DB Helvethaica X Med', Helvetica, sans-serif;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 5px;

}

.theme-navy-blue.projects-list .project-detail {
    height: 115px;
    overflow: hidden;
    font-size: 22px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    line-height: 1;
}

.theme-navy-blue.projects-list .project-action-button > .btn {
    color: #fff;
    width: 65%;
    font-size: 18px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
    background-color: #122D3C;
}

.theme-navy-blue.blog {
    padding-bottom: 30px;
}

.theme-navy-blue.blog .title {
    font-size: 40px;
    font-family: 'Copperplate', Helvetica, sans-serif;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.theme-navy-blue.blog .subtitle {
    font-size: 16px;
    font-family: 'Copperplate Light', Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.theme-navy-blue.blog .card-body {
    background-color: #A19780;
}

.theme-navy-blue.blog .card-body .card-categories {
    width: 70%;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    font-family: 'Copperplate Light', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    background-color: #122D3C;
}

.theme-navy-blue.blog .card-body .card-title {
    color: #122D3C;
    height: 100px;
    padding: 25px 25px 0px 25px;
    overflow: hidden;
    font-size: 30px;
    text-align: center;
    font-family: 'Copperplate', 'PSL Kanda Pro', Helvetica, sans-serif;
    margin-bottom: 30px;
}

.theme-navy-blue.blog .card-body .card-link {
    color: #222222;
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    padding-bottom: 10px;
    text-decoration: none;
}

.theme-navy-blue.blog .card-body .card-link > i {
    color: #505050;
    margin-left: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.theme-navy-blue.blog .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}

.theme-navy-blue.blog .owl-theme .owl-dots .owl-dot span {
    background: #869791;
}

.theme-navy-blue.blog .owl-theme .owl-dots .owl-dot.active span, .theme-navy-blue.blog .owl-theme .owl-dots .owl-dot:hover span {
    background: #222222;
}

footer {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #122D3C;
}

footer .receive-newsletter {
    color: #fff;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    text-transform: uppercase;
}

footer .receive-newsletter label {
    font-size: 25px;
    line-height: 1;
    letter-spacing: 1px;
}

footer .receive-newsletter input {
    font-size: 25px;
    min-height: 40px;
    line-height: 1;
}

footer .receive-newsletter input::placeholder {
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    text-transform: uppercase;
}

footer .receive-newsletter button {
    color: #fff;
    font-size: 25px;
    min-height: 40px;
    text-align: center;
    line-height: 1;
    padding-left: 45px;
    padding-right: 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #A19780;
}

footer .site-map {
    color: #fff;
    font-size: 20px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    padding-top: 60px;
    padding-bottom: 60px;
    text-transform: uppercase;
}

footer .site-map a {
    color: #fff;
    text-decoration: none;
}

footer .site-map .title {
    font-weight: 600;
    margin-bottom: 10px;
}

footer .site-map .page {
    padding-left: 0;
    list-style-type: none;
}

footer .site-map .page > li {
    line-height: 1;
}

footer .phone-number {
    color: #CCC5B7;
    font-size: 85px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    vertical-align: bottom;
    text-decoration: none;
}

footer .copyright {
    color: #fff;
    font-size: 20px;
    font-family: 'DB Helvethaica X', Helvetica, sans-serif;
    text-transform: uppercase;
}

@media only screen and (max-width: 1920px) {
    .top-video .container, .highlight-tabs .container {
        max-width: 100%;
    }
    
    .top-video .container .col {
        padding: 0px;
    }

    .highlight-tabs .container .area-top, .highlight-tabs .tab-content .row > .col-12, .highlight-tabs .container .area-bottom  {
        padding: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-link {
        font-size: 14px;
    }
}

@media only screen and (max-width: 576px) {
    .theme-navy-blue.navbar {
        padding: 0px;
    }
    
    .theme-navy-blue.navbar .navbar-brand {
        margin: 0px;
    }

    .theme-navy-blue.highlight-text {
        padding: 40px 0px;
    }

    .theme-navy-blue.highlight-text .title {
        font-size: 26px;
        letter-spacing: 5px;
    }

    .theme-navy-blue.highlight-text .subtitle {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .theme-navy-blue.highlight-tabs .area-top .nav-fill .nav-item .nav-link {
        font-size: 10px;
        letter-spacing: 0px;
    }

    .theme-navy-blue.highlight-tabs .area-top .tab-content .content .title {
        font-size: 32px;
        letter-spacing: 5px;
    }

    .theme-navy-blue.highlight-tabs .area-top .tab-content .content .article {
        font-size: 18px;
    }

    .theme-navy-blue.highlight-tabs .area-top .tab-content .content {
        padding-top: 40px;
    }

    .theme-navy-blue.highlight-tabs .area-bottom {
        height: 115px;
        margin-top: -85px;
    }

    .theme-navy-blue.promotions {
        padding-top: 30px;
        padding-bottom: 5px;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(211,204,191,1) 100%);
    }

    .theme-navy-blue.promotions .title {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .theme-navy-blue.projects-filter {
        padding-top: 30px;
        padding-bottom: 40px;
        background-color: #122D3C;
    }

    .theme-navy-blue.projects-filter .title {
        color: #fff;
        font-size: 36px;
        margin-bottom: 15px;
    }

    .theme-navy-blue.projects-filter .first > select, .theme-navy-blue.projects-filter .second > select, .theme-navy-blue.projects-filter .third > select {
        color: #949792;
        border-color: #949792;
        background-color: transparent;
    }

    .theme-navy-blue.projects-list {
        padding-bottom: 20px;
    }

    .theme-navy-blue.projects-list .title {
        font-size: 32px;
    }

    .theme-navy-blue.projects-list .subtitle {
        font-size: 12px;
        line-height: 1.5;
    }

    .theme-navy-blue.projects-list .projects-items {
        margin-bottom: 30px;
    }

    .theme-navy-blue.blog .subtitle {
        font-size: 12px;
        line-height: 1.5;
    }

    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    footer .site-map {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    footer .copyright {
        font-size: 16px;
        text-align: center;
    }
}