@font-face {
    font-family: 'DM Sans 18pt';
    src: url('../fonts/DMSans18pt-Light.woff2') format('woff2'),
    url('../fonts/DMSans18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicBlack.woff2') format('woff2'),
    url('../fonts/HKGothicBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicBoldItalic.woff2') format('woff2'),
    url('../fonts/HKGothicBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicBlackItalic.woff2') format('woff2'),
    url('../fonts/HKGothicBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicItalic.woff2') format('woff2'),
    url('../fonts/HKGothicItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicExtraBold.woff2') format('woff2'),
    url('../fonts/HKGothicExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/HKGothicExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicBold.woff2') format('woff2'),
    url('../fonts/HKGothicBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicSemiBoldItalic.woff2') format('woff2'),
    url('../fonts/HKGothicSemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicRegular.woff2') format('woff2'),
    url('../fonts/HKGothicRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicMediumItalic.woff2') format('woff2'),
    url('../fonts/HKGothicMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicSemiBold.woff2') format('woff2'),
    url('../fonts/HKGothicSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicLight.woff2') format('woff2'),
    url('../fonts/HKGothicLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('../fonts/HKGothicMedium.woff2') format('woff2'),
    url('../fonts/HKGothicMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Black.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
    url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



.home-header {
    height: 700px;
}

/*  GLOBAL CUSTOM CSS */




html, body {
    font-family: 'Playfair Display';
    height: 100vh;
    max-width: 100vw;
    font-weight: 100;
    font-style: normal;
    color: #003940;
    direction: ltr;
    margin-left: 0em;
    line-height: 1.49997614em;
    text-transform: none;
    letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    font-family: 'Playfair Display';
    color: #000;
}

.lead{
    font-weight: 400;
}

.navbar{
    top:0px;
}
video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}


ul.ul-dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -15px;
}

ul.ul-dash li:before {
    content: "–";
    padding-right: 5px;
}

@media (min-width: 992px) {
    .container-lg-none {
        padding: unset !important;
        margin: unset !important;
        max-width: unset !important;
    }

    .col-lg-5-custom {
        flex: 0 0 400px;
        max-width: 400px;
    }

    .col-lg-7-custom {
        flex: 0 0 560px;
        max-width: 560px;
    }

    .newsletter-offset-container-short {
        right: 0;
        width: calc((100vw - 960px) / 2);
    }

    .newsletter-offset-container {
        position: absolute;
        top: 0;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1190px;
    }

    .col-lg-5-custom {
        flex: 0 0 475px;
        max-width: 475px;
    }

    .col-lg-7-custom {
        flex: 0 0 665px;
        max-width: 665px;
    }

    .newsletter-offset-container-short {
        width: calc((100vw - 1140px) / 2);
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .nav-navbar .nav-link {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

@media (min-width: 1300px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1240px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1340px;
    }
}

@media (min-width: 1500px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1440px;
    }
}

@media (min-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1540px;
    }
}

.nav-link{
    color: #77b5fe;
}

.text-more-link {
    justify-content: center;
    align-items: center;
}

.text-primary, .text-primary p {
    color: #003940 !important;
}

.link-more {
    display: contents;
    width: auto;
    height: auto;
}

.text-more-link a:after {
    margin-left: 10px;
    position: absolute;
    margin-top: 3px;
}

.link-more-red:after {
    content: url(../images/arrow-right-blue.svg);
}

.link-more-white:after {
    content: url(../images/arrow-right-white.svg);
    margin-left: 10px;
}

.link-more-white:hover:after {
    content: url(../images/arrow-right-blue.svg);
    margin-left: 10px;
}

.btn-outline-light:hover {
    color: #004f59 !important;
}

.link-more-red:after {
    margin-left: 10px;
}

.link-more:after {
    width: 46px;
    height: 28px;
    display: inline-block;
    -webkit-transition: transform 0.7s ease-out;
    -webkit-transition: -webkit-transform 0.7s ease-out;
    transition: -webkit-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transition: transform 0.7s ease-out,-webkit-transform 0.7s ease-out;
}

.link-more-red.small:after, .link-more-white.small:after {
    width: 22px;
}

.link-more-red.custom-small:after {
    width: 25px;
}

a:hover, a:focus {
    color: #004f59;
    text-decoration: none;
    outline: none;
}

.link-more:hover::after {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
}

a.text-primary:hover, a.text-primary:focus {
    color: #004f59 !important;
}

.paragraph-with-square:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #99b3bc;
}

.bg-gray {
    background-color: #eaeaea;
}

