p {
    font-size: 14px;
}

#logo-container{
    padding-top: 30px;
    
}
    #logo-container .text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
        #logo-container .text-center img {
            margin-left: .5rem;
            margin-right: .5rem;
        }
        .divider-bold {
            border-left: 5px solid #999;
            height: 100%;
            height: 50px;
        }
.logo-container {
    left: 50px;
    position: absolute;
    top: 20px;
    z-index: 3;
}

    .logo-container .logo {
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid #333333;
        width: 60px;
        float: left;
    }

    .logo-container .brand {
        font-size: 18px;
        color: #FFFFFF;
        line-height: 20px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        width: 60px
    }

#container {
    background-color: #f5f5f5;
}

.viewAgreement {
    background-color: unset;
    border: unset;
    font-size: 16px;
    color: #2CA8FF;
}

label {
    font-size:16px;
}
.testTitle {
    color: #F8D839;
    font-weight: bold;
}

#hfdLogo {
    height: 70px;
}

.progress-bar {
    width: 21%;
}

#divParentFields {
    display: none;
}

#btnParentValidate {
    margin-top: 25px;
}

#iParentValidated {
    color: #7AC29A;
    display: none;
}

#iParentNotValidated {
    display: none;
}

#divCardInfo {
    display: none;
}

#imgLoading {
    height: 20px;
    display: none;
}

#divDiscountSuccess {
    display: none;
}

    #divDiscountSuccess img {
        width: 50%;
    }

#divDiscountError {
    display: none;
}

#actionContinueProcess {
    color: #045aa3;
}

    #actionContinueProcess:hover {
        cursor: pointer;
        text-decoration: underline;
    }

#enterEmail {
    color: #045aa3;
}

#btnValidate {
    background: #5ca75c;
    color: #fff;
}

#quote {
    margin: 45% 10%;
    padding: 0px 20px;
    border-style: none;
    font-size: 17px;
}

#scheduleMsg {
    word-wrap: break-word;
    padding: 8px;
    margin: 0;
    font-size: 20px;
}

blockquote {
    font-family: Georgia, serif;
    position: relative;
    margin: 0.5em;
    padding: 0.5em 2em 0.5em 3em;
}
    /* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
    blockquote:before {
        font-family: Georgia, serif;
        position: absolute;
        font-size: 6em;
        line-height: 1;
        top: -18px;
        left: -22px;
        content: "\201C";
    }

    /*blockquote:after {
        font-family: Georgia, serif;
        position: absolute;
        /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? 
        float: right;
        font-size: 6em;
        line-height: 1;
        right: 0;
        bottom: -0.5em;
        content: "\201D";
    }*/

    blockquote footer {
        padding: 0 2em 0 0;
        text-align: right;
    }

    blockquote cite:before {
        content: "\2013";
    }

#endQuote {
    font-family: Georgia, serif;
    position: absolute;
    line-height: 1;
}

    #endQuote:after {
        content: "\201D";
        font-size: 6em;
    }

    .m-b-15 {
        margin-bottom: 15px !important;
    }
@font-face {
    font-family: 'FontAwesome';
    src: url('../../../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../../../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
}

@media screen and (max-width: 767px) {
    #testimonial {
        margin: 10%;
        padding: 10%;
        font-size: 15.5px;
    }
}

@media screen and (max-width: 1450px) {
    #testimonial {
        font-size: 17px;
    }
}