/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-fill-nav-secondary'
(32,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-fill-nav-primary'
(43,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-fill-hero-secondary'
(54,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-fill-hero-primary'
 */
/*Adding css for friend Referrend page*/

/*TODO: Move to root CSS file the css variables/custom properties*/

:root {
    --icon-fill-nav-primary: #FEDB65;
    --icon-fill-nav-secondary: #fff;
    --icon-fill-hero-primary: #FEDB65;
    --icon-fill-hero-secondary: #008555;
}

/*#region Icons Themeing */

.create-college-savings-plan-icon.human-path,
.create-college-savings-plan-icon.dollar-sign,
.compare-financial-aid-offers-icon.arrow-path,
.find-your-college-icon.heart-sign,
.find-your-scholarships-icon.dollar-sign,
.find-your-career-icon.search-tool-path,
.refinance-student-loan.dollar-sign,
.find-student-loan-icon.dollar-sign {
    fill: var(--icon-fill-nav-secondary);
}
.create-college-savings-plan-icon.file-chart-path,
.compare-financial-aid-offers-icon-path,
.compare-financial-aid-offers-icon.dollar-sign,
.find-your-college-icon-path,
.find-your-scholarships-icon-path,
.find-your-career-icon-path,
.refinance-student-loan-path,
.find-student-loan-icon-path {
    fill: var(--icon-fill-nav-primary);
}

#intro svg.rebrand-header-tab-icon .create-college-savings-plan-icon.human-path,
#intro svg.rebrand-header-tab-icon .create-college-savings-plan-icon.dollar-sign,
#intro svg.rebrand-header-tab-icon .find-your-college-icon.heart-sign,
#intro svg.rebrand-header-tab-icon .find-your-scholarships-icon.dollar-sign,
#intro svg.rebrand-header-tab-icon .find-your-career-icon.search-tool-path,
#intro svg.rebrand-header-tab-icon .compare-financial-aid-offers-icon.arrow-path,
#intro svg.rebrand-header-tab-icon .find-student-loan-icon.dollar-sign,
#intro svg.rebrand-header-tab-icon .refinance-student-loan.dollar-sign {
    fill: var(--icon-fill-hero-secondary);
}

#intro svg.rebrand-header-tab-icon .create-college-savings-plan-icon.file-chart-path,
#intro svg.rebrand-header-tab-icon .find-your-college-icon-path,
#intro svg.rebrand-header-tab-icon .find-your-scholarships-icon-path,
#intro svg.rebrand-header-tab-icon .find-your-career-icon-path,
#intro svg.rebrand-header-tab-icon .compare-financial-aid-offers-icon-path,
#intro svg.rebrand-header-tab-icon .compare-financial-aid-offers-icon.dollar-sign,
#intro svg.rebrand-header-tab-icon .find-student-loan-icon-path,
#intro svg.rebrand-header-tab-icon .refinance-student-loan-path {
    fill: var(--icon-fill-hero-primary);
}


svg.services__img .home-lock-icon-bg,
svg.services__img .home-shield-icon-bg,
svg.services__img .home-fingerprint-icon-bg {
    fill: #F0F0E6;
}

svg.services__img .home-flower-icon-bg,
svg.services__img .home-university-icon-bg,
svg.services__img .home-backpack-icon-bg {
    fill: #fff;
}

svg.services__img .home-lock-icon,
svg.services__img .home-shield-icon,
svg.services__img .home-fingerprint-icon,
svg.services__img .home-flower-icon,
svg.services__img .home-university-icon,
svg.services__img .home-backpack-icon {
    fill: #FEDB65;
}

/*#endregion */
.inner .intro-wrapper span.title {
    color: #fff;
}

.frnd-ref {
    padding: 50px;
    text-align: center;
}

    .frnd-ref h2 {
        margin: 0 auto;
        max-width: 420px;
        width: 51%;
    }

    .frnd-ref input[type="text"] {
        padding: 10px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0;
    }

    .frnd-ref button {
        margin-right: 5px;
        font-size: 22px;
        line-height: 1.42857143;
        padding: 6px 12px;
        color: #fff;
        background-color: #5c5c5c;
    }

.frnd-ref-img #header {
    padding-top: 0;
}

.frnd-ref-img .intro-content {
    padding-bottom: 3% !important;
}

.frnd-ref-img .intro-text {
    padding: 150px 0 0 0;
}

.frnd-ref-img .intro-wrapper span.title {
    margin-bottom: 20px;
}

