@charset "UTF-8";

.h1Heading {
    margin-bottom: 24px;
    color: #00539B;
    font-weight: 500;
}

/* =================== Body-Hero =================== */ /* Adapted from Service page app.css*/

.df-hero {
    background: #00539B;
    position: relative;
    min-height: 35vh;
    padding: 1.5em 0 4.5em;
}

    .df-hero .df-hero-content .df-image {
        position: relative;
        z-index: 10;
    }

    .df-hero .df-hero-content {
        z-index: 100;
        height: 100%;
        position: relative;
        text-align: left;
        padding: .5em 0;
    }

        .df-hero .df-hero-content h1, .df-hero .df-hero-content h2, .df-hero .df-hero-content h3, .df-hero .df-hero-content h4, .df-hero .df-hero-content h5, .df-hero .df-hero-content h6 {
            color: #ffffff;
            line-height: 1;
        }

        .df-hero .df-hero-content h2 {
            font-size: 1.875rem;
            text-align: center;
        }

        .df-hero .df-hero-content h1 {
            font-size: 1.875rem;
            text-align: left;
        }

        .df-hero .df-hero-content p {
            color: #ffffff;
            text-align: center;
        }
            .df-hero .df-hero-content .df-border.draw {
                transition: color 0.25s;
            }

                .df-hero .df-hero-content .df-border.draw::before, .df-hero .df-hero-content .df-border.draw::after {
                    border: 6px solid transparent;
                    width: 100%;
                    height: 100%;
                }

                .df-hero .df-hero-content .df-border.draw::before {
                    top: 0;
                    left: 0;
                    border-top-color: #8DC5F7;
                    border-right-color: #8DC5F7;
                    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
                }

                .df-hero .df-hero-content .df-border.draw::after {
                    bottom: 0;
                    right: 0;
                    border-bottom-color: #8DC5F7;
                    border-left-color: #8DC5F7;
                    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
                }


        .df-hero .df-hero-content .df-image .video-modal .fas {
            line-height: 100px;
        }

        .df-hero .df-hero-content .df-image .video-modal {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50px, -50px);
            background: rgba(0, 69, 136, 0.75);
            border-radius: 50%;
            z-index: 999999;
            color: #ffffff;
            width: 100px;
            height: 100px;
            text-align: center;
            vertical-align: middle;
            line-height: 100px;
            -webkit-transition: all ease-in-out 0.25s;
            -moz-transition: all ease-in-out 0.25s;
            -ms-transition: all ease-in-out 0.25s;
            -o-transition: all ease-in-out 0.25s;
            transition: all ease-in-out 0.25s;
        }

            .df-hero .df-hero-content .df-image .video-modal .fas {
                line-height: 100px;
            }

            .df-hero .df-hero-content .df-image .video-modal:hover {
                color: #d9d9d9;
                background: rgba(0, 69, 136, 0.5);
                -webkit-transition: all ease-in-out 0.25s;
                -moz-transition: all ease-in-out 0.25s;
                -ms-transition: all ease-in-out 0.25s;
                -o-transition: all ease-in-out 0.25s;
                transition: all ease-in-out 0.25s;
            }

        .df-hero .df-hero-content .df-image .video-img {
            position: relative;
        }

    .df-hero .search-ribbon {
        display: flex;
        position: relative;
        z-index: 1000;
    }

        .df-hero .search-ribbon .search-wrapper {
            display: flex;
            flex-flow: row nowrap;
            margin: auto;
        }

            .df-hero .search-ribbon .search-wrapper .search-input-wrapper {
                position: relative;
                display: flex;
                width: 100%;
                flex-flow: row nowrap;
                flex-direction: column;
            }

                .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-icon {
                    top: 15px;
                    left: 15px;
                    position: absolute;
                    z-index: 10;
                    color: #00529B;
                }

                .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-input {
                    width: 100%;
                }

                .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-icon {
                    top: 15px;
                    left: 15px;
                    position: absolute;
                    z-index: 10;
                    color: #00529B;
                }

                .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-input {
                    width: 100%;
                }

                    .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-input input {
                        background: #EAF0F5;
                        padding: 0 50px;
                        margin: 0;
                        border: none;
                    }

                        .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-input input::placeholder {
                            font-size: 0.875rem;
                            color: #00529B;
                        }

                .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-button {
                    display: block;
                    height: 50px;
                    width: 100%;
                    border: 0;
                    background-color: #2d7fc8;
                    color: #ffffff;
                    font-size: 0.875rem;
                    font-weight: 700;
                    text-transform: uppercase;
                    cursor: pointer;
                    border-radius: 0;
                }

    .df-hero .view-all-link {
        position: relative;
        z-index: 1000;
        margin-top: .5em;
    }

        .df-hero .view-all-link a {
            color: #ffffff;
            font-size: 0.75rem;
        }

            .df-hero .view-all-link a:hover {
                color: #d9d9d9;
            }

