/* Minification failed. Returning unminified contents.
(10156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10164,21): run-time error CSS1039: Token not allowed after unary operator: '-rebrand-primary-font-family'
(10574,35): run-time error CSS1046: Expect comma, found '0'
(10574,39): run-time error CSS1046: Expect comma, found '/'
(11592,31): run-time error CSS1036: Expected expression, found '$'
(11593,23): run-time error CSS1036: Expected expression, found '$'
 */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    padding-top: 5px;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

#cboxOverlay {
    background: url(/Content/images/overlay.png) repeat 0 0;
    cursor: none !important;
}

#cboxTopLeft {
    width: 5px;
    height: 5px;
    background-color: #006D88;
}

#cboxTopRight {
    width: 5px;
    height: 5px;
    background-color: #006D88;
}

#cboxBottomLeft {
    width: 5px;
    height: 5px;
    background-color: #006D88;
}

#cboxBottomRight {
    width: 5px;
    height: 5px;
    background-color: #006D88;
}

#cboxMiddleLeft {
    width: 5px;
    background-color: #006D88;
}

#cboxMiddleRight {
    width: 5px;
    background-color: #006D88;
}

#cboxTopCenter {
    height: 5px;
    background-color: #006D88;
}

#cboxBottomCenter {
    height: 5px;
    background-color: #006D88;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 50px;
}

#cboxTitle {
    position: absolute;
    bottom: 28px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #666666;
    background-color: #ffffff;
    padding-top: 6px;
}

.cboxIE #cboxTitle {
    filter: alpha(opacity = 75);
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/Content/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/Content/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxLoadingOverlay {
    background: url(/Content/images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/Content/images/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/Content/images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#00FFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
    background: url(/Content/images/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(/Content/images/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(/Content/images/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(/Content/images/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(/Content/images/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(/Content/images/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(/Content/images/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(/Content/images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

@media screen and (max-width:320px) {
    #colorbox {
        width: 320px !important;
    }

    #cboxLoadedContent, #cboxContent {
        width: 310px !important;
    }
}

#cboxTopLeft {
    width: 5px;
    height: 5px;
    background-color: #F8B500;
}

#cboxTopRight {
    width: 5px;
    height: 5px;
    background-color: #F8B500;
}

#cboxBottomLeft {
    width: 5px;
    height: 5px;
    background-color: #F8B500;
}

#cboxBottomRight {
    width: 5px;
    height: 5px;
    background-color: #F8B500;
}

#cboxMiddleLeft {
    width: 5px;
    background-color: #F8B500;
}

#cboxMiddleRight {
    width: 5px;
    background-color: #F8B500;
}

#cboxTopCenter {
    height: 5px;
    background-color: #F8B500;
}

#cboxBottomCenter {
    height: 5px;
    background-color: #F8B500;
}

/* Basic jQuery Slider essential styles */
ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
    width: 918px !important;
    margin: 0 auto;
    clear: both;
}

li.bjqs-slide {
    position: absolute;
    display: none;
    padding-bottom: 80px;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

ul.bjqs-controls.v-centered li a {
    position: absolute;
    background: #fff;
    opacity: 0.8;
    width: 50px;
    height: 50px;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 0;
    background: #fff url(/Content/raptor/images/responsive/next.png) no-repeat center center;
    text-indent: -99999px;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 0;
    background: #fff url(/Content/raptor/images/responsive/prev.png) no-repeat center center;
    text-indent: -99999px;
}

ul.bjqs-controls.v-centered li.bjqs-next a:hover, ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
    background-color: #fff;
    opacity: 1;
}

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ol.bjqs-markers.h-centered {
    text-align: center;
    display: none;
}

ol.bjqs-markers li {
    display: inline;
}

ol.bjqs-markers li a {
    display: inline-block;
}

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}

#banner-fade {
    margin: 0 auto;
    max-width: 1340px;
}

#banner-fade h2 {
    font-family: "museo700-webfont", Arial, Helvetica;
    font-size: 40px;
    color: #fff;
    padding: 80px 0 58px 0;
    text-align: center;
}

.quote {
    background: url(/Content/raptor/images/responsive/quote-sep.png) repeat-x center center;
    margin: 10px 0;
    position: relative;
}

.quote img {
    margin: 0 auto;
    display: block;
}

.test-right p {
    font-family: "Open Sans", Arial, Helvetica;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    padding: 20px 0;
}

.test-right p.test-content {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 22px;
}

/*===== Media Queries ============================================================= */
@media screen and (max-width:1024px) {
    #banner-fade {
        max-width: 100% !important;
        height: 100% !important;
    }

    #banner-fade ul.bjqs {
        width: 90% !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width:980px) {
    #banner-fade h2 {
        padding: 30px 0 15px;
        font-size: 28px;
    }

    .test-left, .test-right {
        float: none !important;
        width: 100% !important;
        text-align: center;
        padding-top: 10px;
        height: auto;
    }

    .test-right p {
        padding: 0;
        font-size: 16px;
    }

    .test-right.col-sm-push-1 {
        left: 0;
    }

    .test-right p.test-content {
        font-size: 14px;
    }
}

@media screen and (max-width:640px) {
    .test-right p {
        line-height: 20px;
    }
}

@media screen and (max-width:560px) {
    #testimonial {
        padding-bottom: 20px;
    }

    ul.bjqs-controls.v-centered li a {
        top: 30% !important;
    }

    #banner-fade h2 {
        padding: 10px 0;
        font-size: 25px;
    }

    .test-right p {
        line-height: 22px;
    }
}

@media screen and (max-width:480px) {
    .test-left {
        width: 150px !important;
        margin: 0 auto;
    }

    #banner-fade h2 {
        font-size: 20px;
    }

    ul.bjqs-controls.v-centered li a {
        top: 18% !important;
        width: 12%;
        height: 40px;
    }
}

@media screen and (max-width:320px) {
    .test-right p {
        font-size: 13px;
        line-height: 22px;
    }
}

@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    border: none;
}

abbr, acronym, dfn {
    cursor: help;
    border-bottom: 1px #000 dotted;
}

dfn {
    font-style: normal;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.clear {
    clear: both;
}

a {
    color: #191919;
    outline: none;
    border: none;
    text-decoration: none;
}

    a:link, a:visited {
        text-decoration: none;
    }

    a:visited {
        color: #191919;
    }

    a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: none;
        color: #191919;
    }

    a:active {
        color: #191919;
    }

address {
    margin: 0.2em 0;
    padding: .5em 0 1em;
    font-size: .75em;
    line-height: 140%;
    font-style: normal;
}

:focus {
    outline: 0;
}

ul, ol {
    list-style: none;
}
.table-controls ul {
    display:flex;
    float: right;
}

em {
    font-style: normal;
}
/*===================font-family==============================*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url('/Content/raptor/fonts/responsive/opensans-normal-webfont.woff') format('woff');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/Content/raptor/fonts/responsive/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/opensans-regular-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/opensans-regular-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/Content/raptor/fonts/responsive/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/opensans-semibold-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/opensans-semibold-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/Content/raptor/fonts/responsive/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/opensans-bold-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/opensans-bold-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo700-webfont';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/raptor/fonts/responsive/museo700-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/museo700-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/museo700-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/museo700-webfont.svg#museo700-webfont') format('svg');
}

@font-face {
    font-family: 'proximanova-bold-webfont';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/raptor/fonts/responsive/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/proximanova-bold-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/proximanova-bold-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/proximanova-bold-webfont.svg#proximanova-bold-webfont') format('svg');
}

@font-face {
    font-family: 'museo300-regular-webfont';
    font-style: normal;
    font-weight: 300;
    src: url('/Content/raptor/fonts/responsive/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/museo300-regular-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/museo300-regular-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/museo300-regular-webfont.svg#museo300-regular-webfont') format('svg');
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('/Content/raptor/fonts/responsive/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/raptor/fonts/responsive/proximanova-regular-webfont.woff') format('woff'),url('/Content/raptor/fonts/responsive/proximanova-regular-webfont.ttf') format('truetype'),url('/Content/raptor/fonts/responsive/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/Content/fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('/Content/fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bitter';
    src: url('/Content/fonts/Bitter-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin';
    src: url('/Content/fonts/Cabin-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cantarell';
    src: url('/Content/fonts/Cantarell-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/Content/fonts/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('/Content/fonts/HankenGrotesk-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('/Content/fonts/Karla-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Frankin';
    src: url('/Content/fonts/LibreFranklin-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather Sans';
    src: url('/Content/fonts/MerriweatherSans-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/Content/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('/Content/fonts/Myriad Pro Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/Content/fonts/Oswald-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/Content/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('/Content/fonts/PTSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('/Content/fonts/PTSansNarrow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('/Content/fonts/PTSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/Content/fonts/Quicksand-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('/Content/fonts/Raleway-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('/Content/fonts/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('/Content/fonts/RedHatText-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/Content/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/Content/fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('/Content/fonts/RobotoSlab-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/Content/fonts/SourceSans3-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/Content/fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/Content/raptor/fonts/responsive/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('/Content/raptor/fonts/responsive/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('/Content/raptor/fonts/responsive/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('/Content/raptor/fonts/responsive/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-key:before {
    content: "\f084";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-book:before {
    content: "\f02d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-male:before {
    content: "\f183";
}

.fa-female:before {
    content: "\f182";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3";
}

.fa-circle:before {
    content: "\f111";
}

.fa-shield:before {
    content: "\f132";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-question-circle:before {
    font-size: 14px;
    content: "\f128";
    color: #bfbfbf;
    padding: 3px 6px 2px 5px;
    border-radius: 4px;
    border: 1px solid #bfbfbf;
}

.demo thead tr th a .fa-question-circle:before {
    font-size: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #D8DCAC;
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-user:before {
    content: "\f007";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-chevron-circle-right:before {
    content: "\F138";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-lock:before {
    content: "\f023";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.icon-key:before {
    content: "\f084";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-star:before {
    content: "\f005";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-external-link:before {
    content: "\f08e";
}

.glyphicon-remove:before {
    display: none;
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-search:before {
    content: "\f002";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-cutlery::before {
    content: "\f0f5";
}

.fa-angle-down::before {
    content: "\f107";
}

/*------------HTML start--------------*/
body {
    background: #fff;
    font: 12px "Fira Sans";
    margin: 0;
    color: #191919;
}

#content, .bottom-wrapper, #ft-top {
    /*max-width: 1100px;*/
    margin: 0 auto;
}

    .intro-wrapper span.started a, #content p, .bottom-wrapper span.button, #ft-nav ul li a, #ft-nav ul li.active span, #ft-bottom .ft-logo span {
        font-family: "Fira Sans";
    }

    h1, .intro-wrapper span.title, .bottom-wrapper span.try {
        font-family: "Fira Sans";
    }

#logo, #nav, .hd-top .search, .dashboard, .intro-wrapper {
    position: absolute;
}

#logo {
    top: 9px;
    left: 52px;
}
/*-----Navigation start-----*/
#menu {
    display: none;
}

#nav {
    right: 247px;
    top: 40px;
}

    #nav ul li, .hd-top .dashboard, .left span a .button {
        font-family: "Fira Sans";
        text-transform: uppercase;
    }

    #nav ul li {
        float: left;
        font-size: 14px;
        color: #292929;
    }

        #nav ul li a, #nav ul li.active span {
            padding: 0 7px;
            display: block;
            width: auto;
        }

            #nav ul li a:hover, #nav ul li.active a, #nav ul li.active span {
                color: #cb2027;
            }

.caret {
    margin: -4px 0 0 3px;
}

.cmatch a, .cmatch a:visited {
    color: #fff;
    background-color: #F45A00;
    border-radius: 5px;
    padding: 5px 8px !important;
    margin-top: -5px;
}

    .cmatch a:hover {
        color: #000 !important;
    }

#nav ul:last-child li.active:last-child a {
    color: #CB2027 !important;
    background-color: transparent !important;
}
/*-----fixed header start (HD-TOP START)------*/
.financial-tab, .inner .int-content, .college-search, .search-textbox, .data-style.left, .data-style.right, .studentdatatitle-style, .student-family-information, .stud-family, .customSelect.select-open .selectList, .student-data, .test-left, .test-right, .test-title, #ft-nav, #social-media, .ft-logo, .bottom-wrapper span.try, .intro-text, #ft-top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hd-top {
    background: url(/Content/raptor/images/responsive/hd-top-bg.png) repeat-x 0 0;
    height: 110px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    width: 100%;
}

    .hd-top, .hd-top #logo, .hd-top #logo img, .searchbar, .searchbar input, #menu img, .dash, .dash a, .intro-bar, .rank-sub-nav, #accuser, .sigup-btns, .top-search, .hd-top #logo, .top-acc-icons {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-animation-delay: -2s;
        -moz-animation-delay: -2s;
        -ms-animation-delay: -2s;
        animation-delay: -2s;
    }

        .hd-top.shrink {
            height: 75px;
            background: #fff;
            border-bottom: 1px solid #ddd;
        }

        .hd-top #logo {
            top: 15px;
        }

        .hd-top.shrink #logo {
            top: 7px;
            left: 52px;
        }

        .hd-top #logo img {
            width: 146px;
            height: 79px;
        }

        .hd-top.shrink #logo img {
            width: 105px;
            height: 57px;
        }

        .hd-top #nav {
            -webkit-transition: all 0.8s;
            -moz-transition: all 0.8s;
            -ms-transition: all 0.8s;
            transition: all 0.8s;
        }

        .hd-top.shrink #nav {
            top: 12px;
            margin-top: 10px;
        }

        .hd-top.shrink .searchbar, .hd-top.shrink .dash, .hd-top.shrink #menu {
            height: 60px;
        }

        .hd-top.shrink #menu {
            height: 60px;
            padding: 5px 0;
        }

        .hd-top.shrink .searchbar input {
            margin: 23px 14px;
        }

        .hd-top.shrink .dash a {
            padding: 23px 0;
        }

        .hd-top.shrink .dash {
            background-position: 94% 24px;
        }

        /*.hd-top.shrink span {
    padding: 0;
}*/

        .hd-top.shrink .dashboard, .hd-top.shrink #site-search-field.js {
            top: 60px;
        }

        #accuser.shrink {
            margin-top: 15px;
        }

        .hd-top .searchbar {
            background: #b3c12c;
            height: 100px;
            position: absolute;
            right: 186px;
            width: 55px;
            top: 0;
            cursor: pointer;
        }

        .hd-top #site-search-field.js {
            background: #b3c12c;
            position: absolute;
            right: 0;
            top: 100px;
            z-index: 99;
            padding: 40px 30px 25px 30px;
            float: left;
            width: 360px;
            display: none;
        }

        .hd-top #site-search-field input {
            background: #fff;
            width: 325px;
            margin: 0 5px 0 0;
            font-size: 13px;
            font-weight: 300;
            background-image: none;
            color: #2f2f2f;
            vertical-align: top;
        }

            .hd-top #site-search-field input[type="radio"] {
                width: auto;
                background: none;
                padding: 0;
                position: relative;
                margin: 0;
            }

            .hd-top #site-search-field input[type="radio"] {
                width: auto;
                background: none;
                padding: 0;
            }

            .hd-top #site-search-field input.button {
                background: #3d3d3c url(/Content/raptor/images/responsive/enter-btn.png) repeat 0 0;
                color: #fff;
                border-radius: 5px;
                font-size: 13px;
                font-family: "Fira Sans";
                padding: 15px;
                width: auto;
                margin: 25px 0 0 0;
                height: auto;
                text-transform: uppercase;
                clear: both;
                cursor: pointer;
            }

.sigup-btns {
    text-align: center;
    margin-left: -10px;
    padding-top: 35px;
}

    .sigup-btns.shrink {
        padding-top: 16px;
    }

#accuser {
    padding: 0;
    cursor: auto;
    display: block;
    color: #000;
    font-size: 14px;
    margin-top: 10px;
}

    #accuser span {
        margin-left: 15px;
        display: block;
    }

    #accuser .cls {
        width: 20px;
        height: 20px;
        margin: -6px -2px 0 0 !important;
        float: right;
    }

        #accuser .cls a i {
            color: #fff !important;
            background-color: #000 !important;
            border-radius: 15px;
            padding: 5px 0 0 6px !important;
        }

    #accuser i {
        color: #000 !important;
        background-color: #fff !important;
        margin: 0;
        display: block !important;
    }

.badge-icons {
    margin: -17px 0 0 90px;
    display: inline-block;
    float: right;
}

.hd-top a.button {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 62px;
    line-height: 28px;
    background: none;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: "Fira Sans";
    cursor: pointer;
    display: block;
}

.hd-top .login .button {
    border: none;
    font-size: 12px;
}

.hd-top a.active-log {
    background: #3d3d3c;
    border: none;
}

.dash {
    position: absolute;
    right: 0;
    top: 62px;
    width: 186px;
    background: #cb2027 url(/Content/raptor/images/responsive/dashboard.jpg) no-repeat 94% 46px;
    height: 100px;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-family: "Fira Sans";
    text-transform: uppercase;
}

    .dash.js {
        display: none;
    }

    .dash a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 43px 0;
        font-size: 13px;
    }
/* Fallbacks */
.dashboard .form {
    padding: 35px 0 20px;
}

    .dashboard .form span input.textbox {
        padding: 16px 5px 16px 26px;
        margin: 12px 16px;
        color: #2f2f2f;
        background: #fff;
        width: auto;
        border-radius: 0;
        font-size: 12px;
    }

#dashboard-nav.js, #dashboard-nav1.js {
    display: none;
    height: auto;
    z-index: 99999;
    overflow: hidden;
    box-shadow: -5px 0 5px -5px #333;
    background: #cb2027;
}

.dashboard .form a {
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    display: block;
    text-decoration: underline;
    color: #fff;
}

    .dashboard .form a:hover {
        text-decoration: none;
    }

#dashboard-nav.js p {
    margin-top: 15px;
}

    #dashboard-nav.js p a {
        display: inline-block;
    }

.hd-top .dashboard {
    width: 241px;
    height: 60px;
    position: absolute;
    top: 100px;
    right: 0;
    color: #fff;
    text-align: center;
}

.left .button {
    padding: 9px 13px 9px;
    background: #3d3d3c url(/Content/raptor/images/responsive/enter-btn.png) repeat 0 0;
    font-size: 13px;
    margin-bottom: 23px;
}

.left span a .button {
    color: #fff;
}

.dashboard .form input[type="submit"] {
    cursor: pointer;
    border-radius: 0;
    width: auto;
    margin-bottom: 10px;
    color: #fff;
}

.bt-register-log {
    font-size: 14px;
    font-family: "Fira Sans";
    margin-top: 10px;
}

    .bt-register-log a {
        color: #5C5C5C;
        padding: 2px 0;
        text-decoration: underline;
    }

        .bt-register-log a:hover {
            text-decoration: none;
        }

.inner .bottom-wrapper {
    padding-top: 24px;
}

.add-user {
    margin: 0 0 20px;
    padding-top: 0 !important;
}

.addsection {
    margin-bottom: 20px;
}

.dashboard a.forgot-pass, #dashboard-nav.js p {
    font-size: 13px;
    font-family: "Fira Sans";
    text-transform: capitalize;
    margin-bottom: 15px;
}

#dashboard-nav.js p {
    margin-bottom: 0;
}
/*student-family-information*/
.student-family-information {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.stud-family.second {
    padding: 0 5%;
}

#option2 .stud-family.second, #option5 .stud-family.second {
    padding: 0 15px;
}

div.press-box {
    background: #666;
    width: 100%;
    height: 15%;
    padding: 20px 0;
}

    div.press-box .alignfix {
        padding: 1% 0;
    }

    div.press-box img {
        max-height: 60px;
        width: auto;
        max-width: 100%;
        display: block;
        margin: auto;
    }

p.spacefix {
    margin: 10px 0;
}

.black-text {
    color: #191919 !important;
    padding: 10px 0 !important;
    font-family: "Fira Sans";
    font-size: 16px;
    text-align: left;
}

    .black-text b, .black-text strong {
        font-family: "Fira Sans";
    }

.open b, .open strong {
    font-family: "Fira Sans";
}

.black-text.med {
    font-size: 18px;
}

.blue-box {
    background: #849fbc;
    padding: 15px 30px;
    color: #FFF;
    font-size: 1.5em;
    margin-bottom: 20px;
}

    .blue-box img {
        max-width: 200px;
    }

    .blue-box h2 {
        font-size: 3em !important;
        line-height: 1em !important;
    }

    .blue-box a, .blue-box a:hover {
        text-decoration: underline;
        color: #000;
    }

span.asterisk {
    color: #ff0000;
}

h2.counselors {
    text-align: left;
}

.text-center {
    text-align: center !important;
}

.imgleft {
    margin-right: 2%;
}

.imgright {
    margin-left: 2%;
}

.hline.buffer {
    padding: 4% 0;
    margin-bottom: 6%;
}

.x-large {
    font-size: 80px !important;
}

.med {
    font-size: 18px;
}

.font-green {
    color: #b3c12c !important;
}

img.docimg {
    display: block;
    border: 1px solid black;
    box-shadow: 2px 2px 10px #000;
    margin: 20px auto;
    max-width: 90%;
}

ul.listfix {
    list-style-type: circle;
    padding-left: 40px;
    margin: 20px 0;
}

div.headspace {
    margin: 40px 0 10px 0;
}

ul.listfix li {
    margin-bottom: 10px;
}

a.linkfix:link, a.linkfix:visited {
    text-decoration: underline;
}

a.linkfix:hover {
    text-decoration: none;
}

.radio-sec {
    width: 195px;
    height: 31px;
    background: #7e7e7e;
    border-radius: 5px;
    padding: 2px;
}

#content .radio-sec p {
    float: left;
    margin: 0;
    padding: 0;
}

div.flex-row .radio-sec label {
    font-weight: normal;
}

.custom-radio, li.nav-two.FinancialDetailLevelAutoWrapper {
    position: relative;
}

    .custom-radio input, .mylabel input, li.nav-two.FinancialDetailLevelAutoWrapper input {
        position: absolute;
        left: 2px;
        top: 0;
        margin: 0;
        z-index: 0;
    }

    .custom-radio label {
        display: block;
        position: relative;
        z-index: 1;
        font-size: 14px;
        line-height: 1;
        cursor: pointer;
        width: 50%;
        height: 31px;
        color: #fff;
        text-align: center;
        line-height: 31px;
    }

    .custom-radio label {
        background: #7e7e7e;
        border-radius: 5px;
        padding-bottom: 0 !important;
    }
        /* states */
        .custom-radio label.checked {
            background: #b3c12c;
            border-radius: 5px;
            padding-bottom: 0;
        }

        .custom-radio label.hover, .custom-radio label.focus {
            background: #b3c12c;
            border-radius: 5px;
            padding-bottom: 0;
        }

.student-family-information .radio-sec {
    width: 195px;
}

.field-row-container .indention {
    width: 235px;
}

#page-wrap .search-textbox input[type='text'] {
    width: 80%;
}

.nav {
    list-style: none;
    margin: 0;
    padding: 2px;
    position: relative;
    background-color: #7e7e7e;
    z-index: 7;
    border-radius: 5px;
}

.exam-tab .nav {
    width: 100%;
}

.exam-tab {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
}

    .exam-tab .nav li {
        width: 24.8%;
    }

        .exam-tab .nav li a {
            width: 100%;
        }

.farm-tab .nav li {
    width: 76px;
}

.farm-tab .nav a, .farm-tab .nav span {
    width: auto !important;
}

.farm-tab .nav li:nth-child(2):hover ~ .slider, .farm-tab .nav li:nth-child(2):focus ~ .slider, .farm-tab .nav li:nth-child(2):active ~ .slider {
    left: 79px;
    background-color: #b3c12c;
    border-radius: 5px;
}

.nav li {
    float: left;
    width: 115px;
    height: 100%;
    margin: 0;
    padding: 0;
}

.nav a, .nav span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 115px;
    height: 31px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    z-index: 9;
    font-family: "Fira Sans";
}

a.current {
    background-color: #b3c12c;
    pointer-events: none;
    border-radius: 5px;
}

li.slider {
    width: 115px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #7e7e7e;
    z-index: 8;
    /*-webkit-transition: left 0.4s,background-color 0.4s;
    transition: left 0.4s,background-color 0.4s;*/
}
/*
.nav li:nth-child(1):hover ~ .slider, .nav li:nth-child(1):focus ~ .slider, .nav li:nth-child(1):active ~ .slider {
    left: 2px;
    background-color: #b3c12c;
    border-radius: 5px;
}

.nav li:nth-child(2):hover ~ .slider, .nav li:nth-child(2):focus ~ .slider, .nav li:nth-child(2):active ~ .slider {
    left: 119px;
    background-color: #b3c12c;
    border-radius: 5px;
}
*/
.exam-tab .nav li:nth-child(1):hover ~ .slider, .exam-tab .nav li:nth-child(1):focus ~ .slider, .exam-tab .nav li:nth-child(1):active ~ .slider {
    left: 2px;
    background-color: #b3c12c;
    border-radius: 5px;
}

.exam-tab .nav li:nth-child(2):hover ~ .slider, .exam-tab .nav li:nth-child(2):focus ~ .slider, .exam-tab .nav li:nth-child(2):active ~ .slider {
    left: 25.5%;
    background-color: #b3c12c;
    border-radius: 5px;
}

.exam-tab .nav li:nth-child(3):hover ~ .slider, .exam-tab .nav li:nth-child(3):focus ~ .slider, .exam-tab .nav li:nth-child(3):active ~ .slider {
    left: 50.2%;
    background-color: #b3c12c;
    border-radius: 5px;
}

.exam-tab .nav li:nth-child(4):hover ~ .slider, .exam-tab .nav li:nth-child(4):focus ~ .slider, .exam-tab .nav li:nth-child(4):active ~ .slider {
    left: 75%;
    background-color: #b3c12c;
    border-radius: 5px;
}

#unweighted-container, #weighted-container, #act-wrapper, #sat-wrapper, #both {
    padding-top: 7px;
    /*z-index: 999;*/
}

    #unweighted-container .int-tab, #weighted-container .int-tab, #none .int-tab, #act-wrapper .int-tab, #sat-wrapper .int-tab, #both .int-tab {
        background: #eee;
        padding: 25px 4%;
        border-radius: 5px;
        width: 100%;
        display: inline-block;
    }

    #unweighted-container .indention-field .search-textbox, #weighted-container .indention-field .search-textbox, #both .indention-field .search-textbox, #act-wrapper .indention-field .search-textbox, #sat-wrapper .indention-field .search-textbox {
        background: #fff;
    }

    #weighted-container .indention-field .search-textbox {
        margin-bottom: 10px;
    }

    #unweighted-container .indention, #unweighted-container .indention-field, #weighted-container .indention, #weighted-container .indention-field, #both .indention, #both .indention-field, #act-wrapper .indention, #act-wrapper .indention-field, #sat-wrapper .indention, #sat-wrapper .indention-field {
        float: left;
        width: 50%;
        clear: none;
        margin: 0;
    }

    #none .indention, #act-wrapper .indention, #sat-wrapper .indention {
        padding: 10px 0;
    }

    #unweighted-container .indention, #weighted-container .indention {
        padding: 20px 0;
    }

    #unweighted-container .indention-field .search-textbox, #weighted-container .indention-field .search-textbox, #both .indention-field .search-textbox, #act-wrapper .indention-field .search-textbox, #sat-wrapper .indention-field .search-textbox {
        border-radius: 2px;
    }

#content p.small-text {
    font-size: 14px;
    font-family: "Fira Sans";
    margin: 10px 0 5px 0;
}

.act-sub, .act-sub-1, .act-sub-2 {
    margin: 10px 0;
    overflow: hidden;
    float: left;
}

    .act-sub-1 input, .act-sub-1 input[type="checkbox"], .act-sub-2 input {
        margin: 3px 0 0 15px;
        border-radius: 0;
    }

.act-sub-1, .act-sub-2 {
    margin-top: 15px;
    float: right;
    cursor: pointer;
}

.expand-collapse {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 3px 2%;
    display: inline-block;
    width: 96%;
    margin-top: 15px;
    position: relative;
}

.content.js, .content1.js, .hint-toggle.js {
    display: none;
    clear: both;
    margin-top: 55px;
}

.down {
    background: url(/Content/raptor/images/responsive/darkNormal.png) no-repeat 0 0;
    width: 12px;
    height: 7px;
    display: block;
}

.up {
    background: url(/Content/raptor/images/responsive/down-arrow.png) no-repeat 0 0;
    width: 12px;
    height: 7px;
    display: block;
}

.financial-tab .nav {
    background: none;
    width: 100%;
    border-radius: 0;
    display: inline-block;
    height: auto;
}

    .financial-tab .nav li, .financial-tab .nav li span {
        width: 100%;
        color: #000;
    }

        .financial-tab .nav li a.current {
            background: none;
            color: #000;
        }

        .financial-tab .nav li a {
            color: #000;
            width: auto;
            display: block;
        }

    .financial-tab .nav a, .financial-tab .nav span {
        -webkit-box-pack: inherit;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        text-decoration: inherit;
        height: 27px;
        line-height: 27px;
    }

    .financial-tab .nav li {
        padding: 10px 0;
    }

        .financial-tab .nav li a.current, .financial-tab .nav li span.current {
            /*background: url(/Content/raptor/images/responsive/green-right.png) no-repeat 0 0;*/
            padding-left: 38px;
            width: auto;
        }

        .financial-tab .nav li a, .financial-tab .nav li span,
        .contact-information-radio {
            /*background: url(/Content/raptor/images/responsive/grey-right.png) no-repeat 0 0;*/
            padding-left: 38px;
            /*font-family: 'open_sanssemibold';*/
            position: relative;
        }
            .contact-information-radio{
                display:inline-block !important;
            }
/*            .financial-tab .nav li a:after,
            .financial-tab .nav li span:after,
            .financial-tab .nav li a.current:after,
            .financial-tab .nav li span.current:after {
                content: "";
                background: #ffffff;
                width: 27px;
                border-radius: 50%;
                height: 27px;
                border: 1px solid #BFBEBE;
                position: absolute;
                left: 0;
                top: 0;
            }*/
            
                .financial-tab .nav li span {
                    height: 27px;
                    line-height: 27px;
                    display: block;
                }

            .financial-tab .nav li a strong, .financial-tab .nav li span strong {
                /*font-family: 'open_sansbold';*/
            }
.financial-tab .nav li a, .financial-tab .nav li span {
    font-family: "Fira Sans";
}
                    .advance-calc-option {
                        padding: 15px 0;
                    }

    .advance-calc-option select, .sbHolder {
        background: #E9E9E9;
        padding: 8px;
        width: 112px;
        border-radius: 5px;
    }

    .advance-calc-option strong {
        padding: 11px 10px 11px 0;
    }

.financial-tab .list-wrap {
    height: auto !important;
}

.stud-family.third .tooltip-caption {
    width: 205px;
}

#backgroundPopup, #backgroundPopup1 {
    z-index: 99;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: url(/Content/images/overlay.png) repeat 0 0;
    top: 0;
    left: 0;
}

#toPopup, #toPopup1 {
    background: #fff;
    border: 4px solid #F8B500;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 55%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 620px;
    z-index: 999;
    padding: 15px;
}

.popup_content h3 {
    font-family: "Fira Sans";
}

#content #popup_content p {
    padding: 8px 0 0 0;
}

div.close {
    background: url(/Content/raptor/images/responsive/closebox.png) no-repeat scroll 0 0;
    bottom: 27px;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 27px;
    position: relative;
    width: 30px;
}

span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}

div.popup_content {
    margin: 4px 7px;
}

    div.popup_content input.button {
        padding: 10px 25px;
        background: #cb2027 url(/Content/raptor/images/responsive/btn.png) repeat 0 0;
        font-size: 20px;
        display: inline-block;
        width: auto;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 0;
        cursor: pointer;
    }
/*===============================================Header Start============================================*/
#header {
    margin-bottom: 80px;
    position: relative;
}

    #header ul.slides img {
        max-width: 100%;
    }
/*-------Intro Start-------*/
#intro {
    height: auto;
    position: relative;
}

    #intro img {
        width: 100%;
        height: auto;
    }

.intro-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.intro-wrapper {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding-top: 315px;
}

    .intro-wrapper span.title {
        font-size: 63px;
        color: #fff;
        line-height: 75px;
        margin-bottom: 10px;
        display: block;
    }

    .intro-wrapper p {
        font-family: "Fira Sans";
        color: #fff;
        font-size: 22px;
        margin-bottom: 30px;
    }

    .intro-wrapper span.started {
        background-color: #19abf0;
        font-size: 20px;
        display: inline-block;
        /*border: 3px solid #fff;*/
    }

        .intro-wrapper span.started.btn_pay_college {
            background-color: #ca1f27;
        }

        .intro-wrapper span.started a {
            /*background: url(/Content/raptor/images/responsive/arrow-right.jpg) no-repeat right center;*/
            /*border-right: 25px solid transparent;*/
            color: #fff;
            padding: 15px 25px 15px 35px;
            text-transform: uppercase;
            font-weight: bold;
            display: block;
        }
/*------Content Start------*/
#content {
    text-align: center;
}

    #content p {
        padding: 8px 0;
        line-height: 22px;
    }

h1 {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 15px;
}

#content p.main-text {
    color: #191919;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 30px;
}

    #content p.main-text span {
        color: #cb2027;
        font-weight: bold;
    }
/*-------Testimonial-------*/
#testimonial {
    height: 700px;
    background: #99a424;
}

.bottom-wrapper {
    text-align: center;
    padding: 54px 0;
}

    .bottom-wrapper span.try {
        display: block;
        font-size: 40px;
        color: #191919;
        margin: 0 0 18px 0;
    }

.inner .bottom-wrapper span.try {
    font-size: 30px;
    text-align: center;
}

.inner .bottom-wrapper p {
    font-family: "Fira Sans";
    font-size: 16px;
    color: #191919;
}

.inner .bottom-wrapper .try-text {
    margin: 0 auto 25px;
    float: none;
    display: block;
}

.bottom-wrapper span.button {
    background: #cb2027 url(/Content/raptor/images/responsive/btn.png) repeat 0 0;
    font-size: 20px;
    display: inline-block;
}

    .bottom-wrapper span.button a, .bottom-wrapper span.button button {
        background: url(/Content/raptor/images/responsive/arrow-right.jpg) no-repeat right center;
        border-right: 25px solid transparent;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px 25px 10px 35px;
        display: block;
    }

/*Inner Pages*/
.inner .hd-top {
    background: #fff;
    border-bottom: 3px solid #bebebe;
}

.inner #header {
    padding-top: 100px;
    margin-bottom: 0;
}

.inner .intro-wrapper {
    padding-top: 0;
    max-width: 1100px;
}

    .inner .intro-wrapper span.title {
        color: #000;
        font-size: 70px;
        margin-bottom: 0;
    }

.inner .intro-text {
    padding: 50px 0;
}

.inner #container {
    clear: both;
}

.inner #content {
    text-align: left;
}

#hints-container {
    padding-left: 80px;
    color: #191919;
    font-family: "Fira Sans";
    margin-bottom: 50px;
}

    #hints-container .hint-title {
        font-size: 22px;
        font-weight: bold;
        padding-bottom: 5px;
        display: block;
    }

    #hints-container ol {
        list-style: decimal inside;
    }

        #hints-container ol li {
            font-size: 16px;
            padding: 2px 0;
        }

            #hints-container ol li a {
                color: #cb2027;
                font-weight: bold;
                text-decoration: underline;
            }

                #hints-container ol li a:hover {
                    text-decoration: none;
                }

.inner .int-content {
    background: #fff;
    padding: 70px 2.5%;
    width: 100%;
    border-bottom: 1px solid #cdcccc;
    margin-bottom: 30px;
    display: inline-block;
}

.inner #content h1, .inner #content h2 {
    background: #b3c12c;
    display: inline-block;
    padding: 16px 20px;
    font-family: "Fira Sans";
    font-size: 22px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

.inner #content .int-content h2 {
    color: #191919;
    font-size: 22px;
    font-family: "Fira Sans";
    text-align: center;
    padding: 0;
    background: none;
    display: block;
}

.big-error {
    font-size: 25px;
    font-family: "Fira Sans";
    color: #cb2027;
    background: #f7dbdb url(/Content/raptor/images/responsive/error-icon.png) no-repeat 23px 10px;
    padding: 15px 15px 15px 80px;
    margin-bottom: 30px;
}
/*Drag scroller*/
.drager {
    background: #7e7e7e;
    padding: 20px 30px;
    border-radius: 5px;
    margin: 35px 0 50px 0;
}

.dragdealer {
    position: relative;
    height: 11px;
    background: #fff;
    padding: 0;
    border-radius: 10px;
}

    .dragdealer .handle {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .dragdealer .red-bar {
        width: 35px;
        height: 35px;
        background: #b3c12c;
        color: #FFF;
        font-size: 15px;
        font-family: "Fira Sans";
        line-height: 30px;
        text-align: center;
        border-radius: 25px;
        line-height: 35px;
        position: absolute;
        top: -12px;
    }

/*standard-container*/
#standard-container {
    width: 100%;
    display: inline-block;
}

.college-search.last {
    margin-right: 0;
}

.customSelect {
    width: 100% !important;
}

.college-search .search-textbox.flex-row {
    margin: 0;
}

.center-container {
    margin-bottom: 5px;
    text-align: left;
}

.college-selected-list {
    background: #fff;
    height: 100px;
    overflow: auto;
    border: 1px solid #000;
}

.subheadline-style {
    font-size: 14px;
    font-family: "Fira Sans";
    text-align: center;
    margin-bottom: 8px;
}

#quicktest-wrapper p.subheadline-style {
    display: none;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
    background: #eee;
    width: 284px;
    border-radius: 5px;
    color: #595959;
    font-family: "Fira Sans";
    font-size: 16px;
}

.search-textbox {
    background: #eee;
    /*padding: 12px 12px 12px 20px;*/
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 43px;
}

    .search-textbox input#hs-search-box, .search-textbox input#search-college-quick, .loan_inputs .search-textbox input[type='text'], .loan_inputs .search-textbox input[type='number'] {
        float: left;
        background: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .search-textbox.selected-container {
        padding: 12px 12px 12px 20px;
    }

    .search-textbox input[type='text'], .search-textbox input[type='number'] {
        float: left;
        background: none;
        padding: 0;
        width: 90%;
        margin: 12px 12px 12px 20px;
    }