.inner .hd-top {
    border-bottom: 3px solid #bebebe;
}

.bjqs {
    height: 584px !important;
}

/*#intro img {
    display: none;
}*/

#intro .intro-content {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.6),rgba(255,255,255,0.6)), url("/Content/Rebrand/images/Home/home-hero-image.png"), red;
    background-attachment: scroll;
    background-position: 50% 110px;
    /*background-size: cover;*/
    background-size: contain;
    background-color: transparent;
    display: block;
    background-repeat: no-repeat;
    /*    overflow: hidden;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    padding-top: 120px; /*height of desktop nav*/
}

.intro-wrapper {
    padding-top: 9%;
}

#intro-footer {
    background: none repeat scroll 0 0 #000;
    display: block;
    overflow: hidden;
    position: relative;
}

    #intro-footer .intro-content {
        background-image: url("/Content/raptor/images/responsive/university-of-washington-seattle-flickr.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
        background-color: transparent;
        display: block;
        overflow: hidden;
        padding-bottom: 50px;
        position: static;
        width: 100%;
    }

    #intro-footer .intro-wrapper span.title {
        margin: 0 auto;
        width: 80%;
    }

    #intro-footer .social-link {
        margin-bottom: 20px;
    }

#header.rebrand-homepage-header .intro-wrapper span.title {
    font-family: "Fira Sans";
    font-size: 52px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}

#header.rebrand-homepage-header .intro-wrapper p {
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    width: 75%;
    margin-bottom: 20px;
}

#header.rebrand-homepage-header .intro-wrapper .rebrand-header-tab:not(#rebrand-intro-header-tab) p {
    width: 80%;
}

#header.rebrand-homepage-header .intro-wrapper p.apply-scholarship-text {
    width: 100%;
}

#header.rebrand-homepage-header .intro-wrapper {
    width: 1200px;
}

#header.rebrand-homepage-header .home_btn_pannel {
    display: flex;
    margin-bottom: 50px;
}

    #header.rebrand-homepage-header .home_btn_pannel span {
        margin-right: 10px;
    }

#header.rebrand-homepage-header .intro-wrapper span.started a {
    padding: 9px 30px 9px 33px;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: capitalize;
}


#header.rebrand-homepage-header .intro-wrapper span.started.btn_pay_college a {
    padding: 7px 30px 7px 33px;
}

#header.rebrand-homepage-header .home_btn_pannel .started.btn_discover_college {
    background-color: #d93d00;
}

    #header.rebrand-homepage-header .home_btn_pannel .started.btn_discover_college:hover {
        background-color: #AD3000;
    }

#header.rebrand-homepage-header .intro-wrapper span.started.btn_pay_college {
    background-color: transparent;
    border: solid 2px #fff;
}

#header.rebrand-homepage-header .rebrand-2500scholarship {
    font-family: "Fira Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 19.5px 17px 34px 30px;
    background-color: #FEDB65;
    position: absolute;
    width: 350px;
    /*height: 190px;*/
    bottom: 0;
    right: 0;
    margin: 0;
}

    #header.rebrand-homepage-header .rebrand-2500scholarship.elem-fixed {
        position: fixed;
    }

    #header.rebrand-homepage-header .rebrand-2500scholarship span {
        background-color: transparent;
        border: solid 2px #fff;
        padding: 0px 30px 5px 30px;
    }

        #header.rebrand-homepage-header .rebrand-2500scholarship span a {
            font-family: "Fira Sans";
            font-size: 18px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.56;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            text-transform: capitalize;
        }



#header.rebrand-homepage-header .intro-wrapper .rebrand-2500scholarship .started.btn_pay_college {
    margin: 20px;
}

.rebrand-homepage {
    /*margin-top: 170px;*/
    background-color: #F0F0E6;
}
body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
    margin-top: 190px;
}

.rebrand-homepage__header-text {
    font-family: "Fira Sans";
    font-size: 52px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: center;
    color: #231F20;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    margin-top: 45px;
}

.rebrand-homepage .services-section {
    background-color: #F0F0E6;
}

.services.row {
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    margin-bottom: 142px;
}

.middle-section .services.flex-row {
    margin-bottom: 0;
}

.services__header-text {
    font-family: "Fira Sans";
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #008555;
    text-align: center;
    margin-bottom: 15px;
}

.services__description-text {
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #231F20;
    width: 280px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.rebrand-homepage__divider {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px rgba(34, 34, 34, 0.25);
    width: 170px;
}

#header {
    margin-bottom: 0;
}