a .button {
    z-index: 1;
}
.new-content h3 {
    color: #159D80 !important;
   font-size: 2rem !important;
}

.new-content h5 {
    color: #159D80 !important;
}

.df-learn-more p {
    color: #3E1C3F;
}

.fun-row-item p {
    color: #3E1C3F;
}

.new-row .video-image .video-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50px, -50px);
    background: rgba(0, 69, 136, 0.75);
    border-radius: 50%;
    z-index: 999999;
    color: #ffffff;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

    .new-row .video-image .video-modal .fas {
        line-height: 100px;
    }

    .new-row .video-image .video-modal:hover {
        color: #d9d9d9;
        background: rgba(0, 69, 136, 0.5);
        -webkit-transition: all ease-in-out 0.25s;
        -moz-transition: all ease-in-out 0.25s;
        -ms-transition: all ease-in-out 0.25s;
        -o-transition: all ease-in-out 0.25s;
        transition: all ease-in-out 0.25s;
    }

.video-img {
    position: relative;
}

.buying-center-content {
    margin-bottom: revert;
   
}

blockquote {
    border:none;
}

.sign-up-icon img {
    padding-left: 20px;
    max-height: 4em;
}

.ultimate-flexibility-icon img{
    max-height: 4em;
}

.hassle-free-icon img {
    max-height: 4em;
}

/*SMALL SCREENS (portrait tablets and large phones, 350px and up)*/
@media screen and (max-width: 39.9375em) {

    .fun-content {
        padding: 1em 0em;
    }

    .df-hero .df-hero-content .df-image .video-modal .fas {
        font-size: 1rem !important;
        line-height: 50px;
    }

    .new-hero .new-hero-content .new-border {
        padding: 0em 1.5em 1.5em;
    }

    .new-hero .new-hero-content .new-border img{
        max-width: 200px;
    }

    .new-row .video-image .video-modal .fas {
        font-size: 1rem !important;
        line-height: 50px;
    }
}
/*END SMALL SCREENS*/

/*MEDIUM SCREENS (landscape tablets, 640px and up)*/
@media print, screen and (min-width: 40em) {

    .df-learn-more {
        padding: 0 0 0 3em;
    }

    .new-hero {
        padding: 1em 0 1.5em;

    }

    .new-hero .new-hero-content .new-border {
        padding: 0em 2em 1.5em;
    }

        .new-hero .new-hero-content .new-border img {
            max-width: 200px;
        }

    .df-hero .df-hero-content h2 {
        font-size: 2.875rem;
    }

    .df-hero .df-hero-content h1 {
        font-size: 2.875rem;
    }

    .df-hero .df-hero-content .df-image .video-modal {
        width: 100px;
        height: 100px;
        line-height: 100px;
        transform: translate(-50px, -50px);
    }

    .df-hero .search-ribbon .search-wrapper .search-input-wrapper {
        flex-direction: row;
    }

        .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-input {
            width: 75%;
        }

        .df-hero .search-ribbon .search-wrapper .search-input-wrapper .search-button {
            width: 25%;
        }

    .new-row .video-image .video-modal {
        width: 100px;
        height: 100px;
        line-height: 100px;
        transform: translate(-50px, -50px);
    }

}
/*END MEDIUM SCREENS*/