.blog-content .widget-main .search-textbox input[type='text'], .blog-content .widget-main .search-textbox input[type='number'] {
    margin: 0 !important;
}

.search-datebox {
    background: #eee;
    padding: 12px 12px 12px 20px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 43px;
}

    .search-datebox input[type='text'], .search-textbox input[type='number'] {
        float: left;
        background: none;
        padding: 0;
        width: auto;
    }

    .search-datebox .validationMessage {
        margin: 0 0 0 0 !important;
    }

.search {
    float: right;
    background: url(/Content/raptor/images/responsive/search.png) no-repeat 94% 0;
    width: 14px;
    height: 18px;
    padding: 0;
    margin-top: 5px;
}

.search-textbox input[type='number'] {
    background: #fff;
    width: 100%;
}

.student-data.right {
    margin-right: 0;
}

.studentdatatitle-style {
    color: #000000;
    font-size: 16px;
    padding: 20px;
    border-top: 1px solid #dbdee3;
    border-bottom: 1px solid #dbdee3;
    font-family: "Fira Sans";
    text-transform: uppercase;
    margin-bottom: 50px;
}

.indention {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

    .indention .search-textbox select, .indention-field .search-textbox select {
        background: #eee;
        width: 100%;
        font-size: 14px;
        font-family: "Fira Sans";
        height: 20px;
    }

.indention, .indention-field {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.student-family-information .indention {
    overflow: hidden;
}

.student-data .indention, .student-data .indention-field {
    display: inline-block;
    width: 100%;
}

.tooltip-caption {
    float: left;
    color: #191919;
    font-size: 14px;
    font-family: "Fira Sans";
}

.tooltip-group {
    float: right;
    padding-left: 5px;
    padding-top: 2px;
    margin-top: -6px;
    line-height: 20px;
}

#content input[type="radio"] {
    vertical-align: middle;
    margin: 0 4px 2px 0;
    width: auto;
}
/*TOOLTIP*/
#tooltip {
    font-family: "Fira Sans";
    font-size: 0.875em;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
    background: #555555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: 0 3px 5px rgba( 0,0,0,.3 );
    -moz-box-shadow: 0 3px 5px rgba( 0,0,0,.3 );
    box-shadow: 0 3px 5px rgba( 0,0,0,.3 );*/
    position: absolute;
    z-index: 100;
    padding: 15px;
    margin-top: 8px;
    z-index: 9999;
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top-color: #555555;
        border-top: 10px solid rgba( 85,85,85,1 );
        content: '';
        position: absolute;
        left: 50%;
        bottom: -9.5px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom-color: #555555;
        border-bottom: 10px solid rgba( 85,85,85,1 );
        top: -19.5px;
        bottom: auto;
        /*border: 5px solid #f00;*/
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }
/*For Popup*/
.box, .box2 {
    display: block;
    margin-top: 10px;
}

#selectField, #selectField2 {
    border: 1px solid #ddd;
}
/*tagbox*/
div.flex-row label {
    font-weight: bold;
    display: block;
    padding: 0 0 10px;
}
div.row label {
    font-weight: 600;
    display: block;
    padding: 0 0 10px;
}
/*------Details page--------*/
.intro-bar {
    top: 100px;
    padding: 24px 0;
    width: 100%;
    z-index: 995;
}

    .intro-bar.shrink {
        padding: 10px 0;
        top: 60px;
    }

.navbar-nav {
    margin: 0;
}

#container.details {
    padding-top: 115px;
    background: #fff;
}

.price-information {
    margin: 5px 0;
}

    .price-information span, .price-information h1,
    .intro-bar .price-information h1 {
        font-family: "Fira Sans";
        font-size: 22px;
        color: #5C5C5C;
    }

        .price-information span em, .sub-head span em {
            font-style: normal;
            color: #aeaeae;
        }

.sub-head span {
    font-family: "Fira Sans";
    font-size: 22px;
    color: #fff;
}

.add-favorites {
    float: right;
    display: -webkit-box;
    display: inline-flex;
}

a.add-btn {
    border: 2px solid #bebebe;
    border-radius: 5px;
    font-size: 16px;
    color: #5c5c5c;
    padding: 7px 10px;
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 0 8px;
    text-align: center;
}

.add-btn:hover {
    background-color: #fff;
    color: #000;
}

a.add-btn:hover {
    background-color: #fff !important;
    text-decoration: none;
}

.add-btn-active {
    color: #000 !important;
    background-color: #fff;
}

.remove-img {
    background: none;
    padding-left: 10px;
}

.add-btn, .add-btn:hover {
    background-color: #fff;
    color: #000;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav {
    float: left;
    margin-bottom: 30px;
}

    .navbar-nav li {
        display: inline;
        margin-right: 1px;
    }

        .navbar-nav li a, .navbar-nav li.active span {
            display: inline-block;
            padding: 7px 10px;
            font-size: 12px;
            font-family: "Fira Sans";
            color: #848383;
            text-transform: uppercase;
        }

            .navbar-nav li a:hover, .navbar-nav li.active a {
                background: #b3c12c;
                color: #fff;
                border-radius: 3px;
            }

.container-fluid h1 {
    /*font-family: open_sansbold;*/
    color: #333333;
    font-size: 25px;
}

.container-fluid #hints-container {
    padding: 0;
}

    .container-fluid #hints-container .hint-title {
        font-size: 14px;
        color: #333;
        padding: 25px 0 15px;
    }

    .container-fluid #hints-container ol li {
        font-size: 13px;
        font-family: "Fira Sans";
    }

.grey-bg {
    background: #f5f5f5;
    padding: 20px 0;
    margin: 0 -15px;
    clear: both;
}

.container-fluid h2 {
    font-size: 16px;
    font-family: "Fira Sans";
    line-height: 28px;
}

.average-list {
    font-family: "Fira Sans";
    font-size: 14px;
}

    .average-list li {
        padding: 7px 0;
        width: 100%;
        display: inline-block;
    }

.col {
    float: left;
    width: 255px;
}

.col2 {
    float: right;
    font-family: "Fira Sans";
}

.average-list.one .col2, .shop-sheet {
    font-family: "Fira Sans";
}

.average-list.one {
    padding-bottom: 45px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 45px;
}

.tooltip-group {
    float: left;
    margin-left: 5px;
}

.view-all {
    margin-top: 40px;
    display: block;
}

    .view-all a {
        background: #b3c12c;
        padding: 7px 20px;
        color: #fff;
        border-radius: 3px;
        font-family: "Fira Sans";
        display: inline-block;
    }

.shop-sheet {
    font-size: 28px;
    text-align: center;
    border-top: 1px solid #848383;
    border-bottom: 1px solid #848383;
    padding: 50px 0;
    margin-top: 50px;
}

    .shop-sheet span {
        width: 220px;
        display: block;
        margin: 0 auto;
    }

    .shop-sheet .button {
        background: #cb2027;
        font-size: 18px;
        font-family: "Fira Sans";
        border-radius: 3px;
        padding: 10px;
        margin-top: 25px;
        width: 180px;
    }

        .shop-sheet .button a {
            color: #fff;
        }

.affordabilityfeature {
    color: #000000;
    font-size: 20px;
    padding: 15px;
    text-align: center;
}

    .affordabilityfeature a {
        text-decoration: underline;
    }

        .affordabilityfeature a:hover {
            text-decoration: none;
        }


.bottom-wrapper {
    padding: 54px 0;
}

    .bottom-wrapper span.try {
        font-size: 20px;
        text-align: left;
        line-height: 28px;
    }
/*Result Page*/
.result {
    background: url(/Content/raptor/images/responsive/result-bg.png) repeat-y center 0;
    background-size: 100% 378px;
    height: auto;
    margin-bottom: 35px;
    position: relative;
}

    .result .container-fluid {
        padding: 0 15px;
        max-width: 1040px;
    }

.result-title {
    font-family: "Fira Sans";
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}

.result p {
    font-size: 14px;
    font-family: "Fira Sans";
    color: #fff;
    line-height: 18px;
    margin-top: 10px;
}

.result-left {
    padding-top: 25px;
}

.result-table .container-fluid {
    width: 1080px;
}

.arrow {
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.search-section {
    padding-bottom: 30px;
    width: 100%;
    display: inline-block;
}

    .search-section .search-textbox {
        border-radius: 0;
        height: 36px;
        padding: 8px 12px 8px 15px;
    }

        .search-section .heapBox .holder, .search-section .search-textbox input[type='text'] {
            width: 90%;
            font-size: 12px;
            color: #333;
        }

    .search-section .heapBox .holder {
        width: 88%;
        font-size: 12px;
    }

    .search-section .heapBox div.heap {
        border-radius: 0;
        left: -17px;
    }

.text-caption {
    font-family: "Fira Sans";
    font-size: 10px;
    padding: 3px;
    vertical-align: -webkit-baseline-middle;
}

.result-btn .view-all {
    width: auto;
    margin: 0;
    float: left;
    margin-left: 15px;
}

    .result-btn .view-all a {
        border-radius: 0;
        font-family: "Fira Sans";
        font-size: 13px;
        padding: 8px;
    }

    .result-btn .view-all.darrow a {
        background: #b3c12c url(/Content/raptor/images/responsive/d-arrow.png) no-repeat 88% center;
        padding-right: 25px;
    }

.result-page #content-bottom {
    background: #eee;
}

.inner .result-page .bottom-wrapper {
    padding-top: 54px;
    display: inline-block;
    width: 100%;
}

.result-page .big-error {
    color: #333;
    font-size: 16px;
    font-family: "Fira Sans";
}

.bottom-wrapper.result-what-if span.button {
    font-family: "Fira Sans";
    font-size: 15px;
    width: 300px;
}

    .bottom-wrapper.result-what-if span.button a {
        font-weight: normal;
        background: none;
        padding-right: 0;
        text-transform: inherit;
    }

.inner .result-page .bottom-wrapper.result-what-if {
    padding-bottom: 75px;
}

.result-table {
    position: relative;
}

#backgroundTrigger {
    position: absolute;
    right: 0;
    cursor: pointer;
}

#backgroundTriggerReturn {
    position: fixed;
    left: -80px;
    z-index: 1000;
    cursor: pointer;
}

#canvas-holder {
    width: 255px;
    height: 255px;
    float: left;
}

.payscale-note {
    color: #aaa;
    font-size: 13px;
    font-style: italic;
}

@-webkit-keyframes chart-text {
    from {
        top: -50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes chart-text {
    from {
        top: -50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes chart-text {
    from {
        top: -50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes chart-text2 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 55px;
        opacity: 1;
    }
}

@-moz-keyframes chart-text2 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 55px;
        opacity: 1;
    }
}

@keyframes chart-text2 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 55px;
        opacity: 1;
    }
}

@-webkit-keyframes chart-text3 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 110px;
        opacity: 1;
    }
}

@-moz-keyframes chart-text3 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 110px;
        opacity: 1;
    }
}

@keyframes chart-text3 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 110px;
        opacity: 1;
    }
}

@-webkit-keyframes chart-text4 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 165px;
        opacity: 1;
    }
}

@-moz-keyframes chart-text4 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 165px;
        opacity: 1;
    }
}

@keyframes chart-text4 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 165px;
        opacity: 1;
    }
}

@-webkit-keyframes chart-text5 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 220px;
        opacity: 1;
    }
}

@-moz-keyframes chart-text5 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 220px;
        opacity: 1;
    }
}

@keyframes chart-text5 {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 220px;
        opacity: 1;
    }
}

.stick-price {
    font-size: 35px;
    color: #8c9a07;
    font-family: "Fira Sans";
}

.stick-col {
    margin-bottom: 15px;
    display: inline-block;
}

.stick-price-mid {
    font-size: 22px;
    color: #8c9a07;
    font-family: "Fira Sans";
    line-height: 24px;
}

.stick-col span {
    display: block;
    font-size: 14px;
    color: #333333;
    font-family: "Fira Sans";
    margin-bottom: 10px;
}

.hint-click {
    cursor: pointer;
    float: right;
    margin-top: 10px;
}

.navbar-collapse ul {
    margin-bottom: 0;
}

.navbar {
    min-height: 21px;
}

.hint-toggle.js {
    background: #E9E9E9;
    padding: 20px 75px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fira Sans";
}

#collapsed-new.up, #collapsed-new.down {
    background: url(/Content/raptor/images/responsive/minus.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
    float: right;
}

#collapsed-new.down {
    background: url(/Content/raptor/images/responsive/plus.png) no-repeat 0 0;
}

.hint-toggle .hint-title {
    font-size: 18px;
    padding-bottom: 5px;
    display: block;
}

.hint-toggle ol {
    list-style: decimal inside;
}

    .hint-toggle ol li {
        font-size: 14px;
        padding: 2px 0;
    }

        .hint-toggle ol li a {
            color: #cb2027;
            font-weight: bold;
            text-decoration: underline;
        }

            .hint-toggle ol li a:hover {
                text-decoration: none;
            }

.progress-bar1 {
    padding: 35px 0 35px 15px;
}

    .progress-bar1 .indention {
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
        height: 20px;
    }

    .progress-bar1 .tooltip-caption {
        font-size: 16px;
    }

        .progress-bar1 .tooltip-caption span {
            font-size: 14px;
            color: #565656;
            font-family: "Fira Sans";
        }

    .progress-bar1 .tooltip-group {
        float: left;
        margin-right: 5px;
        padding-left: 0;
    }
/*--------Footer Start------*/
#footer {
    background: #000;
    overflow: hidden;
    font-size: 14px;
}

#ft-top {
    height: 87px;
}

    #ft-top #ft-nav {
        float: left;
        padding: 20px 0 0;
    }

#ft-nav ul li {
    padding: 5px 10px;
    float: left;
}

    #ft-nav ul li a, #ft-nav ul li.active span {
        display: block;
    }

#ft-nav .social-media ul {
    margin: 0px;
}

    #ft-nav .social-media ul li {
        padding-top: 0px;
    }


#ft-nav ul.ft-nav-primary li a:hover, #ft-nav ul.ft-nav-primary li.active span, #ft-nav ul.ft-nav-primary li a:active, #ft-nav ul.ft-nav-primary li a:focus {
    color: #999;
}

#ft-nav ul.ft-nav-secondary li a:hover, #ft-nav ul.ft-nav-secondary li.active span, #ft-nav ul.ft-nav-secondary li a:active, #ft-nav ul.ft-nav-secondary li a:focus {
    color: #FFF;
}

#ft-nav ul.ft-nav-primary li a, #ft-nav ul.ft-nav-primary li.active span {
    font-size: 1.2em;
    color: #FFF;
}

#ft-nav ul.ft-nav-secondary li a, #ft-nav ul.ft-nav-secondary li.active span {
    font-size: .8em;
    color: #999;
}

#ft-nav ul.ft-nav-secondary {
    clear: both;
}

#ft-top #social-media {
    float: right;
}

#social-media ul li {
    float: left;
    padding: 18px 0 0 13px;
}

#ft-bottom {
    background-color: #151515;
    text-align: center;
    padding: 10px;
    overflow: auto;
    min-width: 100%;
    width: 100%;
}

    #ft-bottom .ft-logo img {
        vertical-align: middle;
    }

    #ft-bottom .ft-logo span {
        color: #757575;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }

.container-fluid {
    margin-bottom: 0;
    padding: 0 15px;
}

.overview.logo {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 20px;
}

.overview ul li {
    font-size: 20px;
    font-family: "Fira Sans";
    color: #333333;
    margin: 0;
}

.overview i {
    color: #b3c12c;
}

.overview p {
    margin-left: 30px;
    margin-top: -23px;
}

.overview span {
    font-size: 16px;
    margin: 3px 0 15px;
    display: block;
}

.overview a:link {
    text-decoration: underline;
}

.overview a:hover {
    text-decoration: none;
}

.overview.map i {
    font-size: 24px;
}

.overview.map span {
    margin: 0;
    margin-bottom: 5px;
}

.overview.map p {
    margin-bottom: 20px;
}

.overview.ts-head {
    font-size: 15px;
    font-weight: 700;
    margin-top: 35px;
}

.ts-text {
    font-size: 13px;
    font-weight: 500;
}

    .ts-text img {
        margin: 8px 5px 8px 0;
    }

.ts-gender {
    margin-bottom: 5px;
}

    .ts-gender i {
        color: #555;
        font-size: 15px;
    }

.has-js .label_check {
    text-indent: 22px;
    white-space: nowrap;
}

.hline {
    margin-top: -13px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D1D1;
}

.collelist div {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-indent: 2px;
    padding-bottom: 5px;
}

.inner.head {
    font-size: 20px;
    font-family: "Fira Sans";
    color: #333333;
    font-weight:600;
}
.table > thead > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-family: "Fira Sans";
    font-size:14px;
}

.inner.head i {
    margin-right: 5px;
}

.inner i {
    font-size: 24px;
    color: #b3c12c;
}

.inner-hline {
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D1D1D1;
}

.textb, .textB {
    font-size: 15px;
    font-weight: bold;
}

.textn {
    font-size: 15px;
    margin: 5px 0;
}

.icon i {
    color: #b3c12c;
    margin-right: 5px;
}

.aca-misc i, .adm-misc i {
    font-size: 38px;
    color: #fff;
    background-color: #b3c12c;
    border-radius: 5px;
}

.adm-misc i {
    padding: 7px 20px;
}

.aca-misc i {
    padding: 7px 10px;
}

.adm-misc p {
    margin-left: 80px;
    margin-top: -45px;
    margin-bottom: 55px;
    line-height: 0;
}

.aca-misc p {
    margin-top: 0;
    margin-bottom: 0;
}

.aca-stext {
    font-size: 12px;
    line-height: 17px;
    margin-top: -10px;
}

.green thead {
    background-color: #b3c12c;
}

    .green thead tr th {
        color: #FFF;
        padding-top: 10px;
    }

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

.divider {
    border-left: 1px solid #D1D1D1;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
    margin-left: -5px;
}

.bullets-green {
    width: 100%;
    height: auto;
    padding: 1%;
}

.bullet-text {
    font-size: 15px;
    font-weight: bold;
    margin: -14px 0 5px 13px;
}

.bullet-textn {
    font-size: 15px;
    margin: -20px 0 5px 13px;
    line-height: 27px;
}

.bullets-green i {
    font-size: 8px;
    color: #b3c12c;
}

.less-tpad {
    padding-top: 0;
    /*overflow: hidden;*/
}

.line-subhead {
    font-size: 14px;
    border-bottom: 1px solid #D1D1D1;
    font-weight: bold;
    margin-top: -10px;
    padding-bottom: 10px;
}

.inner.head h1 {
    font-size: 20px;
    /*font-family: open_sansbold;*/
    color: #333333;
    display: inline;
}

.sub-head h1, .intro-bar h1 {
    /*font-family: open_sansbold;*/
    font-size: 25px;
    color: #5C5C5C;
    margin: 0;
    width: 100%;
}

.inner.head h2, .inner.head h1.heading-regular {
    font-size: 20px;
    /*font-family: open_sansbold;*/
    color: #333333;
    display: inline;
}

.inner.head h1.heading-regular{
    font-weight:500;
}

.sub-head h2, .intro-bar h2 {
    /*font-family: museo700-webfont;*/
    font-size: 22px;
    color: #fff;
    margin: 0;
    width: 100%;
}

.back-button {
    background: transparent !important;
}

.details .container-fluid, .details .container-fluid .inner-container, #chartobject-1, #chartobject-1 svg {
    width: 100% !important;
}

.teamp i {
    font-size: 60px;
    color: #ced971;
    background-color: #b3c12c;
    border-radius: 5px;
    padding: 18px 28px;
    margin-bottom: 10px;
}

.marginleft {
    margin-left: -40px;
}

.valign-mid {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.register-button {
    padding: 12px 20px;
    background-color: #cb2027;
    font-size: 15px;
    font-weight: bold;
}

    .register-button a {
        color: #fff;
        margin-top: 12px;
        display: inline-block;
        text-transform: uppercase;
    }

.fa-chevron-right:before {
    content: "\f054";
}

.register-button i {
    font-size: 14px;
    color: #fff !important;
    margin-left: 5px;
}

.navbar-nav, .navbar {
    margin-bottom: 0;
    border: none;
}

.navbar-collapse {
    margin-top: 10px;
}

.navbar-collapse {
    padding: 0;
}

.navbar-default {
    background-color: transparent;
}

    .navbar-default .navbar-nav > .active > a {
        color: #fff;
        background-color: #b3c12c;
    }

.valign-mid {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.subnav {
    display: none;
}

a.add-btn i {
    font-size: 14px;
    color: #5C5C5C;
}

.add-btn.back-button i {
    margin-right: 5px;
}

.normal-link {
    text-decoration: underline !important;
}

    .normal-link:hover {
        text-decoration: none !important;
    }


input[type="radio"], input[type="checkbox"] {
    margin: 2px 0 0;
}

/* login signup icons */

.fa-user-plus:before {
    content: "\f234";
}

.fa-comments:before {
    content: "\f086";
}

.fa-user-secret:before {
    content: "\f21b";
}

.badge-space i {
    font-size: 16px;
    color: #fff !important;
    margin-right: 11px;
    display: inherit;
}

.badge {
    display: inline-block;
    min-width: 16px;
    padding: 2px 3px 2px 0 !important;
    color: #fff;
    background-color: #f45a00;
    border-radius: 10px;
    margin: -20px 0 0 -10px;
    position: absolute;
    letter-spacing: -2px;
}

.mob-fix {
    margin: -32px 0 0 15px !important;
}

.imper-close {
    margin: 1px 0 -3px 0;
}

    .imper-close i {
        font-size: 11px !important;
        color: #fff !important;
        background-color: #000 !important;
        padding: 3px 4px !important;
        margin: 1px 0 0 2px !important;
        height: inherit;
    }

#accuser.shrink .imper-close {
    padding: 0 !important;
}

.username-disp {
    color: #000;
    font-size: 16px;
    margin: -10px 0 25px 0;
    clear: both;
    word-wrap: break-word;
}

    .username-disp i {
        font-size: 17px;
        color: #000;
        background-color: #fff;
        padding: 0 4px;
        margin: 2px 10px 0 3px;
        border-radius: 10px;
        float: right;
        height: inherit;
    }

/* login signup icons end */

.mycol .ghead {
    font-size: 16px;
    text-align: left;
    background-color: #b3c12c;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    border-bottom: 2px solid #ddd;
}

/* Search Form styles*/

.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-query,
    .twitter-typeahead .tt-hint {
        margin-bottom: 0;
    }

.tt-dataset-search-list a {
    border-bottom: 0 !important;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
}

    .tt-suggestion, .tt-dropdown-menu h3, .tt-dropdown-menu .empty-message {
        display: block;
        margin: 5px 20px;
    }

.tt-suggestion {
    padding: 5px 0;
}

    .tt-suggestion.tt-cursor a {
        border-bottom: 1px solid #000;
    }

.tt-dropdown-menu h3, .tt-dropdown-menu h4 {
    border-bottom: 2px solid #DDD;
    padding-bottom: 3px;
}
/* End Search Form styles*/

/*bootstrap override*/
.radio-sec.bootstrap-fix {
    height: 35px;
}

.nav.bootstrap-fix {
    height: 35px;
    width: 236px;
}

    .nav.bootstrap-fix > li > a {
        display: -webkit-box;
        display: flex;
        padding: 0;
    }
    .nav.bootstrap-fix > li > input[type='radio'] {
        display: -webkit-box;
        display: flex;
        padding: 0;
    }

        .nav.bootstrap-fix > li > a:hover, .nav.bootstrap-fix > li > a:focus {
            background-color: transparent;
            border-color: #428bca;
        }

.exam-tab .nav.bootstrap-fix {
    height: 35px;
    width: 100%;
}

.search-textbox.bootstrap-fix {
    height: 34px;
    padding: 0;
}

.indention-field .search-textbox.bootstrap-fix select {
    height: 34px;
}

    .indention-field .search-textbox.bootstrap-fix select option {
        padding: 2px 12px;
    }

.intro-bar {
    height: auto;
    z-index: 995;
}

#register-wrapper {
    background-color: #99a424;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 15px 10px;
}

p.header-text {
    font-family: "Fira Sans";
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
}

.text-content {
    font-family: "Fira Sans";
    font-size: 13px;
    padding: 2px 0;
}

.bottom-wrapper span button {
    background: url("/Content/raptor/images/responsive/btn.png") repeat scroll 0 0 #cb2027;
    display: inline-block;
    font-size: 20px;
    padding: 10px 28px 10px 33px;
    color: #FFF;
}

    .bottom-wrapper span button:hover {
        color: #FFF;
        text-decoration: none;
    }

input.search-textbox {
    padding: 10px 12px 12px 20px;
}

.selected-item {
    display: block;
    padding: 2px 0;
}

.has-error .form-text {
    padding: 2px 4px;
    font-size: 12px;
}

.radio-sec .radio-inline {
    display: inline-block;
    padding-top: 3px;
    color: #FFF;
}

.exam-tab ul.nav li input[type="radio"] {
    margin-left: 10px !important;
    margin-top: 10px !important;
}

.subtest-checkbox-container {
    margin-right: 5px;
    margin-top: 1px;
}

.form-control-feedback {
    padding-left: 12px;
    padding-top: 4px;
}

.financial-tab .nav li a {
    /*padding-bottom: 0;*/
    padding-right: 0;
    padding-top: 0;
}

.college_pref .radio-sec p {
    float: left;
    margin: 0;
    padding: 0;
}

.bootstrap-fix .custom-radio {
    width: 95px;
}

    .bootstrap-fix .custom-radio label {
        width: 100%;
    }

/*College Preferences Specific Styles*/
/*Error Message*/
#ErrorMessage {
    font-size: 14px;
    padding-left: 30px;
}

    #ErrorMessage ul {
        margin: 0;
        padding: 0;
    }

        #ErrorMessage ul li {
            list-style: disc outside none;
        }

.error-wrapper ul li {
    display: block;
    list-style: none outside none;
    padding: 5px;
}

.collegeapplycount .indention-field {
    margin-top: 10px;
}

    .collegeapplycount .indention-field a.holder {
        width: 85%;
    }

/*Tooltips*/
.tooltip-content {
    display: none;
}

.result-page a.add-btn {
    width: auto;
}

/*Hint Toggles*/
.hints-toggle {
    width: 26px;
    height: 26px;
    display: block;
}

    .hints-toggle.show-hint {
        background: url(/Content/raptor/images/responsive/plus.png) no-repeat;
    }

    .hints-toggle.hide-hint {
        background: url(/Content/raptor/images/responsive/minus.png) no-repeat;
    }

button.add-btn {
    font-family: "Fira Sans";
    text-transform: capitalize;
    border: 2px solid #bebebe;
    border-radius: 5px;
    font-size: 16px;
    color: #5c5c5c;
    padding: 7px 10px;
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 0 8px;
    text-align: center;
}

    button.add-btn i {
        font-size: 14px;
        color: #5C5C5C;
        margin-right: 3px;
    }

.hint-container {
    margin-top: 20px;
}

.container-fluid.hint-container {
    width: auto;
}

.tt-dropdown-menu .tt-suggestions {
    max-height: 200px;
    overflow-y: auto;
}

a.typeH {
    display: block;
    width: 100%;
}

    a.typeH:hover {
        text-decoration: underline !important;
    }

.tt-dataset-college-list a, .tt-dataset-major-list a, .tt-dataset-article-list a {
    border-bottom: 0 !important;
}

/*Net Price Accuracy Icon*/
.fa.fa-circle.grey-dot {
    color: #909090;
}

.fa.fa-circle.green-dot {
    color: #82BB27;
}

.fa.fa-circle.yellow-dot {
    color: #DBB20F;
}

.fa.fa-circle.red-dot {
    color: #A12424;
}

ul.dropdown-menu > li {
    width: 100%;
    padding: 4px !important;
}

    ul.dropdown-menu > li:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        background-color: inherit !important;
    }

ul.dropdown-menu li a {
    font-size: 14px !important;
    text-transform: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: none;
}

.search-indicator {
    background: #fff Url(/Content/images/ajax-loader.gif) no-repeat 95% 11px !important;
}

h4.college-header {
    padding: 0;
    margin: 0 0 10px 0;
}

.ajax-loading {
    background: rgba(0, 0, 0, 0) url("/Content/images/loading.gif") no-repeat scroll 50% 10%;
    height: 100%;
    width: 100%;
}

.social-btns-container {
    text-align: center;
    padding-top: 20px;
}

    .social-btns-container button img {
        width: 100%;
        height: auto;
        /*max-height: 45px;*/
    }


.lgnd-box {
    width: 16px;
    height: 16px;
    float: left;
    vertical-align: middle;
    background: #666;
}

.lgnd-text {
    padding-left: 10%;
    font: inherit;
}

.acc-majors {
    color: #b3c12c;
}

.results-disclaimer-container {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
}

    .results-disclaimer-container .results-disclaimer-msg {
        padding: 10px 0;
        /*color: #aaa;*/
        font-size: 12px;
        font-style: italic;
    }

        .results-disclaimer-container .results-disclaimer-msg span {
            font-weight: bold;
        }

article header a {
    color: #428bca;
}

iframe#slf-frame-widget {
    height: 390px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    padding: 0 10px;
}

select.select2-hidden-accessible {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

    .select2-container.select2-container--default .select2-selection--single {
        padding: 6px;
        height: auto;
        background-color: #eee;
        border: none;
    }

        .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 8px;
        }

    .select2-container.select2-container--default .select2-results > .select2-results__options {
        font-size: 14px;
    }

    .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

.select2-dropdown {
    background-color: #eee !important;
    border: none !important;
}

.select2-selection__rendered i.fa-check-circle {
    display: none;
}

.select2-results i {
    color: #ccc;
    background-image: radial-gradient(at center, #ededed 50%, transparent 50%);
    font-size: 20px !important;
}

.select2-results li.select2-results__option.select2-results__option--highlighted i {
    color: #b3c12c;
}

.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2e2e2e transparent transparent transparent;
    border-width: 8px 6px 0 6px;
    margin-left: -12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000 !important;
    background-color: #eee !important;
}

.select2-container--default .select2-results__option[aria-selected=true] i {
    color: #b3c12c;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgb(238, 238, 238) !important;
}

.to-h1 {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 15px;
}

/*===== Media Queries ============================================================= */
@media screen and (max-width:1080px) {
    .hd-top.shrink #menu img {
        padding: 0;
    }

    .hd-top.shrink #nav {
        top: 50px !important;
    }

    #menu img {
        padding: 25px 0;
    }

    #nav.js {
        text-align: center;
        display: none;
        height: auto;
        z-index: 99999;
        background: #f8b500;
        right: 0;
        width: 100%;
        padding: 1% 0;
        -webkit-transition: none;
        transition: none;
    }

    .hd-top #menu img {
        max-width: 100%;
        height: auto;
    }

    .hd-top #nav {
        top: 100px;
    }

    #nav ul {
        padding-top: 8px;
        margin-bottom: 0;
    }

        #nav ul li {
            float: none;
            display: inline-block;
            margin-bottom: 5px;
        }

            #nav ul li a:hover, #nav ul li.active span {
                color: #fff;
            }
}

@media screen and (max-width:1024px) {
    .over-logo img {
        width: 200px;
    }

    .over-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    #wrapper, #header, #intro, .hd-top, #container, #testimonial, #content-bottom, #footer, #ft-bottom {
        width:100%;
        max-width: 100%;
    }

    .inner .intro-wrapper {
        width: 90%;
    }

    .intro-wrapper {
        padding-top: 150px;
    }

    .hd-top #logo, .hd-top.shrink #logo {
        left: 20px;
    }

    .hd-top.shrink #nav ul li a, .hd-top.shrink #nav ul li.active span {
        padding: 0 7px;
    }

    .bottom-wrapper, #ft-top {
        width: 100%;
    }

    #content {
        width: 96%;
    }

    #nav ul li a, #nav ul li.active span {
        padding: 0 7px;
    }

    #ft-top {
        padding: 0 2%;
    }

    .customSelect {
        width: 100% !important;
    }

    .data-style.left, .data-style.right {
        width: 45%;
        padding: 0 5% 0 0;
    }

    .data-style.right {
        padding: 0 0 0 5%;
    }

    .inner .intro-text {
        padding: 24px 0;
    }

    #toPopup, #toPopup1 {
        left: 58%;
    }

    .search-textbox input[type='text'], .search-textbox input[type='number'] {
        width: 90%;
    }

    #content p.subheadline-style {
        margin-bottom: 0;
    }

    #container.details.result-page .intro-bar {
        height: 95px;
    }

    .result {
        height: auto;
    }

        .result .container-fluid {
            width: 100%;
        }

    .result-left {
        background: #b3c12c;
        padding: 15px 0;
    }

    .result p {
        margin: 10px 0;
    }

    .bottom-wrapper.result-what-if span.button {
        width: 93%;
    }

    .details .container-fluid, .details .container-fluid .inner-container, #chartobject-1, #chartobject-1 svg {
        width: 100% !important;
    }

    .marginleft {
        margin: 5px 0;
    }

    .intro-bar {
        padding: 10px;
    }

    #container.details {
        padding-top: 125px;
    }

    #ft-top {
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }

        #ft-top #social-media {
            /*float: none;*/
            width: 100%;
            font-size: 14px;
            text-align: center;
            padding: 5px 0 12px 0;
        }

    #ft-nav ul li, #social-media ul li {
        float: none;
        display: inline-block;
    }

    #ft-top #social-media {
        padding: 0 0 10px 0;
    }

        #ft-top #social-media li {
            padding: 0 15px 0 0;
        }
}

@media (max-width:990px) {
    ul.rank-dd-nav .drawer-menu-item.dropdown.drawer-dropdown ul li a {
        color: #000;
    }
}

@media screen and (max-width:980px) {
    .inner table i {
        font-size: 16px;
        color: #b3c12c;
    }

    #header {
        margin-bottom: 10px;
    }

    .intro-wrapper {
        width: 90%;
    }

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

    .inner .intro-wrapper span.title {
        font-size: 35px;
    }

    .inner .intro-text {
        padding: 18px 0;
    }

    .college-search.last .search-textbox input[type='text'], .college-search.last .search-textbox input[type='number'] {
        width: 86%;
    }

    .search {
        width: 8%;
    }

    .student-data, .student-data.right {
        width: 100%;
        margin-right: 0;
        float: none;
        clear: both;
    }

    .studentdatatitle-style {
        margin-bottom: 20px;
    }

    #unweighted-container .indention-field, #weighted-container .indention-field, #both .indention-field, #act-wrapper .indention-field, #sat-wrapper .indention-field {
        width: 40%;
    }

    .exam-tab .nav li:nth-child(2):hover ~ .slider, .exam-tab .nav li:nth-child(2):focus ~ .slider, .exam-tab .nav li:nth-child(2):active ~ .slider {
        left: 16.5%;
    }

    .exam-tab .nav li:nth-child(3):hover ~ .slider, .exam-tab .nav li:nth-child(3):focus ~ .slider, .exam-tab .nav li:nth-child(3):active ~ .slider {
        left: 31.7%;
    }

    .exam-tab .nav li:nth-child(4):hover ~ .slider, .exam-tab .nav li:nth-child(4):focus ~ .slider, .exam-tab .nav li:nth-child(4):active ~ .slider {
        left: 47%;
    }

    .details .container-fluid .inner-container {
        margin: 0 auto;
    }

    #unweighted-container .indention, #unweighted-container .indention-field, #weighted-container .indention, #weighted-container .indention-field, #both .indention, #both .indention-field, #act-wrapper .indention, #act-wrapper .indention-field, #sat-wrapper .indention, #sat-wrapper .indention-field {
        width: 50%;
    }

    .col-md-4.sticker {
        clear: both;
        margin-top: 45px;
    }

    .pie-graph {
        clear: both;
        display: inline-block;
        width: 100%;
    }

    .stick-col {
        margin-bottom: 15px;
        display: block;
        clear: both;
        overflow: hidden;
    }

    .average-list.one {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .add-favorites {
        clear: both;
        text-align: center;
    }

    #backgroundTriggerReturn {
        top: 124px !important;
    }
}