/*.rebrand-homepage .top-section {
    padding-bottom:150px;
}*/

.services__link-container {
    text-align: center;
    padding: 0;
    margin: 0;
    /*margin-top: 25px;
    margin-bottom: 25px;*/
}

.services__link {
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #231F20;
    padding: 9px 26.7px 9px 29.3px;
    border: solid 2px #231F20;
    margin: 12px auto;
    display: inline-block;
}

    .services__link:hover {
        background-color: #231F20;
        color: #fff;
    }

a.bottom-section__link {
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 5px 26.7px 5px 29.3px;
    border: solid 2px #fff;
}

    a.bottom-section__link:hover {
        background-color: #fff;
        color: #222;
    }

.tools {
    /*width: 1100px;*/
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.tools__description {
    width: 90%;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #231F20;
}

.rebrand-homepage__header-text.rebrand-homepage__header-text--tools {
    margin-top: 40px;
    text-align: left;
}

.rebrand-homepage__divider.rebrand-homepage__divider--tools {
    margin-top: 20px;
    margin-left: 0;
}

div.tools__link-container {
    display: flex;
    flex-direction: column;
}

a.tools__link {
    display: inline-block;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #044da2;
    margin-bottom: 5px;
    width: fit-content;
}

.tools__img {
    width: 459px;
    /*height: 459px;*/
    object-fit: contain;
}

.tools__section {
    margin-bottom: 86px;
}

    .tools__section:not(:last-child) {
        margin-bottom: 114px;
    }

.middle-section {
    background-color: #fff;
}

.rebrand-homepage-header--midddle-section {
    /*padding-top: 110px;*/
    width: 50%;
    margin-bottom: 45px;
    margin-top: 60px;
}

.services__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
    min-height: 125px;
}


.bottom-section {
    background-image: linear-gradient(to left, rgba(34, 34, 34, 0.8),rgba(34,34,34,0.8)), url("/Content/Rebrand/images/home/home-bottom-section.png");
    background-attachment: scroll;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    display: flex;
    overflow: hidden;
    height: 550px;
    justify-content: center;
    align-items: center;
}

.bottom-section__header-text {
    font-family: "Fira Sans";
    font-size: 62px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.bottom-section__description-text {
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 500px;
    margin: 12px auto 20px;
}

.bottom-section__link-container {
    text-align: center;
}

.rebrand-2500scholarship .apply-now-container {
    margin-top: 20px;
}

.tools__img-container {
    text-align: right;
}

    .tools__img-container.tools-financialaid-section {
        text-align: left;
    }

.rebrand-homepage .tools__link .fas {
        font-weight: 400;
}

.rebrand-homepage .top-section.featured-section {
    background: #fff;
    padding-bottom: 23px;
}

.rebrand-homepage .top-section.featured-section {

}

    .rebrand-homepage .top-section.featured-section .caption {
        font-family: "Fira Sans";
        font-size: 14px;
        font-weight: normal;
        line-height: 1.75;
        color: #767676;
        padding-top: 24px;
    }

    .rebrand-homepage .top-section.featured-section img {
        margin-top: 24px;
    }

    .rebrand-homepage .top-section.featured-section ul {
        float: left;
        margin-bottom: 0;
    }

        .rebrand-homepage .top-section.featured-section ul li {
            float: left;
            margin-left: 60px;
        }

        .rebrand-homepage .top-section.featured-section ul li img {

        }

#intro .rebrand-2500scholarship .close-icon {
    position: absolute;
    top: 17px;
    right: 17px;
    margin-right: 0;
}

    #intro .rebrand-2500scholarship .close-icon img {
        display: block;
    }

/*new header
  TODO: update class names
*/
.rebrand-homepage-header__tools-container {
    position: relative;
    margin: auto;
    /*margin-right:auto;
    margin-left:0;*/
    height: 100px;
    /*width: 85vw;*/
}
    
    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position {
        position: absolute;
        top: -50px;
        bottom: 10%;
        width: inherit;
        overflow: visible;
    }

        .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position.rebrand-homepage-header__tools-position--adjust-top {
            top: -25%;
        }

    .rebrand-homepage-header__tools-container .bottom-section {
        background: #FEDB65;
    }

    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools {
        display: flex;
        justify-content: center;
    }

        .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools .tool-card {
            margin: 1px;
            background-color: #008555;
            height: 160px;
            width: 160px;
            padding: 15px 18px;
            position: relative;
        }

        .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools .tool-card.active {
            background-color: #062F20;
        }