.bg-light{
    background-color: #fffef7 !important;
}

.bg-primary{
    background-color: #e4e2d8 !important;
}

.bg-secondary{
    background-color: #003940 !important;
}

.bg-blue{
    background-color: #4b7d99;
}

.bg-blue-light-transparent{
    background-color: rgba(31,56,100,.5);
}

.bg-blue-light{
    background-color: #77b5fe;
}

.bg-dark{
    background-color: #000 !important;
}

.bg-danger{
    background-color: #004f59 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #003940;
    border-color: #003940;
    border-radius: 10px;
    font-family: 'HK Gothic';
    text-transform: none;
    letter-spacing: -0.01em;
    line-height: 1.49998929em;
    font-weight: 400;
    font-size: 1.1rem;
    width: 220px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #25927b;
    border-color: #25927b;
    box-shadow: none;
}

.btn-outline-primary {
    border-color: #004f59 !important;
    color: #004f59;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn:after {
    margin-left: 10px;
    width: 46px;
    height: 22px;
    display: inline-block;
    -webkit-transition: transform 0.7s ease-out;
    -webkit-transition: -webkit-transform 0.7s ease-out;
    transition: -webkit-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transition: transform 0.7s ease-out,-webkit-transform 0.7s ease-out;
}

.btn.link-more-red:hover::after {
    content: url(../images/arrow-right-white.svg);
}

.btn:hover::after {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
}


.btn-outline-primary:hover {
    border-color: #004f59;
    background-color: #004f59;
    box-shadow: none;
}

.bb-blue-dark{
    border-bottom: 5px solid #203864;
}

.bb-blue-light{
    border-bottom: 5px solid #77b5fe;
}

.bb-red{
    border-bottom: 5px solid #004f59;
}

.bb-green{
    border-bottom: 5px solid #99b3bc;
}

.badge-danger {
    color: #fff;
    background-color: #99b3bc !important;
}

.text-blue-dark{
    color: #203864;
}

.text-blue-light{
    color: #77B5FE;
}

.text-white-blue{
    color: #99b3bc;
}


.list-dash{
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}

.list-dash li:before{
    content: "–";
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
}

nav a:hover{
    color: #fff !important;
}


/* PERTHEX */

.border-radius-0{
    border-radius: 0px !important;
}



.special-font{
    font-family: 'HK Gothic';
}

.p-special, .p-special p{
    color: #003940;
    line-height: 1.09459312em;
    letter-spacing: -0.025em;
    font-size: 3.4rem;
    margin-bottom: 70px;
}

.p-special p:last-child{
    margin-bottom: 0px;
}

.p-mb-0 p{
    margin-bottom: 0px;
}

.w-65{
    width: 65%;
}

.mh-750{
    min-height: 750px;
}

.mh-800{
    min-height: 800px;
}

.mh-825{
    min-height: 825px;
}

.mh-850{
    min-height: 850px;
}

.underline-bold{
    text-decoration-line: underline;
    text-decoration-thickness: 5px;
}


.text-white, .text-white p{
    color: rgba(255,255,255,1) !important;
}

.text-danger{
    color: #004f59 !important;
}

.mb-n-hs {
    margin-bottom: -25% !important;
}

.navbar-brand img {
    max-height: 100%;
}

.header {
    padding-top: 190px;
}

.display-1{
    line-height: .8;
}

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

.text-white .btn-outline-light {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}

@media (max-width: 991px) {
    .header{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .scroll-top {
        width: 61px;
        height: 45px;
    }

    .p-special, .p-special p{
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 700px) {
    #home-text{
        width: 90%;
    }

    .display-1 {
        font-size: 4rem;
    }
}

@media (max-width: 550px) {

    .display-1 {
        font-size: 3.5rem;
    }
}

@media (max-width: 500px) {
    .display-4 {
        font-size: 1.8rem;
    }

    .display-1{
        font-size: 2rem;
        word-break: break-word;;
    }

    .display-3 {
        font-size: 1.8rem;
        word-break: break-word;
    }

    h1, .h1{
        word-break: break-word;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }

    h3, .h3 {
        font-size: 1.3rem;
    }

    .lead-6 {
        font-size: 1.8rem !important;
    }

    .service-column{
        text-align: left !important;
        justify-content: unset !important;
    }
}

a {
    color: #004f59;
}

footer p, .acc-popup--modal{
    font-family: 'DM Sans 18pt' !important;
    font-weight: 300 !important;
}

.acc-popup__content p:first-child{
    font-size: 1.6rem;
}