﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');

.montserrat-regular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.oswald-regular {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



@font-face {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6, h7 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
}


/* System Styles*/
.system-error {
    color: #FF0000;
    font-size: .9em;
}



.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown > .dropdown-toggle:active {
    Without this, clicking will make it sticky
    pointer-events: none;
}

.dropdown-menu {
   /* width: 24rem;*/
}

a {
    color: inherit;
    text-decoration: underline
}

.navbar-nav {
    --bs-nav-link-padding-x: 0rem;
    --bs-nav-link-padding-y: 0rem;
}


.display-1 {
    font-size: calc(1.425rem + 1.2vw);
    font-weight: 500;
    line-height: 1.2;
}

.display-2 {
    font-size: calc(1.425rem + 1vw);
    font-weight: 500;
    line-height: 1.2;
}

.display-3 {
    font-size: calc(1.425rem + 0.8vw);
    font-weight: 500;
    line-height: 1.2;
}

.display-4 {
    font-size: calc(1.425rem + 0.6vw);
    font-weight: 500;
    line-height: 1.2;
}

.display-5 {
    font-size: calc(1.425rem + 0.4vw);
    font-weight: 400;
    line-height: 1.2;
}

.display-6 {
    font-size: calc(1.425rem + 0.2vw);
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: calc(1.425rem + 0vw);
    font-weight: 300;
    line-height: 1.2
}


p {
    font-size: calc(1rem + 0.2vw);
    font-weight: 300;
}


.navbar-custom {
    z-index: 1000;
    position: relative;
}


@media (min-width:1200px) {
    .display-7 {
        font-size: 2rem
    }
}

.list-group {
    border: none;
}
.list-group-item {
    border: none;
}


/*Heading*/
._nalign-left {
    text-align: left;
}

._nalign-center {
    text-align: center;
}

    ._nalign-center img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor;
}

.bi-quote {
    width: 4em;
    height: 4em;
    vertical-align: -.125em;
    fill: currentcolor;
}


._nalign-right {
    text-align: right;
}

.logo-text {
    text-decoration: none;
}

.btn-close-light {
    filter: var(--bs-btn-close-white-filter)
}

.btn-close-dark {
    color: var(--bs-btn-close-color)
}

.text-muted {
    opacity: 0.75;
}


    @media (max-width:767px) {
        ._nsize-large p,
        ._nsize-large a,
        ._nsize-large li,
        ._nsize-large span,
        span._nsize-large {
            font-size: 0.95rem;
            line-height: 1.7rem;
        }

        ._nsize-medium p,
        ._nsize-medium a,
        ._nsize-medium li,
        ._nsize-medium span,
        span._nsize-medium {
            font-size: 0.85rem;
            line-height: 1.75rem;
        }

        ._nsize-small p,
        ._nsize-small a,
        ._nsize-small li,
        ._nsize-small span,
        span._nsize-small {
            font-size: .75em;
            line-height: 1.4rem;
        }
    }

    @media (min-width:768px) {
        ._nsize-large p,
        ._nsize-large a,
        ._nsize-large li,
        ._nsize-large span,
        span._nsize-large {
            font-size: 1.10rem;
            line-height: 1.8rem;
        }

        ._nsize-medium p,
        ._nsize-medium a,
        ._nsize-medium li,
        ._nsize-medium span,
        span._nsize-medium {
            font-size: 0.95rem;
            line-height: 1.75rem;
        }

        ._nsize-small p,
        ._nsize-small a,
        ._nsize-small li,
        ._nsize-small span,
        span._nsize-small {
            font-size: .85rem;
            line-height: 1.4rem;
        }
    }

    @media (min-width:992px) {
        ._nsize-large p,
        ._nsize-large a,
        ._nsize-large li,
        ._nsize-large span,
        span._nsize-large {
            font-size: 1.20rem;
            line-height: 1.8rem;
        }

        ._nsize-medium p,
        ._nsize-medium a,
        ._nsize-medium li,
        ._nsize-medium span,
        span._nsize-medium {
            font-size: 1.15rem;
            line-height: 1.75rem;
        }

        ._nsize-small p,
        ._nsize-small a,
        ._nsize-small li,
        ._nsize-small span,
        span._nsize-small {
            font-size: .9rem;
            line-height: 1.4rem;
        }
    }

    @media (min-width:1200px) {
        ._nsize-large p,
        ._nsize-large a,
        ._nsize-large li,
        ._nsize-large span,
        span._nsize-large {
            font-size: 1.25rem;
            line-height: 2rem;
        }

        ._nsize-medium p,
        ._nsize-medium a,
        ._nsize-medium li,
        ._nsize-medium span,
        span._nsize-medium {
            font-size: 1.15rem;
            line-height: 1.75rem;
        }

        ._nsize-small p,
        ._nsize-small a,
        ._nsize-small li,
        ._nsize-small span,
        span._nsize-small {
            font-size: .90rem;
            line-height: 1.4rem;
        }
    }

    @media (min-width:1400px) {

        ._nsize-large p,
        ._nsize-large a,
        ._nsize-large li,
        ._nsize-large span,
        span._nsize-large {
            font-size: 1.6rem;
            line-height: 2rem;
        }

        ._nsize-medium p,
        ._nsize-medium a,
        ._nsize-medium li,
        ._nsize-medium span,
        span._nsize-medium {
            font-size: 1.3rem;
            line-height: 2rem;
        }

        ._nsize-small p,
        ._nsize-small a,
        ._nsize-small li,
        ._nsize-small span,
        span._nsize-small {
            font-size: 1rem;
            line-height: 1.5rem;
        }
    }

    .badge._nsize-large {
    font-size: .95rem;
}