#intro .rebrand-homepage-header__tools-container .tool-card-img {
    display: block;
    height: 50px;
    width: 80px;
    object-fit: contain;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
}

#header.rebrand-homepage-header .intro-wrapper .rebrand-homepage-header__tools-container .tool-card-title {
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 100%;
    text-align: center;
}
.rebrand-homepage-header__tools-container .bottom-section-container,
.mobile-tool-cards .bottom-section-container {
    background: #FEDB65;
    margin-top: 2px;
    width: inherit;
    margin-right: auto;
    height: 60px;
    padding: 10px;
}

.rebrand-homepage-header__tools-container .top-section-container {
    margin-right: auto;
}

.mobile-tool-cards .bottom-section-container {
    height: auto;
}

    #header.rebrand-homepage-header .rebrand-homepage-header__tools-container .bottom-section-container .apply-scholarship-text,
    .mobile-tool-cards .bottom-section-container .apply-scholarship-text {
        font-family: "Fira Sans";
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-tool-cards .bottom-section-container a.bottom-section__link {
        display: block;
        margin: auto;
        width: 30%;
    }

#header.rebrand-homepage-header .rebrand-homepage-header__tools-container .bottom-section-container .bottom-section__link {
    margin-left: 20px;
}

#header.rebrand-homepage-header .intro-wrapper {
    padding: 30px 0px 60px 0px;
    height: 400px;
}

#rebrand-college-match-header-tab,
#rebrand-scholarships-header-tab,
#rebrand-scholarships-header-tab,
#rebrand-career-finder-header-tab,
#rebrand-student-loan-finder-header-tab,
#rebrand-financial-aid-comparison-header-tab,
#rebrand-financial-planning-header-tab,
#rebrand-refinance-student-loans-header-tab {
    display: none;
}

/*use important to override no matter what*/
.header-tab-background-change {
    background: #F0F0E6 !important;
}

#intro img.rebrand-header-tab-icon,
#intro svg.rebrand-header-tab-icon {
    display: block;
    object-fit: contain;
    width: auto;
    height: 170px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}



.adjust-intro-wrapper-padding {
    padding-top: 13%;
}

.rebrand-homepage-header-tab-container {
    height: 350px;
}

    .rebrand-homepage-header-tab-container.active {
        height: 340px;
    }

.mobile-tool-cards {
    margin: auto;
}

.mobile-tool-card {
    background: #008555;
    padding: 10px 20px 10px 20px;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    margin: auto;
    color: #fff;
}

    .mobile-tool-card.active {
        background-color: #062F20;
    }



.mobile-tool-cards .flex-row {
    margin-bottom: 10px;
}
/*END new header
  TODO: update class names
*/

.rebrand-header-tab {
    height: auto;
}


.featured-section-container {
    margin-left: auto;
    margin-right: auto;
}
/*.rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position.adjust-position{
    top: 70%;
}*/

.mobile-tool-card.mobile-scholarship-ad {
    background: #FEDB65;
}



.rebrand-header-tab-align {
    display: flex;
    align-items: center;
    height: 200px;
}

    .rebrand-header-tab-align.default-header-tab {
        height: 280px;
    }


/*Media Queries*/
/*@media only screen and (min-width:1650px ) {
    .rebrand-homepage{
        margin-top: 170px;
    }
}*/
@media only screen and (min-width: 1600px) {
    /* .rebrand-homepage-header__tools-container .bottom-section-container{
        width: 85%;
    }*/

    .rebrand-homepage-header-tab-container.active {
        height: 350px;
    }
}

@media only screen and (min-width:1430px) {
    

    .featured-section-container {
        width: 1200px;
    }
}

@media only screen and (min-width: 1300px) {
    .rebrand-homepage-header__tools-container .bottom-section-container {
        width: 1140px;
    }

    .rebrand-homepage-header__tools-container .top-section-container {
        width: 1140px;
    }
}

@media only screen and (min-width: 1200px) {
    .featured-section-container {
        float: none;
    }

    .no-gutter-lg {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width: 1400px) {
    #intro .intro-content {
        background-size: cover;
    }
}

@media only screen and (max-width: 1400px) {
    .intro-wrapper {
        padding-top: 13%;
    }

    #header.rebrand-homepage-header .intro-wrapper span.title {
        width: 100%;
    }

    .featured-in-text {
        text-align: center;
    }
}