@media screen and (max-width:800px) {
    .intro-wrapper span.title {
        font-size: 50px;
    }

    .stud-family.third {
        width: 28.5%;
    }

    .inner .int-content {
        padding: 30px 2.5%;
    }
}

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

    .intro-wrapper span.title {
        font-size: 28px;
        line-height: 29px;
        width: 60%;
    }

    .inner #header {
        padding-top: 60px;
    }

    .big-error {
        font-size: 20px;
    }

    .inner #content h1, .inner #content h2 {
        padding: 16px;
        font-size: 18px;
    }

    .college-search, .college-search.last {
        width: 65%;
        float: none;
        margin: 0 auto;
    }

    #content .subheadline-style {
        text-align: left;
    }

    .financial-tab .nav li a, .financial-tab .nav li span {
        width: auto;
        height: auto;
        display: block;
    }

        .financial-tab .nav li a.current, .financial-tab .nav li span.current {
            height: auto;
            display: block;
        }

    .advance-calc-option .indention .search-textbox, .advance-calc-option .indention-field .search-textbox, .student-family-information .indention .search-textbox, .student-family-information .indention-field .search-textbox {
        width: 94%;
        /*padding: 3%;*/
    }

    .student-family-information.first .stud-family.second {
        width: 41%;
        margin: 0 auto;
        float: none;
        display: block;
    }

    #toPopup, #toPopup1 {
        left: 5%;
        width: 85%;
        margin-left: 0;
    }

    .intro-wrapper {
        padding-top: 110px;
    }

        .intro-wrapper p {
            width: 412px;
            margin-bottom: 15px;
        }

    #container.details {
        padding-top: 99px;
    }

    .add-favorites form .add-btn {
        left: 0 !important;
    }

    .sub-head {
        padding-top: 8px;
    }

    .teamp i {
        font-size: 60px;
        color: #ced971;
        background-color: #b3c12c;
        border-radius: 5px;
        padding: 12px 20px;
    }

    .marginleft {
        margin: 5px;
    }

    .intro-bar, .intro-bar.shrink {
        top: 60px;
        padding: 10px;
    }

    .navbar {
        width: 100%;
    }

    .rank-sub-nav {
        position: relative !important;
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .intro-bar {
        top: 60px;
    }

    #container.details {
        padding-top: 115px;
    }

    .hd-top {
        height: 82px;
        background: #fff;
    }

        .hd-top #logo {
            top: 7px;
        }

            .hd-top #logo img {
                width: 105px;
                height: 57px;
            }

        .hd-top #menu, .hd-top.shrink #menu {
            height: 60px;
            padding: 3px 0;
        }

            .hd-top #menu img {
                padding: 0;
            }

        .hd-top .searchbar, .hd-top .dash {
            height: 60px;
        }

            .hd-top .searchbar input {
                margin: 23px 18px;
            }

        .hd-top .dash {
            background-position: 94% 24px;
        }

            .hd-top .dash a {
                padding: 23px 0;
            }

        .hd-top .dashboard, .hd-top #site-search-field.js, .hd-top #nav {
            top: 60px;
        }

    .sigup-btns {
        padding-top: 16px;
    }

    #accuser, #accuser.shrink {
        margin-top: 15px;
    }

    .hd-top.shrink #nav {
        top: 60px !important;
        margin-top: 0;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        transition: none;
        -webkit-transition: none;
    }

    .hd-top.shrink #menu img {
        padding: 0;
    }

    .cmatch a:hover {
        color: #fff !important;
    }

    .sub-head h1, .intro-bar h1 {
        width: 100%;
        font-size: 20px;
    }

    .navbar-toggle {
        z-index: 99999;
    }

    .price-information span, .sub-head span {
        background: none;
        padding-left: 0;
    }

    .subnav {
        padding: 10px;
        margin: 0;
        width: 100%;
        position: fixed;
        display: block;
        font-family: "Fira Sans";
        text-transform: uppercase;
        background: #333333;
        border-top: 1px solid #666;
        font-size: 14px;
        left: 0;
        color: #fff;
        z-index: 99;
    }

    .navbar-nav li a {
        font-size: 12px;
        padding: 10px;
        margin: 0;
        line-height: normal;
    }

    .navbar-nav .active {
        display: none;
    }

    .navbar-collapse .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-collapse {
        border-top: 1px solid #666 !important;
        margin: 0 -15px;
    }

    .price-information em, .sub-head em {
        display: none;
    }

    .navbar-nav li a:hover {
        color: #b3c12c !important;
    }

    a.add-btn span .intro-bar .flex-row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .navbar-nav {
        float: none;
        background: #333;
        position: fixed;
        width: 100%;
        z-index: 99;
        margin-top: 37px;
        border-top: 1px solid #666;
        left: 0;
    }

        .navbar-nav li {
            display: block;
            width: 100%;
            border-bottom: 1px solid #666;
        }

            .navbar-nav li a, .navbar-nav li.active span {
                display: block;
                border-radius: 0;
                font-size: 14px;
                text-align: center;
                padding: 10px;
            }

                .navbar-nav li a:hover {
                    border-radius: 0;
                }

    .aca-misc i {
        margin: 10px 0;
    }

    .academic i {
        margin: 0;
    }

    .dropdown-menu {
        margin-top: 0;
        border-top: 1px solid #FFF;
        border-left: 0;
        border-right: 0;
    }

    #nav ul li.dropdown {
        padding-right: 0 !important;
    }

    ul.dropdown-menu {
        background-color: #f8b500;
        border-top: 0;
    }

    .details.result-page ul.dropdown-menu {
        background-color: #fff;
    }

    ul.dropdown-menu li a {
        text-align: left;
        font-size: 14px !important;
    }

        ul.dropdown-menu li a:hover {
            color: #FFF !important;
        }
}

@media screen and (max-width:640px) {
    .intro-wrapper {
        padding-top: 75px;
    }

    #testimonial {
        height: 650px;
    }

    .sub-head h1, .intro-bar h1, .price-information span, .sub-head span {
        font-size: 18px;
        margin-top: 3px;
    }

    #content h1 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .to-h1 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    #content p.main-text {
        font-size: 17px;
        padding: 8px 20px;
        margin-bottom: 10px;
    }

    .inner .intro-text {
        padding: 10px 0;
    }

    .inner .intro-wrapper span.title {
        font-size: 30px;
    }

    #hints-container {
        padding-left: 25px;
    }

    .big-error {
        font-size: 17px;
    }

    .data-style.left, .data-style.right {
        width: 100%;
        padding: 0;
    }

    .student-data .indention .search-textbox, .student-data .indention-field .search-textbox {
        width: 94%;
    }

    #chart-container {
        margin: 0;
    }

    .hint-toggle.js {
        padding: 20px 35px;
    }

    .teamp i {
        font-size: 50px;
        color: #ced971;
        background-color: #b3c12c;
        border-radius: 5px;
        padding: 8px 15px;
    }

    .marginleft {
        margin: 5px 0;
    }

    .sub-head h1, .intro-bar h1 {
        width: 100%;
    }
}

@media screen and (max-width:550px) {
    #backgroundTrigger {
        top: 5px;
    }

    #backgroundTriggerReturn {
        top: 141px !important;
    }
}

@media screen and (max-width:560px) {
    .intro-wrapper p, .intro-wrapper span.title {
        text-shadow: 2px 1px #000000;
    }

    .intro-wrapper span.title {
        font-size: 23px;
        line-height: 25px;
    }

    .intro-wrapper p {
        font-size: 17px;
        line-height: 18px;
        width: 100%;
    }

    .bottom-wrapper span.try {
        font-size: 25px;
    }

    .hd-top #site-search-field.js form div {
        width: 100% !important;
        text-align: center;
        display: block !important;
    }

    .hd-top #site-search-field.js {
        text-align: center !important;
    }

    .hd-top #site-search-field input {
        width: 95% !important;
        margin-left: 3% !important;
        margin-top: -20px !important;
    }

    .inner .intro-text {
        padding: 11px 0;
    }

    .inner .intro-wrapper span.title {
        font-size: 24px;
    }

    .big-error {
        font-size: 15px;
        padding: 20px 15px 20px 80px;
    }

    .student-family-information.first .stud-family.second {
        width: 55%;
    }

    #toPopup, #toPopup1 {
        left: 4%;
    }

    .intro-wrapper span.started {
        font-size: 15px;
    }

    .add-favorites {
        display: initial;
        text-align: left !important;
    }

        .add-favorites div, .add-favorites form, .add-favorites a {
            display: inline-block;
        }

        .add-favorites form {
            margin-bottom: 10px !important;
        }
}

@media (min-width: 480px) and (max-width: 767px) {
    .intro-wrapper span.started {
        font-size: 10px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .shopping-header-buttons {
        display: none !important;
    }

    .shopping-header-logoff {
        display: block !important;
    }
}

@media (min-width: 240px) and (max-width: 479px) {
    .shopping-header-buttons {
        display: none !important;
    }

    .shopping-header-logoff {
        display: block !important;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-0 {
        margin-left: 0;
    }
}

@media screen and (max-width:480px) {
    html {
        -webkit-text-size-adjust: none;
    }

    #content h1 {
        font-size: 23px;
    }

    .to-h1 {
        font-size: 23px;
    }

    #content p.main-text {
        font-size: 14px;
    }

    ul, ol {
        margin: 0;
    }

    .bottom-wrapper span.button {
        font-size: 16px;
    }

    .intro-content {
        height: 100%;
    }

    .intro-wrapper {
        padding-top: 3%;
        margin-left: 5px;
    }

        .intro-wrapper span.started a {
            padding: 10px 20px 10px;
        }

        .intro-wrapper span.title {
            font-size: 22px !important;
            line-height: 18px;
        }

        .intro-wrapper p {
            font-size: 15px;
            line-height: 15px;
            width: 72%;
        }

    #ft-bottom {
        padding: 5px 0;
    }

    #nav ul li {
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 6px 0;
    }

    #nav.js {
        padding-bottom: 0;
    }

    #nav ul {
        border-bottom: 5px solid #cb2027;
    }

    #testimonial {
        padding-bottom: 0;
        height: 650px;
    }

    .inner #header {
        padding-top: 0;
    }

    .inner #intro img {
        height: 90px;
    }

    .inner .intro-wrapper {
        width: 96%;
    }

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

    #hints-container ol li {
        font-size: 13px;
    }

    .inner #content .int-content h2 {
        font-size: 17px;
    }

    .college-search, .college-search.last {
        width: 100%;
    }

    .studentdatatitle-style {
        font-size: 14px;
    }

    .student-family-information.first .stud-family.second {
        width: auto;
        clear: both;
    }

    #selectField, #selectField2 {
        margin: 10px 0;
        display: block;
    }

    #unweighted-container .indention-field, #weighted-container .indention-field, #both .indention-field, #act-wrapper .indention-field, #sat-wrapper .indention-field {
        width: 100%;
    }

    .exam-tab .nav li {
        width: 24.7%;
    }

        .exam-tab .nav li:nth-child(2):hover ~ .slider, .exam-tab .nav li:nth-child(2):focus ~ .slider, .exam-tab .nav li:nth-child(2):active ~ .slider {
            left: 26.5%;
        }

        .exam-tab .nav li:nth-child(3):hover ~ .slider, .exam-tab .nav li:nth-child(3):focus ~ .slider, .exam-tab .nav li:nth-child(3):active ~ .slider {
            left: 48.7%;
        }

        .exam-tab .nav li:nth-child(4):hover ~ .slider, .exam-tab .nav li:nth-child(4):focus ~ .slider, .exam-tab .nav li:nth-child(4):active ~ .slider {
            left: 74%;
        }

    div.popup_content {
        margin: 0;
    }

    #toPopup, #toPopup1 {
        width: 80%;
        padding: 5%;
        top: 30%;
    }

    .popup_content h3 {
        font-size: 14px;
    }

    #content .popup_content p {
        padding: 4px 0;
        line-height: 18px;
    }

    .intro-wrapper span.started {
        font-size: 10px;
    }

    #ft-bottom .ft-logo span {
        padding: 0;
        display: block;
    }

    .price-information span, .sub-head span {
        font-size: 17px;
    }

    #container.details {
        padding-top: 115px;
    }

    .hd-top a.button {
        width: 55px;
        height: 26px;
        line-height: 24px;
    }

    .hd-top .login .button {
        width: 45px;
    }

    #menu {
        right: 168px;
    }

    .add-favorites form {
        white-space: nowrap;
        padding-top: 0;
    }

    #nav ul li {
        margin-top: 5px;
        margin-bottom: 0;
    }

    .cmatch a {
        max-width: 150px;
        margin: -7px auto -3px;
    }

    /* login signup icons */

    .dis-mob, #sp-user {
        display: none !important;
    }

    #accuser, #accuser.shrink {
        margin-top: 43px;
    }

        #accuser, #accuser.shrink {
            margin-top: 18px;
        }

    .username-disp i {
        font-size: 22px;
        padding: 0 5px;
        margin: -25px 0 0 0 !important;
    }

    .badge {
        margin: -5px 0 0 -15px;
    }

    .badge-space {
        margin-left: 2px;
    }

        .badge-space i {
            font-size: 25px;
        }

    .sigup-btns {
        margin-left: -1px;
    }

    .valign-mid {
        margin-right: 0;
    }

    .hd-top .searchbar {
        width: 50px;
        right: 135px;
        -webkit-transition: none !important;
    }

    #menu {
        right: 185px;
    }

        #menu img {
            width: 50px;
            margin-top: 6px;
        }

    .hd-top .searchbar input {
        margin: 23px 14px;
    }

    /* login signup icons end */

    #nav ul li {
        padding: 8px 0 !important;
    }

    .dropdown-menu > li > a {
        padding-left: 40% !important;
    }

    .g-recaptcha {
        transform: scale(0.92);
        transform-origin: 0 0 0;
    }
}

@media screen and (max-width:359px) {
    .add-favorites div, .add-favorites a, .add-favorites form {
        width: 100%;
    }

    #content {
        width: 95%;
    }
}

@media screen and (max-width:320px) {
    .hd-top #logo, .hd-top.shrink #logo {
        left: 0;
    }

    #content p.main-text {
        line-height: 22px;
    }

    .intro-wrapper {
        margin-left: -6px;
    }

        .intro-wrapper span.title {
            font-size: 20px !important;
            width: 85%;
            line-height: 18px;
        }

        .intro-wrapper p {
            font-size: 15px;
            line-height: 15px;
            width: 78%;
            margin-bottom: 6px;
        }

    .bottom-wrapper span.button {
        font-size: 10px;
    }

        .bottom-wrapper span.button a {
            background-position: right 9px;
            padding: 10px 20px 10px 6px;
        }

    .hd-top #site-search-field input {
        margin-left: 12% !important;
    }

    .navbar-nav li a {
        padding: 7px;
    }

    .dashboard .form {
        padding: 20px 0 20px;
    }

        .dashboard .form span input.textbox {
            padding: 12px 5px 12px 26px;
        }

    .g-recaptcha {
        transform: scale(0.80);
        transform-origin: 0 0 0;
    }
}

@media screen and (max-width:240px) {
    .shopping-header-buttons {
        display: none !important;
    }

    .intro-wrapper span.title {
        font-size: 14px;
    }

    .intro-wrapper p {
        width: 100%;
    }

    .intro-wrapper span.started {
        font-size: 12px;
    }

        .intro-wrapper span.started a {
            background-position: right 0;
        }

    #header {
        margin-top: 110px;
    }

    .hd-top #menu, .hd-top.shrink #menu {
        top: 60px;
        width: 100%;
        left: 0;
        right: auto;
        height: 50px;
    }

    #nav.js {
        top: 101px;
    }

    .hd-top #menu img {
        height: 40px;
    }

    .intro-bar, .intro-bar.shrink {
        top: 110px;
    }

    #container.details {
        padding-top: 166px;
    }
}

/*======= Social Buttons =========*/
.social-btnsgrp .btn {
    color: #fff;
    font-family: "Fira Sans";
    font-size: 16px;
    text-align: left;
    margin: 3px 0;
    padding: 0;
    max-width: 215px;
    border-radius: 6px;
    display: inline-block;
    line-height: 32px;
}

.open .social-btnsgrp .btn {
    font-size: 14px;
    width: 100%;
}

.social-btnsgrp .btn i {
    font-size: 25px;
    width: 32px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
    margin-right: 6px;
    border-radius: 6px 0 0 6px;
}

.btn-facebook {
    background-color: #4563a0;
}

    .btn-facebook i, .open .btn .fa-facebook {
        background-color: #3c5b9b !important;
    }

.fa-google-plus::before {
    content: "\f0d5";
}

.btn-google {
    background-color: #f6503d;
}

    .btn-google i, .open .btn .fa-google-plus {
        background-color: #f63d27 !important;
    }

.btn-twitter {
    background-color: #42b2e4;
}

    .btn-twitter i, .open .btn .fa-twitter {
        background-color: #2daae1 !important;
    }

.crlogin.or-divider {
    border-bottom: 1px solid #a3a3a3;
    text-align: center;
}

    .crlogin.or-divider div {
        position: relative;
        bottom: -26px;
        display: inline-block;
        background-color: #a3a3a3;
        color: #fff;
        border-radius: 24px;
        padding: 12px 11px;
        border: 4px solid #fff;
    }

body.partnermode .bottom-wrapper.result-what-if span.button {
    padding: 5px;
}

    body.partnermode .bottom-wrapper.result-what-if span.button a {
        padding-left: 0;
        border-right: 0;
    }

@media screen and (max-width:480px) {
    .social-btns {
        text-align: center;
    }
}

/*===== Media Queries End ============================================================= */