/*LARGE SCREENS*/
@media print, screen and (min-width: 64em) {

    .vip-appointment-header {
        padding: 5em 0em;
    }

    .new-hero .new-hero-content .new-border {
        padding: .0em 3.5em 2em;
    }

        .new-hero .new-hero-content .new-border img {
            max-width: 250px;
        }

    .new-hero {
        padding: 1em 0 1.5em;
    }

    .df-hero {
        padding: 3em 0 1.5em;
    }

        .df-hero .df-hero-content h2 {
            font-size: 2.5rem;
            text-align: left;
        }

        .df-hero .df-hero-content h1 {
            font-size: 2.5rem;
            text-align: left;
        }

        .df-hero .df-hero-content p {
            text-align: left;
        }

        .df-hero .df-hero-content .df-border {
        }

            .df-hero .df-hero-content .df-border.draw {
                transition: color 0.25s;
            }

                .df-hero .df-hero-content .df-border.draw::before, .df-hero .df-hero-content .df-border.draw::after {
                    border: 6px solid transparent;
                    width: 100%;
                    height: 100%;
                }

                .df-hero .df-hero-content .df-border.draw::before {
                    top: 0;
                    left: 0;
                    border-top-color: #8DC5F7;
                    border-right-color: #8DC5F7;
                    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
                }

                .df-hero .df-hero-content .df-border.draw::after {
                    bottom: 0;
                    right: 0;
                    border-bottom-color: #8DC5F7;
                    border-left-color: #8DC5F7;
                    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
                }

        .df-hero .df-hero-content .df-image {
            margin-left: -2.5em;
            padding-bottom: 0;
        }

        .df-hero .view-all-link {
            justify-content: flex-start !important;
            margin-top: 1em;
            padding-left: 1em;
        }

        .df-hero .search-ribbon {
            justify-content: flex-start !important;
            margin-top: 3em;
            padding-left: 1em;
        }
}
/*END LARGE SCREENS*/


/*2*/
.MessageDiv2 {
    background-color: #00529B;
    min-height: 30px;
    font-family: interstate, Helvetica, Roboto, Arial, sans-serif;
    padding: 10px;
    text-align: center
}

.MessageDivMobile2 {
    background-color: #00529B;
    font-family: interstate, Helvetica, Roboto, Arial, sans-serif;
    padding: 5px;
    text-align: center
}

.MessageSpan2 {
    margin: 0px 10px 0px 10px;
    color: white;
}

.MessageSpanMobile2 {
    margin: 0px 5px 0px 5px;
    color: white;
}

.MessageLink2 {
    color: white;
    padding: 0;
    font-weight: bold;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.MessageLinkMobile2 {
    color: white;
    padding: 0;
    font-weight: bold;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-size: 0.7rem;
}
/*3*/
.MessageDiv3 {
    background-color: #3adb76;
    min-height: 30px;
    font-family: interstate, Helvetica, Roboto, Arial, sans-serif;
    padding: 10px;
    text-align: center;
}

.MessageDivMobile3 {
    background-color: #3adb76;
    font-family: interstate, Helvetica, Roboto, Arial, sans-serif;
    padding: 5px;
    text-align: center
}

.MessageSpan3 {
    margin: 0px 10px 0px 10px;
    color: black;
}

.MessageSpanMobile3 {
    margin: 0px 5px 0px 5px;
    color: black;
}

.MessageLink3 {
    color: black;
    padding: 0;
    font-weight: bold;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.MessageLinkMobile3 {
    color: black;
    padding: 0;
    font-weight: bold;
    padding: .75rem 1rem;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.HideFun {
    visibility: hidden !important;
}

.MakeSpace {
    margin-top: 160px;
}

.h1Heading {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.new-hero .new-hero-content .new-border {
}

    .new-hero .new-hero-content .new-border.draw {
        transition: color 0.25s;
    }

        .new-hero .new-hero-content .new-border.draw::before, .new-hero .new-hero-content .new-border.draw::after {
            border: 6px solid transparent;
            width: 100%;
            height: 100%;
        }

        .new-hero .new-hero-content .new-border.draw::before {
            top: 0;
            left: 0;
            border-top-color: #8DC5F7;
            border-right-color: #8DC5F7;
            transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
        }

        .new-hero .new-hero-content .new-border.draw::after {
            bottom: 0;
            right: 0;
            border-bottom-color: #8DC5F7;
            border-left-color: #8DC5F7;
            transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
        }

.new-border::before, .new-border::after {
    z-index: -1;
}

.fun-content h1, .fun-content h2, .fun-content h3, .fun-content h4 {
    text-transform: uppercase;
    font-weight: bold;

}

.fun-content img {
    max-width: 100%;
}

.new-hero-content a {
    color: #92C3E9;
}