@media only screen and (max-width: 1280px) {
    .rebrand-homepage-header-tab-container {
        width: 95vw;
        margin-left: auto;
        margin-right: auto;
    }

    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position,
    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position.adjust-position {
        top: 24%;
    }

    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools .tool-card {
        /*height: auto;*/
        width: 180px;
        padding: 15px 10px 5px;
    }

    .rebrand-homepage-header__tools-container {
        width: 90vw;
    }

    .intro-wrapper {
        padding-top: 13%;
    }

    .rebrand-homepage-header-tab-container.active,
    .rebrand-homepage-header-tab-container {
        height: 270px;
    }

    #header.rebrand-homepage-header .intro-wrapper .rebrand-header-tab:not(#rebrand-intro-header-tab) p {
        width: 100%;
    }
}

@media only screen and (max-width : 480px) {
    #intro-footer .intro-wrapper {
        margin-left: 0;
        width: 100%;
    }

        #intro-footer .intro-wrapper span.title {
            font-size: 2em;
        }

        #intro .intro-wrapper span.title, #intro-footer .intro-wrapper span.title {
            font-size: 2em;
            line-height: 1.1em;
        }

        #intro-footer .intro-wrapper span.title {
            margin-top: 20px;
        }


    .tools__description {
        font-size: 16px;
    }

    .rebrand-homepage__header-text.rebrand-homepage__header-text--tools {
        margin-top: 29px;
        margin-bottom: 10px;
    }

    .services__header-text {
        margin-bottom: 15px;
    }

    .services__description-text {
        width: 80%;
    }

   
}

@media only screen and (max-width:1280px) {

    .services.row {
        max-width: 90%;
    }
    .services__description-text {
        width: 90%;
    }
}

@media only screen and (max-width: 1199px) {
    #header.rebrand-homepage-header .intro-wrapper {
        width: 100%;
    }

       /* #header.rebrand-homepage-header .intro-wrapper span.title,
        #header.rebrand-homepage-header .intro-wrapper p,
        #header.rebrand-homepage-header .home_btn_pannel {
            margin-left: 10%;
        }*/

    /*#intro img.rebrand-header-tab-icon{*/
        /*height: 100px;*/
        /*margin-right:auto;
        margin-left:auto;
    }*/

    /* #header.rebrand-homepage-header .intro-wrapper span.title{
        width: 90%;
    }*/
}

@media only screen and (max-width: 1150px) {
    .rebrand-homepage {
        /*margin-top: 170px;*/
    }
}

@media (min-width: 1100px) and (max-width: 1560px) {
    .tools {
        max-width: 85%;
    }
}

@media only screen and (max-width: 1099px) {
    .tools {
        width: 100%;
    }

    .row.tools__section {
        width: 100%;
    }

    .rebrand-homepage__header-text.rebrand-homepage__header-text--tools {
        margin-top: 20px;
        margin-left: 0;
    }

    .row.tools__section {
        margin-left: auto;
        margin-right: auto;
    }

    .tools__section:not(:last-child) {
        margin-bottom: 100px;
    }

    .tools {
        max-width: 90%;
    }

    #header.rebrand-homepage-header .rebrand-homepage-header__tools-container .bottom-section-container .apply-scholarship-text {
        font-size: 22px;
    }

    a.bottom-section__link {
        padding: 5px 15px 5px 15px;
    }

    .rebrand-homepage-header__tools-container {
        width: 95vw;
    }

        .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools .tool-card {
            padding: 15px 5px 5px;
        }
}

@media only screen and (max-width: 1050px) {
    /*.rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position{
        top: -40%;
        bottom: 10%;
    }*/

    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position,
    .rebrand-homepage-header__tools-container .rebrand-homepage-header__tools-position.adjust-position {
        top: 20%;
    }
}