.logo-print {
    display: none;
}
/*===== Print Media Query ============================================================= */
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }

    @page {
        margin: 2.5em 2em 2.8em 2em;
        size: 8.5in 11in;
    }

    .logo-print {
        display: inline !important;
    }

    .hd-top {
        position: absolute;
        background-color: #fff !important;
        height: 90px !important;
        border-bottom: 0;
    }

        .hd-top.shrink {
            border-bottom: 0;
        }

    .sns-signin a i:before {
        color: #fff !important;
    }

    .black-text.med i:before, .inner.head i:before {
        color: #b3c12c !important;
    }

    .crlogin.hr-divider2:before {
        color: #fff !important;
        background-color: #a3a3a3 !important;
    }


    .drawer-navbar-default {
        position: absolute !important;
        background-color: transparent !important;
        display: inline !important;
        top: -40px !important;
    }

        .drawer-navbar-default .drawer-menu-item a, .drawer-dropdown .caret {
            color: #fff !important;
        }

    .right-nav .drawer-close .acc-icon-box i {
        color: #fff !important;
        background-color: #5c5c5c !important;
    }

    .acc-icon-box i::before {
        color: #fff !important;
    }

    .right-nav .drawer-close .logged .acc-icon-box i {
        background-color: #cb2027 !important;
    }

    .right-nav .drawer-hamburger, #lftDrawer .drawer-hamburger-icon, .sr-only {
        display: none;
    }

    .drawer-right .drawer-main {
        right: 0 !important;
    }

    .top-search #search-college, .top-search .form-group i {
        color: #A6A6A6 !important;
        top: 40px !important;
        width: 290px !important;
        margin-left: -15px;
    }

    #intro-footer .intro-content {
        width: 100%;
        display: block !important;
        background-image: url("/Content/raptor/images/responsive/university-of-washington-seattle-flickr.jpg") !important;
        background-position: center center !important;
    }


    .drawer-main.drawer-navbar-default {
        background-color: #333 !important;
        -webkit-print-color-adjust: exact;
    }

    .fbk i, .twr i, .create i, .col-md-3.social-link button {
        color: #fff !important;
    }

    .col-md-3.social-link {
        display: inline-block;
    }

    .sns-signin.create.btn.btn-primary, .create a {
        color: #fff !important;
        margin-top: 20px;
        background-color: #f45a00 !important;
    }

    .crlogin.hr-divider2 {
        width: 100% !important;
        height: 2px !important;
        background-color: #a3a3a3 !important;
    }

    #ft-top {
        padding: 0 10px !important;
        display: block !important;
        background: #272626 !important;
    }

    #ft-nav ul.ft-nav-primary li a, #ft-bottom .ft-logo span sup {
        color: #FFF !important;
    }

    #ft-nav ul.ft-nav-secondary li a {
        color: #999 !important;
    }

    #ft-bottom {
        height: 90px !important;
        background: #333333 !important;
    }

        #ft-bottom .ft-logo span {
            color: #999 !important;
        }

    .act-notif-badge {
        background-color: #888686 !important;
    }

    .hline.buffer {
        padding: 2% 0 !important;
        margin-bottom: 2% !important;
    }

    .hline {
        border-bottom: 1px solid #d1d1d1;
    }

    #header {
        margin-bottom: 20px !important;
    }

    .red-head {
        color: #C34D5A !important;
    }

    .sch-signup .bottom-cta {
        padding-top: 10px !important;
    }

    .sch-signup h2, .sch-signup .textB {
        color: #fff !important;
    }

    .sch-signup .test-right.col-sm-12.col-md-6 {
        width: 360px !important;
    }

    .sch-signup #State {
        display: block !important;
    }

    .sch-signup .form-group, .sch-signup .search-textbox {
        margin-bottom: 2px;
    }

    .sch-signup .search-textbox {
        height: 35px;
        padding: 2px 10px;
    }

    .sch-signup .col-md-10 .form-group .textB, .sch-signup .col-md-10 .form-group .g-recaptcha {
        margin-left: -15px;
    }

    .right-nav .drawer-close .acc-icon-box span {
        color: #000 !important;
    }

    .right-nav .drawer-close .acc-icon-box i span {
        color: #fff !important;
    }



    @media (max-width: 767px) {
        .rm-desk {
            display: block !important;
        }

        .right-nav .drawer-close .acc-icon-box i {
            color: #fff !important;
        }

        .hd-top {
            top: 50px !important;
            position: absolute !important;
        }

            .hd-top #logo {
                margin: 42px 0 0 50px !important;
                text-align: center !important;
                position: absolute !important;
            }

            .hd-top.shrink, .hd-top.shrink #logo {
                top: 0 !important;
                position: relative !important;
            }

            .hd-top #logo {
                margin: -110px 0 0 250px !important;
            }

            .hd-top.shrink #logo {
                margin: -46px -30px 0 250px !important;
            }

        .drawer-navbar.drawer-fixed.drawer-right .drawer-main {
            top: -190px !important;
            background-color: transparent !important;
            border: none !important;
            position: absolute !important;
        }

        .drawer-navbar-default .drawer-menu-item {
            margin: 0 10px;
            height: 50px;
            display: inline-block !important;
            border-bottom: none !important;
        }

        .drawer-navbar.drawer-fixed.drawer-right .drawer-main .top-acc-icons {
            text-align: right !important;
            top: 70px !important;
            position: absolute;
        }

        .hd-top.shrink #container {
            width: 900px !important;
        }

            .hd-top.shrink #container .drawer-main {
                top: -140px !important;
                margin-right: -20px !important;
                float: right !important;
                position: absolute !important;
            }

        .intro-bar.shrink {
            top: -140px !important;
            margin-bottom: -140px !important;
            position: relative !important;
        }

        .rm-mobile .drawer-menu-item {
            display: none !important;
        }

        .right-nav .drawer-close .acc-icon-box span {
            color: #000 !important;
            margin-top: 6px !important;
        }

        .drawer-navbar-default .drawer-menu-item a {
            text-align: center !important;
            text-transform: uppercase !important;
        }

        .drawer-navbar.drawer-fixed.drawer-left .drawer-main {
            text-align: center;
            left: 0;
            position: absolute !important;
            top: -40px !important;
            background-color: #000 !important;
        }

        #intro img {
            display: block !important;
        }

        .intro-wrapper {
            margin-top: -370px !important;
            position: absolute !important;
        }

        .drawer-navbar-default .drawer-menu-item a, .drawer-dropdown .caret {
            color: #fff !important;
        }

        .drawer-main {
            width: 100% !important;
            height: 50px !important;
            margin-top: -10px;
        }

        .drawer-navbar.drawer-fixed.drawer-left .drawer-menu-item a i {
            display: none !important;
        }

        .drawer-navbar.drawer-fixed.drawer-left .drawer-menu {
            margin-top: 0 !important;
            padding-top: 0 !important;
            position: absolute !important;
            display: block !important;
        }

        .drawer-navbar.drawer-fixed.drawer-left .drawer-menu-item a {
            position: relative !important;
            display: inline-block !important;
        }

        #intro-footer .intro-content {
            height: 600px;
            display: block !important;
            padding-top: 300px;
            background-image: url("/Content/raptor/images/responsive/university-of-washington-seattle-flickr.jpg") !important;
        }

        .act-notif-badge {
            top: -10px !important;
        }

        .drawer-navbar-default ul .rm-mobile, .drawer-menu-item.log-user-disp.visible-xs {
            display: none !important;
        }

        #footer {
            min-width: 920px;
        }

        .sch-signup h2 {
            margin-bottom: 0 !important;
        }

        .sch-signup {
            page-break-after: always !important;
        }

        .coll-print1 {
            page-break-before: always !important;
        }

        .sch-signup .test-right.col-sm-12.col-md-6 {
            width: 400px !important;
        }

        .sch-signup .bottom-cta {
            padding-top: 55px !important;
        }
    }

    _::-webkit-full-page-media, .right-menu .drawer-menu {
        top: 30px !important;
        position: relative;
        width: 300px !important;
    }

    _::-webkit-full-page-media, .top-search {
        top: -50px !important;
        position: relative;
    }

    _::-webkit-full-page-media, .hd-top.shrink .top-search {
        top: -20px !important;
    }

    _::-webkit-full-page-media, .hd-top .top-acc-icons {
        width: 400px !important;
        left: 80px !important;
        position: relative;
    }

    _::-webkit-full-page-media, .hd-top.shrink .top-acc-icons {
        top: 50px !important;
    }

    _::-webkit-full-page-media, .hd-top #logo {
        top: 5px !important;
        position: relative;
    }

    _::-webkit-full-page-media, #intro img {
        display: block !important;
        top: 20px !important;
        position: relative;
    }

    _::-webkit-full-page-media, .intro-wrapper {
        padding-top: 0 !important;
        margin-top: -220px !important;
        position: absolute;
    }

    _::-webkit-full-page-media, #testimonial {
        page-break-before: always !important;
        page-break-after: always !important;
        display: block !important;
    }

    _::-webkit-full-page-media, #intro-footer .intro-content {
        height: 600px !important;
    }

    _::-webkit-full-page-media, .bottom-cta {
        padding-top: 280px !important;
    }

    _::-webkit-full-page-media, #ft-top #social-media ul {
        margin-top: 0 !important;
    }

    _::-webkit-full-page-media, .inner #social-media {
        margin: 0 10px !important;
        right: 0 !important;
        position: absolute !important;
    }

    _::-webkit-full-page-media, .inner #ft-nav ul li {
        padding: 5px 6px !important;
    }

    _::-webkit-full-page-media, #footer {
        min-width: 920px;
    }

    _::-webkit-full-page-media, .coll-print2 {
        page-break-before: always !important;
    }

    _::-webkit-full-page-media, .sch-signup .bottom-cta {
        padding-top: 250px !important;
    }


    @-moz-document url-prefix() {
        thead, tfoot {
            display: table-row-group;
            width: 100%;
        }

        .top-search #search-college, .top-search .form-group i {
            top: 20px !important;
        }

        .navbar-default, .navbar-collapse ul {
            margin-top: 8px !important;
        }

        .hd-top {
            margin-top: -7px;
            background: #fff !important;
            height: 90px !important;
        }

        #testimonial {
            width: auto !important;
        }

        #intro {
            margin-top: 135px !important;
        }

            #intro .intro-content.hpage {
                background-image: url("/Content/raptor/images/responsive/header_bg_1.jpg") !important;
                background-position: 50% 25% !important;
                display: block !important;
            }

        .schools-pic1 {
            background-image: url("/Content/raptor/images/responsive/header_bg_1.jpg") !important;
            background-position: 50% 25% !important;
        }

        .schools-pic2 {
            background-image: url("/Content/raptor/images/responsive/male-student-smiling-cropped.jpg") !important;
            background-position: 80% 55% !important;
        }

        .intro-wrapper {
            padding-top: 22% !important;
        }

        #ft-top #social-media ul {
            margin-top: -80px !important;
        }

        #banner-fade ul.bjqs, .bottom-cta {
            width: auto !important;
        }

        #banner-fade h2 {
            padding-bottom: 20px;
        }

        #banner-fade li.bjqs-slide img {
            top: 30px;
            max-height: 220px;
        }

        #banner-fade li.bjqs-slide .test-right.col-sm-7.col-sm-push-1 {
            margin-left: -50px;
        }

        #testimonial {
            page-break-after: always !important;
        }

        #intro-footer .intro-content {
            page-break-before: always !important;
        }

        #header {
            margin-bottom: 50px !important;
        }

        .rank-sub-nav {
            margin-top: 50px !important;
            position: relative !important;
        }

        .col-sm-12.col-md-5 .selc-type {
            width: 320px !important;
            white-space: nowrap;
            margin-left: 10px;
            text-align: left;
        }

        .col-sm-12.col-md-5.flex-row .search-textbox {
            width: 320px;
            margin-left: 200px;
            margin-top: -40px;
            text-align: left;
        }

        .cr-tabs .form-group .col-md-6.login-btn1 {
            margin-top: 80px;
        }

        .result.result-graph {
            margin: -23px 0 0 -30px !important;
        }

        .studentdatatitle-style {
            width: 100% !important;
            margin-bottom: 10px !important;
            display: inline-block;
        }

        .Overview .progress-striped .bg-info, .Overview .progress-striped .bg-success {
            background-image: none !important;
        }

        .coll-print1, .coll-print2 {
            page-break-before: always !important;
        }

        .hint-click {
            margin-top: -40px;
        }

        .rank-desk-nav .rank-dd-dnav li a {
            font-size: 13px !important;
            padding: 12px 10px 8px !important;
        }
        /*.hint-toggle.js {
            top: -15px !important;
        }*/
        .intro-bar .col-xs-12.col-sm-12.col-md-12.col-lg-12.price-information h1 {
            margin-top: -25px !important;
        }

        .majors-content .col-sm-12.col-md-5 .col-xs-12.col-sm-6.col-md-5 p span {
            min-width: 275px !important;
            text-align: right !important;
        }

        .majors-content .majors-content .heapBox .holder {
            width: 90% !important;
        }

        .Campus .grey-bg .inner.head {
            margin-top: 20px !important;
        }

            .Campus .grey-bg .inner.head .inner-hline {
                margin-bottom: 10px !important;
            }

        .CollegeSafety {
            margin-top: -10px !important;
        }

        .Admissions .sub-sections .container-fluid { /*overflow: none !important;*/
        }

        #AdvancedCalc .formwizard-footer.row.process-block {
            width: 690px !important;
            display: inline-block;
            background-color: #f9f9f9 !important;
        }

        #tblMyColleges .demo > tbody > tr > td:first-child {
            width: 42% !important;
        }

        #mycolleges_header_buttons .heapBox .holder {
            width: 89% !important;
        }

        #inner-w {
            display: inline !important;
        }

        .right-text-panel {
            display: inline !important;
            float: right !important;
        }

        #step1 {
            page-break-inside: avoid !important;
        }

        #CounselorsTable .table > tbody > tr > td:nth-child(3), #CounselorsTable .table > tbody > tr > td:nth-child(4) {
            min-width: 150px !important;
            word-break: break-all;
        }

        #CounselorsTable .demo thead tr th:nth-last-child(2) {
            padding-right: 10px !important;
        }

        #MangegrouptableId {
            page-break-after: always !important;
        }

        #naviDiv #tmm-form-wizard {
            margin-bottom: 80px !important;
        }

        .row.fieldslmain {
            width: 100% !important;
        }

        #step1 { /*margin-top: 20px !important;*/
            position: fixed !important;
        }

        .row.fieldslmain .col-sm-8.col-md-8 {
            width: 660px !important;
            position: absolute !important;
            display: inline-table !important;
            background-color: #f9f9f9 !important;
            padding-top: 20px !important;
            margin-top: -20px !important;
        }

            .row.fieldslmain .col-sm-8.col-md-8 .col-xs-12.col-sm-12.col-md-5.tooltip-caption {
                width: 44% !important;
            }

            .row.fieldslmain .col-sm-8.col-md-8 .col-xs-12.col-sm-12.col-md-6 {
                width: 46% !important;
            }

        #AdvancedCalc .formwizard-footer.row.process-block {
            width: 660px !important;
            top: 310px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            border-bottom: none !important;
            position: absolute !important; /*display: inline-table !important;display: none !important;*/
        }

        #AdvancedCalc .error-message.flex-row h4 {
            width: 660px !important;
        }
    }


    .modal {
        display: none !important;
    }

    .fbk i, .twr i, .cr-acc i, .modal-content .btn-primary, .modal-content .btn-default {
        color: #fff !important;
    }

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

        .inner .hd-top #logo img, .inner .hd-top.shrink #logo img {
            width: auto !important;
            height: auto !important;
        }

    .hd-top.shrink #logo img {
        width: 146px !important;
        height: 79px !important;
    }

    .price-information {
        margin: 0 !important;
    }

    .intro-bar, .intro-bar.shrink {
        height: 70px !important;
    }

    _::-webkit-full-page-media, _:future, :root .intro-bar {
        height: 70px !important;
        padding-top: 20px;
    }

        _::-webkit-full-page-media, _:future, :root .intro-bar.shrink {
            height: 100px !important;
            padding-top: 35px;
        }

    .intro-bar.shrink .price-information span, .intro-bar.shrink .sub-head h1, .intro-bar.shrink .price-information h1 {
        top: 15px !important;
        position: relative;
    }

    .inner-container div, .inner-container div a {
        color: #191919 !important;
    }

    .hd-top #nav, .hd-top .searchbar, #ft-top, .hd-top #logo a[href]:after {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }

    .hd-top #logo {
        width: 90% !important;
        text-align: center;
    }


    .price-information span, .price-information h1, .sub-head h1, .sub-head span {
        margin-top: -10px !important;
    }

    .breakhere {
        page-break-before: always;
    }

    .teamp img {
        margin-bottom: 10px;
    }

    .collapse {
        display: block !important;
        height: auto !important;
    }

    .panel-group .marginleft {
        margin-left: 5px !important;
        margin-top: -15px !important;
    }

    .col-sm-8.col-md-10 .marginleft {
        margin-left: -10px !important;
    }

    .col-sm-12.col-md-10.textn.marginleft {
        margin-left: 0 !important;
    }

    i, .card span {
        color: #b3c12c !important;
    }

    .fa-chevron-circle-right:before {
        content: '\f13a';
    }

    #ft-bottom {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .ft-logo {
        background: #333333 !important;
        height: 43px !important;
        padding: 5px 0;
    }

        .ft-logo span {
            color: #ffffff !important;
        }

    .logo-web {
        display: none;
    }

    .contact-print .normal-link {
        color: #191919 !important;
    }

    _::-webkit-full-page-media, _:future, :root .contact-print .normal-link a {
        color: #191919 !important;
    }

    .login-btn1 .green {
        color: #fff !important;
        background-color: #B3C12C !important;
    }

    .login-btn1 i {
        color: #fff !important;
    }

    .linkfix.font-green {
        color: #b3c12c !important;
    }

    /*.about-print, .faq-print {
        page-break-before: always;
    }*/


    /* Sub Nav Starts */

    .navbar-default, .navbar-collapse ul {
        width: 100% !important;
        white-space: nowrap;
        background-color: transparent !important;
        margin-top: -5px;
        border: 0 !important;
        display: block !important;
    }

    /*.intro-bar.ibtop .add-favorites{ margin-top: -50px;float: left !important;display: block !important;}*/

    #collapsed-new.down {
        background: url(/Content/raptor/images/responsive/plus.png) no-repeat 0 0 !important;
    }

    #collapsed-new.up {
        background: url(/Content/raptor/images/responsive/minus.png) no-repeat 0 0 !important;
    }

    .hint-toggle up {
        display: block;
    }

    .hint-toggle.js {
        background: #eee !important;
        position: relative;
    }

    .navbar-nav li a, .navbar-nav li.active span {
        padding: 7px 9px;
    }

    .hint-toggle .hint-title {
        display: none !important;
    }

    .rank-sub-nav.shrink {
        top: -40px;
        margin-top: -10px !important;
        position: absolute;
    }

    _::-webkit-full-page-media, _:future, :root .rank-sub-nav.shrink {
        top: 0;
    }

    _::-webkit-full-page-media, _:future, :root .intro-bar.shrink {
        margin-top: 0 !important;
    }

    .navbar-default .navbar-nav > li > a:link {
        color: #000 !important;
        text-transform: uppercase;
    }

    .navbar-default .navbar-nav > .active > a:link {
        color: #fff !important;
    }

    .navbar-default .navbar-nav > .active > a {
        background-color: #b3c12c !important;
        color: #ffffff !important;
    }

    .navbar-default .navbar-collapse {
        border-color: #ffffff !important;
    }
    /* Sub Nav Ends */

    /* Homepage Starts */
    .intro-text.col-md-9.col-sm-9 {
        margin-top: -130px;
    }

    .intro-wrapper span.title, .intro-wrapper p, .intro-wrapper p strong, #banner-fade h2, .test-right p {
        color: #fff !important;
    }

    .intro-wrapper span.started {
        background-color: #cb2027 !important;
    }

        .intro-wrapper span.started a, .bottom-wrapper span.button button {
            color: #fff !important;
            background: url(/Content/raptor/images/responsive/arrow-right.jpg) no-repeat right center !important;
        }

    #testimonial {
        background: #99a424 !important;
        display: inline-table;
    }

    .quote {
        background: url(/Content/raptor/images/responsive/quote-sep.png) repeat-x center center !important;
    }

    .tooltip-group i, .tooltip-group img {
        display: none;
    }

    .radio-sec, .custom-radio label, .nav, .nav.bootstrap-fix > li > a {
        color: #fff !important;
        background: #7e7e7e !important;
    }

        .custom-radio label.checked, .nav.bootstrap-fix a.current, .exam-tab .nav.bootstrap-fix a.current {
            clear: both;
            background: #b3c12c !important;
        }

    .int-tab, .search-textbox {
        background: #eee !important;
    }

    .heapBox .holder {
        width: 95% !important;
    }

    .int-tab .heapBox .holder {
        width: 88% !important;
    }

    .int-tab .indention-field .search-textbox {
        background: #fff !important;
    }

    .inline-hint div {
        color: #27a8e1 !important;
        margin-left: 25px;
        display: block;
    }

    .normal-link a:link {
        color: #191919 !important;
    }

    #AcceptTerms {
        width: 17px;
        height: 17px;
        display: block;
    }
    /* Homepage Ends */

    .progress-striped .progress-bar {
        background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
        background-size: 40px 40px !important;
    }

    .progress {
        background-color: #f5f5f5 !important;
        border-radius: 4px !important;
    }

    .progress-bar strong {
        color: #fff !important;
    }

    .bg-info {
        background-color: #23a38f !important;
        border-radius: 4px 0 0 4px !important;
    }

    .bg-success {
        background-color: #5cb85c !important;
        border-radius: 4px 0 0 4px !important;
    }

    .progress-bar-warning {
        background-color: #27a8e1 !important;
        border-radius: 4px 0 0 4px !important;
    }

    .progress-bar-danger {
        background-color: #f88c00 !important;
        border-radius: 4px 0 0 4px !important;
    }

    .progress-bar-danger1 {
        background-color: #cb2027 !important;
        border-radius: 4px 0 0 4px !important;
    }

    .search-textbox.search-quick-add {
        margin-top: -17px !important;
    }

    .bs-example, .add-favorites {
        display: none;
    }

    .intro-bar .valign-mid span {
        color: #fff !important;
    }

    .intro-bar .col-xs-9.col-sm-9.col-md-7.col-lg-8 {
        width: 100% !important;
        display: inline-table;
    }

    .feedbackbtn span.button, .bottom-wrapper span.button, .getstart-button {
        background: #cb2027 !important;
    }

        .feedbackbtn span.button a, .bottom-wrapper span.button a, .getstart-button a {
            color: #fff !important;
        }

    #wrappersite .btn.green {
        margin-top: 100px;
        margin-top: 10px !important;
    }

    #wrappersite .green i {
        color: #fff !important;
    }

    .button a, .register-button a {
        background: url(/Content/raptor/images/responsive/arrow-right.jpg) no-repeat right center !important;
    }

    .bullet-textn {
        line-height: 26px !important;
    }

    .position-box {
        background: #f5f5f5 !important;
        min-height: 185px !important;
    }

    .error-box {
        background: #f5f5f5 !important;
    }

    .fa-exclamation-triangle:before {
        color: #cb2027 !important;
    }

    .form-group .col-md-2.login-btn1 {
        margin-left: -205px !important;
    }

    /* Rankings Starts */
    .panel-header > .panel-heading {
        background-color: #b3c12c !important;
    }

    .panel-header {
        background: #f5f5f5 !important;
    }

    .panel-body {
        min-height: initial !important;
    }

    .panel-title, .panel-heading h3 i {
        color: #fff !important;
    }

    .blue-box .col-md-3.col-sm-12 img {
        max-height: 160px;
    }

    .ranking-area a.ranking-all-link {
        margin-top: 200px;
    }
    /* Rankings Ends */

    /* Details Overview Starts */
    .over-logo {
        width: 100%;
        text-align: center;
    }

        .over-logo img {
            width: 230px;
            margin-bottom: 30px;
        }

    .adm-misc .fa-circle {
        color: #b3c12c !important;
    }

    .Overview .less-tpad {
        display: inline-table;
        width: 100%;
    }

    .map-overlay {
        height: 180px !important;
    }

    .grey-bg {
        background: #E9E9E9 !important;
    }

        .grey-bg:first-child {
            page-break-before: always !important;
            /*margin-top: 280px !important;*/
        }

    .map-overlay {
        margin-top: -150px !important;
    }

    .collelist li {
        color: #B3C12C !important;
    }

    .Overview .divider {
        display: none;
    }

    .inner i, .stick-price, .stick-price-mid, .stick-price-mid span {
        color: #b3c12c !important;
    }

    /*.sub-sections-contents .collelist:nth-child(2n) {
        page-break-after: always !important;
        padding-top: 20px;
    }*/

    .Overview .progress .bg-info {
        background-color: #5BC0DE !important;
    }

    .Overview .col-xs-12.col-sm-12.col-md-6 {
        width: 100%;
    }

    .Overview .container-fluid #CollegeInformation {
        padding-top: 10px;
    }

    .rank-responsive-nav {
        min-width: 900px !important;
    }

    .rank-desk-nav .rank-dd-dnav li a {
        padding: 12px 18px 8px;
    }

    .intro-bar.ibtop {
        margin-top: 20px !important;
    }

    .rank-desk-nav {
        margin-top: -20px;
    }


    /* Details Overview Ends */

    /* Details Admissions Starts */
    .Admissions .less-tpad .col-sm-12 {
        display: inline-table;
        width: 50%;
    }

    .Admissions .progress {
        background: #ccc !important;
    }

    .Admissions .sub-sections {
        display: inline-table;
        width: 100%;
    }

    .adm-misc i, .aca-misc i {
        color: #fff !important;
        background-color: #b3c12c !important;
    }

    .adm-misc .col-xs-12.col-sm-12.col-md-3.flex-row {
        width: 120px;
    }

    .adm-misc .col-xs-12.col-sm-12.col-md-9.flex-row {
        width: 78%;
    }

    .textb .fa-question-circle {
        display: none;
    }

    .stick-price .flex-row .col-md-12, .stick-price span {
        color: #b3c12c !important;
    }

    .Admissions .overview a:link img, .Admissions .sub-sections a:link i, .Admissions .overview.ts-head a:link i {
        display: none;
    }

    .Admissions #myNavbar {
        display: none;
    }

    .Admissions .less-tpad {
        display: inline-block;
    }

    .Admissions .pie-female {
        color: #23A38F !important;
    }

    .Admissions .grey-bg .container.border-box .container-fluid {
        display: inline-block;
        margin-top: -31px;
    }

    .color-square.color1 {
        background-color: #BFC8E2 !important;
    }

    .color-square.color2 {
        background-color: #8DA2C6 !important;
    }

    .color-square.color3 {
        background-color: #7289B2 !important;
    }

    .color-square.color4 {
        background-color: #607DB1 !important;
    }

    .color-square.color5 {
        background-color: #32619E !important;
    }

    .Admissions .bg-info {
        background: #5BC0DE !important;
    }

    .Admissions .bg-success {
        background: #5CB85C !important;
    }

    .Admissions .grey-bg .container-fluid .col-sm-4.col-md-4:last-child .col-xs-12.col-md-6.valign-mid:last-child {
        margin-top: 15px !important;
    }

    _::-webkit-full-page-media, _:future, :root .Admissions .grey-bg .container-fluid .col-sm-4.col-md-4:last-child .col-xs-12.col-md-6.valign-mid:last-child {
        top: 20px !important;
    }

    _::-webkit-full-page-media, _:future, :root .Admissions .bg-info {
        background: #5BC0DE !important;
    }

    _::-webkit-full-page-media, _:future, :root .Admissions .bg-success {
        background: #5CB85C !important;
    }

    _::-webkit-full-page-media, _:future, :root .Admissions .grey-bg .container.border-box .container-fluid .flex-row .col-sm-4.col-md-4 .flex-row .col-xs-12.col-md-6.valign-mid {
        width: 100%;
        margin: 20px 0 0;
    }
    /* Details Admissions Ends */

    /* Details Cost Starts */
    .yen-cost .feed-back a {
        color: #fff !important;
        background: #cb2027 !important;
    }

    .view-all a, .view-all i {
        color: #fff !important;
        background: #b3c12c !important;
    }

    .netpriceranking-all {
        display: block !important;
    }

    .view-all, .shop-sheet {
        display: none;
    }

    .Financial .col-md-6.border-box.pie-graph {
        margin-left: -60px;
        height: 500px;
    }

    .Financial .col-md-5.border-box {
        margin-top: -460px;
        margin-left: 430px;
        position: absolute;
    }

    .stick-col .normal-link {
        display: block;
        margin-top: 10px;
    }

    .inner-hline {
        border-bottom: 1px solid #D1D1D1 !important;
    }

    .Financial .grey-bg .less-tpad {
        display: inline-table;
        width: 100%;
    }

    .Financial i, .bs-example .alert.alert-error, .Financial .stick-price img {
        display: none;
    }

    .Financial .container-fluid:nth-child(2n+2) .inner.head {
        page-break-before: always;
        padding-top: 20px;
    }

    #ToolbarForm #data-inputs .col-md-2.login-btn1 {
        width: 150px;
        margin-left: 45px !important;
    }

    #ToolbarForm #data-inputs .col-md-8.flex-row .search-textbox {
        margin-top: -40px !important;
        margin-left: 250px !important;
        width: 250px !important;
    }

    _::-webkit-full-page-media, _:future, :root #ToolbarForm #data-inputs .col-xs-12.col-sm-12.col-md-5.col-lg-5 {
        width: 100% !important;
    }

    #ranking-link-1 button.close {
        color: #CB2027 !important;
    }

    #ranking-link-1 .col-md-2.textn {
        width: 45% !important;
    }
    /* Details Cost Ends */

    /* Details Academic Starts */
    .Academic .search-textbox {
        width: 450px !important;
        background: #eee !important;
    }

    .Academic .page-nation-bar .search-textbox {
        width: 100px !important;
    }

    .Academic .heapBox .holder {
        width: 95% !important;
    }

    .Academic .col-sm-12 {
        width: auto;
    }

    .selc-type a {
        display: none;
    }

    .pagination {
        margin-left: 130px !important;
    }

    .Academic .footable > tfoot .pagination {
        margin-top: 0 !important;
        margin-left: 100px !important;
    }

    .Admissions #chart-containerp1legends .col-sm-6.col-md-6, .Admissions #chart-containerp2legends .col-sm-6.col-md-6 {
        width: 100%;
    }

    #divSortBy .selc-type, #divSortBySpecialized .selc-type {
        width: 370px !important;
    }

    #divSortBy .search-textbox, #divSortBySpecialized .search-textbox {
        width: 300px;
        float: right;
        margin-top: -40px;
    }

    _::-webkit-full-page-media, _:future, :root #divSortBy .search-textbox, _::-webkit-full-page-media, _:future, :root #divSortBySpecialized .search-textbox {
        margin-top: 0;
    }

    _::-webkit-full-page-media, _:future, :root #divSortBySpecialized {
        float: left !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        #divSortBy .selc-type, #divSortBySpecialized .selc-type {
            width: 570px !important;
        }
    }

    #chartobject-1 {
        top: 0 !important;
        margin-top: 0 !important;
    }

    _::-webkit-full-page-media, _:future, :root .Admissions #chart-containerp1, _::-webkit-full-page-media, _:future, :root .Admissions #chart-containerp2 {
        height: 340px !important;
    }

    _::-webkit-full-page-media, _:future, :root .grey-bg .sub-sections .aca-misc {
        margin-right: 50% !important;
    }
    /* Details Academic Ends */

    /* Details Majors Starts */
    .demo thead tr th {
        background: #b3c12c !important;
        color: #ffffff !important;
    }

        .demo thead tr th span, .demo thead tr th a i {
            display: none !important;
        }

    .col-xs-12.col-sm-12.col-md-6.col-lg-6.price-information {
        width: 100% !important;
    }

    .heapBox .handler {
        background: url(/Content/raptor/images/responsive/darkNormal.png) no-repeat center right !important;
    }

    .favorite-button span, .issearch-false a span {
        color: #ffffff !important;
    }

    .demo tbody .add-favorite {
        background-image: url("/Content/images/star-gray.png") !important;
    }

    .add-btn-active {
        background-color: #fff !important;
    }

    .navbar-default .navbar-collapse {
        border-color: #ffffff !important;
    }

    .ind-text, .sort-highlight {
        color: #b3c12c !important;
    }

    .pagination ul > .active > a {
        background-color: #f5f5f5 !important;
    }

    #MajorDataTableContainer .col-xs-12.col-sm-12.col-md-6 .pagination {
        margin-top: -30px !important;
    }

    .Academic .col-sm-12.col-md-2 .selc-type {
        width: 157px;
        display: block !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .majors-content .col-sm-12.col-md-5 .col-xs-12.col-sm-6.col-md-5 p span {
            min-width: 385px !important;
        }

        .Academic .col-sm-12.col-md-3 {
            width: 300px !important;
        }

        .Academic .col-sm-12.col-md-2 {
            margin-left: 113px !important;
        }
    }

    _::-webkit-full-page-media, _:future, :root .Academic .col-sm-12.col-md-3 {
        width: 300px !important;
    }

    _::-webkit-full-page-media, _:future, :root .Academic .col-sm-12.col-md-2 {
        margin-left: 113px !important;
    }

    _::-webkit-full-page-media, _:future, :root .majors-content .col-sm-12.col-md-5 .col-xs-12.col-sm-6.col-md-5 p span {
        white-space: nowrap !important;
        margin-left: -50px !important;
        position: absolute !important;
    }

    .demo thead tr th {
        white-space: nowrap !important;
    }

    .sub-sections {
        margin-top: -10px !important;
    }
    /* Details Majors Ends */

    /* Campus Life Starts */
    .Campus .table > tbody > tr > td {
        background-color: transparent !important;
    }

    .Campus .container-fluid.less-tpad .col-sm-6.col-md-6 {
        width: 100% !important;
    }

    .Campus .sub-sections .inner.head {
        margin-top: 10px;
    }

    .Campus .col-xs-12.col-sm-6.col-md-6.col-lg-6 .col-md-12 .col-md-12.flex-row {
        height: 80px !important;
    }
    /* Campus Life Ends */

    /* Details Safety Starts */
    .CollegeSafety .table > thead > tr > th:first-child {
        min-width: 350px !important;
    }

    .CollegeSafety .table > thead > tr > th:last-child, .CollegeSafety .table > tbody > tr > td:last-child {
        display: block !important;
    }

    .CollegeSafety .table > thead > tr > th, .CollegeSafety .table > tbody > tr > td {
        border-top: none !important;
        border-bottom: none !important;
    }

    .CollegeSafety .table > tbody > tr {
        border-top: none !important;
        border-bottom: 1px solid #DDD;
    }
    /* Details Safety Ends */

    /* Details Rankings Starts */
    .ranking-summary-rank .teamp i {
        color: #ffffff !important;
        background-color: #fab500 !important;
        width: 75px;
        display: block !important;
    }

    .ranking-summary-rank .fa-question-circle {
        display: none;
    }

    a.ranking-all-link, a.ranking-all-link i {
        color: #fff !important;
        background: #333 !important;
    }

    .ranking-all a i {
        color: #fff !important;
    }

    .col-xs-12.col-sm-12.col-md-1.col-lg-1.teamp {
        margin-left: 20px;
    }

    .rank-print {
        color: #fff !important;
    }

    .col-xs-12.col-sm-1.col-md-1.col-lg-1.number-text.number-text1 {
        padding: 0 !important;
        margin-left: -10px !important;
        text-align: center !important;
    }

    .mobi-line {
        min-width: 400px;
    }

    .col-xs-12.col-sm-6.col-md-4.col-lg-4.trophy-block {
        width: 44% !important;
        margin: 3% !important;
        display: block !important;
    }

        .col-xs-12.col-sm-6.col-md-4.col-lg-4.trophy-block .col-md-12.col-lg-5.number-text.number-text2 {
            width: 100% !important;
            margin-left: -25%;
            display: block !important;
        }

    _::-webkit-full-page-media, _:future, :root .ranking-all-list.col-xs-12.col-sm-7.col-md-8.col-lg-9.mobi-line {
        width: 100px;
    }

    .ranking-all a.ranking-all-link i {
        color: #FFF !important;
        display: inline-block !important;
    }

    .col-xs-12.col-sm-1.col-md-1.col-lg-1.number-text.number-text1, .col-md-12.col-lg-5.number-text.number-text2 {
        color: #A57803 !important;
    }

    .trophy-block {
        min-height: 123px !important;
    }

    .number-text2 {
        text-align: center !important;
    }
    /* Details Rankings Ends */

    .chart-containerp1 .col-md-8 {
        width: 500px !important;
    }

    /* Compare Starts */
    .table > thead > tr > th, .table > thead > tr > th:last-child {
        width: 180px !important;
    }

    .compare-print .tableinfo thead tr th {
        background: #cb2027 !important;
    }

    .compare-print .table > thead > tr > th:last-child {
        background: #f8b500 !important;
    }

    .compare-print .table > thead > tr > th:first-child {
        background: #ffffff !important;
        width: 280px !important;
    }

    .compare-print .table > tbody > tr:nth-child(odd) {
        background: #0f0 !important;
    }

    .compare-print .fa-check-circle {
        color: #319b05 !important;
    }

    .compare-print .fa-times-circle {
        color: #cb2027 !important;
    }

    .register-button {
        color: #fff !important;
        background-color: #cb2027 !important;
    }

    .tableinfo thead tr th:nth-child(2) span, .tableinfo thead tr th:nth-child(2) b, .textn span a {
        color: #fff !important;
    }

    .col-xs-12.col-sm-12.col-md-8.col-lg-6 {
        display: none;
    }
    /* Compare Ends */

    /* To Majors Starts */
    .majors-content .col-sm-12.col-md-5 .selc-type span {
        width: 30%;
        float: left;
    }

    .majors-content .col-sm-12.col-md-5.flex-row .search-textbox {
        width: 60%;
        margin-top: -30px;
        margin-left: 220px;
    }

    .majors-content .footable > tfoot .pagination {
        margin-top: -30px !important;
        margin-right: -20px !important;
    }

    .col-xs-12.col-sm-6.col-md-6.col-lg-6.stud-mtop.stud-mid-text .stick-price, .col-xs-12.col-sm-6.col-md-5.col-lg-5.stud-mtop.stud-mid-text .stick-price {
        color: #8c9a07 !important;
    }

    .col-xs-12.col-sm-6.col-md-6.col-lg-6 .stick-price-mid {
        color: #8c9a07 !important;
    }

    .stud-mtop1 {
        margin-top: 10px !important;
    }

    .table > thead > tr > th {
        border-right: 1px solid #B3C12C;
    }

        .table > thead > tr > th:last-child, .table > tbody > tr > td:last-child {
            display: none !important;
        }

    .textB .pie-female {
        color: #23a38f !important;
        padding-right: 3px;
    }

    _::-webkit-full-page-media, _:future, :root .col-xs-12.col-sm-12.col-md-6.col-lg-6.stud-mtop1.stud-mid-text {
        margin-top: 60px !important;
    }

    /* To Majors Ends */

    /* College Selection Starts */
    .c-selec {
        width: 750px;
    }

        .c-selec .col-xs-12.col-sm-12.col-md-6.col-lg-4 {
            width: 350px;
        }

    .c-selec-box {
        background-color: #f5f5f5 !important;
    }

        .c-selec-box .col-xs-12.col-md-4.logo-right.valign-top {
            text-align: center !important;
        }

        .c-selec-box .col-xs-12.col-md-8.c-selec-htext.valign-mid {
            text-align: center !important;
            height: 35px !important;
        }

    .c-selec .progress.progress-icon {
        background: #dddddd !important;
        height: 40px !important;
    }

    .c-selec .value-percentage {
        color: #000 !important;
    }

    .progress-bar-p3 {
        background: #40afe3 !important;
    }

    .progress-bar-p4 {
        background: #f88c00 !important;
    }

    .c-selec .progress {
        border-radius: 4px !important;
    }

    .res-sq .inner i {
        display: none !important;
    }

    .c-selec-box .col-xs-12.col-md-4.logo-right.valign-top {
        width: 90px;
        margin-left: -20px;
    }

    .c-selec-box .col-xs-12.col-md-8.c-selec-htext.valign-mid {
        width: 250px;
    }

    .c-selec-box .progress-bar-p2 {
        background-color: #23A38F !important;
    }

    .c-selec-box .progress-bar-p3 {
        background-color: #40AFE3 !important;
    }

    .progress.active .progress-bar strong {
        color: #000 !important;
    }

    _::-webkit-full-page-media, _:future, :root .progress-bar {
        background-color: #23A38F !important;
    }

    _::-webkit-full-page-media, _:future, :root .progress-bar-p3 {
        background: none repeat scroll 0 0 #40AFE3 !important;
    }

    _::-webkit-full-page-media, _:future, :root .progress-bar-p4 {
        background: none repeat scroll 0 0 #F88C00 !important;
    }
    /* College Selection Ends */

    /* My Colleges Starts */
    /*#tblMyColleges .table > thead > tr > th:last-child, #tblMyColleges .table > tbody > tr > td:last-child {display: block !important;}*/
    .progress-bar-p1 {
        background: #6eb301 !important;
    }

    .progress-bar-p2 {
        background: #23a38f !important;
    }

    .progress-bar-p3 {
        background: #40afe3 !important;
    }

    .progress-bar-p4 {
        background: #f88c00 !important;
    }

    .progress-bar-p5 {
        background: #cf3c40 !important;
    }
    /* My Colleges Ends */

    /* College Matches Starts */
    .intro-bar .price-information button.add-btn, #backgroundTrigger {
        display: none !important;
    }

    .float-left, #ApplyingSchoolTotal {
        color: #fff !important;
    }

    .intro-bar .col-xl-12.col-sm-12.col-md-5.border-box, .intro-bar .col-xl-10.col-sm-9.col-md-5.total-value.border-box.result-graph {
        width: 50% !important;
        float: left;
    }

    .result-left {
        width: 110% !important;
        background: #b3c12c !important;
        padding-bottom: 10px !important;
        margin: 0 -15px 0 -15px !important;
    }

    .result {
        background-color: #eee !important;
        margin-top: -5px !important;
    }

        .result-title, .result p {
            color: #fff !important;
        }

    .result-table #NewResultsDataTable thead th, .result-table #NewResultsDataTable tbody td {
        white-space: normal !important;
    }

    .result-table .table > tbody > tr > td:nth-child(9) .dollar {
        background-color: #b3c12c !important;
    }

    .table > tbody > tr > td:nth-child(9) .dollar i {
        color: #fff !important;
    }

    .result-table .table > tbody > tr > td:nth-child(9) img {
        display: block !important;
        margin-bottom: 3px !important;
    }

    .remove-favorite {
        background-image: url("/Content/images/star-blue.png") !important;
    }

    .pagination.pagination-left.page-nav {
        margin: -60px 0 0 -50px !important;
    }

    .value-percentage {
        color: #6EB301 !important;
    }

    .fa.fa-star.indicates.blue {
        color: #0066ff !important;
    }

    .result-table .col-md-6 {
        margin-top: 20px !important;
    }

    .green-btns {
        float: left !important;
    }

    .view-all button {
        background: #b3c12c !important;
    }

    .result-table .sort-highlight span {
        color: #b3c12c !important;
    }

    .indention .progress-striped {
        margin-left: 230px;
    }

    #table-responsive-container {
        width: 400px;
    }

    .bottom-wrapper.result-what-if span.button a {
        background: none repeat scroll 0 0 transparent !important;
    }

    .rectext {
        margin-left: 15px !important;
    }

    _::-webkit-full-page-media, _:future, :root .col-sm-12.col-md-4.border-box span.button {
        padding: 0 !important;
        margin: 0 !important;
        display: table-row !important;
    }

    .search-textbox.search-quick-add {
        margin-top: 5px !important;
    }

    .col-xs-12.col-sm-7.col-md-10 .indention-field .search-textbox {
        background: none !important;
    }

    #ddlSortByContainer {
        margin-left: -40px !important;
    }

    .qadd-disp {
        margin: -55px 0 0 -25px !important;
    }

        .qadd-disp .selc-type {
            margin: 15px 0 0 295px !important;
        }

    .hint-toggle ol li a {
        color: #cb2027 !important;
    }

    .ind-text div:nth-child(1) i:before {
        color: #b3c12c !important;
    }

    .ind-text div:nth-child(2) i:before {
        color: #0066ff !important
    }

    #hdpag .page-nav {
        margin-top: -70px !important;
    }

    .search-textbox.search-quick-add input[type="text"] {
        background-image: url("/Content/raptor/images/responsive/search.png") !important;
        background-repeat: no-repeat !important;
        background-position: 97% 10px !important;
    }

    #AcademicdetailsId .green-btns .view-all a, #AcademicdetailsId .green-btns .view-all button {
        color: #fff !important;
        background: #b3c12c !important;
        display: inline-block !important;
    }

    #AcademicdetailsId .result-btn .view-all {
        position: relative !important;
        display: inline-block !important;
    }

    #AcademicdetailsId .green-btns {
        float: right !important;
    }

    #AcademicdetailsId .table > tbody > tr > td:nth-last-child(3) {
        display: none !important;
    }

    #HighSchoolDiv .sort-highlight, #CouselorDiv .sort-highlight, #GroupRelationsDiv .sort-highlight, #ProductOwnersDiv .sort-highlight {
        display: inline-block !important;
    }

    #CouselorDiv, #GroupRelationsDiv, #ProductOwnersDiv, #HighSchoolDiv h3 {
        margin-left: -10px !important;
    }

    #HighSchoolDiv .footable {
        margin-left: 10px !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        #AcademicdetailsId .footable {
            min-width: 920px !important;
        }

        .qadd-disp {
            margin-left: -35px !important;
        }
    }

    _::-webkit-full-page-media, _:future, :root #AcademicdetailsId .page-nav {
        margin: -50px 0 0 140px !important;
    }

    _::-webkit-full-page-media, _:future, :root #AcademicdetailsId .green-btns {
        margin: 40px 0 40px -20px !important;
    }

    _::-webkit-full-page-media, _:future, :root #AcademicdetailsId .footable {
        min-width: 920px !important;
    }

    _::-webkit-full-page-media, _:future, :root .search-textbox.search-quick-add {
        margin-left: 9px !important;
    }

    _::-webkit-full-page-media, _:future, :root .pagination.pagination-left.page-nav {
        top: 35px !important;
        margin: 0 -30px 0 120px !important;
        position: absolute;
    }

    _::-webkit-full-page-media, _:future, :root .col-md-6 .ind-text {
        top: 40px !important;
        margin: 0 0 0 -325px !important;
        position: absolute;
    }
    /* College Matches Ends */

    /* Overall Ranking Starts */
    #Conference, #Control, #Region, #State, #ClassificationName, #Sports {
        display: block !important;
    }

    .panel-collapse .textb, div#accordion a, div#accordion span {
        color: #2B2B2B !important;
    }

    .textn.r-divider.mob-view.marg-left a {
        border-right: 1px solid #191919 !important;
    }
    /*.panel-collapse .collapse.in {
        clear: both !important;
        display: block !important;
    }*/

    #RankingsTableContainer1 {
        width: 105% !important;
    }

        #RankingsTableContainer1 .fa-arrow-up {
            color: green !important;
        }

        #RankingsTableContainer1 .fa-arrow-down {
            color: red !important;
        }

        #RankingsTableContainer1 .footable > tfoot .pagination {
            margin-top: -30px !important;
            margin-right: -25px !important;
        }

        #RankingsTableContainer1 .table > thead > tr > th:nth-child(5) {
            width: 101% !important;
            display: inline-block !important;
            text-align: center !important;
            border: 0;
        }

        #RankingsTableContainer1 .table > thead > tr > th:nth-child(7), #RankingsTableContainer1 .table > tbody > tr > td:nth-child(7) {
            display: none !important;
        }

        #RankingsTableContainer1 .sort-highlight span, #RankingsTableContainer1 .sort-highlight div, #RankingsTableContainer1 .sort-highlight a {
            color: #b3c12c !important;
        }

    .breadrumb.mob-view .fa-times-circle {
        color: #ADADAD !important;
    }

    .rank-print .col-md-6 {
        width: 600px !important;
        display: block !important;
    }

    .blue-box {
        background: #849fbc !important;
    }

        .blue-box h2, .blue-box p {
            color: #FFF !important;
        }

    .footable > tfoot .pagination {
        clear: both;
        top: 30px !important;
        right: 0 !important;
        display: block;
        position: absolute;
    }

    .page-nation-bar {
        margin-bottom: 10px !important;
    }

    #divSortBy .col-sm-12.col-md-9 {
        width: 55% !important;
        margin-right: 10px !important;
    }

        #divSortBy .col-sm-12.col-md-9 .selc-type {
            text-align: right !important;
        }

    #divSortBy .col-sm-12.col-md-3.flex-row {
        width: 300px !important;
    }

    #RankingsTableContainer1 #myDataTable .hide-if-no-paging .col-xs-12.col-sm-12.col-md-6 {
        margin: -45px 0 0 -25px !important;
    }

    #RankingsTableContainer1 #myDataTable .hide-if-no-paging .pagination ul > li > a {
        border-bottom: 2px solid #ddd !important;
    }

    _::-webkit-full-page-media, _:future, :root #RankingsTableContainer1 #myDataTable .hide-if-no-paging .col-xs-12.col-sm-12.col-md-6 {
        margin: 0 0 0 -21px !important;
    }

    _::-webkit-full-page-media, _:future, :root .footable > tfoot .pagination {
        clear: both;
        top: 30px !important;
        right: 0 !important;
        display: block;
        position: absolute;
    }

    _::-webkit-full-page-media, _:future, :root .page-nation-bar {
        margin-bottom: 10px !important;
    }
    /* Overall Ranking Ends */

    /* Quick Starts */
    #QuickCalc .col-md-7 {
        width: 60% !important;
    }

    #QuickCalc .col-md-5 {
        width: 40%;
    }

    #QuickCalc .student-data.col-md-7.col-sm-12 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #QuickCalc .int-content {
        margin: -9px 0 0 0 !important;
        background: #FAFAFA !important;
        border: 1px solid #F5F5F5;
        display: block;
    }

    #QuickCalc .d-sm-none {
        height: 150px !important;
        display: block !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        #QuickCalc .college-search.col-sm-12.col-md-4 {
            width: 300px !important;
        }
    }

    _::-webkit-full-page-media, _:future, :root #QuickCalc .college-search.col-sm-12.col-md-4 {
        width: 300px !important;
    }

    #QuickCalc .nav.bootstrap-fix {
        width: 196px;
    }

    #QuickCalc #mContainer .nav.bootstrap-fix {
        width: 236px !important;
    }

    #QuickCalc .exam-tab.organic-tab .nav.bootstrap-fix {
        width: 100% !important;
    }

    #QuickCalc #StudentBirthday .nav li, #QuickCalc #StudentBirthday .nav a {
        width: 95px;
    }

    #QuickCalc .exam-tab .heapBox .holder {
        width: 80% !important;
    }

    #QuickCalc .student-data .heapBox .holder, .int-content.FamilynFinancialInfo .heapBox .holder {
        max-width: 92% !important;
    }

    #QuickCalc .student-data .has-error .form-text, #QuickCalc .has-error .form-text, #QuickCalc .error.form-text i {
        color: #cb2027 !important;
    }

    #QuickCalc .error.form-text i {
        margin: 5px -10px 0 0 !important;
    }
    /* Quick Ends */

    /* Counselors Starts */
    .intro-wrapper span.title {
        font-size: 55px;
        line-height: 60px;
    }

    .test-content.black-text {
        color: #191919 !important;
    }

        .test-content.black-text a[style] {
            color: #cb2027 !important;
        }

    #mc_embed_signup .button {
        color: #fff !important;
        background-color: #cb2027 !important;
    }

    #mc_embed_signup .asterisk {
        color: #c60 !important;
    }

    .container .row.bottom-wrapper .row.bottom-wrapper {
        padding: 15px 0 0 0 !important;
    }

    #mc_embed_signup input {
        background: #eee !important;
    }
    /* Counselors Ends */

    /* College Search Starts */
    .qeasy-box {
        background-color: #f5f5f5 !important;
    }

    .arrow {
        margin: 0 0 0 -8px !important;
    }

        .arrow i {
            color: #191919 !important;
        }

    .getstart-button {
        color: #fff !important;
    }

    .qeasy-print {
        page-break-before: always;
        margin-top: 30px;
    }

    .qeasy-box .col-xs-12.col-sm-12.col-md-3.col-lg-3 {
        width: 28% !important;
    }

    .qeasy-box .col-xs-12.col-sm-12.col-md-1.col-lg-1 {
        width: 1% !important;
    }

    .text-caption.col-sm-4.col-md-3 {
        padding-right: 10px !important;
    }

    .inner #content h1, .inner #content h2 {
        color: #FFF !important;
        background: #b3c12c !important;
    }

    .inner #content .int-content h2 {
        color: #191919 !important;
        background: none !important;
        white-space: nowrap;
        margin-left: -50px !important;
    }

    .drager {
        background: #7e7e7e !important;
    }

    .dragdealer {
        background: #fff !important;
    }

    .dollar {
        color: #fff !important;
        background-color: #b3c12c !important;
    }

    .dragdealer .red-bar {
        background: #b3c12c !important;
    }

        .dragdealer .red-bar span {
            color: #FFF !important;
        }

    .col-xs-12.col-sm-12.col-md-4.col-lg-6 .bt-register-log {
        display: none;
    }

    .financial-tab .nav li a, .financial-tab .nav li span {
        background-image: url("/Content/raptor/images/responsive/grey-right.png") !important;
        background-repeat: no-repeat !important;
        line-height: 18px !important;
    }

        .financial-tab .nav li a.current, .financial-tab .nav li span.current {
            background-image: url("/Content/raptor/images/responsive/green-right.png") !important;
            background-repeat: no-repeat !important;
        }

    .financial-tab .nav {
        background: none !important;
    }

    .leftmargin {
        margin-left: 15px !important;
    }

    .data-style.left {
        ;
        margin-bottom: 30px !important;
    }

    #standard-container {
        display: inline-block;
        height: 300px;
    }

    .inner #content h3 {
        margin-top: -20px;
        display: inline-block;
    }

    #standard-container .college-search {
        width: 228px;
    }

    .inner .int-content .flex-row .student-data {
        width: 100%;
    }

    .big-error .error {
        color: #CB2027 !important;
    }

    .big-error {
        color: #CB2027 !important;
        background: url("/Content/raptor/images/responsive/error-icon.png") no-repeat scroll 23px 10px #F7DBDB !important;
    }

    _::-webkit-full-page-media, _:future, :root .heapBox .holder {
        width: 89% !important;
    }

    _::-webkit-full-page-media, _:future, :root .col-sm-12.col-md-10 .qeasy-box {
        width: 630px !important;
        margin-left: -50px;
    }

    _::-webkit-full-page-media, _:future, :root #Academic .expand-collapse {
        margin-top: 30px !important;
    }

    _::-webkit-full-page-media, _:future, :root #QuickCalc h3 {
        margin-top: 0;
    }

    .cr-tabs {
        width: 92%;
        margin: 10px;
        position: absolute;
    }

    .tab-pane {
        border: 2px solid #DDD !important;
    }

    .col-md-6.login-btn1 {
        clear: both;
        width: 120px;
    }

        .col-md-6.login-btn1 #btnCancel {
            margin: 0;
        }

    #mContainer {
        margin-bottom: 30px;
    }

    .act-sub .tooltip-caption, .sat-sub .tooltip-caption {
        margin: -5px 0 0 -90px !important;
        position: absolute;
    }

    .act-sub .subtest-checkbox-container, .sat-sub .subtest-checkbox-container {
        margin-top: -5px !important;
        margin-left: -40px !important;
        position: absolute;
    }

    .expand-collapse {
        height: 70px !important;
    }

    .both-width .search-textbox {
        background-color: transparent !important;
    }

    .int-tab .expand-collapse .act-sub .subtest-checkbox-container, .int-tab .expand-collapse .sat-sub .subtest-checkbox-container {
        left: 50px;
        top: 15px;
    }

    .int-tab .expand-collapse .act-sub .tooltip-caption {
        margin-top: -5px !important;
        margin-left: 20px !important;
        position: relative;
    }

    .int-tab .expand-collapse .sat-sub .tooltip-caption {
        margin-top: 5px !important;
        margin-left: 20px !important;
        position: relative;
    }
    /* College Search Ends */

    /* College Search Financial Admission Academics Starts */
    .result.result-graph {
        top: -8px;
    }

        .result.result-graph .progress-striped .progress-bar {
            background-image: none !important;
        }

            .result.result-graph .progress-striped .progress-bar strong {
                color: #fff !important;
            }

        .result.result-graph .progress-striped .bg-success {
            background-image: none !important;
        }

        .result.result-graph .bg-success {
            background-color: #6EB301 !important;
        }

        .result.result-graph .bg-info {
            background-color: #23A38F !important;
        }

        .result.result-graph .progress-bar-warning {
            background-color: #27A8E1 !important;
        }

        .result.result-graph .progress-bar-danger {
            background-color: #F88C00 !important;
        }

        .result.result-graph .progress-bar-danger1 {
            background-color: #CB2027 !important;
        }

    .col-xs-12.col-sm-6.col-md-6.col-lg-4, .col-xs-12.col-sm-6.col-md-6.col-lg-3 {
        width: 330px;
        margin: 0 !important;
    }

    .text-caption.col-sm-4.col-md-3 {
        white-space: nowrap;
    }

    .col-xs-12.col-sm-6.col-md-6.col-lg-3 .search-textbox {
        background: none repeat scroll 0 0 transparent !important;
    }

    .search-textbox.search-quick-add {
        width: 300px;
        margin-left: 10px;
    }

    .has-js .progress-bar1 label.c_on {
        background: url("/Content/raptor/images/responsive/p-bar-select.png") no-repeat scroll 0 0 transparent !important;
    }

    #table-responsive-container {
        width: 710px !important;
        margin-left: -20px;
    }

    .intro-bar.shrink .result-graph.subhead-txt {
        padding: 20px !important;
    }

    table#NewResultsDataTable > thead > tr > th:nth-last-child(-n+3), table#NewResultsDataTable > tbody > tr > td:nth-last-child(-n+3) {
        width: 30px !important;
        display: none;
    }

    .result-table .col-md-6 {
        margin-top: 0 !important;
    }

        .result-table .col-md-6 .ind-text {
            float: left;
            margin-top: 10px !important;
        }

    .result-table .col-xs-12.col-sm-6.col-md-6.page-nation-bar {
        margin-top: -10px !important;
    }

    .result-table .col-xs-12.col-sm-12.col-md-6 .pagination.pagination-left.page-nav {
        margin-top: -50px !important;
    }

    _::-webkit-full-page-media, _:future, :root .result.result-graph .progress.progress-striped.active.midfit {
        margin-top: 0 !important;
        display: block;
        position: absolute;
    }

    .Financial .sub-sections .col-md-5 {
        max-width: 30% !important;
        display: inline-block !important;
    }

    .Financial .sub-sections .col-md-6 {
        max-width: 50% !important;
        display: inline-block !important;
    }

    .Financial .sub-sections .col-md-7 {
        max-width: 68% !important;
        display: inline-block !important;
    }

    .Financial .sub-sections .col-md-9.row, .Financial .sub-sections .col-md-9.flex-row .col-sm-12.col-md-4.fca-note {
        min-width: 100% !important;
        display: inline-block !important;
    }

        .Financial .sub-sections .col-md-9.flex-row .col-sm-12.col-md-4.fca-note {
            margin: 50px 0 0 -15px !important;
        }

        .Financial .sub-sections .col-md-9.flex-row .col-md-8 {
            max-width: 78% !important;
        }

    .Financial .paying-legends {
        margin: 2px 0 !important;
    }

    .Financial .shop-sheet {
        display: block !important;
    }
    /* College Search Financial Admission Academics Ends */

    /* Full Calc Starts */
    #AdvancedCalc .intro-bar.ibtop {
        margin-top: -30px !important;
    }

    .col-xs-12.col-sm-12.col-md-12.col-lg-12.mob-wiz #tmm-form-wizard {
        margin: 0 0 10px 5px !important;
    }

    #step1 fieldset .indention-field {
        margin-bottom: 0 !important;
    }

    #tooltip {
        display: none !important;
    }

    #AdvancedCalc .error-message.flex-row h4 {
        color: red !important;
        background-color: rgb(247, 219, 219) !important;
        margin-left: -20px !important;
        padding-left: 20px !important;
    }

    #AdvancedCalc #ErrorDiv {
        margin-left: -15px !important;
    }

        #AdvancedCalc #ErrorDiv h4 {
            color: #cb2027 !important;
            font-size: 20px !important;
        }

    .error-wrapper .error {
        color: #cb2027 !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        #AdvancedCalc .formwizard-footer.row.process-block {
            width: 900px !important;
            display: inline-block;
            background-color: #f9f9f9 !important;
        }

        .navigations.col-xs-12.col-sm-6.col-md-3.back-next {
            text-align: right !important;
            margin: -30px 10px 0 0 !important;
            position: relative;
        }

        .col-sm-8.col-md-8 .tooltip-caption .title {
            margin-left: 15px !important;
        }
    }

    _::-webkit-full-page-media, _:future, :root #AdvancedCalc .formwizard-footer.row.process-block {
        background-color: #f9f9f9 !important;
    }

    _::-webkit-full-page-media, _:future, :root .formwizard-footer .bg-success {
        background-color: #b3c12c !important;
    }

    _::-webkit-full-page-media, _:future, :root fieldset .form-horizontal .col-sm-8.col-md-8 {
        width: 90% !important;
    }

        _::-webkit-full-page-media, _:future, :root fieldset .form-horizontal .col-sm-8.col-md-8 .title {
            width: 150% !important;
        }

    _::-webkit-full-page-media, _:future, :root #tmm-form-wizard .stage::before, _::-webkit-full-page-media, _:future, :root #tmm-form-wizard .stage::after {
        border: 0 !important;
    }
    /* Full Calc Ends */

    /* Full Profile Starts */
    #MainMenu .list-group-item-success, #MainMenu .collapse.in a, #MainMenu a.list-group-item-success:focus {
        background-color: #e8e8e8 !important;
    }

    .right-text-panel .mob-tip {
        display: none !important;
    }

    .left-menu-panel .profile-nav .collapse {
        display: none !important;
    }

        .left-menu-panel .profile-nav .collapse.in {
            display: block !important;
        }

    .col-xs-12.col-sm-5.col-md-5.col-lg-4.sub-head.valign-mid a i, .col-xs-12.col-sm-5.col-md-5.col-lg-4.sub-head.valign-mid a span {
        color: #5c5c5c !important;
    }

    .right-text-panel .footable {
        width: 100% !important;
    }

    .left-menu-panel {
        width: 30% !important;
    }

    .right-text-panel {
        width: 65% !important;
    }

        .right-text-panel .col-xs-12.col-sm-12.col-md-5 {
            width: 40% !important;
        }

        .right-text-panel .col-xs-12.col-sm-12.col-md-6 {
            width: 60% !important;
        }

        .right-text-panel .col-xs-12.col-sm-12.col-md-5 .title {
            width: 120% !important;
        }

        .right-text-panel .search-datebox {
            background: #eee !important;
        }

        .right-text-panel #major-selected-box, .right-text-panel #prefer-selected-box, .right-text-panel #exclude-selected-box {
            height: 125px !important;
            background-color: #eee;
            display: block !important;
        }

    _::-webkit-full-page-media, _:future, :root .bg-success {
        background-color: #5cb85c !important;
    }
    /* Full Profile Ends */

    /* Register Starts */
    .reg-print .social-btns {
        width: 200px !important;
    }

    .reg-print button, .reg-print .btn-primary i {
        color: #fff !important;
    }

    .reg-print {
        height: 1050px;
    }

        .reg-print .login-boxpad .valign-mid {
            width: 80px;
            left: 250px;
            position: absolute;
        }

        .reg-print .crlogin.signup-window .crlogin.hr-divider {
            background-color: #a3a3a3 !important;
        }

        .reg-print .normal-signup {
            width: 400px;
            margin-left: 60px;
        }

        .reg-print .col-md-4.login-btn1 {
            margin-left: -205px !important;
        }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .reg-print .social-btns {
            margin-left: 200px !important;
        }

        .reg-print .crlogin.signup-window .crlogin.hr-divider {
            height: 400px !important;
            background-color: #a3a3a3 !important;
        }

            .reg-print .crlogin.signup-window .crlogin.hr-divider::before {
                top: 90px !important;
            }

        .reg-print {
            height: 975px;
        }
    }

    _::-webkit-full-page-media, _:future, :root .reg-print {
        height: 950px;
    }

        _::-webkit-full-page-media, _:future, :root .reg-print #btnSubmit {
            width: 230px;
            margin-top: 20px !important;
        }

    /* Register Ends */

    /* LogOn Starts */
    .login-boxpad .col-xs-12.col-sm-12.col-md-6.col-md-pull-4 {
        width: 400px !important;
        float: left !important;
    }

    .login-boxpad .col-xs-12.col-sm-12.col-md-1.col-md-push-3 {
        width: 20px !important;
    }

    .login-boxpad .col-xs-12.col-sm-12.col-md-3.col-md-push-7 {
        width: 250px !important;
        margin-top: 40px !important;
        float: right !important;
        left: -15px;
    }

    .login-print .col-xs-12.col-sm-12.col-md-1.col-md-push-3 .crlogin.hr-divider {
        left: 400px;
        height: 180px !important;
        margin-top: 20px !important;
    }

    #LogOnForm .logon-labels {
        margin-left: -45px;
    }

    #LogOnForm .col-md-8 .col-xs-12.col-sm-12.col-md-7 {
        margin-left: -200px !important;
    }

    #LogOnForm #btnLogin {
        margin: 40px 0 0 -340px !important;
    }

    #LogOnForm .forgetpwd {
        margin: 20px 0 0 0 !important;
    }

    .crlogin.signup-window .crlogin.hr-divider {
        background-color: #a3a3a3 !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .crlogin.signup-window .crlogin.hr-divider::before {
            margin: 70px 0 0 -25px !important;
        }

        .crlogin.signup-window .sns-signin.fbk {
            margin: -50px 0 0 -200px !important;
        }

        .crlogin.signup-window .sns-signin.twr {
            margin: 60px 0 0 -225px !important;
        }

        .crlogin.signup-window .crlogin.hr-divider {
            height: 1px !important;
            margin: 0 auto !important;
            margin-bottom: 40px !important;
            background-color: #a3a3a3 !important;
            position: relative !important;
        }

            .crlogin.signup-window .crlogin.hr-divider::before {
                top: -25px !important;
                left: 46% !important;
            }
    }

    .login-print .crlogin.hr-divider:before {
        top: 50px !important;
    }

    .login-print .col-xs-12.col-sm-12.col-md-3.col-md-push-7 {
        margin-top: -25px;
    }

    .login-print .btn.green i, .login-print button, .login-print button i {
        color: #fff !important;
    }

    .login-print .login-btn1 {
        width: 200px;
        margin-bottom: -1px !important;
        left: 165px;
    }

    .login-print .checkbox, .login-print .forgetpwd {
        margin-left: 170px !important;
        top: -10px;
        left: -15px;
    }

    .login-print .col-xs-12.col-sm-12.col-md-8 {
        margin-left: -50px !important;
    }

    .login-print .col-xs-12.col-sm-12.col-md-7, .login-btn1, .forgetpwd {
        margin-left: -25px !important;
        display: inline-block;
        white-space: nowrap;
    }

    /*_::-webkit-full-page-media, _:future, :root .login-print {
        height: 300px !important;
    }

    _::-webkit-full-page-media, _:future, :root .normal-signup {
        position: fixed;
        margin-top: -30px !important;
    }*/

    _::-webkit-full-page-media, _:future, :root .col-xs-12.col-sm-12.col-md-6.col-md-pull-4 .normal-signup {
        margin-left: 540px;
    }

    _::-webkit-full-page-media, _:future, :root .col-xs-12.col-sm-12.col-md-1.col-md-push-3 {
        margin-left: -60px;
    }

    _::-webkit-full-page-media, _:future, :root .col-md-8 .col-xs-12.col-sm-12.col-md-7 {
        left: -35px;
    }

    _::-webkit-full-page-media, _:future, :root #LogOnForm #btnLogin {
        margin: 0 0 0 -205px !important;
    }

    _::-webkit-full-page-media, _:future, :root #LogOnForm .forgetpwd {
        margin-left: -35px !important;
    }

    _::-webkit-full-page-media, _:future, :root #LogOnForm {
        margin-top: 50px;
    }

        _::-webkit-full-page-media, _:future, :root #LogOnForm .form-group {
            width: 500px !important;
            height: 50px !important;
            margin: 10px 0 0 -200px;
        }

            _::-webkit-full-page-media, _:future, :root #LogOnForm .form-group input {
                margin-left: 50px;
            }
    /*.crlogin.signup-window input[type="text"]{ width: 100% !important;display: block !important;background-color: #a3a3a3 !important;}*/

    /* LogOn Ends */

    /* Account Related Starts */
    .grey-bgrd {
        width: 700px;
    }

    .col-xs-12.col-sm-12.col-md-7.flex-row {
        position: fixed;
        margin-top: 10px !important;
        margin-left: -10px !important;
    }

    #ChangePassword {
        margin-left: 25px !important;
    }

    .login-btn1 #btnSubmit {
        display: block !important;
        margin: 0 0 0 205px !important;
    }

    #FeedbackForm .col-md-12.login-btn1.flex-row {
        width: 100% !important;
        margin-left: -15px !important;
    }

    #FeedbackForm .form-control {
        border: 0 !important;
        -webkit-filter: blur(0);
    }

    #changeForm .btn-primary {
        color: #fff !important;
        background-color: #428bca !important;
    }

    .actupd-print .intro-bar.shrink .sub-head {
        margin-top: -10px !important;
    }

    .actupd-print .intro-bar.shrink .col-sm-7.head-btns {
        margin-top: -20px !important;
    }

    .actupd-print .col-sm-7.head-btns {
        margin: -40px 0 0 300px !important;
    }

    .actupd-print .crlogin.signup-window input[type="text"] {
        margin-bottom: 10px !important;
    }

    .actupd-print .col-xs-12.col-sm-12.col-md-5 .input-box .logon-labels {
        text-align: left !important;
    }

    .actupd-print .form-group div:nth-child(1) {
        width: 300px;
    }

    .actupd-print .form-group.lbl-tpad {
        white-space: nowrap;
        ;
        margin-left: -130px;
    }

    .actupd-print .col-md-pull-0 {
        right: auto !important;
        margin-left: 126px;
        height: 30px;
    }

    .actupd-print #Email {
        width: 300px;
        background-color: #fff !important;
    }

    .actupd-print #ImpersonateUser {
        width: 260px;
        margin: -40px 0 0 300px;
        background-color: #fff !important;
    }

    .actupd-print .col-xs-12.col-sm-12.col-md-7.flex-row {
        margin: 85px 0 0 0 !important;
        position: absolute;
    }

    .actupd-print .col-xs-12.col-sm-12.col-md-5.col-lg-5 {
        margin-left: -15px !important;
    }

    .actupd-print .form-group.lbl-tpad.lbl-rtpad {
        margin-left: 0 !important;
        white-space: normal;
    }

        .actupd-print .form-group.lbl-tpad.lbl-rtpad .col-xs-12.col-sm-12.col-md-7 {
            margin: -30px 0 0 300px !important;
        }

    .actupd-print .au-btn {
        margin: 40px 0 0 285px !important;
        width: 325px !important;
    }

    .actupd-print .form-group {
        margin-top: -20px;
    }

    .act-notif-badge {
        background-color: #f45a00 !important;
    }

    .mycol {
        background-color: #888686 !important;
    }

    #TeamMembersTable .pagination.pagination-left.page-nav {
        margin-top: -70px !important;
    }

    .hs-counselors .table > tbody > tr > td:nth-last-child(2) {
        display: block !important;
    }

    .col-sm-12.col-md-4.border-box.addcounselor {
        width: 33.33333333%;
    }

    #StudentsTable .table > tbody > tr {
        border-bottom: 1px solid #ddd;
    }

        #StudentsTable .table > tbody > tr > td:nth-child(5) {
            display: block !important;
            border-top: none;
        }

    #StudentsTable .col-xs-12.col-sm-6.col-md-4, #StudentsTable .col-xs-12.col-sm-12.col-md-2 {
        width: 30% !important;
    }

    #CounselorsTable .footable > tfoot .pagination {
        margin: -40px 60px 0 0 !important;
    }

    .r-gray {
        background-color: #C0C0C0 !important;
    }

    .r-green {
        background-color: #b3c12c !important;
    }

    .badge {
        color: #fff !important;
        background-color: #f45a00 !important;
    }

    button.add-btn i {
        color: #5C5C5C !important;
    }

    .couns-adm-msg {
        background-color: #849fbc !important;
    }

        .couns-adm-msg i, .couns-adm-msg h2, .couns-adm-msg h4, .couns-adm-msg h5 {
            color: #fff !important;
        }

    .manage-std .table > tbody > tr > td:nth-child(1), .manage-team .table > tbody > tr > td:nth-child(1) {
        white-space: nowrap !important;
        display: block !important;
    }

    .manage-std .table > tbody > tr, .manage-team .table > tbody > tr {
        border: none !important;
    }

    .manage-team .textn .try.col-md-12.col-sm-12.center-text {
        white-space: nowrap !important;
    }

    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .actupd-print .form-group {
            margin-top: -15px;
        }

        .actupd-print .grey-bgrd {
            min-height: 595px !important;
        }

        .footable {
            width: 900px !important;
            margin-left: 10px;
        }

        .round-box.r-green.MessageBtn .badge-space i {
            margin-top: 37px !important;
            position: relative !important;
            display: inline-block !important;
        }

        .manageTM .footable-visible .badge {
            top: -45px !important;
            left: 20px !important;
        }
    }

    .actupd-print .grey-bgrd {
        min-height: 525px !important;
    }

    _::-webkit-full-page-media, _:future, :root .footable {
        width: 900px !important;
        margin-left: 10px;
    }

    _::-webkit-full-page-media, _:future, :root .actupd-print .form-group {
        margin-top: -10px;
    }

    _::-webkit-full-page-media, _:future, :root .actupd-print .grey-bgrd {
        min-height: 550px !important;
    }

    _::-webkit-full-page-media, _:future, :root .lbl-tpad .chk-labels {
        right: -130px !important;
    }

    _::-webkit-full-page-media, _:future, :root .normal-signup .textn {
        margin-top: -25px;
    }

    _::-webkit-full-page-media, _:future, :root #TeamMembersTable .manage-team table {
        width: 900px !important;
        margin-left: 10px;
    }

    _::-webkit-full-page-media, _:future, :root .manage-team .footable, _::-webkit-full-page-media, _:future, :root .manage-std .footable {
        min-width: 900px !important;
    }

    _::-webkit-full-page-media, _:future, :root .manage-team .pagination.pagination-left.page-nav {
        top: 70px !important;
    }

    _::-webkit-full-page-media, _:future, :root #UpdateForm .login-boxpad .grey-bgrd {
        height: 400px !important;
        margin-top: -20px !important;
        padding-top: 30px !important;
    }

    _::-webkit-full-page-media, _:future, :root #changeForm .login-boxpad .grey-bgrd {
        width: 680px;
        height: 350px !important;
        margin-top: -20px !important;
        padding-top: 30px !important;
    }

    _::-webkit-full-page-media, _:future, :root .signup-window .login-boxpad .grey-bgrd {
        height: 180px !important;
        margin-top: -20px !important;
        padding-top: 30px !important;
    }

        _::-webkit-full-page-media, _:future, :root .signup-window .login-boxpad .grey-bgrd .login-btn1 {
            margin-left: -225px !important;
            top: 5px;
        }

    _::-webkit-full-page-media, _:future, :root #ChangePassword {
        margin-left: 225px !important;
    }
    /* Account Related Ends */
}
/*===== Print Media Query End ============================================================= */

#wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}


.body-wrapper, .container, #container {
    flex-grow: 1;
    /*margin-bottom: -160px; */
}

.link-style-btn {
    margin-bottom: 80px;
}

    .link-style-btn a {
        font-size: 20px;
        color: #fff;
        margin-bottom: 5px;
        /*text-decoration: underline;*/
    }

        .link-style-btn a span {
            border-bottom: 1.5px solid #fff;
        }

        .link-style-btn a:hover > span {
            border-bottom: 0;
        }

        .link-style-btn a i {
            margin-right: 5px;
            font-size: 15px;
            color: #f8b500;
        }


.link-style-btn-2 {
    margin-bottom: 80px;
}

    .link-style-btn-2 a {
        font-size: 20px;
        color: #fff;
        margin-bottom: 5px;
        /*text-decoration: underline;*/
    }

        /*.link-style-btn-2 a span {
    border-bottom: 1.5px solid #fff;
}

.link-style-btn-2 a:hover > span {
    border-bottom: 0;
}*/

        .link-style-btn-2 a i {
            margin-left: 5px;
        }

.home_btn_pannel {
    margin-bottom: 80px;
}

    .home_btn_pannel i {
        margin-left: 15px;
    }

.btn_discover_college {
    margin-bottom: 10px;
    display: block;
    border: 0 !important;
}

.ads {
    text-align: center;
    background-color: orange;
}

    .ads._468x60 {
        width: 468px;
        height: 60px;
    }

    .ads._970x90 {
        width: 970px;
        height: 90px;
        margin: 50px auto;
    }

.stickyt110 {
    top: 110px !important;
}

.stickyt0 {
    top: 0px !important;
}

#search-college {
    position: relative;
    vertical-align: top;
}

.search-result-panel {
    /*height: 250px;*/
    background-color: #fff;
    position: absolute;
    width: 285px;
    z-index: 6000;
    border-radius: 7px;
    padding-top: 10px;
    box-shadow: 2px 2px 2px #888888;
}

.search-result-panel-items {
    max-height: 230px;
}

.search-result-group-items {
    margin: 5px 15px 15px 20px;
}

.search-result-group-header {
    font-size: 18px;
    border-bottom: 2px solid #c0c0c0;
    margin-bottom: 10px;
}

.search-result-items li {
    cursor: pointer;
    margin: 15px 0;
    font: 12px 'trebuchet MS','Lucida sans',Arial;
    padding: 0px;
}

    .search-result-items li a {
        color: #191919 !important;
        margin: 0px;
        width: 100%;
        display: block;
        height: 100%;
    }

    .search-result-items li:hover a, .search-result-items li.active a {
        text-decoration: underline;
    }

@media only screen and (min-device-width: 480px) and (max-device-width: 766px) {
    .search-result-panel {
        width: 98.5%;
    }
}

@media only screen and (max-width : 479px) {
    .search-result-panel {
        width: 98.5%;
    }
}

.preload {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.test-right div {
    padding-right: 35px;
}

    .test-right div span {
        font-size: 20px;
        display: inline-block;
        background-color: #0aacff;
    }

        .test-right div span.started a {
            color: #fff;
            padding: 15px 25px 15px 35px;
            text-transform: uppercase;
            font-weight: normal;
            display: block;
        }

.tooltip {
    display: inline-block !important;
    opacity: 1;
    text-align: center;
    position: unset;
    z-index: 1;
}

    .tooltip.round-box.r-green {
        display: block !important;
    }

div#tooltip {
    max-width: 280px !important;
    text-align: left;
}

    div#tooltip.adjusted-width-for-content {
        max-width: 500px !important;
    }

    div#tooltip a {
        font-weight: bold;
        text-decoration: underline;
        color: #fff;
    }


.iowasl-elem.iowasl-false {
    display: none;
}

.social-btnsgrp button span {
    display: inline-block;
    text-align: center;
    width: 80%;
}

@media (max-width: 336px) {
    iframe#slf-frame-widget {
        height: 500px;
    }
}

.head {
    color: #191919 !important;
}

/* Enrollment Services */