.badge._nsize-medium {
    font-size: .85rem;
}

.badge._nsize-small {
    font-size: .75rem;
}

.hidden {
    display: none !important
}

.umb-block-grid__area-actions > button {
    color: #FF0000
}




    /*Whitespace*/
    ._npad-none {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

._npad-top {
    padding-top: 5rem !important;
    padding-bottom: 1rem !important;
}

._npad-bottom {
    padding-top: 1rem !important;
    padding-bottom: 5rem !important;
}

._npad-both {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}


/*Foreground*/
._nfore-light,
._nfore-light a,
._nfore-light p,
._nfore-light h1,
._nfore-light h2,
._nfore-light h3,
._nfore-light h4,
._nfore-light h5,
._nfore-light h6,
._nfore-light small,
._nfore-light span,
._nfore-light slot,
._nfore-light * {
    color: #ffffff !important;
}

._nfore-light hr {
    border-color: rgb(255,255,255, 0.5);
}




._nfore-darktext,
._nfore-darktext p,
._nfore-darktext a:not(.btn),
._nfore-darktext div:not(.alert),
._nfore-darktext a.btn-link,
._nfore-darktext h1,
._nfore-darktext h2,
._nfore-darktext h3,
._nfore-darktext h4,
._nfore-darktext h5,
._nfore-darktext h6,
._nfore-darktext small {
    color: #000000 !important;
}


a.dropdown-item {
    color: #212529 !important;
}


/* Sections */
.nFeature-large {
    min-height: 640px;
    width: 100%;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.nFeature-medium {
    min-height: 420px;
    width: 100%;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


.nFeature-small {
    min-height: 220px;
    width: 100%;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}




.nImageFeature-large {
    height: 640px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.nImageFeature-medium {
    height: 420px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


.nImageFeature-small {
    height: 220px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

._nVideoText {
    width: 100%;
    height: 458px;
    padding: 35px;
    margin-bottom: 8px;
}


.nVideoFeature-large {
    height: 640px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.nVideoFeature-medium {
    height: 420px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


.nVideoFeature-small {
    height: 220px;
    width: 1140px;
    margin: 0 0 35px 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


.video-background {
    z-index: -99;
}

    div.video-foreground,
    div.video-background iframe {
        
        width: 100%;
        height: 100%;
        pointer-events: none;
    }



.video-container {
    position: relative;
}

video {
    height: auto;
    vertical-align: middle;
    /*width: 100%;*/
}

.video-overlay-desc {
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    padding: 30px;
    width:65%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 50.25%; /* 16:9 */
    padding-top: 25px;
    height: auto;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }

.videoWrapper2 {
    position: relative;
    padding: 8px;
    height: auto;
}

    .videoWrapper2 video {
        width: 100%;
        height: 100%;
        border-radius: 6px;
    }


    .image-overlay-desc {
        padding: 30px;
    }

    .feature-overlay-desc {
        padding: 30px;
    }

    ._nQuote blockquote {
        border: none;
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 27px;
        margin: 35px 0 14px;
        padding: 3px 0 20px 35px;
        position: relative;
    }

        ._nQuote blockquote:before {
            content: "\f10d";
            color: #74b4ff;
            font-family: 'FontAwesome';
            font-size: 25px;
            left: 0;
            top: 0;
            position: absolute;
        }

        ._nQuote blockquote .author {
            color: #a8a8a8;
            display: block;
            font-family: 'Lato', sans-serif;
            font-size: 1.05em;
            font-style: italic;
            margin-top: 6px;
            padding-left: 0px;
            position: relative;
        }

            ._nQuote blockquote .author:before {
                content: '';
                background: #aaa;
                height: 1px;
                width: 20px;
                margin-left: -60px;
                top: 50%;
                margin-top: -0.5px;
                position: absolute;
            }



    .text-dark-alt {
        color: #757575 !important;
    }



    .d-on-success {
        display: none;
    }




    .form-control:invalid, .form-control.is-invalid {
        border-color: #ff4954;
        padding-right: calc(1.9em + 0.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4954' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4954' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        background-repeat: no-repeat;
        background-position: center right calc(0.475em + 0.1875rem);
        background-size: calc(0.95em + 0.375rem) calc(0.95em + 0.375rem);
    }

    .form-list-control {
        padding: 8px;
    }

        .form-list-control:invalid, .form-list-control.is-invalid {
            border: 1px solid;
            border-color: #ff4954;
            padding-right: calc(1.9em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4954' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4954' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
            background-repeat: no-repeat;
            background-position: center right calc(0.475em + 0.1875rem);
            background-size: calc(0.95em + 0.375rem) calc(0.95em + 0.375rem);
        }




    .homeheader {
        min-height: 54rem;
    }

    .homeheaderSlider {
        /*min-height: 44rem;*/
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    .section-header-hero {
        text-align: center;
        max-width: 80%;
        margin: 12rem auto 10px;
    }


        .section-header-hero small {
            font-size: 1.5rem;
            text-shadow: #000 1px 0 12px;
        }

        .section-header-hero h1 {
            text-shadow: #000 1px 0 12px;
        }


    .slide-desc {
        margin: 0;
        position: absolute;
        top: 40%;
        transform: translateY(-60%);
        z-index: 99;
        width: 100%;
    }

    .print-only {
        display: none;
    }


    .carousel-caption {
        color: inherit
    }

    /*
    ----------------------------------------------------------
    Validation Errors
    ----------------------------------------------------------
*/



    .validation-summary-errors span {
        font-weight: 600;
        font-size: 1.2rem;
    }


    .validation-summary-errors ul {
        list-style-type: circle;
        margin-left: 2rem;
        margin-top: 1rem;
    }


    /* styles for validation helpers */
    .field-validation-error {
        color: #b94a48;
    }

    .field-validation-valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #b94a48;
    }


    select.input-validation-error {
        border: 1px solid #b94a48;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #b94a48;
    }

    .validation-summary-valid {
        display: none;
    }


    .pswp__caption__center {
        text-align: center;
    }


    @media (max-width: 991.98px) {
        .homeheader {
            min-height: 40rem;
        }

        .homeheaderSlider {
            /* min-height: 40rem;*/
        }

        .section-header-hero {
            text-align: center;
            max-width: 80%;
            margin: 5rem auto 10px;
            font-size: .95rem;
        }

            .section-header-hero small {
                font-size: 1.25rem;
            }

            .section-header-hero h1 {
                font-size: 2.2rem;
            }


        h1 {
            font-size: .9rem;
            line-height: .8rem;
        }
    }


    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }



/*    .border {
        border: 1px solid #dbdfe3 !important;
    }*/


    .progress {
        background-color: #eae8e8;
        border-radius: 0.125rem;
    }


    /*
    ---------------------------------------------------------
    Data Overlay
    ---------------------------------------------------------
*/
    [data-overlay],
    [data-overlay-light] {
        position: relative;
    }

        [data-overlay]::before,
        [data-overlay-light]::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #191919;
            border-radius: inherit;
        }

        [data-overlay-light]::before {
            background: #fff;
        }

    [data-overlay-primary]::before {
        background: #50a1ff;
    }

    [data-overlay="1"]::before {
        opacity: 0.1;
    }

    [data-overlay="2"]::before {
        opacity: 0.2;
    }

    [data-overlay="3"]::before {
        opacity: 0.3;
    }

    [data-overlay="4"]::before {
        opacity: 0.4;
    }

    [data-overlay="5"]::before {
        opacity: 0.5;
    }

    [data-overlay="6"]::before {
        opacity: 0.6;
    }

    [data-overlay="7"]::before {
        opacity: 0.7;
    }

    [data-overlay="8"]::before {
        opacity: 0.8;
    }

    [data-overlay="9"]::before {
        opacity: 0.9;
    }

    [data-overlay-light="1"]::before {
        opacity: 0.1;
    }

    [data-overlay-light="2"]::before {
        opacity: 0.2;
    }

    [data-overlay-light="3"]::before {
        opacity: 0.3;
    }

    [data-overlay-light="4"]::before {
        opacity: 0.4;
    }

    [data-overlay-light="5"]::before {
        opacity: 0.5;
    }

    [data-overlay-light="6"]::before {
        opacity: 0.6;
    }

    [data-overlay-light="7"]::before {
        opacity: 0.7;
    }

    [data-overlay-light="8"]::before {
        opacity: 0.8;
    }

    [data-overlay-light="9"]::before {
        opacity: 0.9;
    }


    /*
    ----------------------------------------------------------
    Tool Tips
    ----------------------------------------------------------
*/
    /* Tooltip container */
    .Gtooltip {
        position: relative;
        display: inline-block;
        /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
    }

        /* Tooltip text */
        .Gtooltip .tooltiptext {
            visibility: hidden;
            /*width: 280px;*/
            /*text-wrap: nowrap;*/
            min-width: 220px;
            background-color: #555;
            color: #fff;
            text-align: left;
            padding: 5px 0;
            border-radius: 6px;
            /* Position the tooltip text */
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -20px;
            /* Fade in tooltip */
            opacity: 0;
            transition: opacity 0.8s;
            font-size: .9rem;
        }

            /* Tooltip arrow */
            .Gtooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 14%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }

        /* Show the tooltip text when you mouse over the tooltip container */
        .Gtooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }


    /*
    ----------------------------------------------------------
    Universal Styles
    ----------------------------------------------------------

*/

    .footer-logo {
        width: 120px;
    }

    .printPreview {
        padding: 40px 100px;
    }

    .printDiv {
        padding: 15px;
    }


    .isDisabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

        .isDisabled > a {
            color: currentColor;
            display: inline-block; /* For IE11/ MS Edge bug */
            pointer-events: none;
            text-decoration: none;
        }


    /*
    ----------------------------------------------------------
    Print
    ----------------------------------------------------------
*/
    @media print {
        .print-only {
            display: block;
        }

        .bg-light {
            background-color: #ccc;
        }

        * {
            font-size: .94rem;
        }


        /*h4 {
        font-size: .9rem;
    }
    h5 {
        font-size: .8rem;
    }

    .lead {
        font-size: .7rem;
    }

    p {
        font-size: .7rem;
    }*/

        .printPreview {
            padding: 25px
        }

        .no-print {
            display: none;
        }


        .col-print-1 {
            width: 8%;
            float: left;
        }

        .col-print-2 {
            width: 16%;
            float: left;
        }

        .col-print-3 {
            width: 25%;
            float: left;
        }

        .col-print-4 {
            width: 33%;
            float: left;
        }

        .col-print-5 {
            width: 42%;
            float: left;
        }

        .col-print-6 {
            width: 50%;
            float: left;
        }

        .col-print-7 {
            width: 58%;
            float: left;
        }

        .col-print-8 {
            width: 66%;
            float: left;
        }

        .col-print-9 {
            width: 75%;
            float: left;
        }

        .col-print-10 {
            width: 83%;
            float: left;
        }

        .col-print-11 {
            width: 92%;
            float: left;
        }

        .col-print-12 {
            width: 100%;
            float: left;
        }
    }




.desktop-icon {
    display: inline;
}

.mobile-icon {
    display: none;
}

@media (max-width:767px) {
    .mobile-icon {
        display: inline;
    }

    .desktop-icon {
        display: none;
    }
}