@media only screen and (max-width: 991px) {
    .hero-section{
        padding-top:50px;
    }
    .services__description-text {
        height: auto;
        width: auto;
    }

    .services__service-type {
        margin-bottom: 50px;
    }

    .tools__img {
        width: 100%;
        margin: 0 auto;
    }

    .tools__section:not(:last-child) {
        margin-bottom: 50px;
    }



    .rebrand-homepage-header--midddle-section {
        padding-top: 50px;
        width: 60%;
    }

    .services.row {
        margin-bottom: 50px;
    }

    .rebrand-homepage .top-section.featured-section .caption {
        text-align: center;
    }

    .rebrand-homepage-header-tab-container.active {
        height: 280px;
    }

    #intro .intro-content {
        height: auto;
    }

    #intro .intro-content {
        background-image: linear-gradient(to left,rgba(242,240,230,0.8),rgba(242,240,230,.8)),url("/Content/Rebrand/images/home/home-hero-image.png");
        background-repeat: no-repeat;
        background-size: auto;
        overflow: hidden;
    }

    #header.rebrand-homepage-header .intro-wrapper span.title {
        width: 100%;
    }

    .rebrand-homepage-header-tab-container {
        width: 90vw;
    }

    .intro-wrapper {
        padding-top: 17%;
    }

    .rebrand-homepage-header-tab-container {
        height: auto;
    }


    #header.rebrand-homepage-header .intro-wrapper .rebrand-header-tab:not(#rebrand-intro-header-tab) p {
        width: 90%;
    }

    #header.rebrand-homepage-header .intro-wrapper {
        height: auto;
    }


    .rebrand-homepage {
        /*margin-top: 10px;*/
    }

    #header.rebrand-homepage-header .intro-wrapper {
        padding-top: 0;
    }

    #header.rebrand-homepage-header .intro-content {
        background: #F0F0E6;
    }
}

@media only screen and (min-width : 769px) {
    #header.rebrand-homepage-header .rebrand-2500scholarship {
        z-index: 100;
    }

        #header.rebrand-homepage-header .rebrand-2500scholarship.elem-fixed {
            position: fixed;
        }
}

@media only screen and (max-width : 768px) {
    #intro-footer .intro-wrapper.bottom-cta {
        padding-top: 75px;
    }

    .frnd-ref {
        padding: 20px;
    }

    #header.rebrand-homepage-header .rebrand-2500scholarship {
        padding: 40.5px 17px 34px 30px;
        width: 100%;
        right: 2%;
        position: relative;
        bottom: 0;
        right: 0;
        margin: 0;
    }


    #header.rebrand-homepage-header .intro-content {
        background-position: 50% 25px;
    }

    #header.rebrand-homepage-header .intro-wrapper span.title,
    #header.rebrand-homepage-header .intro-wrapper p {
        margin-left: 5%;
        width: 100%;
    }

    #header.rebrand-homepage-header .home_btn_pannel {
        margin-left: 3.5%;
        width: 100%;
    }

    #header.rebrand-homepage-header .intro-wrapper p {
        width: 80%
    }

    #header.rebrand-homepage-header .home_btn_pannel {
        margin-bottom: 45px;
    }

    .tools__img {
        height: auto;
        object-position: 50% 20%;
    }

    .rebrand-homepage__header-text {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 30px;
    }

    .tools__description {
        width: auto;
    }

    .tools__link-container a i.fas.fa-arrow-right {
        font-weight: normal;
    }

    .tools__img-container {
        padding: 0;
    }

    .rebrand-homepage-header--midddle-section {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .tools__section:not(:last-child) {
        margin-bottom: 50px;
    }

    #header.rebrand-homepage-header .rebrand-2500scholarship {
        position: relative;
        bottom: 0 !important;
    }

    .intro-wrapper {
        height: 240px;
    }

    .rebrand-homepage-header-tab-container {
        width: 100vw;
    }

    #header.rebrand-homepage-header .intro-wrapper {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 720px) {
    .rebrand-homepage {
        /*margin-top: 0;*/
    }
}