.cr-wrapper.college-page .header-menu .trans-header .cr-menu-main {
    text-align: right;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu {
    display: none;
    min-width: 100px;
    max-width: 100%;
    position: absolute;
    z-index: 1000;
    left: auto;
    background-color: #f4f4f4;
    top: auto;
    border-bottom: 0;
    width: 250px;
    margin-left: -13px;
}

    .cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu ul.second-level-menu {
        display: block;
    }

        .cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu ul.second-level-menu li {
            color: #000;
            width: 100% !important;
            text-align: left;
            padding-left: 24px;
        }

.cr-wrapper.college-page .header-menu .trans-header ul {
    display: inline-block;
}

.cr-wrapper.college-page .request-demo-panel a {
    color: #fff;
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 0 2px 1px;
    font-size: 14px;
    font-weight: bold;
}

.cr-wrapper.college-page .enrollment-mobile-nav .request-demo-panel a.enrollment-mobile-login-button {
    background-color: #007bbd;
    width: 115px;
    margin-right: 15px;
}

.cr-wrapper.college-page .enrollment-mobile-nav .request-demo-panel a.enrollment-mobile-request-demo-button {
    background-color: #c91f27;
    width: 195px;
}

.cr-wrapper.college-page .enrollment-mobile-nav .login-reg-panel .request-demo-panel a {
    padding: 12px 1px;
    border-radius: 20px;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu#getting-in-submenu ul.second-level-menu li,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-green:hover,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-green.active {
    background-color: #8bc12d;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu#paying-for-college-submenu ul.second-level-menu li,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-red:hover,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-red.active {
    background-color: #ca1f27;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu#find-colleges-submenu ul.second-level-menu li,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-blue:hover,
.cr-wrapper.college-page .header-menu .trans-header ul li.border-left-blue.active {
    background-color: #0babff;
}

.cr-wrapper.college-page .header-menu .trans-header ul li:hover > a,
.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu ul.second-level-menu li a {
    color: #fff;
    font-size: 14px;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu ul.second-level-menu li:hover a,
.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu ul.second-level-menu li.active a {
    color: #dbd7d7 !important;
}

.cr-wrapper.college-page .header-menu .trans-header .trans-sub-menu {
    border: none;
}

.college-page .college-options {
    margin-bottom: 18px;
}

    .college-page .college-options p {
        border: 5px #87e387 solid;
        text-align: center;
        font-size: 45px;
        height: 380px;
        display: table;
        width: 100%;
    }

        .college-page .college-options p > a {
            vertical-align: middle;
            display: table-cell;
            background-color: #3c3c3c;
            text-decoration: none;
        }

            .college-page .college-options p > a > strong {
                color: #fff;
                display: block;
            }

            .college-page .college-options p > a > img {
                max-width: 200px;
                max-height: 200px;
            }

.cr-wrapper.college-page .page-standard > h1 {
    text-align: center;
    font-family: "Fira Sans";
    color: #2a19b2;
    margin: 50px auto 20px;
}

.cr-wrapper.college-page p.college-content {
    background-color: #ccc;
    padding: 25px;
    font-family: "Fira Sans";
    font-size: 17px;
    margin-bottom: 25px;
}

.cr-wrapper.college-page .college-netprice-content {
    margin-bottom: 60px;
}

.cr-wrapper.college-page .college-netprice-row {
    padding: 50px;
    margin-left: -13%;
    margin-right: -13%;
    padding-left: 14%;
    padding-right: 14%;
}

    .cr-wrapper.college-page .college-netprice-row h2 {
        text-align: left;
        font-family: "Fira Sans";
        color: #2a19b2;
        font-weight: 600;
    }

    .cr-wrapper.college-page .college-netprice-row.gray-row {
        background-color: #f1f2f2;
    }

    .cr-wrapper.college-page .college-netprice-row .img-column p {
        width: 200px;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .cr-wrapper.college-page .college-netprice-row .img-column img {
        width: 100%;
        height: 100%;
    }

.cr-wrapper.college-page .college-netprice-disclaimer {
    padding: 50px 30px;
    color: #2a19b2;
    font-size: 20px;
}

.cr-wrapper.college-page .college-netprice-video {
    width: 900px;
    height: 500px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
}

.trans-menu-item.border-left-green .row.trans-sub-menu ul.second-level-menu li {
    background-color: #8bc12d;
}

.trans-menu-item.border-left-blue .row.trans-sub-menu ul.second-level-menu li {
    background-color: #0babff;
}

.trans-menu-item.border-left-red .row.trans-sub-menu ul.second-level-menu li {
    background-color: #ca1f27;
}

.cr-wrapper.college-page .trans-header ul li {
    font-size: 14px;
    width: 130px;
    margin-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .cr-wrapper.college-page .trans-header ul li a.enrollment-services-login-btn,
    .cr-wrapper.college-page .trans-header ul li a:hover.enrollment-services-login-btn,
    .cr-wrapper.college-page .trans-header ul li:hover a.enrollment-services-login-btn {
        color: #222 !important;
    }

.slick-prev:before,
.slick-next:before {
    color: #050505;
}

.college-page .container {
    overflow-x: unset;
}

.slider-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.slick-slide img {
    max-width: 100%;
}

.ads-carousel .slick-slide .testimonial-content .col-md-4 img {
    max-width: 140px;
}

.college-page .container {
    overflow-x: unset;
}

@media (max-width: 1151px) {
    .college-page .college-options p > a > strong {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    .cr-wrapper.college-page .college-netprice-row h2 {
        text-align: center;
    }

    div#sib_captcha > div {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .quote-author div[class^='col-md-'] {
        width: 100%;
        text-align: center !important;
    }

        .quote-author div[class^='col-md-'] img {
            display: inline;
        }
}

@media (max-width: 400px) {
    .row.carousel-ad-container {
        margin-left: 0;
        margin-right: 0;
    }
}

.testimonial-content.flex-row > div {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.slick-slide .quote-author img.lazyloaded {
    transition: none;
    transition-delay: 0ms;
}

.cr-wrapper.college-page .new-enrollment-header-nav .trans-header .cr-menu-main ul li:first-child() {
    text-align: right;
}

.new-enrollment-header-nav__headertext {
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
    margin: 17px 0 8px 18.5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}

.cr-wrapper .new-enrollment-header-nav .trans-header ul li {
    width: auto;
}

.new-enrollment-header-nav__headertext p {
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #222;
}

.cr-wrapper .cr-logo {
    text-align: left;
}

.mobile-mode .cr-logo {
    text-align: center;
}

.mobile-mode .menu-navigation,
.mobile-mode .menu-navigation i.fa.fa-bars {
    color: #c91f27;
}

.cr-wrapper .trans-header {
    background-color: #fff;
}

/* End Enrollment Services */


/*@font-face {
    font-family: Cabin;
    src: url('/Content/fonts/Cabin-Regular.otf');
}
*/

:root {
    /*CSS variables for rebrand color pallete*/
    /*TODO: Determine which is considered, primary, secondary, etc colors.
        for now this is named based on the color prefixed by the theme
    */
    --rebrand-main-green: #008555;
    --rebrand-primary-font-family: "Fira Sans";
    --rebrand-button-orange: #d93d00;
    --rebrand-general-orange: #d93d00;
}

body {
    background: #fff;
    font: 12px var(--rebrand-primary-font-family);
    margin: 0;
    color: #191919;
}

.sub-head h1, .intro-bar h1 {
    font-family: "Fira Sans";
    font-size: 25px;
    color: #5C5C5C;
    margin: 0;
    width: 100%;
}

.price-information span, .price-information h1, .intro-bar .price-information h1 {
    font-family: "Fira Sans";
    font-size: 22px;
    color: #231F20;
}

.textn {
    font-family: "Fira Sans";
    font-size: 16px;
    margin: 5px 0;
    line-height: 150%;
}

.textb, .textB {
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.contacttxt {
    font-family: "Fira Sans";
}

.normal-link {
    font-family: "Fira Sans";
}

.inner i {
    font-size: 24px;
    color: #008555;
}

.inner-container .bullets-green i.fa-circle,
.inner-container .bullets-green i.fa-circle-o {
    font-size: 8px;
}
@font-face {
    font-family: PoppinsRegular;
    src: url(/Content/raptor/fonts/menu/Poppins-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: PoppinsBold;
    src: url(/Content/raptor/fonts/menu/Poppins-Bold.ttf);
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url(/Content/raptor/fonts/menu/Poppins-SemiBold.ttf);
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

.no-padding {
    padding: 0px !important;
}

.no-padding-sides {
    padding-left: 0px;
    padding-right: 0px;
}


.test-class-rebrand {
    display: block;
}

.fa-heart {
    color: #BC2A2A;
}

.fas.fa-heart,
.mycollagestaricon.fa-heart {
    color: #BC2A2A;
}

.fa-sliders-h, .fa-user, .fa-users, .fa-cog {
    color: #231F20 !important;
}



.cr-wrapper #intro {
    margin-top: 0;
}

.cr-wrapper .trans-header.rebrand-header,
.cr-wrapper .trans-header.rebrand-header-mobile {
    min-height: 145px;
    height: 145px;
    position: fixed;
    z-index: 1000;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid #E9E9E9;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.cr-wrapper.enrollment-pages .trans-header.rebrand-header,
.cr-wrapper.enrollment-pages .trans-header.rebrand-header-mobile {
    align-items: center;
    padding-left: 100px;
}

.cr-wrapper .trans-header.rebrand-header {
    justify-content: flex-start;
}

    .cr-wrapper .trans-header.rebrand-header.bg-search {
        background-color: rgba(255, 255, 255, 1);
        border-bottom: 1px solid #eee;
    }

.cr-wrapper .cr-logo {
    text-align: right;
}

    .cr-wrapper .cr-logo img {
        width: 200px;
        max-width: initial;
    }

.cr-wrapper .trans-header.rebrand-header .cr-menu-main {
    text-align: left;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.cr-wrapper .trans-header.rebrand-header button, .cr-wrapper .mobile-menu button, .cr-wrapper #modal_login.modal button, .cr-wrapper .trans-btn-account {
    color: #fff;
    padding: 8px 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    background-color: #fff;
    font-family: arial;
}

.cr-wrapper .signup {
    background-color: #8bc12d;
    margin-right: 10px;
}

.cr-wrapper .login {
    background-color: #fff !important;
}

.cr-wrapper .trans-header.rebrand-header ul {
    margin-bottom: 0;
    display: flex;
    /*justify-content: space-evenly;*/
}

    .cr-wrapper .trans-header.rebrand-header ul.second-level-menu, .cr-wrapper .trans-header.rebrand-header ul.search-result-items {
        display: block;
    }

    .cr-wrapper .trans-header.rebrand-header ul li {
        display: inline-block;
        font-family: "Fira Sans";
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        /*cursor: pointer;*/
        line-height: normal;
    }

    .cr-wrapper .trans-header.rebrand-header ul.search-result-items li a.norecord {
        color: #c5c5c5 !important;
        text-decoration: none;
        cursor: initial;
    }

    .cr-wrapper .trans-header.rebrand-header ul li.active .selection-highlight {
        display: block;
    }

.border-left-blue {
    border-left: 3px solid #0babff;
}

.border-left-green {
    border-left: 3px solid #8bc12d;
}

.border-left-violet {
    border-left: 3px solid #980CFF;
}

.border-left-red {
    border-left: 3px solid #ca1f27;
    margin-right: 20px;
}

.border-left-orange {
    border-left: 3px solid #f79101;
}

.border-left-white {
    border-left: 3px solid #ffffff;
}

.border-left-darkblue {
    border-left: 3px solid #3b1ffb;
}

.border-left-gray {
    border-left: 3px solid #888785;
}

.cr-wrapper .trans-header.rebrand-header ul li a {
    color: #231F20;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    margin: 0px;
    width: 100%;
    display: block;
    height: 100%;
}

    .cr-wrapper .trans-header.rebrand-header ul li a i {
        font-size: 10px;
        color: #231F20;
        padding: 0px;
    }

.cr-wrapper .trans-header.rebrand-header i.fas.fa-search, .trans-header.rebrand-header i.fa.fa-search, .cr-wrapper .trans-header.rebrand-header .cr-search-panel i.fas.fa-xmark {
    font-weight: 500;
    font-size: 18px;
}

.cr-wrapper .trans-header.rebrand-header ul li a:hover {
    text-decoration: none;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-blue:hover > a {
    color: #0babff;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-green:hover > a {
    color: #8bc12d;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-violet:hover > a {
    color: #980CFF;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-red:hover > a {
    color: #ca1f27;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-orange:hover > a {
    color: #f79101;
}

.cr-wrapper .trans-header.rebrand-header ul li.border-left-green > a {
    display: block;
    width: 75px;
}

.cr-wrapper .trans-header.rebrand-header .cr-btn-search {
    color: #fff;
    font-size: 20px;
    padding: 13px;
    background-color: #c62d2e;
    border-radius: 24px;
    margin-right: 25%;
    cursor: pointer;
}

.cr-wrapper .cr-login-reg-search .flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cr-wrapper .trans-header.rebrand-header .cr-search-panel {
    /*border-left: 1px solid #c9c7c7;*/
    padding: 8px 0 8px 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .cr-wrapper .trans-header.rebrand-header .cr-search-panel > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

.cr-wrapper .trans-header.rebrand-header-mobile .cr-search-panel i.fa, .cr-wrapper .trans-header.rebrand-header-mobile .cr-search-panel i.fas {
    display: inline-block;
    font-size: 24px;
    color: #42535b;
}

.cr-wrapper .trans-header.rebrand-header .cr-search-panel i.fas.fa-xmark {
    color: #222;
    padding: 13px 15px;
    margin-right: 34px;
    cursor: pointer;
}

.cr-wrapper .trans-header.rebrand-header crcustomsearch {
    display: inline-block;
    width: 100%;
}

    .cr-wrapper .trans-header.rebrand-header crcustomsearch input {
        background-color: transparent;
        border: 0;
        margin-left: 22px;
        font-size: 24px;
        width: 100%;
        text-transform: uppercase;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .search-result-panel {
        height: 85%;
        background-color: #42535b;
        position: fixed;
        width: 100%;
        z-index: 6000;
        padding-top: 20px;
        left: 0px;
        margin-top: 40px;
        opacity: 0.95;
        border-radius: 0;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .search-result-panel-items {
        max-height: 100%;
        margin: 20px 100px 30px 100px;
        height: 90%;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .search-result-group-items {
        margin: 0;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch ul li {
        width: 100%;
        margin: 7px 0;
        text-transform: uppercase;
        color: #fff;
        padding-left: 0;
        font-size: 13px;
    }

        .cr-wrapper .trans-header.rebrand-header crcustomsearch ul li a {
            text-transform: initial;
            color: #fff !important;
            font-weight: normal;
            letter-spacing: 0.5px;
        }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .search-result-group-header {
        font-size: 18px;
        margin-bottom: 5px;
        border-bottom: 0;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .hr-title {
        width: 50px;
        border-bottom: 3px solid #0aacff;
        display: block;
        margin-bottom: 20px;
    }


.cr-wrapper .trans-header.rebrand-header .trans-sub-menu {
    display: none;
    max-width: 100%;
    position: absolute;
    z-index: 1000;
    background-color: #ffffff;
    top: 144px;
    border-bottom: 0;
    padding: 0px 24px 24px 24px;
    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 10%);
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.find-your-college-nav-tab {
        left: 0;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.articles-nav-tab {
        left: 0;
        width: 1050px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.about-nav-tab {
        padding: 0px 24px 24px 24px;
        position: absolute;
        margin-left: -15px;
    }

*.cr-wrapper .trans-header.rebrand-header #account-submenu.trans-sub-menu ul.second-level-menu {
    padding: 10px 15px 10px 15px;
    border: solid 2px #E9E9E9;
    border-bottom: none;
}




*.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu.college-menu,
*.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu.college-menu,
*.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu.account-menu {
    padding: 15px 15px 7px 15px;
}



*.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu.logout-menu {
    padding: 7px 15px 15px 15px;
}

    *.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu.logout-menu li {
        /*padding-left: 30px;*/
    }



.cr-wrapper .trans-header.rebrand-header .trans-sub-menu#getting-in-submenu ul.second-level-menu li, .cr-wrapper .trans-header.rebrand-header .trans-sub-menu#explore-careers-submenu ul.second-level-menu li, .cr-wrapper .trans-header.rebrand-header .trans-sub-menu#fafsa-submenu ul.second-level-menu li {
    width: 50%;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li {
    display: list-item;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    height: auto;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 0 0 24px 0;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li i {
        font-size: 14px;
        padding-right: 15px;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li i.fa-users {
            padding-right: 10px;
        }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li a {
        color: #636262;
        display: inline-block;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li a .fas.fa-heart {
            color: #BC2A2A;
        }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li.submenu-list-header {
        height: 18px;
        font-family: "Fira Sans";
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-align: left;
        color: #636262;
        margin-top: 24px;
        margin-bottom: 24px;
        text-transform: uppercase;
    }

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu#account-submenu ul.second-level-menu li {
    height: 19px;
    margin: 0 0 10px 9px;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    color: #636262;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu#account-submenu ul.second-level-menu li:last-child{
        margin-bottom:0;
    }
    .cr-wrapper .trans-header.rebrand-header button.logoff, .cr-wrapper .mobile-menu button.logoff {
        color: #636262 !important;
        padding: initial;
        font-family: "Fira Sans";
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }

.cr-wrapper .mobile-menu button.logoff {
    /* font-size: 20px;
    font-weight: 600;
    line-height: 1.2;*/
}

    .cr-wrapper .trans-header.rebrand-header button.logoff:hover, .cr-wrapper .mobile-menu button.logoff:hover {
        text-decoration: underline;
    }

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu#account-submenu ul.second-level-menu li a {
    height: initial;
    width: initial;
}


.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li a:hover {
    text-decoration: underline;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu ul.second-level-menu li a div {
    margin-top: 8px;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items {
    height: 100%;
    background-color: #fff;
    text-align: right;
    padding: 0;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items ul {
        position: absolute;
        float: left;
        width: 100%;
        height: 100%;
        display: table;
        background-color: #eee;
        padding: 26px 0;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items ul li div.trans-sub-menu-articles {
            position: absolute;
            float: left;
            width: 70%;
            display: inline-block;
            margin-left: 15px;
        }

            .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items ul li div.trans-sub-menu-articles div {
                top: -16px;
            }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items li {
        width: 100%;
        text-transform: capitalize;
        text-align: right;
        padding: 17px 30px;
        display: block;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items li i {
            margin-left: 10px;
            position: absolute;
            color: #303030;
            display: none;
            -moz-transition: display 0.2s linear;
            -o-transition: display 0.2s linear;
            transition: display 0.2s linear;
        }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items li:hover, .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items li.active {
            background-color: #fff;
        }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-items li a {
            color: #303030;
            display: inline-block;
            transform: scale(1.1,1);
            -webkit-transform: scale(1.1,1);
            -webkit-transition: color 0.2s linear;
            -moz-transition: color 0.2s linear;
            -o-transition: color 0.2s linear;
            transition: color 0.2s linear;
        }

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-sub-menu-articles li a span {
    color: #303030;
    text-transform: capitalize;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    width: 80%;
    display: inline-block;
    font-family: 'PoppinsSemiBold',Arial,Helvetica;
}

.cr-wrapper .trans-header.rebrand-header .trans-menu-item #about-submenu li.submenu-list-header {
    margin-top: 0;
    margin-bottom: 0;
}
/* start submenu */

/* blue */
.cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu {
    border-top: 3px solid #19abf0;
}


    .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu .trans-sub-menu-items li:hover > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu .trans-sub-menu-items li.active > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-blue .default-sub-articles .thumbnails-title,
    .cr-wrapper .trans-header.rebrand-header .border-left-blue .default-sub-articles .thumbnails-title .thumbnails-view-more a,
    .cr-wrapper .trans-header.rebrand-header .border-left-blue .thumbnail:hover > .caption {
        color: #19abf0;
    }


        .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu .trans-sub-menu-items li:hover > a i, .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu .trans-sub-menu-items li.active > a i {
            color: #19abf0;
            display: inline-block;
        }

    .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a span,
    .cr-wrapper .trans-header.rebrand-header .border-left-blue .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a i {
        color: #19abf0;
    }

/* green */
.cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu {
    border-top: 3px solid #8bc12d;
}

    .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu .trans-sub-menu-items li:hover > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu .trans-sub-menu-items li.active > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-green .default-sub-articles .thumbnails-title,
    .cr-wrapper .trans-header.rebrand-header .border-left-green .default-sub-articles .thumbnails-title .thumbnails-view-more a,
    .cr-wrapper .trans-header.rebrand-header .border-left-green .thumbnail:hover > .caption {
        color: #8bc12d;
    }

        .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu .trans-sub-menu-items li:hover > a i, .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu .trans-sub-menu-items li.active > a i {
            color: #8bc12d;
            display: inline-block;
        }

    .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a span,
    .cr-wrapper .trans-header.rebrand-header .border-left-green .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a i {
        color: #8bc12d;
    }

/* red */
.cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu {
    border-top: 3px solid #ca1f27;
}

    .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu .trans-sub-menu-items li:hover > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu .trans-sub-menu-items li.active > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-red .default-sub-articles .thumbnails-title,
    .cr-wrapper .trans-header.rebrand-header .border-left-red .default-sub-articles .thumbnails-title .thumbnails-view-more a,
    .cr-wrapper .trans-header.rebrand-header .border-left-red .thumbnail:hover > .caption {
        color: #ca1f27;
    }

        .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu .trans-sub-menu-items li:hover > a i, .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu .trans-sub-menu-items li.active > a i {
            color: #ca1f27;
            display: inline-block;
        }

    .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a span,
    .cr-wrapper .trans-header.rebrand-header .border-left-red .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a i {
        color: #ca1f27;
    }

/* orange */
.cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu {
    border-top: 3px solid #f79101;
}

    .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu .trans-sub-menu-items li:hover > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu .trans-sub-menu-items li.active > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-orange .default-sub-articles .thumbnails-title,
    .cr-wrapper .trans-header.rebrand-header .border-left-orange .default-sub-articles .thumbnails-title .thumbnails-view-more a,
    .cr-wrapper .trans-header.rebrand-header .border-left-orange .thumbnail:hover > .caption {
        color: #f79101;
    }

        .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu .trans-sub-menu-items li:hover > a i, .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu .trans-sub-menu-items li.active > a i {
            color: #f79101;
            display: inline-block;
        }

    .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a span,
    .cr-wrapper .trans-header.rebrand-header .border-left-orange .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a i {
        color: #f79101;
    }

/* violet */
.cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu {
    border-top: 3px solid #980CFF;
}

    .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu .trans-sub-menu-items li:hover > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu .trans-sub-menu-items li.active > a,
    .cr-wrapper .trans-header.rebrand-header .border-left-violet .default-sub-articles .thumbnails-title,
    .cr-wrapper .trans-header.rebrand-header .border-left-violet .default-sub-articles .thumbnails-title .thumbnails-view-more a,
    .cr-wrapper .trans-header.rebrand-header .border-left-violet .thumbnail:hover > .caption {
        color: #980CFF;
    }

        .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu .trans-sub-menu-items li:hover > a i, .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu .trans-sub-menu-items li.active > a i {
            color: #980CFF;
            display: inline-block;
        }

    .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a span,
    .cr-wrapper .trans-header.rebrand-header .border-left-violet .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li:hover a i {
        color: #980CFF;
    }

/* end submenu */

.cr-wrapper .trans-header.rebrand-header .default-sub-articles {
    margin-top: 12px;
}

    .cr-wrapper .trans-header.rebrand-header .default-sub-articles .thumbnails-title {
        font-size: 12px;
        margin-bottom: 10px;
        display: block;
    }

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles {
    height: 260px;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(227,227,227,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(227,227,227,1);
    box-shadow: 0px 1px 5px 0px rgba(227,227,227,1);
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.default-sub-articles {
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles {
        display: block;
        height: 210px;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu {
            display: flex;
            margin-top: 0;
            width: 100%;
            height: 100%;
        }

            .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li {
                padding: 0;
                margin: 0;
            }

                .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li:nth-child(1),
                .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li:nth-child(2) {
                    border-right: 1px solid #ececec;
                }

                .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li a {
                    display: block;
                    text-align: center;
                    height: 100%;
                    padding-top: 20px;
                }

                    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li a img {
                        width: 140px;
                    }

                    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li a div {
                        color: #303030;
                        font-family: 'PoppinsBold',Arial,Helvetica;
                        font-size: 16px;
                        height: fit-content;
                        -webkit-transition: color 0.2s linear;
                        -moz-transition: color 0.2s linear;
                        -o-transition: color 0.2s linear;
                        transition: color 0.2s linear;
                        margin-top: 6px;
                    }

                    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles ul.trans-sub-sub-menu li a:hover div {
                        color: #0babff;
                    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles div {
        height: 100%;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles > div > div {
        padding: 10px 0;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.has-3rd-child-submenu > div > div:first-child {
        padding-left: 40px;
        border-right: 1px solid #ccc;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li {
        width: 100%;
        text-align: left;
        background-color: #fff;
    }



        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li a {
            text-align: left;
        }

            .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li a i {
                font-size: 9px !important;
                margin-right: 20px;
                color: #ccc;
                -webkit-transition: color 0.2s linear;
                -moz-transition: color 0.2s linear;
                -o-transition: color 0.2s linear;
                transition: color 0.2s linear;
                margin-top: 5px;
                vertical-align: top;
            }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.fc-advice-sub-articles .trans-sub-sub-menu {
        /*margin-top: -20px;*/
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.rankings-sub-articles .trans-sub-sub-menu li,
        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.fc-advice-sub-articles .trans-sub-sub-menu li,
        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.gi-advice-sub-articles .trans-sub-sub-menu li,
        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.pc-advice-sub-articles .trans-sub-sub-menu li,
        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.ec-advice-sub-articles .trans-sub-sub-menu li {
            margin-bottom: 8px;
            line-height: 1;
        }

.cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#financing-submenu ul.second-level-menu {
    padding-left: 261px;
}

.cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#tools-submenu ul.second-level-menu {
    padding-left: 381px;
}

.cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#account-submenu {
    width: 250px;
    min-width: 200px;
    position: absolute;
    top: 145px;
    right: 0%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.cr-wrapper .trans-header.rebrand-header .trans-menu-item .trans-sub-menu#studentloan-submenu {
    /*margin-left: 27px;*/
    padding: 24px 24px 24px 24px;
    position: absolute;
    margin-left: -15px;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .trans-menu-thumbnails {
    margin-left: 30px;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail {
    height: auto !important;
    width: 100%;
    padding: 0;
    border: 0;
    max-width: 215px;
    min-width: 100%;
    max-height: 143px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: background-size 0.2s linear;
    -moz-transition: background-size 0.2s linear;
    -o-transition: background-size 0.2s linear;
    transition: background-size 0.2s linear;
    display: block;
    overflow: hidden;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail:hover {
        background-size: auto 130% !important;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail img {
        min-height: 120px;
        border: 1px solid #eee;
        min-height: 143px;
        opacity: 1;
        transform: translate(0%, 0%);
        width: 70%;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
        height: auto;
    }

        .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail img:hover {
            transform: translate(0%, -12%);
            width: 90%;
        }

/* tags */
.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .tags {
    max-width: 80%;
    padding: 6px 8px;
    font-size: 10px;
    text-align: center;
    word-wrap: break-word;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.8px;
    width: auto;
    display: block;
    position: absolute;
    z-index: 10;
    top: 125px;
    left: 10px;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .tags.scholarship-search-applications {
        top: 114px;
        width: 130px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .tags.financial-advice-planning, .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .tags.affordability-college-cost {
        max-width: 215px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .tags:hover {
        text-decoration: underline;
    }

.post_thumbnail .tags {
    color: #fff !important;
    padding: 6px 8px;
    font-size: 10px;
    text-align: center;
    word-wrap: break-word;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0.8px;
    width: fit-content;
    display: block;
    position: absolute;
    z-index: 10;
    left: 8px;
    margin-top: -15px;
    text-decoration: none;
    word-wrap: break-word;
    max-width: 150px;
}

    .post_thumbnail .tags:hover {
        text-decoration: underline;
    }

.tags.find-colleges {
    background-color: #19abf0;
    color: #fff;
}

.tags.getting-in {
    background-color: #8bc12d;
    color: #fff;
}

.tags.paying-for-college {
    background-color: #ca1f27;
    color: #fff;
}

.tags.explore-careers {
    background-color: #f79101;
    color: #fff;
}


.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail .caption {
    padding: 9px 0;
    color: #333;
    font-size: 13px;
    text-transform: capitalize;
    display: block;
    position: absolute;
    top: 145px;
}

.flipper {
    text-align: center;
}

.cr-wrapper .trans-header.rebrand-header .default-sub-articles .thumbnails-title .thumbnails-view-more {
    float: right;
}

    .cr-wrapper .trans-header.rebrand-header .default-sub-articles .thumbnails-title .thumbnails-view-more a:hover {
        text-decoration: underline;
    }

.cr-login-reg-search .col-lg-9 {
    padding: 0;
    text-align: right;
}

.cr-login-reg-search .col-lg-3 {
    padding: 0;
}

/*mobeil mode*/
/*.mobile-mode .menu-navigation {
    color: #fff;
    font-size: 28px;
}*/

.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .cr-btn-search, .trans-header.mobile-mode.rebrand-header-mobile .menu-navigation i.fa.fa-bars {
    font-size: 26px;
    padding: 7px;
}

.rebrand-header-mobile.mobile-mode .cr-logo {
    text-align: center;
}

.rebrand-header-mobile.mobile-mode search-button {
    margin-right: 0;
}

.mobile-menu {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 1000;
    /*opacity: 0.98;*/
    min-width: 300px;
    background-color: #fff; /*rgba(37, 37, 39, 0.99);*/
    min-height: 100%;
    /*display: none;*/
    left: -995px;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 125px;
    border-top: 1px solid #ccc;
}
    /*displyed none for the mean time*/
    .mobile-menu .user-panel {
        min-height: 80px;
        height: 80px;
        justify-content: center;
        align-items: center;
        /*display: flex;*/
        display: none;
        color: #fff;
        text-align: center;
        margin-right: 0;
        border-bottom: 1px solid #353535;
    }

        .mobile-menu .user-panel .menu-navigation {
            font-size: 24px;
        }

    .mobile-menu .mobile-menu-items li {
        display: flex;
        align-items: center;
        padding: 15px 0 15px 30px;
        /*  text-transform: uppercase;*/
        border-bottom: 1px solid #eee;
        background: #F6F6F6;
    }

        .mobile-menu .mobile-menu-items li a {
            width: 100%;
            font-family: "Fira Sans";
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            text-align: left;
            color: #373535;
        }


            .mobile-menu .mobile-menu-items li.active a.border-left-darkblue, .mobile-menu .mobile-menu-items li a.border-left-darkblue:active,
            .mobile-menu .mobile-menu-items li a.border-left-darkblue:hover {
                color: #3b1ffb;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-white, .mobile-menu .mobile-menu-items li a.border-left-white:active,
            .mobile-menu .mobile-menu-items li a.border-left-white:hover {
                color: #888686;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-blue, .mobile-menu .mobile-menu-items li a.border-left-blue:active,
            .mobile-menu .mobile-menu-items li a.border-left-blue:hover
            /*,
.crmode .mobile-menu .mobile-menu-items-sub.sub-fc li i, .crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-fc a:active, 
.crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-fc a:hover*/ {
                color: #0babff;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-green, .mobile-menu .mobile-menu-items li a.border-left-green:active,
            .mobile-menu .mobile-menu-items li a.border-left-green:hover
            /*,
.crmode .mobile-menu .mobile-menu-items-sub.sub-gi li i, .crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-gi a:active, 
.crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-gi a:hover*/ {
                color: #8bc12d;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-red, .mobile-menu .mobile-menu-items li a.border-left-red:active,
            .mobile-menu .mobile-menu-items li a.border-left-red:hover
            /*,
.crmode .mobile-menu .mobile-menu-items-sub.sub-pc li i, .crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-pc a:active, 
.crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-pc a:hover*/ {
                color: #ca1f27;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-orange, .mobile-menu .mobile-menu-items li a.border-left-orange:active,
            .mobile-menu .mobile-menu-items li a.border-left-orange:hover
            /*,
.crmode .mobile-menu .mobile-menu-items-sub.sub-ec li i, .crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-ec a:active, 
.crmode .mobile-menu .mobile-menu-items li.mobile-menu-items-sub.sub-ec a:hover*/ {
                color: #f79101;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-violet, .mobile-menu .mobile-menu-items li a.border-left-violet:active,
            .mobile-menu .mobile-menu-items li a.border-left-violet:hover {
                color: #980CFF;
                text-decoration: none;
            }

            .mobile-menu .mobile-menu-items li.active a.border-left-gray, .mobile-menu .mobile-menu-items li a.border-left-gray:active,
            .mobile-menu .mobile-menu-items li a.border-left-gray:hover {
                color: #888785;
                text-decoration: none;
            }

        .mobile-menu .mobile-menu-items li i {
            color: #222;
            font-size: 16px;
            margin-right: 30px;
        }
        .mobile-menu .mobile-menu-items li a.cr-link-external i {
            font-size: 10px;            
        }

            .mobile-menu .mobile-menu-items li i.fas.fa-heart {
                color: #BC2A2A;
            }

        .mobile-menu .mobile-menu-items li.mobile-menu-item.active {
            border-left: 5px solid #008555;
        }

        .mobile-menu .mobile-menu-items li.active i.fa-caret-down {
            display: none;
        }

        .mobile-menu .mobile-menu-items li i.fa-caret-down {
            display: block;
        }

        .mobile-menu .mobile-menu-items li i.fa-caret-up {
            display: none;
        }

        .mobile-menu .mobile-menu-items li.active i.fa-caret-up {
            display: block;
        }

        .mobile-menu .mobile-menu-items li.active i {
            color: #222;
        }

        .mobile-menu .mobile-menu-items li.active a {
            color: #222;
        }

        /* sub items */
        .mobile-menu .mobile-menu-items li.mobile-menu-items-sub {
            padding: 0;
            display: none;
            background: #ffffff;
        }

            .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul {
                width: 100%;
                /*background-color: rgba(24, 24, 24, 0.99);*/
                background-color: #fff;
            }

                .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li {
                    padding: 5px 0px 5px 45px;
                    background: #ffffff;
                }

                    .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li a {
                        /* text-transform: capitalize;*/
                        font-family: "Fira Sans";
                        font-size: 14px;
                        font-weight: normal;
                        line-height: 24px;
                        text-align: left;
                        color: #636262;
                        padding-left: 15px;
                    }

                        .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li a:active, .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li a:hover {
                            color: #373535;
                        }

                    .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li i {
                        /*  font-size: 10px;
                        margin-right: 16px;*/
                    }

                    .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li.mobile-menu-items-sub {
                        /* padding: 0 30px 0 30px;*/
                        /*background-color: rgba(12, 12, 12, 0.99);*/
                        padding: 0px;
                        background-color: #fff;
                    }

                        .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li.mobile-menu-items-sub ul {
                            /*background-color: rgba(12, 12, 12, 0.99);*/
                            background-color: #fff;
                        }

                            .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li.mobile-menu-items-sub ul li:last-child {
                                border-bottom: 0;
                            }

                    .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li > ul > li {
                        padding: 10px 0px 8px 60px;
                        /*background-color: #F6F6F6;*/
                    }

                        .mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li > ul > li a {
                            font-size: 14px;
                            line-height: 20px;
                            color: #636262;
                        }



.cr-wrapper .login-reg-panel {
    margin-top: 30px;
}

    .cr-wrapper .login-reg-panel button {
        padding: 12px 20px;
        margin-right: 0;
        width: 180px;
    }

        .cr-wrapper .login-reg-panel button.login,
        .cr-wrapper .login-reg-panel .signup {
            width: 165px;
            height: 40px;
            border: solid 2px #222;
            font-family: "Fira Sans";
            font-size: 18px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 0;
            letter-spacing: normal;
            text-align: center;
            color: #231F20;
            background-color: #fff;
        }

    .cr-wrapper .login-reg-panel div {
        padding: 10px;
    }

/*.cr-wrapper .login-reg-panel .signup {
        margin-bottom: 10px;
        width: 165px;
        height: 40px;
        border-radius: 30px;
        background-color: #c91f27;
        font-family: "Fira Sans";
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: .56;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }*/

.mobile-social-icons {
    padding-top: 30px;
}

    .mobile-social-icons div div {
        text-align: center;
        vertical-align: middle;
    }

        .mobile-social-icons div div i {
            color: #008555;
            font-size: 35px;
        }


.trans-header.rebrand-header .trans-sub-menu-items .fa-angle-right {
    font-size: 15px;
}

    .mobile-menu .fa-angle-right:before, .trans-header.rebrand-header .trans-sub-menu-items .fa-angle-right:before {
        content: "\f105";
    }

.mobile-menu .active .fa-angle-right:before {
    content: "\f107";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.mobile-menu .mobile-menu-items-sub li.active i:before {
    content: "\f0d8";
}

/*.mobile-menu .mobile-menu-items-sub.sub-fc li.active i {
    color: #0babff;
}

.mobile-menu .mobile-menu-items-sub.sub-gi li.active i {
    color: #8bc12d;
}

.mobile-menu .mobile-menu-items-sub.sub-pc li.active i {
    color: #ca1f27;
}

.mobile-menu .mobile-menu-items-sub.sub-ec li.active i {
    color: #f79101;
}*/
.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .cr-btn-search {
    margin-right: 0;
}



/**
 * Material Modal CSS
 */
.cr-wrapper #modal_login.modal {
    will-change: visibility, opacity;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: $modal-delay;
    transition-delay: $modal-delay;
}

.cr-wrapper #modal_login.modal--active {
    visibility: visible;
    opacity: 1;
}

.cr-wrapper #modal_login.modal--align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cr-wrapper #modal_login.modal__bg {
    background: rgba(67, 119, 139, 0.6196078431372549);
}

.cr-wrapper #modal_login .modal__dialog {
    /*padding: 1.2rem;  */
    width: 40%;
    /* margin-left:30%;*/
}

.cr-wrapper .modal__content {
    will-change: transform, opacity;
    position: relative;
    /*padding: 2.4rem;*/
    background: #ffebee;
    background-clip: padding-box;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}

.cr-wrapper .modal__content--active {
    opacity: 1;
    padding: 0;
    border: 0;
}

.cr-wrapper .modal__close {
    z-index: 1100;
    cursor: pointer;
}

.cr-wrapper .modal__trigger {
    position: relative;
    display: inline-block;
    /*padding: 1.2rem 2.4rem;
    color: rgba(0,0,0,0.7);*/
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);*/
}

.cr-wrapper .modal__trigger--active {
    z-index: 10;
}

/*.cr-wrapper .modal__trigger:hover {
    background: #e5d3d6;
}*/

.cr-wrapper #modal__temp {
    will-change: transform, opacity;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0babff;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    /*border-radius: 22px;*/
}
/**
 * Demo specific CSS
 */
/*body {
    height: 100vh;
    background: #f44336;
}

img {
    max-width: 100%;
}*/

.cr-wrapper .demo-btns header {
    padding: 7vh 10vw;
    background: #ffebee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cr-wrapper .demo-btns header h1 {
        margin: 0;
        color: rgba(0,0,0,0.54);
        font-weight: 300;
    }

.cr-wrapper .demo-btns .info {
    background: #f44336;
    padding: 3vh 10vw;
    height: 70vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.cr-wrapper .demo-btns p {
    text-align: center;
    color: #fff;
}

.cr-wrapper .demo-btns .link {
    font-size: 20px;
}

.cr-wrapper .demo-btns .modal__trigger {
    margin-right: 3px;
}



.cr-wrapper .modal__dialog .demo-close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 1.2rem;
    /*padding: 0.6rem;*/
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cr-wrapper .modal > .demo-close {
    position: absolute;
    top: 0;
    right: 15px;
    margin: 1.2rem;
    padding: 0.6rem;
    background: transparent;
    margin-top: 110px;
    border-radius: 50%;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    height: 75px;
}

.cr-wrapper .modal__dialog .demo-close svg {
    width: 24px;
    fill: #fff;
    pointer-events: none;
    vertical-align: top;
}

.cr-wrapper .modal > .demo-close svg {
    width: 60px;
    fill: #fff;
    pointer-events: none;
    vertical-align: top;
}

.cr-wrapper .demo-close:hover {
    background: rgba(0,0,0,0.6);
}

.cr-wrapper .logo {
    /*position: fixed;
    bottom: 3vh;
    right: 3vw;
    z-index: 2;*/
}

    .cr-wrapper .logo img {
        width: 45px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

        .cr-wrapper .logo img:hover {
            -webkit-transform: rotate(180deg) scale(1.1);
            transform: rotate(180deg) scale(1.1);
        }

.cr-wrapper #modal_login .form {
    background-color: #ffffff;
}

    .cr-wrapper #modal_login .form .row > .col-xs-12 {
        text-align: center;
    }

        .cr-wrapper #modal_login .form .row > .col-xs-12 div.to-h2 {
            margin: 40px 0px 12px 0px;
            font-family: "Fira Sans";
            font-size: 52px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.08;
            letter-spacing: normal;
            color: #231F20;
        }


        .cr-wrapper #modal_login .form .row > .col-xs-12 div.reg-text {
            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: center;
            color: #231F20;
        }

            .cr-wrapper #modal_login .form .row > .col-xs-12 div.reg-text a {
                margin: 0 0 0 7px;
                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: center;
                color: #044da2;
            }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields.username-section {
            text-align: left;
        }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields.password-section {
            text-align: left;
            padding-top: 10px;
        }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields span.login-fields-usernamelabel {
            width: 100% !important;
            margin: 0 2.5px 8px 0.5px;
            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: left;
            color: #231F20;
        }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields input.login-fields-username {
            width: 100% !important;
            margin: 0 !important;
            border: solid 2px #BFBEBE;
            background-color: #ffffff;
            border-radius: 0px;
            padding-left: 15px;
            font-family: "Fira Sans";
        }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields span.login-fields-passwordlabel {
            width: 100% !important;
            margin: 0 2.5px 8px 0.5px;
            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: left;
            color: #231F20;
        }

        .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .login-fields input.login-fields-password {
            width: 100% !important;
            margin: 0 !important;
            /* padding: 0px;*/
            border: solid 2px #BFBEBE;
            background-color: #ffffff;
            border-radius: 0px;
            padding-left: 15px;
        }

.remember-me label span {
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    text-align: left;
    color: #231F20;
    height: 18px;
    padding-left: 12px;
    vertical-align: middle;
}

    .remember-me label span a i {
        color: #ccc;
        font-size: 14px;
    }


.remember-me input[type=checkbox] {
    width: 22px;
    height: 22px;
    padding: 7.1px 5px 6px;
    outline: solid 2px #BFBEBE;
    background-color: #ffffff;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    position: relative;
    margin: 2px 0 0 !important;
    vertical-align: middle;
}

.remember-me input:checked {
    background-color: #044da2;
}

.remember-me label {
    line-height: 25px;
    padding-left: 0;
    margin-top: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    -webkit-appearance: none;
    /* border: double 2px #8C8C8C;*/
    background-color: white;
    color: #FFF;
    white-space: nowrap;
    width: 4px;
    height: 4px;
}


.remember-me .checkbox span.checkmark {
    line-height: 25px;
    padding-left: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    -webkit-appearance: none;
    color: #FFF;
    white-space: nowrap;
    width: 4px;
    height: 4px;
    padding-right: 20px;
    margin: 0;
}

    .remember-me .checkbox span.checkmark:after {
        opacity: 0;
        content: '';
        position: absolute;
        width: 14px;
        height: 8px;
        background: transparent;
        top: 9px;
        left: -21px;
        border: 3px solid #fff;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


    .remember-me .checkbox span.checkmark:hover::after {
        opacity: 0.3;
        border: 3px solid #fff;
        border-top: none;
        border-right: none;
    }

.remember-me .checkbox input#RememberMe[type=checkbox]:checked + span.checkmark:after {
    opacity: 1;
}

.checkbox .custom-checkbox .custom-checkbox input#RememberMe[type=checkbox]:checked ~ .remember-me .checkbox span.checkmark:after {
    opacity: 1;
}


.forgot-pass-section {
    padding-top: 3px;
    text-align: right;
}

.signin-button-modal {
    height: 50px;
    background: #d93d00 !important;
    margin-top: 10px;
    margin-bottom: 50px !important;
    width: 100%;
    font-family: "Fira Sans";
    font-size: 20px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
}

    .signin-button-modal:hover {
        background: #AD3000 !important;
    }




.cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .forgot-pass {
    height: 22px;
    /* margin: 10px 0 31px 68px; */
    font-family: "Fira Sans";
    font-size: 15px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: normal;
    text-align: right;
    color: #044da2 !important;
    text-decoration: none !important;
    padding-left: 0px;
}


.cr-wrapper #modal_login .form .flex-row > .col-md-6 {
    padding: 15px 40px;
    text-align: center;
    min-height: 630px;
}

    .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login {
        background-color: #1b1b1b;
        color: #fff;
        font-family: trebuchet ms,lucida sans,Arial;
    }

        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .login-fields span {
            display: block;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #8b8b8b;
            font-weight: 600;
            margin-top: 3px;
            font-family: trebuchet ms,lucida sans,Arial;
            font-size: 12px;
        }

        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login h1 {
            text-transform: lowercase;
            font-weight: normal;
            font-family: 'calibri','Lucida sans',Arial;
            font-size: 50px;
        }

        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login h2,
        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login div.to-h2 {
            text-transform: lowercase;
            font-weight: normal;
            font-family: 'calibri','Lucida sans',Arial;
            font-size: 50px;
        }

        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .login-fields input[type=text], .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .login-fields input[type=password] {
            background: #1b1b1b;
            text-align: center;
            border-bottom: 1px solid #5a5a5a;
            border-radius: 0;
            color: #eee;
            width: 100% !important;
            max-width: 300px;
        }

.cr-wrapper #modal_login .form .row > .col-xs-6.cr-login .forgot-pass {
    color: #9d9d9d !important;
    margin-left: 0;
}

.cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .left .button {
    color: #fff;
    margin-top: 12px;
    margin-bottom: 30px;
    padding: 10px 76px;
    background: #42b2e4;
    border-radius: 20px;
    width: 100%;
    max-width: 300px;
}

.cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .reg-text {
    font-size: 12px;
    color: #8b8b8b;
    margin-bottom: 5px;
    font-family: trebuchet ms,lucida sans,Arial;
}

    .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .reg-text a {
        color: #42b2e4;
        text-decoration: underline;
    }

.cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-login .cr-social-login form button {
    width: 100%;
    max-width: 300px;
    display: unset;
    margin-left: auto;
    margin-right: auto;
}

.cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-social-login {
    min-height: 374px;
    height: 374px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-social-login form {
        width: 100%;
    }

        .cr-wrapper #modal_login .form .flex-row > .col-md-6.cr-social-login form button {
            margin-bottom: 10px;
            display: block;
            width: 100% !important;
        }

.cr-wrapper #modal_login .form .flex-row > .col-md-6 h3 {
    text-transform: lowercase;
    font-weight: normal;
    font-family: 'calibri','Lucida sans',Arial;
    font-size: 28px;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account.active .trans-tooltip-container {
    display: block;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container {
    position: absolute;
    max-width: 335px;
    background-color: #000;
    width: 322px;
    right: 0;
    z-index: 1001;
    top: 74px;
    -webkit-box-shadow: 9px 8px 41px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 8px 41px -1px rgba(0,0,0,0.75);
    box-shadow: 9px 8px 41px -1px rgba(0,0,0,0.75);
    display: none;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li {
    width: 100%;
    background-color: #000;
    padding: 0;
}

    .cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel {
        background-color: #ffffff;
        padding: 26px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border: 1px solid #ddd;
    }

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container.not-fully-showing ul li.trans-user-panel {
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel > .flex-row {
    justify-content: center;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .trans-account-icon-panel,
.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .trans-account-user-panel {
    justify-content: center;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .badge-icons {
    margin: 0;
}

    .cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .badge-icons a {
        display: inline-block;
    }

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container.not-fully-showing ul li.trans-user-panel .badge-icons a {
    padding: 5px;
    display: inline-block;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .badge-icons a i {
    display: block;
    color: #2e2e2e !important;
    font-size: 26px;
    margin-right: 0;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container.not-fully-showing ul li.trans-user-panel .badge-icons a i {
    font-size: 16px;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel .badge-icons a .badge {
    /*margin: 0 !important;
                            margin-top: -24px !important;
                            margin-left: 3px !important;
                            text-align: center;
                            font-size: 12px;
                            background: transparent;
                            color: #f0efee;*/
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    font-size: 12px;
    background: transparent;
    color: #f0efee;
    margin-top: -21px !important;
    margin-left: 1px !important;
}


.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel span {
    vertical-align: top;
    padding-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: #0babff;
    text-transform: capitalize;
    word-wrap: break-word;
    max-width: 100%;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li.trans-user-panel i.fa-user {
    font-size: 50px;
    padding: 14px 20px;
    background-color: #fff;
    color: #0babff;
    border-radius: 46px;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li:hover:not(.trans-user-panel) {
    background-color: #928f8f;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li:hover a {
    color: #262626;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .selection-highlight {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
    position: absolute;
    top: -17px;
    right: 35px;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account > ul li .badge-icons a {
    display: inline-block;
}

.cr-wrapper .logged-user-panel #MyCollegesCount {
    margin: 0 !important;
    margin-top: -15px !important;
    margin-left: 110px !important;
    text-align: center;
}

.cr-wrapper .mobile-menu .mobile_college_count {
    padding: 5px 3px 3px 3px;
}

.fa-arrow-left:before {
    content: "\f060";
}

.mobile-menu i.fa, .trans-header.rebrand-header i.fa {
    color: #222;
    padding: 20px;
}

.mobile-menu .trans-mobile-user-panel {
    text-align: left;
}

    .mobile-menu .trans-mobile-user-panel > span {
        font-size: 24px;
    }

        .mobile-menu .trans-mobile-user-panel > span > span {
            display: block;
        }

            .mobile-menu .trans-mobile-user-panel > span > span:first-child {
                font-size: 15px;
            }

.cr-wrapper .stickyt110 {
    top: 75px !important;
}

.cr-wrapper .trans-header.rebrand-header .cr-login-reg-search .act-notif-badge {
    margin: 0 !important;
    margin-top: -15px !important;
    margin-left: 80px !important;
    text-align: center;
}

/*use for header animation*/
.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item .trans-sub-menu {
    display: none;
}

.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item.active .trans-sub-menu {
    display: block;
    -webkit-animation: fadeIn 150ms ease-out;
    -moz-animation: fadeIn 150ms ease-out;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*.cr-wrapper .trans-menu-item #find-colleges-submenu .rankings-sub-articles ul.trans-sub-sub-menu {
    margin-top: 25px;
}*/
.cr-wrapper .trans-menu-item #explore-careers-submenu ul.trans-sub-sub-menu, .cr-wrapper .trans-menu-item #paying-for-college-submenu ul.trans-sub-sub-menu, .cr-wrapper .trans-menu-item #getting-in-submenu ul.trans-sub-sub-menu {
    margin-top: 20px;
}

.cr-wrapper .trans-menu-item .selection-highlight {
    height: 0;
    /* border-bottom: 5px solid #000000;*/
    display: none;
    -webkit-transition: display 0.2s linear;
    -moz-transition: display 0.2s linear;
    -o-transition: display 0.2s linear;
    transition: display 0.2s linear;
    margin-top: -7.5px;
}

    .cr-wrapper .trans-menu-item .selection-highlight.currently-located {
        border-bottom: 10px solid #b3c12c;
        margin-top: -12.5px;
        display: block;
    }

.cr-wrapper .trans-header.rebrand-header .trans-btn-account ul li a {
    color: #ffffff;
    padding: 13px 30px;
    display: block;
    text-decoration: none;
}

.cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container.not-fully-showing ul li a {
    padding: 10px 30px;
    font-size: 12px;
}

#LogonSectionForm .left {
    margin-right: 0;
}

.remember-me {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

    .remember-me label {
        line-height: 25px;
        padding-left: 0;
        margin-top: 0;
        display: inline-block !important;
    }


    .remember-me .custom-checkbox {
        display: inline-block;
    }



.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
    /*margin: 0px 25px -45px 0px;*/
    max-height: 34px;
    padding: 0px;
    display: inline-block;
}

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text i.fa-user {
        margin-right: 10px;
        font-weight: 600;
        /*font-size: 16px;*/
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
        height: auto;
        display: inline-block;
        position: unset;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item.align-submenu {
        margin-left: 38px;
    }

/* New Header*/
.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
    /*padding: 0 0 0 27px;*/
    width: auto;
    max-height: none;
    margin-left: 32px;
    height: auto;
}

#AccountSectionPartial ul li.trans-menu-item {
    margin-left: auto !important;
}

.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
    /*height: 125px;*/
    margin: 0;
    font-family: "Fira Sans";
    font-size: 1em;
    font-weight: 600;
    line-height: 1.22;
    text-align: left;
    padding-bottom: 0;
    padding-top: 49px;
    padding-bottom: 13px;
}

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text:hover {
        border-bottom: none;
    }

/*.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item.active a.trans-menu-item-text, .cr-wrapper .trans-header.rebrand-header ul li.active a.trans-menu-item-text {
            border-bottom: 5px solid #f7b500;
        }*/

/*rebrand update*/
/*.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item.active,*/
.cr-wrapper .trans-header.rebrand-header ul li.active-tab {
    border-bottom: 5px solid #008555;
}
/*rebrand update end*/


.cr-wrapper .trans-header.rebrand-header ul li.trans-menu-item a.trans-menu-item-text.current-menu {
    color: #c91f27;
}

.cr-wrapper .trans-menu-item .selection-highlight.currently-located {
    border-bottom: 10px solid #f7b500;
}

.cr-wrapper .trans-header.rebrand-header ul li a i {
    margin-left: 8px;
}

.ads-desktop {
    top: 125px;
}

    .ads-desktop.ads-rankings {
        top: 0;
    }

.cr-wrapper .trans-header.rebrand-header ul li.active .selection-highlight {
}

.cr-wrapper .trans-header.rebrand-header button.signup {
    width: 104px;
    height: 40px;
    margin: 0 0 20px 39px;
    /*padding: 9px 19.5px 10px 21.5px;*/
    border-radius: 30px;
    background-color: #c91f27;
    text-transform: capitalize;
}

.cr-wrapper .trans-header.rebrand-header button.login {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
    border: 1px solid #AD3000;
    background: #D93D00 !important;
    box-shadow: none;
    text-transform: capitalize;
    border-radius: 0;
    padding: 8px 16px;
}

    .cr-wrapper .trans-header.rebrand-header button.login:hover,
    .cr-wrapper .trans-header.rebrand-header button.login:focus,
    .cr-wrapper .trans-header.rebrand-header button.login:active {
        color: #ffffff;
        border-color: #822400;
        background: #ad3000 !important;
        text-decoration: underline;
    }

    .cr-wrapper .trans-header.rebrand-header button.login:focus {
        outline: 5px auto Highlight;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px;
    }

/*    .cr-wrapper .trans-header.rebrand-header button.login:hover {
        color: #fff;
        background-color: #222 !important;
    }*/

.cr-wrapper .trans-header.rebrand-header .cr-login-reg-search {
    /* padding-top: 15px; */
    display: block;
    margin-right: 0;
    margin-left: auto;
    padding-top: 35px;
}

    .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search.cr-loggedin-menu {
        padding-top: 0;
    }

.cr-wrapper .trans-header.rebrand-header.cr-search-panel i.fa.fa-close {
    padding: 4px 6px;
}

.cr-wrapper .trans-header.rebrand-header crcustomsearch input {
    height: 22px;
    margin: 0 17px 0.3px 30px;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #878787;
}

.article-bottom-section {
    margin-top: 20px;
    background-color: #333333;
    padding: 30px;
}



.thumbnail {
    border-radius: 0;
}

.cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail {
    max-width: 150px;
}

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail .caption,
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu .thumbnail .caption:hover {
        color: #fff;
    }

.cr-wrapper .trans-header.rebrand-header .article-bottom-section .caption a {
    color: #fff;
}

.article-bottom-section {
    padding: 20px;
}

    .article-bottom-section .caption {
        color: #fff;
    }

    .article-bottom-section .article-tag-container {
        color: #9c9c9c;
        margin-top: 5px;
    }

    .article-bottom-section .article-bottom-section-image {
        max-width: 80px;
        object-fit: cover;
        height: 80px;
    }

    .article-bottom-section .article-img-container {
        margin-left: auto;
        margin-right: auto;
    }

    .article-bottom-section .recent-articles-headertext {
        margin: 0 170px 20px 0;
        font-family: "Fira Sans";
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #9c9c9c;
        text-transform: uppercase;
    }

.cr-wrapper .trans-header.rebrand-header ul li a.article-tag {
    color: #ccc;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
}

/* #articles-submenu .articles-first-menu{
        margin-left:12%;
    }*/

.mobile-menu-item .users-name {
    text-transform: capitalize;
}

    .mobile-menu-item .users-name i:first-child {
        margin-right: 7px;
    }

.mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li.user-menu-item a {
    padding-left: 0;
}

#account-submenu .second-level-menu li span.mobile_college_count,
.mobile-menu .mobile-menu-items li.mobile-menu-items-sub > ul > li.user-menu-item .mobile_college_count {
    float: none;
    margin-left: 5px;
    color: #007bbd;
    font-size: 14px;
    padding: 5px 7px 5px 7px;
    width: auto;
    height: auto;
    min-width: 25px;
    min-height: 25px;
    margin-top: -35px !important;
    border-radius: 20px;
    background-color: #D8EBF5;
}

li.user-menu-item i:first-child {
    margin-right: 3px;
}

.cr-wrapper .trans-header.rebrand-header ul li {
    font-size: 16px;
}


.cr-wrapper .trans-header.mobile-mode.rebrand-header-mobile {
    /*padding-left: 0;*/
    max-width: 100%;
}


/* New Sigg Modal*/
.rebrand-facebook-modal {
    width: 100%;
    margin-top: 40px;
    padding: 9px 84.5px 9px 19px;
    border: solid 2px #231F20;
    border-radius: 0px !important;
}

    .rebrand-facebook-modal span {
        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;
    }

    .rebrand-facebook-modal i.fa-facebook {
        float: left;
        color: #1877f2;
        font-size: 18px;
        margin-top: 5px;
    }

.rebrand-google-modal {
    width: 100%;
    margin-top: 10px;
    padding: 9px 84.5px 9px 19px;
    border: solid 2px #231F20;
    border-radius: 0px !important;
}

    .rebrand-google-modal span {
        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;
    }

    .rebrand-google-modal img.signin-google-icon {
        float: left;
        color: #1877f2;
        font-size: 18px;
        margin-top: 5px;
    }

.divider-or {
    border-top: solid 2px #F0F0E6;
    text-align: center;
    position: relative;
    top: 18px;
    margin-top: 10px;
}

    .divider-or span {
        padding: 12px 10px 10px;
        margin-top: 10px;
        background-color: #ffffff;
        font-family: "Fira Sans";
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        text-align: center;
        color: #636262;
        position: relative;
        top: -15px;
    }

.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input[type="text"]#search-mobile.cr-main-search {
    background-color: transparent;
    width: 100%;
}

.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .search-result-panel {
    top: 75px;
    left: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch .search-result-panel-items {
    font-family: "Fira Sans";
}

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch .search-result-panel-items .search-result-items li {
        font-size: 14px;
        font-family: "Fira Sans";
    }

div#tooltip {
    font-family: "Fira Sans";
}

.trans-header.mobile-mode.rebrand-header-mobile .menu-navigation, .trans-header.mobile-mode.rebrand-header-mobile .menu-navigation i.fa.fa-bars {
    color: #222;
}
/*Media Queries*/
/* New Header*/

@media (min-width:1800px) {
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.articles-nav-tab {
        left: 0;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.find-your-college-nav-tab {
        left: 0;
    }
}

@media (min-width:1600px) and (max-width: 1799px) {

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.articles-nav-tab {
        left: 0;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.find-your-college-nav-tab {
        left: 0;
    }
}

@media (min-width:1500px) and (max-width: 1599px) {
    .cr-wrapper.enrollment-pages .cr-logo img {
        width: 200px !important;
    }
}

@media (max-width: 1480px) {
    .cr-wrapper .cr-logo img {
        /*width: 100%;*/
        padding-right: 0;
    }

    .cr-wrapper .trans-header .cr-logo img {
        width: 100%;
    }

    .cr-wrapper.enrollment-pages .cr-logo img {
        width: 160px !important;
        padding-right: 0;
    }
}


@media (max-width: 1440px) {
    /*    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#account-submenu {
        right: 0%;
    }*/

    .cr-wrapper #modal_login .modal__dialog {
        width: 40%;
    }
}


@media screen and (max-width: 1400px) {
    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        /*padding: 0 0 0 15px;*/
    }
}

@media (max-width: 1347px) {


    .cr-wrapper .logged-user-panel .signup {
        margin-right: 0;
    }

    .cr-wrapper .logged-user-panel form {
        display: inline-table;
        width: 5px;
        max-width: 5px;
        text-align: left;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
        /*margin: 0 0 0 2px;*/
    }


    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
        /*font-size: 1em;*/
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        /*margin-left: 25px;*/
    }
}

@media (max-width: 1293px) {
    .cr-wrapper .trans-header.rebrand-header .trans-btn-account .trans-tooltip-container {
        top: 90px;
    }

    .cr-wrapper .logged-user-panel button, .cr-wrapper .trans-header.rebrand-header .trans-btn-account {
        width: 130px;
        max-width: 150px;
    }

    .cr-wrapper .logged-user-panel .signup {
        margin-bottom: 5px;
    }

    .cr-wrapper .trans-header.rebrand-header button.signup {
        width: 85px;
    }
}

@media (min-width: 1200px) and (max-width: 1291px) {
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles .trans-sub-sub-menu li a {
        font-size: 13px;
    }
}

@media (max-width: 1240px) {
    .cr-wrapper .trans-header.rebrand-header {
        padding-left: 0;
    }
    /*.cr-wrapper .trans-header.rebrand-header ul li {
        width: 125px;
    }*/

    /*        .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search {
            margin-left: 30px !important;
        }*/
}


@media (max-width: 1280px) {
    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#account-submenu {
        min-width: 240px;
    }

    .cr-wrapper #modal_login .modal__dialog {
        width: 50%;
    }

    .cr-wrapper .trans-header.rebrand-header {
        padding-left: 0;
    }
}

@media (max-width: 1200px) {
    .cr-wrapper .trans-header.rebrand-header button, .cr-wrapper .trans-header.rebrand-header .trans-btn-account {
        min-width: 82px;
    }

        .cr-wrapper .trans-header.rebrand-header button:first-child {
            margin-bottom: 2px;
        }

    .cr-wrapper .trans-header.rebrand-header .signup {
        margin-right: 0;
    }

    .flipper > .flex-row {
        display: flex;
        align-items: center;
    }

    .cr-wrapper .trans-header.rebrand-header .cr-btn-search {
        margin-right: 34px;
    }

    .cr-wrapper .trans-header.rebrand-header button {
        min-width: 30px;
    }

        .cr-wrapper .trans-header.rebrand-header button.login {
            min-width: 0px;
        }

    .sign-up-button-container {
        display: inline-block;
        width: 50%;
    }

    .cr-wrapper .trans-header.rebrand-header button.signup {
        width: 69px;
        min-width: 30px;
        margin-left: 10px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu.articles-nav-tab {
        left: 0;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        margin-left: 10px;
        padding: 0px 3px 0px 6px;
    }

        .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item.align-submenu {
            margin-left: 45px;
        }
}

@media (max-width: 1200px) {
    /*
        .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
            margin: 0 0 0 2px;
        }*/

    /*.cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
            margin: 0 0 0 20px;
        }*/

    /*    .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search {
        margin-left: 10px !important;
    }*/
}

@media (max-width: 1115px) {
    .cr-wrapper.enrollment-pages .cr-logo img {
        width: 140px !important;
    }

    .cr-wrapper.enrollment-pages .trans-header.rebrand-header .cr-login-reg-search {
        margin-left: 10px !important;
    }
}

@media (max-width: 1060px) {
    #AccountSectionPartial ul li.trans-menu-item {
        margin-left: 10px;
    }
}

@media(max-width:1006px) {
    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        margin-left: 10px;
        padding: 0px 3px 0px 3px;
    }
}

@media (max-width: 1024px) {
    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#financing-submenu ul.second-level-menu {
        padding-left: 249px;
    }

    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#tools-submenu ul.second-level-menu {
        padding-left: 371px;
    }

    /*    .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search {
        margin-left: 30px !important;
    }*/

    /*    #AccountSectionPartial .login {
        margin-left:20px
    }*/
}

@media (max-width: 1100px) {
    .cr-wrapper .trans-header.rebrand-header button {
        min-width: 82px;
        max-width: 100px;
        font-size: 11px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-btn-account {
        min-width: 82px;
        max-width: 100px;
        font-size: 11px;
    }

    .cr-wrapper .logged-user-panel #MyCollegesCount {
        margin-left: 85px !important;
    }

    .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search .act-notif-badge {
        margin-left: 70px !important;
    }
}

@media (max-width: 10711px) {
    /*.cr-wrapper .trans-header.rebrand-header ul li {
        font-size: 18px;
        width: 102px;
    }*/
}



@media (max-width: 1100px) {
    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#account-submenu {
        min-width: 240px;
    }
}



@media (max-width: 991px) {
    .cr-wrapper .cr-logo img {
        width: 160px !important;
    }

    .cr-wrapper .logged-user-panel {
        margin-left: -15px;
    }

    .mobile-menu i.fa, .trans-header.rebrand-header-mobile i.fa {
        color: #222;
        font-size: 26px;
    }

    .cr-wrapper #modal_login .modal__dialog {
        width: 60%;
    }

    .cr-wrapper.enrollment-pages .cr-logo img {
        width: max-content !important;
    }

    .cr-wrapper.enrollment-pages .trans-header.rebrand-header,
    .cr-wrapper.enrollment-pages .trans-header.rebrand-header-mobile {
        padding-left: 0;
    }

    .cr-wrapper .cr-logo img {
        height: 24px !important;
        width: auto !important;
        object-fit: cover !important;
    }

    .rebrand-header-mobile.mobile-mode .cr-logo {
        text-align: left;
    }

    .trans-header.mobile-mode.rebrand-header-mobile .menu-navigation i.fa.fa-bars,
    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .cr-btn-search {
        padding: 6px;
        font-size: 24px;
    }
}

@media (max-width: 986px) {

    .cr-wrapper .trans-header.rebrand-header ul li, .cr-wrapper .trans-header.rebrand-header ul li a i {
        /*font-size: 16px;*/
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        padding-right: 20px;
    }

    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#financing-submenu ul.second-level-menu {
        padding-left: 220px;
    }

    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#tools-submenu ul.second-level-menu {
        padding-left: 327px;
    }
}

@media (max-width: 932px) {
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu div.trans-sub-menu-articles.has-3rd-child-submenu > div > div:first-child {
        padding-left: 15px;
    }
}

@media (max-width: 880px) {
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu#paying-for-college-submenu ul.second-level-menu li a div > div.selection-highlight {
        top: 171px;
    }
}

@media (max-width: 847px) {
    .cr-wrapper .trans-header.rebrand-header ul li.border-left-green > a {
        width: 70px;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        /*padding-right: 10px;*/
    }

    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#financing-submenu ul.second-level-menu {
        padding-left: 202px;
    }

    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#tools-submenu ul.second-level-menu {
        padding-left: 300px;
    }
}

@media (max-width: 832px) {
}

@media (max-width: 810px) {
    div.cr-login-reg-search {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .cr-wrapper .trans-header.mobile-mode.rebrand-header-mobile {
        min-height: 75px;
        height: 75px;
    }

    .cr-wrapper .cr-logo img {
        object-fit: contain;
    }

    .cr-wrapper.enrollment-pages .trans-header.rebrand-header-mobile.mobile-mode .cr-logo img {
        width: 150px;
    }
}

@media (max-width: 991px) {
    .cr-wrapper .logged-user-panel #MyCollegesCount {
        margin-left: 91px !important;
        margin-top: -5px !important;
    }

    .cr-wrapper .trans-header.mobile-mode.rebrand-header-mobile {
        /*      min-height: 75px;
            height: 75px;*/
        background-color: #ffffff;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .cr-search-panel {
        border: 0;
        width: 100%;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input {
        margin-left: 0px;
    }

        .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input::-webkit-input-placeholder {
            overflow: visible;
        }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .cr-search-panel i.fa.fa-close {
        font-size: 17px;
        padding: 8px 9px;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input {
        font-size: 18px;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch .search-result-panel {
        z-index: 995;
        padding-top: 0px;
        margin-top: 15px;
        width: 100%;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch .search-result-panel-items {
        max-height: 450px;
        padding: 10px 0px;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .cr-wrapper .modal__dialog {
        min-width: auto;
        margin: 0 20px;
        overflow: auto;
        max-height: 100%;
        overflow-x: hidden;
    }

    /* .cr-wrapper #container.details {
            padding-top: 80px !important;
        }*/

    .cr-wrapper .profile-nav {
        top: 75px;
    }

    .body-wrapper, .container, #container {
        /*overflow-x: hidden;*/
    }

    #mycolleges_header_buttons.container, .advance-calc-option.container {
        overflow-x: unset;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch input {
        font-size: 20px;
    }

    div.tailored-communication h2 {
        text-align: center !important;
    }

    div.tailored-communication div {
        text-align: left !important;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
        height: 52px;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile {
        background-color: #ffffff;
    }

    .mobile-menu {
        top: 125px;
    }

    .hasRanking2019Popup.hasRanking2019PopupPrint .mobile-menu {
        top: 190px;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile {
        height: 100px;
    }



    .ads-desktop.ads-rankings,
    .ads-mobile.ads-rankings {
        top: 0;
    }

    .cr-wrapper #modal_login .modal__dialog {
        width: 70%;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .search-result-panel {
        top: 38px;
    }

    .new-enrollment-header-nav .cr-logo img {
        padding-right: 16px;
    }
}

@media (max-width: 768px) and (min-width: 768px) {
    .cr-wrapper .trans-menu-item .selection-highlight {
        top: 35px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu {
        top: 75px;
    }

    .cr-wrapper .trans-header.rebrand-header crcustomsearch .search-result-panel {
        margin-top: 20px;
    }
}

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

    .cr-wrapper #container.details {
        padding-top: 80px;
    }
}
@media(max-width:767px){
    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .search-result-panel {
        top: 82px;
    }
}
@media (max-width: 640px) {
    .cr-wrapper .demo-btns .modal__trigger {
        margin-bottom: 0.8rem;
    }

    .cr-wrapper #modal_login .modal__dialog {
        min-width: auto;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile {
        height: 75px;
    }


    .mobile-menu.trans-header.rebrand-header-mobile {
        top: 75px;
    }

    .ads-desktop.ads-rankings,
    .ads-mobile.ads-rankings {
        top: 0;
    }
}
@media(max-width:625px) {
    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .search-result-panel {
        top: 110px;
    }
}
@media (max-width: 570px) {
    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input {
        font-size: 16px;
    }

    .cr-wrapper #modal_login .modal__dialog {
        width: 80%;
    }
}

@media (max-width: 540px) {
    /*.cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch .search-result-panel-items {
        padding: 25px 30px;
    }*/

    .cr-wrapper #modal_login .modal__dialog {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .cr-wrapper .intro-content {
        margin-top: 45px;
    }

    crcustomsearch input::-webkit-input-placeholder {
        white-space: pre-line;
        position: relative;
        top: -10px;
    }

    crcustomsearch input::-moz-placeholder {
        white-space: pre-line;
        position: relative;
        top: -10px;
    }

    crcustomsearch input:-ms-input-placeholder {
        white-space: pre-line;
        position: relative;
        top: -10px;
    }

    crcustomsearch input:-moz-placeholder {
        white-space: pre-line;
        position: relative;
        top: -10px;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode crcustomsearch input {
        height: 43px;
    }

    /*    .cr-wrapper .trans-header.rebrand-header-mobile .cr-search-panel i.fa {
        margin-top: 5px;
    }*/
}
@media(max-width:438px) {
    .cr-wrapper .trans-header.rebrand-header-mobile.mobile-mode .search-result-panel {
        top: 135px;
    }
}
@media (max-width: 390px) {


    .cr-wrapper .cr-logo img {
        height: 20px !important;
    }
}

@media (max-width: 350px) {
    .cr-wrapper .login-reg-panel .signup, .cr-wrapper .login-reg-panel button.login {
        width: 130px;
        font-size: 16px;
    }

    .cr-wrapper .cr-logo img {
        height: 20px !important;
    }

    .trans-header.mobile-mode.rebrand-header-mobile .menu-navigation i.fa.fa-bars {
        padding: 5px;
        font-size: 22px;
    }
}

@media (max-width: 320px) {
    .cr-wrapper .login-reg-panel .signup, .cr-wrapper .login-reg-panel button.login {
        width: 130px;
        font-size: 16px;
    }

    .cr-wrapper #modal_login .form .row > .col-xs-12.cr-login .forgot-pass {
        font-size: 11px !important;
    }

    .remember-me label span {
        font-size: 11px !important;
    }

    .rebrand-facebook-modal span {
        font-size: 15px;
    }

    .rebrand-google-modal span {
        font-size: 15px;
    }
}

@media print {
    .trans-header.rebrand-header.d-none {
        display: flex !important;
    }

    .trans-header.rebrand-header-mobile.mobile-mode, .mobile-menu {
        display: none;
    }

    .cr-wrapper .trans-header.rebrand-header ul li a {
        color: #fff !important;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile {
        min-height: 100px;
        height: 100px;
        background-color: rgba(36, 36, 36, 1) !important;
        top: -2px;
        position: absolute;
    }

    .cr-wrapper .signup {
        background-color: #8bc12d !important;
        color: #fff !important;
    }

    .cr-wrapper .trans-header.rebrand-header-mobile .cr-btn-search {
        background-color: #c62d2e !important;
    }

        .cr-wrapper .trans-header.rebrand-header-mobile .cr-btn-search i:before {
            color: #fff !important;
        }

    .cr-wrapper .trans-header.rebrand-header-mobile button {
        color: #fff !important;
    }

    i.fa.fa-search.cr-btn-search.float-right:before {
        color: #fff !important;
    }

    .intro-wrapper span.started a, .bottom-wrapper span.button button {
        color: #fff !important;
        background: none !important;
    }

    i.fa.fa-chevron-right:before {
        color: #fff !important;
    }

    .margin-top-for-print {
        margin-top: 180px;
    }

    #intro img {
        display: none;
    }

    #testimonial {
        margin-top: -100px;
    }

    .fa-facebook-f:before, .fa-facebook:before, .fa-google-plus:before, .fa-twitter:before {
        content: "\f09a";
        color: #fff !important;
    }

    .btn-facebook {
        background-color: #4563a0 !important;
        color: #fff !important;
    }

    .btn-google {
        background-color: #f6503d !important;
        color: #fff !important;
    }

    .btn-twitter {
        background-color: #42b2e4 !important;
        color: #fff !important;
    }

    .bottom-cta {
        width: 100%;
    }

    .single-post .intro-bar {
        height: auto !important;
        margin-top: 65px;
        background: transparent !important;
        position: unset;
    }

    .single-post .container.border-box.content-wrapper {
        margin-top: auto !important;
        overflow-y: hidden;
    }

    body.hasRanking2019Popup.hasRanking2019PopupPrint .ads-desktop.ads-rankings {
        background: #0CABFF !important;
        z-index: 1000;
        display: block !important;
        position: absolute !important;
        top: 98px !important;
        width: 100% !important;
        text-align: center !important;
        font-family: arial !important;
        font-size: 22px !important;
        color: #fff !important;
        font-weight: bold !important;
        padding: 8px 0 !important;
    }

    body.hasRanking2019Popup.hasHiddenGems2019PopupPrint .ads-desktop.ads-hiddengems {
        background: #8bc12d !important;
        z-index: 1000;
        display: block !important;
        position: absolute !important;
        top: 98px !important;
        width: 100% !important;
        text-align: center !important;
        font-family: arial !important;
        font-size: 22px !important;
        color: #fff !important;
        font-weight: bold !important;
        padding: 8px 0 !important;
    }

    .ads-desktop div.col-md-11, .ads-mobile div:first-child {
        color: #fff !important;
    }

    .ads-mobile {
        display: none !important;
    }

    body.hasRanking2019Popup .single-post #container.details {
        padding-top: 110px !important;
    }

    /*hide cookie banner in print mode*/
    cloudflare-app {
        display: none;
    }
}

.container-full {
    max-width: 100%;
    padding: 0px 30px;
    margin: 0 auto;
    width: 100%;
}

@media(min-width:1440px) {
    .container-full {
        max-width: 1280px;
        width: 100%;
        padding: 0px 0px;
    }
}

.button-theme {
    border: solid 1px #AD3000 !important;
    background: #d93d00 !important;
    color: #ffffff !important;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    font-family: "Fira Sans";
    display: inline-block;
}

    .button-theme:hover,
    .button-theme:focus,
    .button-theme:active {
        color: #ffffff !important;
        border-color: #822400 !important;
        background: #ad3000 !important;
        text-decoration: underline !important;
        box-shadow: none;
    }

    .button-theme:focus {
        /*outline: 5px auto Highlight;*/
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px;
    }

body.hasRanking2019Popup.hasRanking2019PopupPrint .cr-wrapper .trans-header.rebrand-header,
body.hasRanking2019Popup.hasRanking2019PopupPrint .cr-wrapper .trans-header.mobile-mode.rebrand-header-mobile {
    top: 47px;
}


.rebrand-homepage {
    margin-top: 145px;
}

@media(max-width:767px) {
    .mobile-menu {
        top: 74px;
    }

    .hasRanking2019Popup.hasRanking2019PopupPrint .mobile-menu {
        top: 121px;
    }

    .container-full {
        padding: 0px 15px;
    }
}

@media(max-width:625px) {

    .hasRanking2019Popup.hasRanking2019PopupPrint .mobile-menu {
        top: 149px;
    }
}

@media(max-width:465px) {

    .hasRanking2019Popup.hasRanking2019PopupPrint .mobile-menu {
        top: 149px;
    }
}

@media(max-width:438px) {

    .hasRanking2019Popup.hasRanking2019PopupPrint .mobile-menu {
        top: 174px;
    }
}

@media(max-width:360px) {
    .cr-wrapper .cr-logo img {
        /*width: 180px;*/
    }
}

.btn-outline-theme {
    color: #d93d00 !important;
    border: 1px solid #efb199 !important;
    font-weight:600;
}

    .btn-outline-theme:hover {
        color: #ad3000 !important;
        background: transparent !important;
        border-color: #ad3000 !important;
        text-decoration: underline !important;
    }

    .btn-outline-theme:focus {
        color: #ad3000 !important;
        background: transparent !important;
        border-color: #ad3000 !important;
        outline: 5px auto Highlight !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: 2px !important;
    }

.cr_logo {
    display: block;
    padding-top: 20px;
}

@media(max-width:991px) and (min-width:768px) {
    .cr-wrapper .trans-header.rebrand-header {
        height: auto;
    }

        .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text {
            height: auto;
            position: relative;
        }

    body.hasRanking2019Popup.hasRanking2019PopupPrint .rebrand-homepage {
        margin-top: 100px;
    }

    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu {
        /*top:167px;*/
    }

    body:not(.partnermode).hasRanking2019Popup #container.details,
    .hasRanking2019Popup.hasRanking2019PopupPrint .offer-letter,
    body:not(.partnermode).hasRanking2019Popup #container.details.top-menu-with-ad-boundery,
    body:not(.partnermode).hasRanking2019Popup #container.details.careerList,
    body:not(.partnermode).hasRanking2019Popup #container.details.rebrand-tools,
    body:not(.partnermode).hasRanking2019Popup #container.details.scholarship,
    body:not(.partnermode).hasRanking2019Popup #container.details.scholarship-winner-details,
    body:not(.partnermode).hasRanking2019Popup #container.details.mt-0,
    body:not(.partnermode).hasRanking2019Popup #container.details.rebrand-college-match,
    body:not(.partnermode).hasRanking2019Popup #container.details.fafsa-container-main,
    body:not(.partnermode).hasRanking2019Popup #container.details.about-us,
    body:not(.partnermode).hasRanking2019Popup #container.details.career-main {
        padding-top: 192px !important;
    }

    body.inner.hasRanking2019Popup.hasRanking2019PopupPrint .breadcrmb-section {
        margin-top: 192px !important;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item {
        padding: 0 0 0 0;
        margin-left: 0;
        margin-right: 32px;
    }

    .cr-wrapper .trans-header.rebrand-header .cr-login-reg-search {
        padding-top: 40px;
    }

    .cr-wrapper .trans-header.rebrand-header:not(.mobile-mode) ul li.trans-menu-item a.trans-menu-item-text.search-icon-menu {
        padding-top: 52px;
    }

    .cr-wrapper .trans-header.rebrand-header ul li a i.fa-caret-down {
        position: absolute;
        margin-top: 5px;
    }
}

@media(max-width:774px) and (min-width:768px) {
    .cr-wrapper .trans-header.rebrand-header .trans-sub-menu {
        top: 164px;
    }
}

@media(max-width:794px) and (min-width:768px) {
    .cr-wrapper .trans-header.rebrand-header div.trans-sub-menu#account-submenu {
        top: 158px;
    }
}

.noleftright-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top40 {
    padding-top: 40px;
}

#footer {
    background-color: #F6F6F6 !important;
}

#ft-top {
    /*max-width: 1124px;*/
    margin: 0 auto;
}


    #ft-top #ft-nav {
        padding: 50px 0 0;
    }

#ft-nav.row {
   /* margin-left: -25px;
    margin-right: -25px;*/
}

#ft-nav div.right-divnav {
    padding-top: 30px;
}

#ft-nav div div ul.ft-nav-primary li {
    width: 100%;
}

    #ft-nav div div ul.ft-nav-primary li a {
        font-family: "Fira Sans";
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.22;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }


#ft-nav div div ul.ft-leftnavsecondary li {
    width: 100%;
}

    #ft-nav div div ul.ft-leftnavsecondary li a {
        font-family: "Fira Sans";
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        text-align: left;
        color: #231F20;
        /*padding:6px 0;*/
    }

#footer div.google-auto-placed {
    display: none !important;
}

#footer #ft-nav .left-nav li a:hover, #footer #ft-nav .left-nav li a:active, #footer #ft-nav .left-nav li a:focus,
#footer #ft-nav .right-nav li a:hover, #footer #ft-nav .right-nav li a:active, #footer #ft-nav .right-nav li a:focus,
#footer #ft-nav .left-navsub li a:hover, #footer #ft-nav .left-navsub li a:active, #footer #ft-nav .left-navsub li a:focus {
    text-decoration: underline;
    color: #231F20;
}

#ft-nav div div ul.ft-nav-secondary li {
    width: 100%;
}

    #ft-nav div div ul.ft-nav-secondary li a {
        font-family: "Fira Sans";
        font-size: 16px;
        font-weight: normal;
        line-height: 150%;
        text-align: left;
        color: #231F20;
        /*padding: 6px 0;*/
    }

#ft-nav div div label.cr-label {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #9c9c9c;
    padding: 5px 10px;
    float: left;
}

#ft-nav div div label.cr-labelright {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #9c9c9c;
    padding: 5px 0px;
    float: left;
}

#ft-nav div.copyright {
    padding-top: 25px;
    padding-bottom: 35px;
}

#ft-nav div div.cr-copyright {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    color: #878686;
}

#ft-nav div div.left-navlogo {
    text-align: left;
}

#ft-nav div div.left-nav {
    padding-top: 25px;
}

#ft-nav div div.left-navsub {
    padding-top: 25px;
}

#ft-nav div div.left-navicc {
    text-align: left;
}


#ft-nav div div.right-nav span {
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    text-align: left;
    color: #231F20;
}

#ft-nav ul.ft-nav-secondary li {
    padding: 5px 0px !important;
    float: left;
}

.icc-logo-color-2x-black {
    width: 109px;
    height: 62px;
    margin: 15px 176px 25px 10px;
    object-fit: contain;
    opacity: 0.5;
}

.footer-copyright {
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #636262;
    /*padding-left: 10px;*/
    padding-bottom: 25px;
}

.social-media ul li {
    padding-top:0px;
}

#ft-top #ft-nav div div.left-nav ul li.facebook a img {
    height: 34px;
}

div.wrap-rebrand-email {
    /*width: 269px;*/
    height: 40px;
    /*border: solid 2px #BFBEBE;*/
    /*margin: 10px 0 0;*/
}

input.subrebrand_email {
    width: 100%;
    height: 22px;
    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: #636262;
    background-color: #231F20;
    margin: 9px 0 0;
    padding-left: 5px;
}
/*a.link-rebrand-subscribe {
    width: 137px;
    height: 40px;
    background-color: #f57831;
}*/

div.link-rebrand-subscribe button.subscribe {
    width: 137px;
    height: 40px;
    background-color: #f57831;
    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;
    margin-right: 0;
    margin-left: auto;
}

    div.link-rebrand-subscribe button.subscribe:hover {
        background-color: #AD3000;
    }







i.rebrand-facebook-footer,
i.rebrand-twitter,
i.rebrand-instagram,
i.rebrand-linkedin-footer {
    color: #373535 !important;
    font-size: 26px;
}

i.rebrand-linkedin-footer {
    font-size: 29px;
}

i.rebrand-facebook-footer {
    padding-top: 8px;
}

img.cr-logo-white {
    /*width: 90% !important;*/
    margin-top: 15px;
    object-fit: contain;
}

.footersection-left {
    padding-right: 10px;
}

/*
.yourcollege-footer{
    padding-right:30px;
}*/

.articles-footer {
    padding-left: 15px;
}

.subscribe-section-button {
    padding-top: 12px;
}

#headtext_subscription {
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 10px;
}
/*Mobile View*/
.mobile-footer-rebrand {
    padding: 0;
}

    .mobile-footer-rebrand img.cr-logo-white {
        margin-bottom: 35px;
        /*width: 100% !important;*/
    }

    .mobile-footer-rebrand .cr-logo, .mobile-footer-rebrand .cr-footercontent {
        padding: 0;
    }


    .mobile-footer-rebrand div.social-section, .mobile-footer-rebrand div.resource-section, .mobile-footer-rebrand div.subscribe-section {
        font-family: "Fira Sans";
        font-size: 18px;
        font-weight: 600;
        line-height: 1.56;
        text-align: left;
        color: #231F20;
        position:relative;
        z-index:10;
    }

        .mobile-footer-rebrand div.subscribe-section div.subscribe-section-button {
            text-align: left;
        }

    .mobile-footer-rebrand ul.ft-leftnavsecondary li {
        width: 100%;
    }

    .mobile-footer-rebrand ul.ft-leftnavsecondary {
        margin-bottom: 25px;
    }


.yourcollege-footer {
    padding-right: 0px;
}

.scholarship-footer {
    padding-left: 20px;
}

@media (max-width:991px) {
    #ft-nav div div.left-navlogo {
        text-align: center;
    }
    #ft-top #ft-nav {
        padding: 10px 0 0;
    }
    #ft-nav div div.right-nav {
        display: none;
    }

    #ft-nav div div ul.ft-nav-primary li {
        width: auto;
        display: inline-block;
    }

    #ft-nav div div ul.ft-leftnavsecondary li {
        display: inline-block;
    }

    #ft-nav div div label.cr-label {
        text-align: center;
        width: 100%;
    }

    #ft-nav div div.left-navicc {
        text-align: center;
    }

    .icc-logo-color-2x-black {
        margin: 15px 0px 25px 10px;
    }

    div.link-rebrand-subscribe button.subscribe {
        width: 100%;
    }

    .mobile-footer-rebrand div.social-section li.facebook {
        /*padding-left: 0px !important;*/
    }

    .mobile-footer-rebrand div.resource-section div.resource-sectiondivlist {
        padding-top: 15px !important;
    }

    div.wrap-rebrand-email {
        width: 100%;
        margin: 0;
    }

    .mobile-footer-rebrand div.subscribe-section div.subscribe-section-label {
        padding-bottom: 10px;
        padding-left: 0;
    }

    .mobile-footer-rebrand div.subscribe-section div.subscribe-section-field {
        padding-bottom: 15px;
        padding-left:0;
    }

    .mobile-footer-rebrand div.subscribe-section div.subscribe-section-button {
        padding-bottom: 15px;
        padding-left: 0;
    }

    .subscribe-section-button {
        padding-top: 0px;
    }

    #ft-nav.row {
        /*margin-left: 0px;*/
    }
}

@media (max-width:769px) {
    .mobile-footer-rebrand img.cr-logo-white {
        margin-bottom: 35px;
        /*width: 35% !important;*/
    }
}


@media (max-width:415px) {
    #ft-nav div div.left-navlogo {
        text-align: left;
    }

    #ft-top #ft-nav {
        text-align: left;
    }

    #ft-nav div div ul.ft-nav-primary li {
        width: auto;
        display: inline-block;
    }

    #ft-nav div div label.cr-label {
        text-align: left;
        width: 100%;
    }

    #ft-nav div div.left-navicc {
        text-align: left;
    }

    .icc-logo-color-2x-black {
        margin: 41px 176px 25px 10px;
    }

    #ft-nav div div ul.ft-nav-primary li:first-child {
        width: 50%;
    }

    #ft-nav div div ul.ft-nav-primary li:nth-child(3) {
        width: 50%;
    }

    .mobile-footer-rebrand div.resource-section {
        /*padding-top: 25px;*/
    }

    .mobile-footer-rebrand div.subscribe-section {
      /*  padding-left: 0px;
        padding-right: 0px;*/
    }

    .mobile-footer-rebrand img.cr-logo-white {
        margin-bottom: 35px;
        /*width: 100% !important;*/
    }
}

@media (max-width:320px) {
    .mobile-footer-rebrand div.social-section ul li {
        padding-right: 0px !important;
    }
}
/*!
 * jquery-drawer - A small CSS3 and jQuery plugin for app style drawer menu.
 * @version v2.4.0
 * @link    http://git.blivesta.com/drawer
 * @author  blivesta
 * @license MIT
 */

.hd-top {
    margin-top: 40px;
}

.hd-top .top-acc-icons {
    margin-top: 26px;
}

.hd-top.shrink .top-search {
    margin-top: 20px;
}

.hd-top.shrink .top-acc-icons {
    margin-top: 7px;
}

.top-acc-icons a:hover i, .top-acc-icons .active i, .right-menu .open i {
    background-color: #becc43 !important;
}

.right-menu .open #erid i {
    background-color: transparent !important;
}

.logintext i {
    margin-top: 5px;
    color: #cb2027 !important;
    background-color: transparent;
}

.top-acc-icons .active span {
    font-weight: bold !important;
}

.hd-top #logo, .hd-top.shrink #logo {
    width: 100%;
    left: 0;
    text-align: center;
}

#menu, #nav {
    display: none;
}

.top-search {
    margin-top: 50px;
    background-color: #fff;
}

#intro {
    margin-top: 50px;
}

.tt-dropdown-menu {
    max-width: 285px;
}

.top-search #search-college {
    width: 285px;
    padding: 6px 4px;
    font-size: 15px;
    text-indent: 25px;
    background-color: #fff;
}

.top-search .form-group i {
    font-size: 20px;
    color: #A6A6A6;
    padding: 6px 0 0 6px;
    position: absolute;
    z-index: 9;
}

.rm-mobile {
    display: none !important;
}

.container.drawer-nav {
    text-align: center;
}