@media only screen and (max-width: 576px) {
    .bottom-section {
        height: 330px;
        background-image: linear-gradient(to left, rgba(34, 34, 34, 0.8),rgba(34,34,34,0.8)), url("/Content/Rebrand/images/home/home-bottom-section-mobile.png");
    }



    .rebrand-homepage-header-tab-container,
    #header.rebrand-homepage-header .intro-content .intro-wrapper .intro-text {
        width: 95vw;
    }

    .rebrand-homepage__header-text {
        margin-top: 30px;
    }

    #header.rebrand-homepage-header .intro-wrapper p {
        width: 90%;
    }


    #header.rebrand-homepage-header .rebrand-2500scholarship {
        /* width: 101%;*/
    }

    .tools__section.col-md-6 {
        padding-left: 2px;
    }

    .intro-wrapper p, .intro-wrapper span.title {
        text-shadow: none;
    }

    .intro-wrapper span.title {
        font-size: 42px !important;
    }

    #header.rebrand-homepage-header .home_btn_pannel {
        /*margin-bottom: 190px;*/
    }

    #header.rebrand-homepage-header .rebrand-2500scholarship {
        padding: 30.5px 17px 25px 30px;
        /*height: 155px;*/
    }

    /* #header.rebrand-homepage-header .intro-content .intro-wrapper .intro-text {
        margin-top: 30px;
    }*/

    #header.rebrand-homepage-header .intro-wrapper p {
        font-size: 16px;
    }

    #header.rebrand-homepage-header .rebrand-2500scholarship {
        font-size: 20px;
        /*height: 110px;*/
    }

    .rebrand-homepage__header-text {
        font-size: 36px !important;
    }

        .rebrand-homepage__header-text.rebrand-homepage__header-text--tools {
            margin-top: 29px;
            margin-bottom: 10px;
        }

        #header.rebrand-homepage-header .rebrand-2500scholarship {
            /*padding: 20px 17px 0 30px;*/
        }

    .tools__section {
        margin-bottom: 26px;
    }

    .intro-wrapper {
        padding-top: 0%;
    }

    #intro .intro-content {
        height: auto;
    }

    #header.rebrand-homepage-header .intro-wrapper span.title, #header.rebrand-homepage-header .intro-wrapper p, #header.rebrand-homepage-header .home_btn_pannel {
        margin-left: 0;
    }

    .intro-wrapper {
        padding-top: 5%;
    }

    .mobile-tool-cards .bottom-section-container a.bottom-section__link {
        width: 50%;
    }

    #header.rebrand-homepage-header .intro-wrapper {
        padding-bottom: 0;
    }

    .rebrand-header-tab-align.default-header-tab,
    .rebrand-header-tab-align {
        height: 180px;
    }

    #intro .intro-content {
        padding-top: 90px;
    }

}

@media only screen and (max-width: 480px) {
    /* #header.rebrand-homepage-header .intro-wrapper {
        padding: 50px 0 0 0;
    }

    .intro-wrapper {
        height: 320px;
    }*/
    #intro .intro-content {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 475px) {
    #header.rebrand-homepage-header .rebrand-2500scholarship {
        /*right: 3%;*/
    }

    /*  #header.rebrand-homepage-header .intro-wrapper span.title,
    #header.rebrand-homepage-header .intro-wrapper p,
    #header.rebrand-homepage-header .home_btn_pannel {
        margin-left: 5%;
    }*/

    #header.rebrand-homepage-header .intro-content {
        background-position: 50% 25px;
    }

    .bottom-section__header-text {
        font-size: 42px;
    }

    .bottom-section__description-text {
        font-size: 16px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 390px) {
    #intro .intro-content {
        padding-top: 30px;
    }

    .rebrand-homepage-header-tab-container, #header.rebrand-homepage-header .intro-content .intro-wrapper .intro-text {
        width: 100vw;
    }
}

@media only screen and (max-width: 375px) {
    .intro-text {
        width: 95%;
    }
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 355px ) {

    #header.rebrand-homepage-header .intro-wrapper {
        margin-bottom: 50px;
    }

    .rebrand-header-tab-align {
        height: 210px;
    }
}

@media only screen and (max-width: 330px) {
}

.green i {
    color: #fff;
}

.green {
    color: white;
    width: 100%;
    background-color: #B3C12C;
    border-color: #B3C12C;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 5px 15px 0;
}

    .green:hover {
        color: white;
        background-color: #B3C12C;
        border-color: #B3C12C;
    }

.alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    padding: 10px;
    margin: 10px 13px;
}

    .alert-error .close {
        margin-top: -4px;
    }

.error {
    background-color: #f2dede;
    color: #000;
    padding: 5px 10px;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px !important;
    font-weight: normal !important;
}

.alert-error .close {
    margin-top: -4px;
}

.form-text {
    background-color: #F2DEDE;
    width: 60%;
    color: black;
    font-size: 14px;
    padding: 2px 10px;
    margin: -10px 30px;
    margin-bottom: 10px;
    text-align: left;
}

#LogonSectionForm .form-text {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: 10px;
    font-family: "Fira Sans";
}


.crlogin.signup-window .sns-signin {
    margin-top: 14px;
    padding-bottom: 3px;
    min-width: 220px;
    width: 100%;
}

.fbk {
    background-color: #3c5a9a;
    border: 0;
    font-size: 18px;
}

.twr {
    background-color: #27a8e1;
    border: 0;
    font-size: 18px;
}

.ggl {
    background-color: #dd4b39;
    border: 0;
    font-size: 18px;
}

.create {
    background-color: #f45a00;
    border: 0;
    font-size: 18px;
}

    .fbk i, .twr i, .ggl i, .create i {
        color: #fff;
    }

    .create a {
        color: #fff;
    }