body.drawer-navbar.drawer-fixed {
    padding-top: 0;
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-home:before {
    content: "\f015";
}

.drawer-main {
    position: fixed;
    z-index: 5300;
    top: 0;
    overflow: hidden;
    width: 280px;
    height: 100%;
}

.drawer-left .drawer-main {
    left: -280px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
}

.drawer-left.drawer-open .drawer-main {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.drawer-right .drawer-main {
    right: -280px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
}

.drawer-right.drawer-open .drawer-main {
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.drawer-top .drawer-main {
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.drawer-top.drawer-open .drawer-main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.drawer-overlay {
    position: relative;
}

.drawer-left .drawer-hamburger {
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.drawer-left.drawer-open .drawer-hamburger {
    -webkit-transform: translateX(270px) translateY(0);
    -ms-transform: translateX(270px) translateY(0);
    -o-transform: translateX(270px) translateY(0);
    transform: translateX(270px) translateY(0);
}

.drawer-right .drawer-hamburger {
    right: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.drawer-right.drawer-open .drawer-hamburger {
    margin-right: 280px;
    float: right;
    position: fixed;
}

.drawer-top .drawer-hamburger {
    right: 0;
}

.drawer-top.drawer-open .drawer-hamburger {
    z-index: 5400;
    right: 0;
}

.drawer-overlay-upper {
    position: fixed;
    z-index: 5200;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    /*background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);*/
}

.drawer-open .drawer-overlay-upper {
    display: block !important;
}

.drawer-hamburger {
    border: 0;
    background: 0;
    display: block;
    top: 0;
    padding: 10px;
    width: 47px;
    height: 45px;
    background-color: transparent;
    border: 0;
    z-index: 5100;
    outline: 0;
}

.drawer-hamburger:hover {
    cursor: pointer;
}

.drawer-hamburger-icon {
    position: relative;
    display: block;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    height: 5px;
    width: 100%;
    border-radius: 1px;
    background-color: #333;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    position: absolute;
    content: " ";
    top: -10px;
    left: 0;
}

.drawer-hamburger-icon:after {
    top: 10px;
}

.drawer-open .drawer-hamburger {
    background-color: #000;
    z-index: 999999;
    position: fixed;
    border: 1px solid #555;
}

.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    background-color: #fff;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}

#lftDrawer .drawer-hamburger-icon {
    margin: 7px 0 1px 0 !important;
}

.hd-top.sticky-scroll div {
    overflow: visible !important;
}

.drawer-right .sr-only {
    margin-left: -5px;
}

.drawer-left.drawer-open .sr-only, .drawer-right.drawer-open .sr-only {
    display: none;
}

.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.drawer-default {
    background-color: #222;
    -webkit-box-shadow: inset 0 0 0 #000000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.drawer-default + .drawer-overlay {
    background-color: #fff;
}

.drawer-default li, .drawer-default a, .drawer-default .drawer-brand {
    position: relative;
    display: block;
}

.drawer-default a {
    text-decoration: none;
}

.drawer-default a:hover, .drawer-default a:focus {
    text-decoration: underline;
}

.drawer-default .drawer-brand a {
    padding: 20px 15px;
    color: #fff;
    font-size: 22px;
}

.drawer-default .drawer-brand a:hover {
    color: #555;
}

.drawer-default .drawer-brand > img {
    display: block;
}

.drawer-default .drawer-footer {
    position: relative;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: transparent;
}

.drawer-default .drawer-footer span:before,
.drawer-default .drawer-footer span:after {
    content: " ";
    display: block;
}

.drawer-default ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.drawer-default .drawer-menu-item {
    padding: 15px 15px 0;
    font-size: 18px;
    color: #555;
}

.drawer-default .drawer-menu-item.disabled a {
    color: #333;
}

.drawer-default .drawer-menu-item.disabled a:hover, .drawer-default .drawer-menu-item.disabled a:focus {
    cursor: not-allowed;
    color: #333;
    background-color: transparent;
}

.drawer-default .drawer-menu-item a {
    color: #888;
}

.drawer-default .drawer-menu-item a:hover, .drawer-default .drawer-menu-item a:focus {
    color: #fff;
    background-color: transparent;
}

.drawer-default .drawer-menu-item a img {
    max-width: none;
}

.drawer-default .drawer-submenu {
    margin-bottom: 20px;
}

.drawer-default .drawer-submenu:last-child {
    margin-bottom: 0;
}

.drawer-default .drawer-submenu-item {
    padding: 0;
}

.drawer-default .drawer-submenu-item a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.drawer-default .drawer-submenu-item a:hover, .drawer-default .drawer-submenu-item a:focus {
    color: #fff;
}

.drawer-default .drawer-dropdown-menu {
    position: absolute;
    display: none;
    z-index: 5000;
    background-color: #222;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.drawer-default .drawer-dropdown-menu > li > a {
    padding: 0 !important;
}

.drawer-default .dropdown.open > .drawer-dropdown-menu {
    position: static;
    display: block;
    float: none;
    width: auto;
}

.drawer-navbar-default {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 #000000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.drawer-navbar-default + .drawer-overlay {
    background-color: #fff;
}

.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
    position: relative;
    display: block;
}

.drawer-navbar-default a {
    text-decoration: none;
    outline: 0;
}

.drawer-navbar-default a:hover, .drawer-navbar-default a:focus {
    text-decoration: none;
}

.drawer-navbar-default .drawer-brand a {
    padding: 20px 15px;
    color: #fff;
    font-size: 22px;
}

.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
    color: #555;
}

.drawer-navbar-default .drawer-brand > img {
    display: block;
}

.drawer-navbar-default .drawer-footer {
    position: relative;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: transparent;
}

.drawer-navbar-default .drawer-footer span:before,
.drawer-navbar-default .drawer-footer span:after {
    content: " ";
    display: block;
}

.drawer-navbar-default ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.drawer-navbar-default .drawer-menu.drawer-navbar-right {
    float: none;
}

.drawer-navbar-default .drawer-menu-item {
    padding: 15px 0;
    font-size: 16px;
    color: #555;
}

.drawer-navbar-default .drawer-menu-item a i {
    display: none;
}

.drawer-navbar-default .drawer-menu-item.disabled a {
    color: #333;
}

.drawer-navbar-default .drawer-menu-item.disabled a:hover, .drawer-navbar-default .drawer-menu-item.disabled a:focus {
    color: #333;
    background-color: transparent;
    cursor: not-allowed;
}

.drawer-navbar-default .drawer-menu-item a {
    font-family: "proximanova-webfont",Arial,Helvetica;
    color: #FFF;
    text-transform: uppercase;
}

.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
    background-color: transparent;
}

.drawer-navbar-default .drawer-menu-item a img {
    max-width: none;
}

.drawer-navbar-default .drawer-submenu {
    margin: 10px 0 0 15px;
}

.drawer-navbar-default .drawer-submenu:last-child {
    margin-bottom: 0;
}

.drawer-navbar-default .drawer-submenu-item {
    padding: 0 5px;
}

.drawer-navbar-default .drawer-submenu-item a {
    height: auto;
    line-height: 30px;
    font-size: 15px;
    padding: 0 5px!important;
    margin: 0 10px;
}
 
.drawer-navbar-default .drawer-submenu-item a.forgot-pass {
    text-transform: none;
    text-align: center;
    float: none;
}

.drawer-navbar-default .drawer-dropdown-menu > li > a {
    padding: 0 !important;
}

.drawer-navbar-default .dropdown.open > .drawer-dropdown-menu {
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: block;
    max-width: 300px; /*eric.razon*/
}

.right-menu .drawer-submenu {
    margin-top: 27px !important;
    border-top: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 4px !important;
    margin-left: -50px !important;
}

.right-menu .caret {
    float: right;
    position: relative;
    margin-top: 15px !important;
}

.drawer-dropdown .caret,
.drawer-dropdown-hover .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
    -o-transition: -o-transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.drawer-dropdown.open .caret,
.drawer-dropdown-hover.open .caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.sr-only {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.right-menu {
    background-color: transparent !important;
    position: relative !important;
}

.right-menu .drawer-menu {
    margin-right: 0;
    display: -moz-box;
}

.logged a i, .logged.open a i {
    background-color: #cb2027 !important;
}

.logged.open a:hover i {
    background-color: #becc43 !important;
}

@-webkit-keyframes color_change {
    from {
        background-color: orange;
    }

    to {
        background-color: lightgreen;
    }
}

@-moz-keyframes color_change {
    from {
        background-color: orange;
    }

    to {
        background-color: lightgreen;
    }
}

@-ms-keyframes color_change {
    from {
        background-color: orange;
    }

    to {
        background-color: lightgreen;
    }
}

@-o-keyframes color_change {
    from {
        background-color: orange;
    }

    to {
        background-color: lightgreen;
    }
}

@keyframes color_change {
    from {
        background-color: orange;
    }

    to {
        background-color: lightgreen;
    }
}

.revoke-badge {
    background-color: #fff;
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
}

.revoke-badge {
    width: 18px;
    height: 16px;
    background-color: #9BFB80;
    position: absolute;
    border-radius: 10px;
}

.cr-wrapper .revoke-badge {
    width: auto;
    height: auto;    
    margin-top: -18px;
    margin-left: 80px;
    padding: 1px 5px 4px 5px;
}

.revoke-badge i {
    font-size: 12px !important;
    color: #000 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fa-eye:before {
    content: "\f06e";
}

.logged a i span i, .logged a:hover i span i, .logged.open a i span i, .logged.open a:hover i span i {
    background-color: transparent !important;
}

.acc-icon-box i span {
    margin: 20px;
}

.act-notif-badge {
    width: 15px;
    height: 15px;
    color: #f45a00 !important;
    background-color: #f45a00;
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    margin: -30px 0 0 20px !important;
    border: 3px solid #FFF;
}

.mycol {
    font-size: 12px !important;
    color: #fff !important;
    padding: 5px 3px 3px 3px;
    width: auto;
    height: auto;
    min-width: 25px;
    min-height: 25px;
    margin-top: -35px !important;
    border-radius: 20px;
    background-color: #888686;
    border: 2px solid;
}

.right-nav .drawer-close .acc-icon-box span {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #000;
    text-transform: initial;
    margin-top: -9px;
    display: block !important;
}

.right-nav .drawer-close .acc-icon-box i {
    font-size: 22px;
    width: 38px;
    color: #fff;
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 8px 7px;
    background-color: #5c5c5c;
    border-radius: 30px;
}

.drawer-right {
    overflow: inherit !important;
}

.drawer-right .drawer-menu-item a i:after {
    display: none;
}

.disp-center > li {
    text-align: center !important;
}

form#LogonSectionForm {
    background: none;
}

form#LogonSectionForm input[type="text"], form#LogonSectionForm input[type="password"] {
    width: 180px;
    height: 40px;
    margin: 10px 0 0 0;
    padding: 10px;
}

.forgot-pass {
    font-size: 12px !important;
    color: #191919 !important;
    margin-left: 20px;
    text-decoration: underline !important;
}

.forgot-pass:hover {
    text-decoration: none !important;
}

.left .button {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}

.loginwith-text {
    width: 200px;
    margin: 10px 5px 20px;
}

.login-box {
    left: -20px !important;
}

.drawer-dropdown-dropdown-menu {
    position: relative !important; 
    display: inline-block !important;
    width: 100%;
}

    .drawer-dropdown-dropdown-menu .sub-caret {
        position: absolute; 
        right: 0; 
        margin-top: 10px;
        margin-right: 15px;
        border-top: 4px solid transparent; 
        border-bottom: 4px solid transparent;
        border-left: 4px dashed;
    }

    .drawer-dropdown-dropdown-menu .drawer-sub-submenu {
        display: none;
        position: absolute; 
        background-color: #fff; 
        width: 230px; 
        left: 215px;
        border: 1px solid #ddd;
        /*box-shadow: 2px 2px 10px #949494;*/
    }

        .drawer-dropdown-dropdown-menu .drawer-sub-submenu li {
                width: 100%;
                -webkit-transition: background-color 0.5s; /* Safari 3.1 to 6.0 */
                -o-transition: background-color 0.5s;
                transition: background-color 0.5s;
        }
        .drawer-dropdown-dropdown-menu .drawer-sub-submenu li:hover {
            background-color: #E5E5E5;
        }

        .drawer-dropdown-dropdown-menu .drawer-sub-submenu li a {
            color: #000;
            font-size: 14px;
            text-transform: none;

        }

    .drawer-dropdown-dropdown-menu .drawer-sub-submenu.open {
        display: block;
    }

/*.drawer-dropdown-dropdown-menu:focus > .drawer-sub-submenu {
    display: block;
}
.drawer-dropdown-dropdown-menu:hover > .drawer-sub-submenu {
    display: block;
}*/

@media (max-width: 1101px) {
    .cr-wrapper .revoke-badge {
        margin-left: 75px;
    }
    .cr-wrapper .trans-header .cr-btn-search {
        margin-left: 12px;
    }
}

@media (min-width: 768px) {
    #main-menu {
        position: relative;
        z-index: 9999;
    }

    #main-menu ul {
        width: 12em;
    }
}


@media (max-width: 767px) {


    .drawer-dropdown-dropdown-menu .drawer-sub-submenu {
        width: 224px;
        border: none;
    }

    .drawer-dropdown-dropdown-menu .sub-caret {
        margin-top: 15px;
    }

        .drawer-dropdown-dropdown-menu .drawer-sub-submenu {
            position:initial;
        }

       .drawer-dropdown-dropdown-menu .drawer-sub-submenu li {
                width: 100%;
        }

       .drawer-dropdown-dropdown-menu .drawer-sub-submenu li:hover {
            background-color: transparent !important;
        }

        .drawer-dropdown-dropdown-menu .drawer-sub-submenu li a {
            color: #555;
            height: auto !important;
        }

    .right-menu .drawer-menu {
        display: block;
    }
    
    .drawer-dropdown-hover.open .caret {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .col-sm-5.col-md-5.right-nav {
        width: 100%;
    }

    .right-nav .drawer-hamburger {
        margin: -62px 10px 0 0;
        float: right;
        position: absolute;
    }

    .right-menu {
        background-color: #fff !important;
        position: fixed !important;
    }

    .hd-top .top-acc-icons {
        margin-top: 0 !important;
    }

    .right-nav .drawer-close .drawer-hamburger-icon, .right-nav .drawer-close .drawer-hamburger-icon:before, .right-nav .drawer-close .drawer-hamburger-icon:after {
        background-color: transparent;
    }

    .tt-dropdown-menu {
        max-width: 100%;
        z-index: 999999 !important;
    }

    .drawer-navbar-default .drawer-submenu-item a {
        height: 40px !important;
        line-height: 40px;
        border-bottom: 1px solid #DDD;
    }

    .rank-dd-nav .drawer-dropdown .caret {
        transform: rotate(0);
    }

    .rank-dd-nav .drawer-dropdown.open .caret {
        transform: rotate(180deg);
    }

    .rm-mobile {
        display: block !important;
    }

    .rm-desk {
        display: none !important;
    }

    .top-acc-icons a:hover i {
        background-color: transparent !important;
    }

    .log-user-disp {
        height: 75px !important;
    }

    .log-user-disp div {
        width: 110px;
        float: left !important;
    }

    .log-user-disp span {
        float: right;
        margin-top: 0;
        text-align: right !important;
    }

    .log-user-disp span b {
        font-weight: bold;
        display: block;
    }

    .log-user-disp img {
        width: 90px;
        height: 90px;
        border-radius: 60px;
    }

    .sticky-scroll {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        transition: top .5s;
    }

    .sticky-hide {
        top: -110px;
    }

    .sticky-show {
        top: 0;
        z-index: 1040;
    }

    .hd-top, .hd-top.shrink {
        height: 110px;
        margin-top: 0;
    }

    .col-xs-12.col-sm-5.col-md-5.top-search {
        width: 100%;
        background-color: #555;
        padding: 5px 5px 6px;
        top: -50px;
        position: absolute;
    }

    .hd-top.shrink .col-xs-12.col-sm-5.col-md-5.top-search {
        top: -20px;
    }

    .col-xs-12.col-sm-5.col-md-5.top-search #search-college {
        width: 100%;
        background-color: #fff;
    }

    .hd-top #logo, .hd-top.shrink #logo {
        width: 100%;
        top: -50px;
        left: 45px;
        text-align: right;
    }

    .hd-top .col-sm-2.col-md-2 {
        width: 50%;
    }

    .drawer-nav {
        width: 100%;
    }

    .drawer-navbar-default ul {
        margin: 0;
        padding: 0 10px !important;
        width: 100%;
        list-style: none;
    }

    .drawer-hamburger {
        margin-top: 54px;
    }

    .drawer-open .drawer-hamburger {
        margin-top: 1px;
        margin-left: 10px;
    }

    .drawer-open .drawer-hamburger i {
        display: none;
    }

    .drawer-navbar-default .drawer-menu-item a i {
        font-size: 18px;
        color: #555;
        width: 25px;
        text-align: center;
        display: inline-block;
    }

    .cls {
        width: 20px;
        height: 20px;
        margin: 1px 2px 0 0 !important;
        float: right;
    }

    .cls a i, .cls a i:hover {
        color: #fff !important;
        background-color: #000 !important;
        border-radius: 15px;
        padding: 5px 6px !important;
    }

    .rm-mobile i {
        width: 25px !important;
        /*text-align: right !important;
        margin-right: 8px;*/
    }

    .drawer-default a:hover, .drawer-default a:focus {
        color: #888 !important;
        text-decoration: none;
    }

    .drawer-navbar-default {
        border: 1px solid #adadae;
    }
      
    .drawer-navbar-default .drawer-menu-item {
        text-align: left;
        border-bottom: 1px solid #adadae;
    }

    .drawer-navbar-default .drawer-menu-item div {
        font-size: 22px;
        width: 40px;
        color: #fff;
        margin: 0;
        position: relative;
        display: inline-block;
        padding: 8px 9px;
        background-color: #5c5c5c;
        border-radius: 30px;
    }

    .drawer-navbar-default .drawer-menu-item div i {
        color: #fff;
    }

    .drawer-navbar-default .container {
        padding-left: 0;
        padding-right: 0;
    }

    .drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
        color: #555;
        text-decoration: none;
    }

    .drawer-navbar-default .drawer-submenu {
        margin-bottom: 20px;
    }

    .drawer-navbar-default .drawer-submenu:last-child {
        margin-bottom: 0;
    }

    .drawer-navbar-default .drawer-submenu-item a {
        font-size: 16px;
    }

    .drawer-menu .drawer-submenu.drawer-dropdown-menu {
        display: none;
    }

    .drawer-menu .emt-space {
        height: 300px;
        border-bottom: 0;
    }

    .drawer-navbar-default .dropdown.open > .drawer-dropdown-menu {
        margin: 10px -10px 0 15px !important;
        border: 0;
    }
    
    .drawer-navbar-default .dropdown.open > .drawer-dropdown-menu {
        position: static;
        float: none;
        width: auto;
    }

    .drawer-navbar-default .drawer-menu-item a {
        /*font-size: 18px;*/
        color: #555;
        text-transform: capitalize;
        text-align: left;
        background-color: transparent !important;
    }

        .drawer-navbar-default .drawer-menu-item a:active, .drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item.open > a {
            color: #06a6e5;
        }

    .drawer-navbar-default .dropdown.open > .drawer-dropdown-menu {
        margin: 10px 0 0 10px;
    }

    .drawer-dropdown .caret, .drawer-dropdown-hover .caret {
        float: right;
        margin-top: 7px;
        margin-right: 32px;
    }

    .badge {
        margin: 0 0 0 -10px;
    }

    .badge-space i {
        top: -33px;
        position: absolute;
    }

    .drawer-overlay-upper {
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.8);
    }
}

@media (min-width: 768px) {
    .drawer-navbar-default .drawer-dropdown-menu {
        position: absolute;
        display: none;
        z-index: 5000;
        top: 100%;
        left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .drawer-responsive.drawer-left .drawer-toggle,
    .drawer-responsive.drawer-right .drawer-toggle,
    .drawer-navbar.drawer-left button.drawer-toggle,
    .drawer-navbar.drawer-right .drawer-toggle,
    .drawer-navbar.drawer-top .drawer-toggle {
        display: none;
        visibility: hidden;
    }

    .drawer-responsive.drawer-left .drawer-main {
        left: 0;
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .drawer-responsive.drawer-right .drawer-main {
        right: 0;
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    body.drawer-navbar.drawer-fixed {
        padding-top: 50px;
    }

    .drawer-responsive {
        background-color: #222;
    }

    .drawer-responsive .drawer-overlay {
        background-color: #fff;
    }

    .drawer-responsive .container {
        max-width: 618px;
    }

    .drawer-responsive.drawer-left .drawer-main,
    .drawer-responsive.drawer-right .drawer-main {
        position: absolute;
        width: 150px !important;
        height: auto !important;
        overflow: visible !important;
    }

    .drawer-responsive.drawer-left .drawer-main {
        float: left;
    }

    .drawer-responsive.drawer-left .drawer-overlay {
        margin-left: 150px;
    }

    .drawer-responsive.drawer-right .drawer-main {
        float: right;
    }

    .drawer-responsive.drawer-right .drawer-overlay {
        margin-right: 150px;
    }

    .drawer-navbar.drawer-left .drawer-main,
    .drawer-navbar.drawer-right .drawer-main,
    .drawer-navbar.drawer-top .drawer-main {
        position: relative;
    }

    .drawer-navbar.drawer-static.drawer-left .drawer-main,
    .drawer-navbar.drawer-static.drawer-right .drawer-main,
    .drawer-navbar.drawer-static.drawer-top .drawer-main {
        z-index: 5000;
    }

    .drawer-navbar.drawer-fixed.drawer-left .drawer-main,
    .drawer-navbar.drawer-fixed.drawer-right .drawer-main,
    .drawer-navbar.drawer-fixed.drawer-top .drawer-main {
        position: fixed;
        z-index: 5100;
        text-align: center;
    }

    .drawer-navbar.drawer-fixed.drawer-right .drawer-main {
        text-align: right !important;
        z-index: 9;
    }

    .drawer-navbar.drawer-fixed.drawer-right .drawer-main .top-acc-icons {
        text-align: center !important;
    }

    .drawer-navbar.drawer-left .drawer-main,
    .drawer-navbar.drawer-right .drawer-main,
    .drawer-navbar.drawer-top .drawer-main {
        display: block;
        top: 0;
        left: 0;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .drawer-navbar-default {
        position: relative;
        background-color: #333;
    }

    .drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
        float: left;
    }

    .drawer-navbar-default a {
        padding: 0 13px;
        height: 37px;
        line-height: 41px;
        font-size: 16px;
    }

    .drawer-navbar-default .drawer-brand a {
        padding: 0 15px;
        color: #555;
        font-size: 90%;
    }

    .drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
        color: #333;
        background-color: #eee;
    }

    .drawer-navbar-default .drawer-footer {
        display: none;
    }

    .drawer-navbar-default .drawer-menu.drawer-navbar-right {
        float: right;
    }

    .drawer-navbar-default .drawer-menu.drawer-navbar-right .drawer-dropdown-menu {
        right: 0;
        left: auto;
    }

    .drawer-navbar-default .drawer-menu-item {
        padding: 0;
        font-size: 14px;
    }

    .drawer-navbar-default .drawer-dropdown-menu > li {
        text-align: left;
        float: none;
        /* for IE7+ */
    }

    .drawer-navbar-default .drawer-dropdown-menu > li > a {
        width: 200px;
        padding: 0 15px !important;
        color: #000;
        text-transform: capitalize;
        border-top: none;
        filter: alpha(opacity=90);
        text-align: left;
        -webkit-transition: background-color 0.5s; /* Safari 3.1 to 6.0 */
        -o-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

    .drawer-navbar-default .drawer-dropdown-menu > li > a:hover, .drawer-navbar-default .drawer-dropdown-menu > li > a:focus {
        color: #000;
        background-color: #E5E5E5;
    }
}

@media (min-width: 1025px) and (max-width: 1065px) {
    .login-box {
        left: -40px !important;
    }
}

@media (max-width: 767px) {
    .revoke-badge i {
        background-color: transparent !important;
    }
}

@media (max-width: 560px) {
    #intro {
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    #intro {
        margin-top: 80px;
    }
}

@media (max-width: 320px) {
    .drawer-navbar-default .drawer-menu-item a, .drawer-navbar-default .drawer-menu-item a:hover {
        /*font-size: 16px;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hd-top #logo {
        top: 12px;
    }

    .top-search {
        margin-top: 20px;
    }

    .right-nav .drawer-close .acc-icon-box span {
        font-size: 12px !important;
        margin-top: -15px;
    }

    .drawer-navbar-default a {
        padding: 0 7px;
    }

    .hd-top .top-acc-icons {
        margin-top: 18px !important;
    }

    .hd-top.shrink .top-acc-icons {
        margin-top: 12px !important;
    }

    .right-nav .drawer-close .acc-icon-box i span {
        display: block !important;
    }

    .right-menu .drawer-submenu {
        margin-top: 20px !important;
        left: -45px !important;
    }

    .right-menu .logged.open .drawer-submenu {
        left: -20px!important;
    }

    .revoke-badge {
        margin-top: -10px !important;
    }

        .revoke-badge i {
            margin-top: 2px !important;
        }
}

@media (max-width: 991px) {
    .hd-top .container {
        width: 100% !important;
    }

    .hd-top .top-acc-icons {
        margin-top: 7px;
    }
}

@media (max-width: 1024px) {
    .right-menu .drawer-submenu {
        margin-left: -100px !important;
    }
}

@media (min-width: 1200px) {
    .drawer-responsive .container {
        max-width: 768px;
    }

    .drawer-responsive.drawer-left .drawer-main,
    .drawer-responsive.drawer-right .drawer-main {
        width: 280px !important;
    }

    .drawer-responsive.drawer-left .drawer-overlay {
        margin-left: 280px;
    }

    .drawer-responsive.drawer-right .drawer-overlay {
        margin-right: 280px;
    }
}

.mobile_college_count {
    margin-top: -6px !important;
    padding: 4px 0 0 0;
    position: initial;
    float: right;
    text-align: center;
    border-radius: 12px;
    border: 0;
    font-size: 14px !important;

}

@font-face {
  font-family: 'footable';
  src: url('/Scripts/plugins/footable/css/fonts/footable.eot');
  src: url('/Scripts/plugins/footable/css/fonts/footable.eot?#iefix') format('embedded-opentype'), url('/Scripts/plugins/footable/css/fonts/footable.woff') format('woff'), url('/Scripts/plugins/footable/css/fonts/footable.ttf') format('truetype'), url('/Scripts/plugins/footable/css/fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('/Scripts/plugins/footable/css/fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/

  /** PAGINATION **/

}
.sort-highlight, .sort-highlight span, .sort-highlight div{color: #b3c12c !important; font-size :16px !important;}
.sort-highlightRemove{color: #666 !important;}
.footable-row-detail-cell{ border-top: none !important;}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show  span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 0px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
/*.footable-row-detail-inner {
  display: table;
}*/
.footable-row-detail-inner {
  display: block;
}
/*.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}*/
.footable-row-detail-row {
  display: inline-block;
  line-height: 1.5em;
  width: 50%;
  float: left;
  padding-bottom: 30px
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
  min-width: 30%;
  position: absolute;
  vertical-align: top;
}
.footable-row-detail-value {
  display: table-cell;
  margin-left: 30%;
  position: absolute;
}
.footable-odd {
  background-color: #f7f7f7;
}

.footable-row-detail-name a, .footable-row-detail-name a:hover,.footable-row-detail-name a:visited {
    text-decoration:none !important;
}

.footable-row-detail-name a, .footable-row-detail-name a span:after {
    float:right;
}
.foo-colon {
    float: right;
    margin-right: -30px;
    display: none;
}

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

    .footable-row-detail-inner {
      display: table !important;
    }
    .footable-row-detail-row {
      display: table-row !important;
      line-height: 1.5em;
      width: 100% !important;
      float: none;
    }
    .footable-row-detail-name {
      width: 240px;
      position: relative;
    }
    .footable-row-detail-value {
      margin-left: 10px !important;
    }
}
@media only screen and (max-width:480px) {
    .footable-row-detail-name {
      width: 135px;
    }
    .footable-row-detail-value {
      margin-left: 0 !important;
    }
}
/*@media only screen and (max-width:560px) {
    .footable-row-detail-name {
      min-width: 230px;
    }
}
@media only screen and (max-width:420px) {
    .footable-row-detail-name {
      min-width: 180px;
    }
}
@media only screen and (max-width:350px) {
    .footable-row-detail-name {
      min-width: 140px;
    }
}*/
body {
    color: #2B2B2B;
    font-family: "Fira Sans";
}

    body.dark {
        background: #444;
        color:#ffd;
    }
	
.demo-container {
	margin:10px;
}

code {
    background: #ddd;
    padding:2px 5px;
}

.status-metro {
    display: inline-block;
    padding: 2px 5px;
	color:#fff;
}

.status-metro.status-active {
    background: #43c83c;
}

.status-metro.status-disabled {
    background: #999999;
}

.status-metro.status-suspended {
    background: #fa3031;
}

.foo-setup li {
	margin-bottom:30px;
}
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }

a.tagBox-add-tag {
    float: right;
    background: url(/Content/raptor/images/responsive/search.png) no-repeat 94% 0;
    width: 14px;
    height: 14px;
    padding: 0;
    margin-top: 5px;
    font-size: 0;
}

a.tagBox-add-tag:hover {
    border-color: #888;
}

a.tagBox-add-tag:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#BFBEBE), to(#F2F2F2));
    background: -moz-linear-gradient(top, #BFBEBE, #F2F2F2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBEBE', endColorstr='#F2F2F2');
}

span.tagBox-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

span.tagBox-list {
    padding: 0 0;
    font-size: 12px;
    line-height: 22px;
    display: block;
    clear: both;
}

span.tagBox-item {
    display: inline-block;
    margin: 15px 5px 0 0;
    vertical-align: middle;
    cursor: default;
    white-space: nowrap;
}

span.tagBox-item * {
    vertical-align: middle;
    white-space: normal;
}

span.tagBox-bullet {
    display: none;
}

span.tagBox-item * {
    vertical-align: middle;
}

span.tagBox-item-content {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.4em;
    text-shadow: 0.083em 0.083em 0.083em #888;
    color: #FFF;
    background: #7e7e7e;
    -moz-border-radius: 3px;
    -wekit-border-radius: 3px;
    border-radius: 3px;
    font-family: open_sansregular;
    text-align: center;
    position: relative;
    margin-right: 22px;
}

span.tagBox-item-content a.tagBox-remove {
    text-decoration: none;
    display: inline-block;
    float: right;
    color: #FFF;
    text-align: center;
    font-family: "open_sansbold", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    background: #000;
    margin-left: 0.5em;
    padding: 0.35em 0.5em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    position: absolute;
    right: -22px;
    top: 6px;
}

span.tagBox-item-content a.tagBox-remove:hover {
    background-color: #ff3333;
}
/*----------------END TAGBOX--------------------*/
/*----------------START JQUERY SCROLLPANE TAGBOX--------------------*/
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dde;
    position: relative;
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}
/*----------------END JQUERY SCROLLPANE TAGBOX--------------------*/
/*----------------START CUSTOM SELECT BOX--------------------*/
.customSelect {
    position: relative;
    font-size: 12px;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    float: left;
}

.customSelect .selectedValue {
    cursor: pointer;
    color: #595959;
    font-family: 'Open Sans';
    font-size: 16px;
    height: 20px;
    overflow: hidden;
}

.customSelect .selectList {
    z-index: 100;
    position: absolute;
    left: -999em;
    top: -999em;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #E9E9E9;
    border-radius: 5px;
    border-bottom: 1px solid #bbbaba;
}

.customSelect.select-open .selectList {
    left: -18px !important;
    top: 43px !important;
    width: 320px;
    padding: 25px 20px;
}

.customSelect .selectList dl.defaultScrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
}

.customSelect dl, .customSelect dd {
    margin: 0;
}

.customSelect dd {
    zoom: 1;
    cursor: pointer;
}

.customSelect .disabled {
    color: #999;
    cursor: default;
}

.customSelect .selected {
    background: url(/Content/raptor/images/responsive/select-green-right.png) no-repeat 0 4px;
    color: #000;
    padding: 0 0 0 28px;
    font-family: 'Open Sans';
    font-size: 13px;
}

.customSelect .selectList dd.disabled.hovered {
    background: none;
    color: #999;
}

.customSelect dt {
    font-weight: bold;
    font-style: italic;
    padding: 2px 10px 2px 6px;
}

.customSelect dd {
    background: url(/Content/raptor/images/responsive/select-grey-right.png) no-repeat 0 4px;
    margin: 0;
    font-weight: normal;
    padding: 0 0 0 28px;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans';
    line-height: 25px;
    margin-bottom: 8px;
}

.hasJS select.custom {
    position: absolute;
    left: -999em;
}

.hasJS select.custom.use-default {
    position: absolute;
    left: auto;
    height: auto;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    font-size: 16px;
}

.customSelect.disabled .selectedValue {
    border: 1px solid #ccc;
    color: #ccc;
    cursor: default;
}

.customSelect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    background: url(/Content/raptor/images/responsive/search.png) no-repeat 94% 0;
    width: 14px;
    height: 14px;
}

.customSelect .selectValueWrap .caret {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.customSelect .jspPane {
    overflow-x: hidden;
}

.customSelect .jspVerticalBar {
    background: none;
    width: 8px;
}

.customSelect .jspHorizontalBar {
    height: 0;
    overflow: hidden;
}

.customSelect .jspTrack {
    background: #7e7e7e;
    right: 5px;
}

.customSelect .jspDrag {
    color: #ffffff;
    background-color: #b3c12c;
}
/*----------------END CUSTOM SELECT BOX--------------------*/
/*----------------START CUSTOM DROPDOWN (Select styling for full,limited,none section)--------------------*/
.sbHolder {
    font-family: 'Open Sans';
    font-size: 14px;
    height: 20px;
    position: relative;
    display: inline-block;
    line-height: 20px;
}

.sbSelector {
    display: block;
    height: 36px;
    left: 0;
    line-height: 36px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 105px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #000;
    outline: none;
    text-decoration: none;
}

.sbToggle {
    background: url(/Content/raptor/images/responsive/darkNormal.png) no-repeat center right;
    display: block;
    height: 36px;
    outline: none;
    position: absolute;
    right: 10px;
    top: 0;
    width: 12px;
}

.sbToggleOpen {
    background: url(/Content/raptor/images/responsive/down-arrow.png) no-repeat center right;
}

.sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151;
}

.sbOptions {
    padding: 10px;
    margin: 0;
    background: #E9E9E9;
    list-style: none;
    left: -1px;
    position: absolute;
    top: 45px !important;
    width: 110px;
    z-index: 1;
    overflow-y: auto;
    border-radius: 5px;
}

.sbOptions li {
    padding: 5px 0;
}

.sbOptions a {
    display: block;
    outline: none;
    padding: 5px 0;
}

.sbOptions a:link, .sbOptions a:visited {
    color: #000;
    text-decoration: none;
    background: url(/Content/raptor/images/responsive/select-grey-right.png) no-repeat 0 0;
    padding: 0 0 0 28px;
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    color: #b3c12c;
    background: url(/Content/raptor/images/responsive/select-green-right.png) no-repeat 0 0;
}

.sbOptions li.last a {
    border-bottom: none;
}

.sbOptions .sbDisabled {
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
    padding-left: 17px;
}
/*----------------For Select Tab heapbox--------------------*/
.heapBox {
    clear: both;
    display: inline-block;
    position: relative;
}

.heapBox * {
    margin: 0;
    padding: 0;
    outline: none;
}

.heapBox a {
    text-decoration: none;
    color: #000;
}

.heapBox .holder {
    width: 193px;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Open Sans';
    height: 20px;
}

.heapBox .handler {
    width: 12px;
    background: url(/Content/raptor/images/responsive/darkNormal.png) no-repeat center right;
    color: #000;
    height: 20px;
    float: left;
}

.heapBox .holder {
    float: left;
    position: relative;
    z-index: 8;
}
.heapBox .handler {
    float: right;
    width: 10%;
    position: relative;
    z-index: 8;
    min-width: 12px;
}

.heapBox {
    width: 100%;
    margin: 12px 12px 12px 20px;
    padding-right: 35px;
}

.heapBox .holder {
    width: 90%;
}

.heapBox div.heap {
    display: none;
    position: absolute;
    left: -20px;
    width: 100%;
    min-width: 147px;
    top: 32px;
    padding: 10px 16px 10px;
    margin: 0;
    background: #E9E9E9;
    list-style: none;
    max-height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bbbaba;
    z-index: 99;
}

.heapBox .heap .heapOptions {
    display: block;
    overflow: hidden;
    z-index: 20;
    position: relative;
}

.heapBox .heap a.sliderUp {
    display: block;
    width: 100%;
    height: 15px;
    background: #333 url(/Content/raptor/images/responsive/slider_arrow_up.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid #111;
    position: absolute;
    top: 0;
    z-index: 30;
}

.heapBox .heap a.sliderDown {
    display: block;
    width: 100%;
    height: 15px;
    background: #333 url(/Content/raptor/images/responsive/slider_arrow_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-top: 1px solid #111;
    position: absolute;
    bottom: 0;
    z-index: 30;
}

.heapBox .heap .heapOptions .heapOption {
    margin: 0;
    font-weight: normal;
    padding: 0;
    color: #aeaeae;
    font-size: 13px;
    font-family: 'Open Sans';
    line-height: 25px;
}

.heapBox .heap .heapOptions .heapOption a {
    display: block;
    padding: 0 0 0 28px;
    background: url(/Content/raptor/images/responsive/select-grey-right.png) no-repeat 0 4px;
    color: #000;
}

.heapBox .heap .heapOptions .heapOption a:hover {
    color: #000;
    background: url(/Content/raptor/images/responsive/select-green-right.png) no-repeat 0 4px;
}

.heapBox .heap .heapOptions .heapOption a.selected {
    color: #000;
    background: url(/Content/raptor/images/responsive/select-green-right.png) no-repeat 0 4px;
}

td.report-lookback-period.institution-filter-panel .holder {
    width: 85%;
}
td.report-lookback-period.institution-filter-panel .handler {
    width: 15%;
}
td.report-lookback-period.institution-filter-panel .heap{
    min-width: 128px;
}

/*-------------------------tufte Graph Label--------------------------------*/
.graph {
    margin-bottom: 0;
    margin-top: 30px;
    clear: both;
    font-family: open_sansbold;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.net-cost, .income {
    text-align: center;
}

.net-cost {
    position: absolute;
    left: 5px;
    top: 0;
    height: 320px;
    width: 28px;
}

.net-cost h3 {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Opera, Chrome, and Safari */
    width: 90px;
    color: #8c9a07;
    font-size: 16px;
    font-family: proximanova-bold-webfont;
    text-transform: uppercase;
    position: absolute;
    left: -32px;
    bottom: 150px;
    margin: 0;
}

.graph .label {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #292929;
    font-size: 14px;
    font-family: open_sansbold;
}

.graph .label.axis-label {
    top: 205px !important;
    font-family: open_sansregular;
    color: #5f5f5f;
    font-size: 13px;
}

.graph-header h3 {
    margin-bottom: 0;
}

.example.sales h3 {
    color: #8c9a07;
    font-size: 16px;
    font-family: proximanova-bold-webfont;
    text-transform: uppercase;
    position: absolute;
    bottom: -80px;
    width: 100%;
    left: 0;
}

.graph-header {
    text-align: center;
}

.graph-header p {
    margin-top: 0;
}

.graph .legend td, .graph .legend, .graph .legend tr {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.graph .legend {
    margin-left: 10px;
}

.graph .legend td {
    padding-right: 5px;
}

.graph .legend .color-box {
    width: 14px;
    height: 10px;
    overflow: hidden;
}
/*-------------------------End tufte Graph Label--------------------------------*/
/*------------------Select checkbox for result page----------------------------*/
label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 9px;
}

.label_check input, .label_radio input {
    margin-right: 5px;
}

.has-js .label_check {
    background: url(/Content/raptor/images/responsive/select-grey-right.png) no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    padding: 0;
}

.has-js label.c_on {
    background: url(/Content/raptor/images/responsive/select-green-right.png) no-repeat;
}

.has-js .label_check input {
    position: absolute;
    left: -9999px;
}

.has-js .progress-bar1 .label_check {
    background: url(/Content/raptor/images/responsive/p-bar.png) no-repeat;
}

.has-js .progress-bar1 label.c_on {
    background: url(/Content/raptor/images/responsive/p-bar-select.png) no-repeat;
}
/*---------------------end Select checkbox for result page--------------------------*/
/*===== Media Queries ============================================================= */
/***** smaller than 768 *************************************************************/
@media screen and (max-width:768px) {
    .heapBox .holder {
        width: 90%;
    }
}
/***** smaller than 560 *************************************************************/
@media screen and (max-width:560px) {
    .heapBox .holder {
        width: 90%;
    }
}
/***** smaller than 320 *************************************************************/
@media screen and (max-width:320px) {
    .heapBox .holder {
        width: 90%;
    }
}
.custom-dropmenu .heapOption a {
    background: none !important;
    padding-left: 0px !important;
}
.custom-dropmenu.search-textbox {
    border-radius: 0 !important;
}
.custom-dropmenu .heapBox div.heap {
    border-radius: 0 !important;
}
.custom-dropmenu.search-textbox .heapBox {
    margin:0;
    padding:10px;
}
    .custom-dropmenu.search-textbox .heapBox div.heap {
        left: 0;
        top: 42px;
    }
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.float-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.float-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}