.sns-signin i {
    padding-right: 9px;
    font-size: 18px;
}

.social-btns {
    margin-top: 140px;
}

.schoollink {
    text-decoration: underline !important;
    color: blue;
}

.margin-left {
    margin-left: 190px;
}

.crlogin.hr-divider2 {
    background-color: #a3a3a3;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    top: 45%;
    width: 100%;
}

    .crlogin.hr-divider2:before {
        background: none repeat scroll 0 0 #a3a3a3;
        border: 5px solid #fff;
        border-radius: 30px;
        color: #fff;
        content: "OR";
        padding: 10px;
        position: absolute;
        margin: -21px 0 0 -27px;
        left: 50%;
    }

.black-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .25;
}

.bottom-cta {
    padding-top: 150px;
}

.bottom-message {
    margin-bottom: 40px;
}

.divide-space {
    margin: 25px 10px;
}

.center-button {
    float: none;
    margin: auto;
}


.rebrand-homepage-header__tools-container .rebrand-homepage-header__tools .tool-card i {
    position: absolute;
    color: #fff;
    top: 15px;
    right: 10px;
    /*left: 12%;*/
}

.mobile-tool-card i {
    position: absolute;
    color: #fff;
    top: 8px;
    right: 25px;
    font-size: 16px;
}



@media (min-width: 992px) and (max-width:1199px) {
    .rebrand-homepage .top-section.featured-section .caption {
        min-width: 80px;
    }
}

@media only screen and (max-width:991px) {
    .frnd-ref-img #header {
        padding-top: 0 !important;
    }

    .frnd-ref h2 {
        width: 67%;
    }
}

@media only screen and (max-width:980px) {
    .social-btns {
        margin-top: 0;
    }

    .margin-left {
        margin-left: 0;
    }

    .frnd-ref-img .intro-wrapper span.title {
        font-size: 50px;
        line-height: 55px;
        width: 412px;
    }
}

@media only screen and (max-width:767px) {
    .frnd-ref-img .intro-wrapper span.title {
        font-size: 40px;
        line-height: 45px;
        width: 100%;
        margin-bottom: 0;
    }

    .frnd-ref-img .intro-text {
        padding: 100px 0 0 0;
    }

    .frnd-ref h2 {
        width: 98%;
    }
}

@media only screen and (max-width: 660px) {
}

@media screen and (max-width: 480px) {
    #testimonial {
        padding-bottom: 0;
        height: 470px;
    }

    .bottom-cta {
        padding-top: 2%;
    }

    span.title {
        font-size: 3em;
        line-height: 1em;
    }

    /*.intro-content p {
        display: none;
    }*/

    .frnd-ref-img .intro-text {
        padding: 50px 0 0 20px;
    }

    .frnd-ref h2 {
        font-size: 26px;
        max-width: 380px;
        width: 100%;
    }

    .frnd-ref input[type="text"] {
        width: 90%;
        margin-bottom: 10px;
    }

    .frnd-ref button {
        width: 90%;
        margin-left: 6px;
    }

    .services__service-type {
        margin-bottom: 29px;
    }

    .rebrand-homepage__divider.rebrand-homepage__divider--tools {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .tools__section:not(:last-child) {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 420px) {
    .frnd-ref h2 {
        font-size: 19px;
        max-width: 265px;
        margin-bottom: -10px;
    }

    #intro .intro-content {
        background-position: 65% 0;
    }
}

@media only screen and (max-width: 340px) {
    .mobile-tool-card {
        padding: 10px;
    }

    #header.rebrand-homepage-header .intro-wrapper span.started a {
        line-height: 1.1;
    }
}

@media (min-width: 321px) and (max-width: 330px) {
    #testimonial {
        height: 495px;
    }
}


@media only screen and (max-width: 326px) {
    #header.rebrand-homepage-header .intro-content .intro-wrapper .intro-text {
        margin-top: 30px;
    }

    .intro-wrapper {
        padding-top: 6%;
    }
}
@media(max-width:985px) {
    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 122px;
    }
}
@media(max-width:768px) {
    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 47px;
    }
}

@media (max-width: 767px) {
    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 47px;
    }

    .rebrand-homepage {
        margin-top: 75px;
    }
    .hero-section .col-lg-6.col-md-12.col-12.order-lg-2.order-1 {
        padding:0;
    }
    .hero-section{
        padding:0;
    }
}
@media(max-width:625px) {
    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 75px;
    }
}

@media(max-width:438px) {
    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 100px;
    }
}