.error-message {
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
body {
    color: #555;
    font-size: 16px;
    font-family: 'Nunito Sans Light';
}
.container { 
    padding: 0px; 
    width: 100%; 
    max-width: 1140px; 
}
.content-wrapper {
    padding: 0px 10px;
}
.layout-top-nav {
    padding-top: 65px;
}
.navbar-brand-logo { height: 25px; }
.form-control { border-radius: 0px }
.navbar-default { border-color: #fff; }
.navbar-default .navbar-nav > li > a { color: #333; padding-left: 40px; }

.hero-splash-1 {
    background: url('/img/debby-hudson-557741-unsplash.jpg') no-repeat bottom center;
    background-size: cover;
    background-blend-mode: lighten;
    color: #fff;
    text-shadow: 1px 1px #555;
    height: 500px;
    padding-top: 120px;
}
.jumbotron-search-fix {
    margin-bottom: 0px;
    padding-bottom: 10px;
    background-color: #000;
}
.footer-ul {
    list-style-type: none;
    padding-left: 0px;
}
.social {
    font-size:20px; 
}
.navbar-nav>li>a.profile-image {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 32px;
}

.skin-black {
    border-right: 0px;
}

.navbar-brand {
    padding: 11px 15px;
}

.student-navbar-title {
    display: table !important;
}

.title-text {
    display: table-cell;
    vertical-align: middle;
}

.main-header .sidebar-toggle {
    padding: 14px 14px;
}

.pagination>li>a, .pagination>li>span {
    padding: 4px 8px;
}

.course-card {
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
}
.shortlist .course-card {
    margin-bottom: 50px;
    min-height: 268px;
}
#search-results .course-card:last-child {
    margin-bottom: 0px;
} 
.course-card-offer {
    border-top: 5px solid #58ba8b;
    position: relative;
}
.course-card h2 {
    margin-top: 2px;
    margin-bottom: 4px;
    font-size: 18px;
    font-family: 'Nunito Sans';
    color: #1e88e5 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.course-card:hover h2 {
    overflow: visible;
    white-space: normal;
}

.course-body {
    margin-top: 5px;
    margin-bottom: 5px;
}

.shortlist .course-card-top-row {
    border-bottom: 1px solid #d6d6d6;
}

.course-shortlist {
    font-size: 15px;
    font-family: Nunito Sans Extra Bold;
    color: #19AD4A;
    display: inline-block;
}
.course-shortlist.hollow {
    background-color: #fff !important;
    color: #19AD4A;
}
.course-shortlist i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.course-header .top-content {
    min-height: 70px;
}

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

.sm-margin-left {
    margin-right: 3px;
}
.sm-margin-right {
    margin-right: 3px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-right-10 {
    margin-right: 10px;
}

.search-section {
    margin-bottom: 25px;
}

.udify-cb-label-block label {
    display: block;
}

.udify-cb-label-block .alpaca-control.radio {
    margin-left:0px;
    margin-right:10px;
}

.alpaca-array-toolbar .alpaca-array-actionbar {
    margin-left: 25px;
}

.alpaca-container-label {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 0px;
    color: #636b6f;
    margin-bottom: 5px;
}

.udify-array-fix {
    margin-left: 15px;
}

.alpaca-fileupload-well {
    padding: 0px !important;
    min-height: 10px !important;
}

.fileupload-active-zone {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.preview > a > img {
    max-height: 40px;
}

.udify-minimal-background-login {
    background-image: url('/img/login-hero-1.jpg');
    background-size: cover;
    padding: 30px;
    height: 100vh;
}

.udify-minimal-background-register {
    background-image: url('/img/register-hero-1.jpg');
    background-size: cover;
    padding: 30px;
    height: 100vh;
    position: relative;
}

.udify-minimal-background-reset {
    background-image: url('/img/reset-hero-1.jpg');
    background-size: cover;
    padding: 30px;
    height: 100vh;
}

.udify-minimal {
    background-color: #fff;
}

.udify-full-height {
    height: 100vh;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.udify-pad-row-top {
    margin-top: 20px;
}

.alpaca-control.radio {
    margin-top: 5px;
    margin-left: unset;
    padding: 0 15px;
}

.udify-radio-button-class > .control-label.alpaca-control-label {
    display:block;
}

.udify-radio-button-class > .help-block {
    display:inline-block;
    width: 100%;
}
.udify-radio-button {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.udify-no-radio {
    clip: rect(0,0,0,0);

}

.alpaca-control.checkbox {
    margin-top: 5px;
}

.udify-checkbox-button-class > .control-label.alpaca-control-label {
    display:block;
}

.udify-checkbox-button-class > .help-block {
    display:inline-block;
    width: 100%;
}

.udify-no-checkbox {
    clip: rect(0,0,0,0);
}

.udify-checkbox-button {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.udify-questions-demo {
    background-image: url('/img/pt_header.jpg');
    background-size: cover;
    height: 100vh;
    padding-top: 120px;
    text-align: center;
}

.udify-questions {
    background-image: url('/img/pt_header.jpg');
    background-size: cover;
    height: 100vh;
    padding-top: 20px;
    text-align: center;
}

.udify-questions h1 {
    margin-top: 0px;
}

.udify-questions-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    padding-top: 10px;
}
.udify-questions-pad-height {
    height: 250px;
}

.alpaca-field-object {
    border: 0px;
}

/* From AdminLTE.css progress bars */
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc !important;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a  !important;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef !important;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12 !important;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: #dd4b39 !important;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-purple {
    background-color: rgb(96, 92, 168);
}

fieldset {
    margin-right: 20px;
    margin-left: 20px;
}

.hr-normal {
    margin-left:20px;
    margin-right:20px;
}

.avatar img {
    border-radius: 50%;
    width: 90px;
    border: 3px solid #fff;
}

.navbottom {
    padding-top: 10px;
}

.navbar-toggle {
    position: relative;
    float: unset;
    margin: 3px 10px;
    padding: 9px 9px; 
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    display: none;
}

.udify-thumb {
    height: 40px;
    padding: 3px;
    margin-left: 5px;
}

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/
@font-face {
    font-family: 'Nunito Sans Italic';
    src: url('/fonts/NunitoSans-Italic.eot');
    src: url('/fonts/NunitoSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-Italic.woff2') format('woff2'),
        url('/fonts/NunitoSans-Italic.woff') format('woff'),
        url('/fonts/NunitoSans-Italic.ttf') format('truetype'),
        url('/fonts/NunitoSans-Italic.svg#NunitoSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Semibold Italic';
    src: url('/fonts/NunitoSans-SemiBoldItalic.eot');
    src: url('/fonts/NunitoSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-SemiBoldItalic.woff') format('woff'),
        url('/fonts/NunitoSans-SemiBoldItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-SemiBoldItalic.svg#NunitoSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Extra Light Italic';
    src: url('/fonts/NunitoSans-ExtraLightItalic.eot');
    src: url('/fonts/NunitoSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-ExtraLightItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-ExtraLightItalic.woff') format('woff'),
        url('/fonts/NunitoSans-ExtraLightItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-ExtraLightItalic.svg#NunitoSans-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Bold Italic';
    src: url('/fonts/NunitoSans-BoldItalic.eot');
    src: url('/fonts/NunitoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-BoldItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-BoldItalic.woff') format('woff'),
        url('/fonts/NunitoSans-BoldItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-BoldItalic.svg#NunitoSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Light';
    src: url('/fonts/NunitoSans-Light.eot');
    src: url('/fonts/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-Light.woff2') format('woff2'),
        url('/fonts/NunitoSans-Light.woff') format('woff'),
        url('/fonts/NunitoSans-Light.ttf') format('truetype'),
        url('/fonts/NunitoSans-Light.svg#NunitoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Bold';
    src: url('/fonts/NunitoSans-Bold.eot');
    src: url('/fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-Bold.woff2') format('woff2'),
        url('/fonts/NunitoSans-Bold.woff') format('woff'),
        url('/fonts/NunitoSans-Bold.ttf') format('truetype'),
        url('/fonts/NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Extra Bold Italic';
    src: url('/fonts/NunitoSans-ExtraBoldItalic.eot');
    src: url('/fonts/NunitoSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-ExtraBoldItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-ExtraBoldItalic.woff') format('woff'),
        url('/fonts/NunitoSans-ExtraBoldItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-ExtraBoldItalic.svg#NunitoSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Extra Light';
    src: url('/fonts/NunitoSans-ExtraLight.eot');
    src: url('/fonts/NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-ExtraLight.woff2') format('woff2'),
        url('/fonts/NunitoSans-ExtraLight.woff') format('woff'),
        url('/fonts/NunitoSans-ExtraLight.ttf') format('truetype'),
        url('/fonts/NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Extra Bold';
    src: url('/fonts/NunitoSans-ExtraBold.eot');
    src: url('/fonts/NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
        url('/fonts/NunitoSans-ExtraBold.woff') format('woff'),
        url('/fonts/NunitoSans-ExtraBold.ttf') format('truetype'),
        url('/fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Black Italic';
    src: url('/fonts/NunitoSans-BlackItalic.eot');
    src: url('/fonts/NunitoSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-BlackItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-BlackItalic.woff') format('woff'),
        url('/fonts/NunitoSans-BlackItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-BlackItalic.svg#NunitoSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/fonts/NunitoSans-Regular.eot');
    src: url('/fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-Regular.woff2') format('woff2'),
        url('/fonts/NunitoSans-Regular.woff') format('woff'),
        url('/fonts/NunitoSans-Regular.ttf') format('truetype'),
        url('/fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Light Italic';
    src: url('/fonts/NunitoSans-LightItalic.eot');
    src: url('/fonts/NunitoSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-LightItalic.woff2') format('woff2'),
        url('/fonts/NunitoSans-LightItalic.woff') format('woff'),
        url('/fonts/NunitoSans-LightItalic.ttf') format('truetype'),
        url('/fonts/NunitoSans-LightItalic.svg#NunitoSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Sans Black';
    src: url('/fonts/NunitoSans-Black.eot');
    src: url('/fonts/NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-Black.woff2') format('woff2'),
        url('/fonts/NunitoSans-Black.woff') format('woff'),
        url('/fonts/NunitoSans-Black.ttf') format('truetype'),
        url('/fonts/NunitoSans-Black.svg#NunitoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Sans Semibold';
    src: url('/fonts/NunitoSans-SemiBold.eot');
    src: url('/fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('/fonts/NunitoSans-SemiBold.woff') format('woff'),
        url('/fonts/NunitoSans-SemiBold.ttf') format('truetype'),
        url('/fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

i, em {
    font-family: 'Nunito Sans Italic';
}
strong {
    font-family: 'Nunito Sans Bold';
}
.semibold {
    font-family: 'Nunito Sans Semibold';
}
.black {
    font-family: 'Nunito Sans Black';
}
.uppercase {
    text-transform: uppercase;
}
.nunito-semibold-10-green {
    font-family: 'Nunito Sans Semibold';
    font-size: 10px;
    color: #00a857;
    line-height: 140%;
    text-transform: uppercase;
}
.nunito-semibold-10-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 10px;
    color: #363636;
    line-height: 140%;
    text-transform: uppercase;
}
.nunito-semibold-10-orange {
    font-family: 'Nunito Sans Semibold';
    font-size: 10px;
    color: #f7942d;
    line-height: 140%;
    text-transform: uppercase;
}
.nunito-light-11-grey {
    font-family: 'Nunito Sans Light';
    font-size: 11px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-11-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 11px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-13-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 13px;
    color: #363636;
    line-height: 140%;
}
.nunito-regular-13-grey {
    font-family: 'Nunito Sans';
    font-size: 13px;
    color: #363636;
    line-height: 140%;
}
.nunito-regular-13-green {
    font-family: 'Nunito Sans';
    font-size: 13px;
    color: #00a857;
    line-height: 140%;
}
.nunito-light-13-grey {
    font-family: 'Nunito Sans Light';
    font-size: 13px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-13-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 13px;
    color: #363636;
    line-height: 140%;
}
.nunito-13-lightgrey { 
    font-family: 'Nunito Sans';
    font-size: 13px;
    color: #707070;
    line-height: 160%;
}
.nunito-bold-13-lightblue {
    font-family: 'Nunito Sans Bold';
    font-size: 13px;
    color: #1e88e5;
    line-height: 140%;
}
.nunito-extra-bold-13-grey {
    font-family: 'Nunito Sans Extra Bold';
    font-size: 13px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-14-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 14px;
    color: #363636;
    line-height: 140%;
}
.nunito-15-lightgrey { 
    font-family: 'Nunito Sans';
    font-size: 15px;
    color: #707070;
    line-height: 160%;
}
.nunito-light-15-grey {
    font-family: 'Nunito Sans Light';
    font-size: 15px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-15-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 15px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-15-lightgrey {
    font-family: 'Nunito Sans Semibold';
    font-size: 15px;
    color: #707070;
    line-height: 140%;
}
.nunito-bold-15-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 15px;
    color: #363636;
    line-height: 140%;
}
.nunito-extra-bold-15-grey {
    font-family: 'Nunito Sans Extra Bold';
    font-size: 15px;
    color: #363636;
    line-height: 140%;
}
.nunito-regular-15-green {
    font-family: 'Nunito Sans';
    font-size: 15px;
    color: #00a857;
    line-height: 140%;
}
.nunito-regular-16-grey {
    font-family: 'Nunito Sans';
    font-size: 16px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-16-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 16px;
    color: #363636;
    line-height: 140%;
}
.nunito-light-18-grey {
    font-family: 'Nunito Sans Light';
    font-size: 18px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-18-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 18px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-18-blue {
    font-family: 'Nunito Sans Bold';
    font-size: 18px;
    color: #1e88e5;
    line-height: 140%;
} 
.nunito-light-20-grey {
    font-family: 'Nunito Sans Light';
    font-size: 20px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-20-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 20px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-20-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 20px;
    color: #363636;
    line-height: 140%;
}
.nunito-light-25-lightgrey {
    font-family: 'Nunito Sans Light';
    font-size: 25px;
    color: #d0d3d8;
    line-height: 100%;
}
.nunito-light-25-grey {
    font-family: 'Nunito Sans Light';
    font-size: 25px;
    color: #363636;
    line-height: 140%;
}
.nunito-regular-25-grey {
    font-family: 'Nunito Sans';
    font-size: 25px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-25-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 25px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-25-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 25px;
    color: #363636;
    line-height: 140%;
}
.nunito-bold-25-white {
    font-family: 'Nunito Sans Bold';
    font-size: 25px;
    color: #ffffff;
    line-height: 140%;
}
.nunito-semibold-26-blue {
    font-family: 'Nunito Sans Semibold';
    font-size: 26px;
    color: #1e88e5;
    line-height: 140%;
}
.nunito-bold-33-grey {
    font-family: 'Nunito Sans Bold';
    font-size: 33px;
    color: #363636;
    line-height: 140%;
}
.nunito-semibold-33-blue {
    font-family: 'Nunito Sans Semibold';
    font-size: 33px;
    color: #1e88e5;
    line-height: 140%;
}
.nunito-semibold-33-grey {
    font-family: 'Nunito Sans Semibold';
    font-size: 33px;
    color: #363636;
    line-height: 140%;
}
.nunito-extrabold-33-grey {
    font-family: 'Nunito Sans Extra Bold';
    font-size: 33px;
    color: #363636;
    line-height: 140%;
}
.nunito-light-38-grey { 
    font-family: 'Nunito Sans Light';
    font-size: 38px;
    color: #363636;
    line-height: 130%;
}
.nunito-38-grey { 
    font-family: 'Nunito Sans';
    font-size: 38px;
    color: #363636;
    line-height: 130%;
}
.nunito-bold-38-grey { 
    font-family: 'Nunito Sans Bold';
    font-size: 38px;
    color: #363636;
    line-height: 100%;
}

/*--------------------------------------------------------------
## Alignment
--------------------------------------------------------------*/
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.h-centered { margin: 0px auto; }
.hv-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* parent container must be position relative */
.clr { clear: both; }
.margin-140 { margin-top: 140px; }
.margin-90 { margin-top: 90px; }
.margin-80 { margin-top: 80px; }
.margin-70 { margin-top: 70px; }
.margin-60 { margin-top: 60px; }
.margin-50 { margin-top: 50px; }
.margin-40 { margin-top: 40px; }
.margin-30 { margin-top: 30px; }
.margin-20 { margin-top: 20px; }
.margin-10 { margin-top: 10px; }
.margin-5 { margin-top: 5px; }
.padding-30 { padding: 30px; }
.padding-20 { padding: 20px; }
.padding-10 { padding: 10px; }
.no-padding { padding: 0px; }

/*--------------------------------------------------------------
## Site wide
--------------------------------------------------------------*/
a {
    color: #1e88e5;
}
a:focus, a:hover {
    text-decoration: none;
}
.vertical-center {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
.site-logo a {
    display: inline-block;
    background-image: url(/img/new_logo_white.png);
    width: 223px;
    height: 30px;
    background-size: cover;
    vertical-align: middle;
}
.site-logo-dark {
    display: none;
}
.site-logo-dark a {
    display: inline-block;
    background-image: url(/img/new_logo_white.png);
    width: 142px;
    height: 38px;
    background-size: cover;
    vertical-align: middle;
}
.grey-anchor {
    font-family: 'Nunito Sans Light';
    color: #363636;
    text-decoration: underline;
}
.hide { display: none; }
.invisible { visibility: hidden; }
.btn-standard {
    display: inline-block;
    background-color: #58ba8b;
    height: auto;
    padding: 10px 20px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Nunito Sans Extra Bold;
    border: none;
    font-size: 16px;
    color: #363636;
}
.btn-standard:hover {
    text-decoration: none;
    color: #363636;
}
.btn-standard-blue {
    display: inline-block;
    background-color: #046fb9;
    height: auto;
    padding: 10px 20px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Nunito Sans Extra Bold;
    border: none;
    font-size: 16px;
    color: #ffffff;
}
.btn-standard-green-o {
    display: inline-block;
    background-color: #fff;
    height: auto;
    padding: 7px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Nunito Sans Extra Bold;
    border: 2px solid #39b753;
    font-size: 13px;
    color: #39b753;
}
.btn-standard-green-o.selected {
    background-color: #39b753;
    color: #fff;
}

.footer-base > .container {
    padding-bottom: 10px;
}
ul.footer-ul a {
    font-size: 14px;
    font-family: 'Nunito Sans Light';
    color: #000;
    line-height: 250%;
}
ul.footer-ul a:hover {
    text-decoration: none;
}
.footer-menu-container {
    margin-top: 20px;
}
.tenant-details {
    font-size: 12px;
    text-align: left;
    line-height: 10px;
    margin: 8px 0;
}
.tenant-details > p {
    margin: 0 0 5px 0;
}

.tenant-details-name {
    color: #19AD4A;
}
.social-media-container {
    border-top: 1px solid #ecf0f5;
    background-color: #fff;
    padding: 10px 0px;
}
.social-media-container .row {
    display: flex;
    margin: auto !important;
}
.social-media-container .col-md-6 {
    padding: 0px;
}
.sm-icons {
    display: flex;
    flex-flow: row-reverse;
    align-self: center;
    /* margin-top: 2%; */
}
.social-media-container .sm-icon {
    color: #000;
    font-size: 20px;
    margin-right: 15px;
}
.sm-icon:first-child {
    margin-right: 0 !important;
}
.footer-last {
    background-color: #19AD4A;
    padding: 10px 0px;
}
.copyright {
    font-family: 'Nunito Sans Extra Bold';
    line-height: 180%;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}
.powered {
    line-height: 180%;
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
}
.powered img {
    height: 22px;
}
a.agreement-links {
    font-size: 14px;
    margin-right: 30px;
    color: #000;
}
.std-agreement-links {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
}
.std-agreement-seperator {
    margin: 0px 3px;
}
i.fa.fa-chevron-right {
    margin-left: 10px;
}
i.fa.fa-lock {
    font-size: 30px;
}

.grid { font-size: 0px; }
.grid .grid-2 {
    width:48.95835%;
    margin-right:2.08333%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 20px;
}
.grid .grid-3 {
    width:31.94446666666667%;
    margin-right:2.08333%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 20px;
}
.grid .grid-4 {
    width:22%;
    margin-right:4%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 20px;
}
.grid .grid-5 {
    width:18.333336%;
    margin-right:2.08333%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 20px;
}
.grid .grid-6 {
    width:14.93055833333333%;
    margin-right:2.08333%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 20px;
}
.grid .grid-2:nth-child(2n),
.grid .grid-3:nth-child(3n),
.grid .grid-4:nth-child(4n),
.grid .grid-5:nth-child(5n),
.grid .grid-6:nth-child(6n) {margin-right:0px; clear:right; }

.force-full-width {
    width: 100vw;
    max-width: unset;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.content {
    padding: 0px;
}
.alert {
    background-color: #ceeaf5 !important;
    color: #707070 !important;
    margin-bottom: 0px;
}
.block-link {
    cursor: pointer;
}
.navbar-fixed-bottom {
    display: none;
}
.burger-menu {
    display: none;
    cursor: pointer;
    vertical-align: middle;
}
.bar1, .bar2, .bar3 {
    width: 24px;
    height: 2px;
    background-color: #333;
    margin: 0px 0px 5px 0px;
    transition: 0.4s;
}
.bar3 {
    margin-bottom: 0px;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 7px);
    transform: rotate(-45deg) translate(-3px, 7px);
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-3px, -7px);
    transform: rotate(45deg) translate(-3px, -7px);
}
li.hamburger-menu {
    line-height: 60px;
}
.container>.navbar-header {
    margin: 0px !important;
}
.mobile-menu {
    position: fixed;
    top: 0px;
    right: -220px;
    height: 100%;
    width: 220px;
    background-color: #363636;
    z-index: 2400;
}
.mobile-menu > a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #464646;
    color: #fff;
}
.mobile-menu .m-first {
    border-top: 1px solid #464646;
}
.mobile-menu > a:hover {
    background-color: #58ba8b;
    color: #363636 !important;
}
.mobile-header {
    height: 60px;
    padding: 0px 20px;
}
.mobile-header a {
    display: inline-block;
    width: 80px;
    line-height: 60px;
}
.mobile-header img {
    max-width: 100%;
}
.mobile-menu-close {
    cursor: pointer;
    vertical-align: middle;
    float: right;
    margin: 22px 0px;
}
.mobile-menu-close .bar1 {
    background-color: #fff;
}
.mobile-menu-close .bar3 {
    background-color: #fff;
}
.jumbotron {
    height: 120px;
    padding: 0px;
    margin: 0px;
    position: relative;
    background: #58ba8b; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #58ba8b 0%, #58ba8b 50%, #54aa81 50%, #54aa81 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #58ba8b 0%,#58ba8b 50%,#54aa81 50%,#54aa81 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #58ba8b 0%,#58ba8b 50%,#54aa81 50%,#54aa81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58ba8b', endColorstr='#54aa81',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.page-descriptor {
    text-align: center;
    line-height: 95px;
}
.journeybar {
    background-color: #fff;
    height: 50px;
    width: 100%;
    max-width: 1140px;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.step {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: initial;
}
.journeybar img {
    margin-right: 10px;
    max-height: 22px;
}
.step-completed a {
    color: #fff !important;
}
.steps-progress {
    background-color: #363636;
    height: 50px;
    max-width:1140px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 0px;
    z-index: -1;
}

.journeybar .step a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
}
.summary-view {
    color: #1e88e5;
}
.summary-left .dashboard-user-image {
    width: 55% !important;
}
.inprogress {
    display: inline-block; 
    border: 1px solid #f7942d; 
    padding: 3px 5px; 
    border-radius: 3px;
}
.notstarted {
    display: inline-block; 
    border: 1px solid #363636; 
    padding: 3px 5px; 
    border-radius: 3px;
}
.progress-line-bg {
    height: 4px;
    width: 100%;
    background-color: #eef0f3;
}
.progress-line {
    height: 4px;
    background-color: #f7942d;
}
.nav-shadow {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
}
.block-link:hover {
    box-shadow: 0 2px 10px 2px rgba(0,0,0,.2);
    cursor: pointer;
}
.call-to-action a {
    color: #363636;
}
.step svg {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.step-completed svg path,
.step-completed svg circle {
    stroke: #fff;
}
.btn-success:hover {
    background-color: #58ba8b;
    color: #fff;
}
.tooltip-text::before {
    opacity: 0;
    transition: opacity 0.5s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #363636 transparent;
    position: absolute;
    top: 100%;
    right: 70px;
    content: "";
}
.tooltip-text::after {
    opacity: 0;
    transition: opacity 0.5s;
    content: attr(data-text);
    position: absolute;
    z-index: 30;
    background-color: #363636;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    color: #fff;
    width: 360px;
    top: calc(100% + 10px);
    right: 0;
}
.tooltip-text:hover::before {
    opacity: 1;
    transition: opacity 0.5s;
}
.tooltip-text:hover::after {
    opacity: 1;
    transition: opacity 0.5s;
}
.step-completed img {
    filter: brightness(0) invert(1);
}
.nav-preapp {
    background-color: #fff; 
    padding: 40px; 
    min-height: 177px;
}
.part-nav i.fa.fa-chevron-left {
    border: 1px solid;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 26px;
    margin-right: 5px;
}
.part-nav .fa-chevron-left:before {
    position: relative;
    left: -1px;
}
.part-nav i.fa.fa-chevron-right {
    border: 1px solid;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 26px;
}
.part-nav .fa-chevron-right:before {
    position: relative;
    left: 1px;
}
.adventus-green {
    filter: invert(50%) sepia(52%) saturate(5250%) hue-rotate(115deg) brightness(102%) contrast(80%);
}
/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
.form-container input {
    background-color: #fff !important;
    /* font-family: 'Nunito Sans Light'; */
    font-size: 16px;
    border-radius: 3px !important;
}
.form-control:focus {
    border-color: unset;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button.alpaca-form-button.alpaca-form-button-submit.btn.btn-default {
    border: 1px solid #00a857 !important;
    color: #00a857 !important;
}
.check-container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin-bottom: 12px !important;
  cursor: pointer !important;;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #000;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
  border: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0px 3px 3px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-container input[type=checkbox] {
    display: none;
}
.form-horizontal .form-group {
    margin: 0px;
}
.row .form-group,
.row .form-container {
    width: 100%;
}
.box-container {
    border-radius: 3px;
    padding: 20px;
    background-color: #fff;
}
.call-to-action {
    padding: 0px;
    height: 125px;
}
.call-to-action:before {
    content: "";
    position: absolute;
    height: 125px;
    width: 100%;
    background-color: #fff;
    left: -100%;
}
.call-to-action:after {
    content: "";
    position: absolute;
    height: 125px;
    width: 100%;
    background-color: #fff;
    top: 0px;
    right: -100%;
}
.call-to-action .container {
    line-height: 125px;
}
.call-to-action .btn-standard {
    margin-left: 20px;
}
.fileinput-button {
    display: inline-block;
    background-color: #58ba8b;
    height: auto;
    padding: 10px 20px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Nunito Sans Extra Bold';
    border: none;
    font-size: 16px;
    color: #363636;
}
.btn-account-submit,
.alpaca-form-button-submit {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #00a857;
    color: #00a857;
    padding: 4px 10px;
    border-radius: 3px;
    font-family: 'nunito sans extra bold';
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
}
.btn-account-submit:hover, .alpaca-form-button-submit:hover,
.btn-account-submit:focus, .alpaca-form-button-submit:focus,
.btn-account-submit:active, .alpaca-form-button-submit:active {
    border: 1px solid #00a857;
    background-color: #00a857 !important;
    color: #ffffff !important;
}
.btn-account-submit i {
    display: none;
}
.btn-account-cancel,
#button-cancel {
    display: none;
    font-size: 12px;
    border: 1px solid #959595;
    color: #959595;
    padding: 4px 10px;
    border-radius: 3px;
    font-family: 'nunito sans extra bold';
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
}
/*--------------------------------------------------------------
## Register
--------------------------------------------------------------*/
.login-top {
    max-width: 386px;
    width: 100%;
    text-align: right;
    margin: 0px auto;
    padding-top: 20px;
}
.login-top a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Nunito Sans Bold';
    font-size: 16px;
    line-height: 38px;
}
.clock.flip-clock-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: fit-content;
    margin: 0px !important;
}
.udify-form-container.udify-minimal-content {
    position: relative;
    height: 100vh;
    background-color: #eef0f3;
}
.udify-form-container.udify-minimal-content .inner {
    position: absolute;
    max-width: 386px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.counter-container {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
    font-family: 'Nunito Sans Semibold';
    font-size: 34px;
    color: #fff;
    display: inline-block;
    margin: 15px auto 0px auto;
}

.body-counter .counter-container {
    position: static;
    left: auto;
    top: auto;
    height: auto;
    transform: none;
}
.body-counter ul.flip {
    width: 67px;
}

.counter-container .inner {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
    margin: 15px auto 0px auto;
}

ul.flip {
    position: relative;
    float: left;
    margin: 5px;
    width: 75px;
    height: 90px;
    font-size: 90px;
    font-weight: bold;
    line-height: 85px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
    list-style-type: none;
}

ul.flip li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

ul.flip li:first-child {
    z-index: 2;
}

ul.flip li a {
    display: block;
    height: 100%;
    perspective: 200px;
}

ul.flip li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

ul.flip li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

ul.flip li a div.up {
    transform-origin: 50% 100%;
    top: 0;
}

ul.flip li a div.up:after {
  content: "";
  position:absolute;
  top:44px;
  left:0;
  z-index: 5;
    width: 100%;
  height: 3px;
  background-color: rgba(0,0,0,.4);
}

ul.flip li a div.down {
    transform-origin: 50% 0%;
    bottom: 0;
}

ul.flip li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
}

ul.flip li a div.up div.inn {
    top: 0;

}

ul.flip li a div.down div.inn {
    bottom: 0;
}

/* PLAY */

.play ul li.before {
    z-index: 3;
}

.play ul li.active {
    animation: asd .25s .25s linear both;
    z-index: 2;
}

@keyframes asd {
    0% {
        z-index: 2;
    }
    5% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

.play ul li.active .down {
    z-index: 2;
    animation: turn .25s .25s linear both;
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

.play ul li.before .up {
    z-index: 2;
    animation: turn2 .25s linear both;
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-90deg);
    }
}

/* SHADOW */
.play ul li.before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    animation: show .25s linear both;
}

.play ul li.active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    animation: hide .25s .15s linear both;
}

/*DOWN*/

.play ul li.before .down .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    animation: show .25s linear both;
}

.play ul li.active .down .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    animation: hide .25s .15s linear both;
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.row.register-alert-messages .alert {
    display: none;
}
/*--------------------------------------------------------------
## Login
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Verification
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Dashboard + Header
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .navbar >.container-fluid .navbar-brand, .navbar >.container .navbar-brand {
        margin-left: 0px;
    }
}
.layout-top-nav header.main-header .navbar, .layout-top-nav header.main-header .container {
    height: 65px;
    width: 100%;
    background: #fff;
}
header.main-header .container {
    padding-left: 30px;
    padding-right: 30px;
}
header.main-header .navbar-header {
    height: 65px;
    line-height: 65px;
}
header.main-header a.navbar-brand {
    padding: 0px;
    display: inline-block;
    height: 65px;
    line-height: 65px;

}
header.main-header a.navbar-brand img {
    display: inline-block;
}
.skin-black .main-header .navbar-brand {
    border-right: 0px !important;
}
header.main-header .navbar-nav > li > a {
    display: block;
    text-decoration: none;
    font-family: 'Nunito Sans Bold';
    color: #000;
    vertical-align: middle;
    height: 65px;
    line-height: 65px;
    padding: 0px 20px;
    border: 0px !important;
}
header.main-header .navbar-nav > li.messages-menu > a,
.user-menu .dropdown-toggle {
    padding: 0px 10px !important;
}
.user-menu .dropdown-toggle .hidden-xs {
    display: none;
}
.navbar-nav>.user-menu .user-image {
    float: none;
}
li.messages-menu.predictive-offers {
    margin-left: 20px;
}
li.messages-menu i {
    color: #555555;
    font-size: 18px;
}
.dashboard {
    padding: 30px 0px;
    max-width: 1140px;
    width: 100%;
}
.yellow-block {
    background-color: #58ba8b;
    border-radius: 3px;
    padding: 15px;
}
.white-block {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 15px;
}
.yellow-block .step-container {
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding: 15px 0px 0px 0px;
}
.white-block .step-container {
    border-top: 3px solid #eee;
    margin-top: 20px;
    padding: 15px 0px 0px 0px;
}
.locked {
    background-color: #d0d3d8 !important;
}
.user-image-container {
    padding: 2.536%;
    max-width: 240px;
    text-align: center;
    display: inline-block;
}
img.dashboard-user-image {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.main-header .navbar .nav>li>a>.label {
    top: 13px;
    right: 2px;
    padding: 2px 3px 3px 3px;
}
span.label.label-info.shortlist-info,
span.label.label-warning.offer-info {
    background-color: #19AD4A !important;
    color: #ffffff !important;
}
.summary {
    background-color: #fff;
    border-radius: 4px;
}
.summary-left {
    width: 90px;
    display: inline-block;
    font-size: initial;
    vertical-align: top;
    float: left;
}
.summary-center {
    display: inline-block;
    width: calc(100% - 250px);
    font-size: initial;
    vertical-align: top;
    float: left;
}
.summary-right {
    width: 160px;
    display: inline-block;
    font-size: initial;
    vertical-align: top;
    float: left;
}
ul.dropdown-menu {
    background-color: #eef0f3;
    width: 190px !important;
}
.dropdown-menu > li > a {
    padding: 9px 20px;
}
.dropdown-menu .divider {
    background-color: #b7b7b7;
}
.row.footer-menu-container {
    font-size: 0px;
}

/*--------------------------------------------------------------
## Profile
--------------------------------------------------------------*/
.profile {
    background-color: #fff;
    border-radius: 3px;
    max-width: 1140px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 10px;
}
a.profile-toggle {
    display: block;
    padding: 20px;
    border-radius: 3px;
    line-height: 28px;
}
a.profile-toggle i {
    float: right;
    line-height: 28px;
}
.profile-form {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s;
}
.profile-form.open {
    max-height: 7000px;
    transition: max-height 1s;
}
form#alpaca12,
form#alpaca3,
form#alpaca6,
form#alpaca9 {
    padding: 0px 20px 20px 20px;
}
button.alpaca-form-button.alpaca-form-button-submit.btn.btn-default {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #959595;
    color: #959595;
    padding: 4px 10px;
    border-radius: 3px;
    font-family: 'nunito sans extra bold';
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}
button.alpaca-array-toolbar-action.btn.btn-default.btn-sm {
    display: inline-block;
    background-color: #58ba8b;
    height: auto;
    padding: 10px 20px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Nunito Sans Extra Bold;
    border: none;
    font-size: 16px;
    color: #363636;
}
form#alpaca3 > div {
    padding: 0px;
}
form#alpaca3 .row {
    margin: 0px;
}
form#alpaca3 .alpaca-field {
    margin: 0px 0px 20px;
}

/*--------------------------------------------------------------
## Documents
--------------------------------------------------------------*/
table.required-documents {
    border: 0px;
}
table.required-documents thead th {
    background-color: transparent;
    border: 0px;
}
.required-documents th, .required-documents td {
    height: 46px;
    line-height: 46px !important;
    padding: 0px 10px !important;
    border: 0px !important;
}
.required-documents th:last-child, .required-documents td:last-child {
    text-align: right;
}
.required-documents td:last-child img {
    transform: translate(0px, -3px);
}
tr.incomplete td {
    font-family: Nunito Sans Semibold;
}
.upload-docu-button {
    width: 100%;
    margin-top: 45px;
    text-align: center;
}
a.remove-file.text-danger {
    color: #ff0000;
    font-size: 28px;
}
.docu-vault {
    position: relative;
}

.docu-vault.is-dragover:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: url(../img/upload-to-udify.png);
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    pointer-events: none;
    text-align: center;
    padding-top: 20%;
    padding-bottom: 20%;
    transition: all 0.5s;
}
.required-documents tr.incomplete td:last-child img {
    display: none;
}
a[name='scrollto_afterupload'] {
    position: relative;
    top: -300px;
}
/*--------------------------------------------------------------
## Extras
--------------------------------------------------------------*/
img.side-img {
    width: 100%;
}
.study-abr-row {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.study-abr-row > div {
    min-height: 195px;
}
.study-abr-row > .col-xs-2 {
    min-width: 195px;
}
.study-abr-row > .col-xs-8 {
    width: calc(100% - 390px);
}
.study-abr-row .btn-standard-green-o:hover {
    background-color: #39b753;
    color: #fff;
}
.study-abr-row input:checked + label {
    background-color: #fff;
    border-color: #959595;
    color: #959595;
}
.study-abr-row input:checked + label:hover {
    background-color: #959595;
    border-color: #959595;
    color: #fff;
}
.study-abr-row label {
    position: relative;
}
.study-abr-row label:before {
    content: "Yes, I am Interested ";
}
.study-abr-row input:checked + label:before {
    content: "remove";
}
.study-abr-row input:checked + label i {
    display: none;
}
/*--------------------------------------------------------------
## Offers
--------------------------------------------------------------*/
.filter-menu-item {
    font-size: 14px;
}
.box-header .box-title {
    font-family: 'Nunito Sans Light';
    font-size: 20px !important;
    color: #363636;
}
.box.box-primary {
    border-top-color: transparent;
    box-shadow: none;
}
.listFilters .box-body {
    padding: 0px 10px 10px 10px;
}
.listFilters .box-body h4 {
    font-family: 'Nunito Sans Bold';
    font-size: 16px;
    position: relative;
}
.listFilters .box-header.with-border {
    border-bottom: 0px;
}
.filter-label {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 14px;
}
.sort-container {
    border-top: 1px solid #d7d7d7;
    padding: 20px 0px;
    margin-top: 27px;
}
.course-card .institution-image {
    margin: 0px;
}
.course-card i.fa.fa-check-circle-o {
    color: #15af65;
    margin-right: 10px;
    position: relative;
}
i.fa.fa-check-circle-o:after {
    display: none;
    content: "Predictive offer";
    position: absolute;
    top: -23px;
    left: -60px;
    font-family: 'Nunito Sans Light';
    font-size: 11px;
    width: 90px;
    color: #fff;
    background-color: #363636;
    text-align: center;
    border-radius: 3px;
    padding: 4px 8px;
}
i.fa.fa-check-circle-o:hover:after {
    display: block;
}
.sa-title { min-height: 50px; }

div#search-results .choose {
    display: none;
}
.view-numbers {
    display: inline-block;
    float: right;
}
.view-numbers a {
    color: #a1a1a1;
    font-size: 13px;
}
.offers-filter-box .box-footer {
    display: none;
}
.box-footer .btn-filter .fa-minus {
    position: relative;
    top: 2px;
}
.tiny-ico {
    width: 16px;
    margin-right: 19px;
    vertical-align: top;
    transform: translate(0px,2px);
}
.med-ico {
    width: 20px;
    margin-right: 10px; 
    vertical-align: top;
    transform: translate(0px,2px);
}
.chooseCourse,
.removeCourse {
    display: none;
}

.courses .sl.cost, .courses .sl.duration, .courses .ratings {
    display: none;
}
.course-shortlist:hover {
    color: #19AD4A;
}
.course-shortlist:focus {
    color: #19AD4A;
}
.ielts:hover > div {
    text-overflow: initial;
    white-space: normal;
    overflow: initial;
}
.study-mode {
    text-transform: capitalize;
}
.pagination > li > a, .pagination > li > span {
    padding: 0px 20px;
    background-color: #ecf0f5 !important;
    color: #363636 !important;
    border: none;
}
.pagination li.page-item.active span {
    font-family: Nunito Sans Bold;
}
/*--------------------------------------------------------------
## Shortlist
--------------------------------------------------------------*/
.preference {
    width: 31.2500033%;
    margin-right: 1.041665%;
    margin-left: 1.041665%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 56px;
    border: 2px dashed #d6d6d6;
    height: 268px;
    position: relative;
}

.preferences {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 0;
}

.preference.last {
    margin-right: 0px;
}

.ui-sortable-helper { width: 364.16px !important; max-height: 150px; /*background-color: #fff;*/ height: 150px; }

ul#sortable2 .grid-3 .col-sm-2, .ui-sortable-helper .col-sm-2 {
    width: 0%;
    padding: 0px;
}

ul#sortable2 .grid-3 .col-sm-2 .institution-image, .ui-sortable-helper .institution-image {
    display: none;
}

ul#sortable2 .grid-3 .col-sm-10, .ui-sortable-helper .col-sm-10 {
    width: 100%;
    padding: 0px;
}

ul#sortable .nunito-bold-13-grey, 
ul#sortable .nunito-light-13-grey,
ul#sortable .course-header, 
ul#sortable2 .nunito-bold-13-grey, 
ul#sortable2 .nunito-light-13-grey,
ul#sortable2 .course-header, 
.ui-sortable-helper .nunito-bold-13-grey, 
.ui-sortable-helper .nunito-light-13-grey,
.ui-sortable-helper .course-header {
    font-size: 11px;
}

ul#sortable2 .course-header .col-xs-10, .ui-sortable-helper .course-header .col-xs-8 {
    width: 66.66666667%;
}

ul#sortable2 .course-header .col-xs-2, .ui-sortable-helper .course-header .col-xs-4 {
    width: 33.33333333%;
}

.preferences .preference:nth-child(1):before {
    content: "Ranking 1";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(2):before {
    content: "Ranking 2";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(3):before {
    content: "Ranking 3";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(4):before {
    content: "Ranking 4";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(5):before {
    content: "Ranking 5";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(6):before {
    content: "Ranking 6";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(7):before {
    content: "Ranking 7";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}

.preferences .preference:nth-child(8):before {
    content: "Ranking 8";
    position: absolute;
    top: -40px;
    font-size: 15px;
    font-family: 'Nunito Sans Semibold';
    color: #363636;
}
ul#sortable2 {
    position: relative;
    z-index: 1;
}

.ui-sortable-helper .choose {
    display: none;
}
.shortlist .chooseCourse, .shortlist .removeCourse {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #959595;
    color: #959595;
    padding: 4px 10px;
    border-radius: 3px;
    font-family: 'nunito sans extra bold';
    text-transform: uppercase;
    margin-top: 20px;
}
ul#sortable2 .course-card-offer {
    padding: 10px 15px 15px 15px;
}
#sortable li, #sortable2 li {
    width: 31.2500033%;
    margin-right: 1.041665%;
    margin-left: 1.041665%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.shortlist .course-card .col-sm-2 {
    display: none;
}
.shortlist .course-card .col-sm-10 {
    width: 100%;
    padding: 0px;
}
.shortlist .course-shortlist {
    font-size: 13px;
    font-family: 'Nunito Sans Extra Bold';
    text-transform: uppercase;
    background-color: #fff !important;
    color: #dd4b39;
    display: inline-block;
    border: none;
    padding: 0px;
    border-radius: 0px;
}
.shortlist .course-shortlist span {
    display: none;
}
.shortlist .hide {
    display: inline-block !important;
}
.shortlist .course-header .top-content {
    overflow: hidden;
}
.shortlist .locs {
    display: none;
}
.shortlist .col-xs-8,
.shortlist .col-xs-4 {
    padding: 0px;
}
.shortlist .row {
    margin-left: 0px;
    margin-right: 0px;
}
.shortlist #sortable2 .chooseCourse {
    display: none;
}
.shortlist .col-xs-8 .cost, .shortlist .col-xs-8 .duration {
    display: none;
}
.shortlist .col-xs-4 .predictive,
.shortlist .col-xs-4 .ielts,
.shortlist .col-xs-4 .rating {
    display: none;
}
.shortlist .col-xs-4 .cost, .shortlist .col-xs-4 .duration {
    font-size: 11px;
    font-family: 'nunito sans light';
    text-align: right;
}
.shortlist span.value {
    display: block;
}
.shortlist .ratings .ielts, .shortlist .ratings .rating {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.shortlist .ratings {
    border-top: 1px solid #d6d6d6;
    margin-top: 15px;
    font-size: 0px;
    padding: 15px 0px 0px 0px;
}
.shortlist .ratings .rating {
    text-align: right;
}
.shortlist#sortable a.chooseCourse {
    display: inline-block;
    border: 1px solid #00a857;
    color: #00a857;
}
.shortlist#sortable a.removeCourse {
    display: none;
}
.shortlist#sortable a.chooseCourse:hover {
    background-color: #00a857;
    color: #fff;
}
a.removeCourse:hover {
    background-color: #959595;
    color: #fff;
}
.connectedSortable {
    min-height: 268px;
    margin-bottom: 30px;
}
.sortable-height {
    min-height: 268px;
}
#sortable2 li {
    margin-bottom: 0px;
}
.ielts > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*--------------------------------------------------------------
## Single course
--------------------------------------------------------------*/
.full-width-bg {
    background-color: #fff;
    position: relative;
}
.full-width-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: -100%;
    top: 0px;
}
.full-width-bg:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    top: 0px;
    right: -100%;
}
.col-centered {
    margin: 0px auto;
    display: inline-block;
    float: none;
}
.rankings-row {
    min-height: 70px;
}
.rankings-row div {
    line-height: 70px;
}
.rankings-row:nth-child(1),
.rankings-row:nth-child(2) {
    border-bottom: 1px solid #d6d6d6;
}
.custom-select {
    width: 100%;
    height: 64px;
    font-size: 21px;
    font-family: 'Nunito Sans Light';
    padding: 10px !important;
    background: url(../img/caret-down.png) no-repeat 98% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
}
div#map {
    width: 100%;
    height: 400px;
}
.uni-stat {
    margin-top: 10px;
    font-family: Nunito Sans Extra Bold;
    font-size: 32px;
    color: #58ba8b;
}
.course .ins-logo {
    max-height: 150px;
    width: auto !important;
    max-width: 230px;
}
/*--------------------------------------------------------------
## Review & Apply
--------------------------------------------------------------*/
.table { border: 1px solid #ddd; }
.table thead th {
    font-family: 'Nunito Sans Semibold';
    border-right: 1px solid #ccc;
    background-color: #ddd;
}
.table tbody td {
    border-right: 1px solid #ddd;
} 
.table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.table tbody tr:nth-child(even) {
    background-color: #ffffff;
}
.table thead th:last-child,
.table tbody td:last-child {
    border-right: 0px;
}
.application-title {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #ddd;
    margin: 0px;
}
.form-horizontal .control-label {
    padding-top: 0px;
    text-align: left;
}
.review-form-container .alpaca-container-item .form-group {
    border-bottom: 1px solid #ddd;
}
.review-form-container label.control-label.alpaca-control-label.col-sm-3 {
    padding: 15px 20px 15px 10px;
    font-family: 'Nunito Sans Semibold';
}
.review-form-container .form-group .col-sm-9 {
    padding: 15px 15px 15px 20px;
}
.review-form-container .alpaca-container-label {
    font-family: 'Nunito Sans Semibold';
    font-size: 16px;
    width: 25%;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 15px 15px;
    margin-bottom: 0px;
    text-align: right;
    float: left;
}

.review-form-container .udify-array-fix {
    margin-left: 0px;
}
.review-form-container .udify-array-fix .alpaca-container.alpaca-horizontal.form-horizontal {
    width: 75%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    float: right;
    min-height: 56px;
    padding: 15px 20px 15px 15px;
}
.number-circle {
    border: 2px solid #363636;
    display: inline-block;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    line-height: 180%;
}
.review-box {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
}
.review-box .form-horizontal .control-label {
    padding-left: 0px;
}
.review-box .udify-array-fix {
    margin-left: 0px;
}
.review-box .alpaca-field .alpaca-field .alpaca-field {
    margin: 10px 0px 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
}
.review-box .form-horizontal .control-label {
    padding-top: 0px;
    text-align: left;
}
/*--------------------------------------------------------------
## Letter of offer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Course
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Responsive + Retina
--------------------------------------------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    /* Retina-specific stuff here */
    .site-logo a {
        display: inline-block;
        background-image: url('/img/new_logo_white.png');
    }
    .site-logo-dark a {
        display: inline-block;
        background-image: url('/img/logo2x.png');
    }
}

@media only screen and (max-width: 1200px) {
    header.main-header .navbar-nav > li > a {
        padding: 0px 15px;
    }
    footer.footer-base .container {
        padding: 10px 20px;
    }
    .nav-preapp {
        padding: 20px;
        min-height: 131px;
    }
    .nav-preapp .nunito-bold-18-grey {
        font-size: 14px;
    }
    .nav-preapp img:nth-child(2) {
        min-height: 42px;
    }
}

@media only screen and (max-width: 1152px) {
    .steps-nav {
        display: none !important;
    }
    .navbar-nav>.user-menu .user-image {
        margin-right: 0px !important;
    }
    .navbar-collapse.pull-left+.navbar-custom-menu {
        right: 20px;
    }
    .journeybar {
        width: calc(100% - 20px);
    }
}

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

}

@media only screen and (max-width: 991px) {
    .step-1-2 .col-md-6 {
        margin-top: 30px;
    }
    .step-3 .col-md-6,
    .step-4-5 .col-md-6 {
        width: 50%;
        float: left;
    }
    .step-6 .grid .grid-5 {
        width: 100%;
    }
    .sa-title {
        float: right;
        font-size: 24px;
    }
    .step-6 .step-container a {
        float: right;
    }
    .step-6 .step-container div {
        margin-top: 0px;
    }
    .box.box-primary.collapsed-box {
        background-color: #58ba8b;
        text-align: center;
        border-top: 0px;
    }
    .box.box-primary.collapsed-box h3 {
        font-size: 0px !important;
    }
    .box.box-primary.collapsed-box h3:after {
        content: "Edit Filter";
        font-family: Nunito Sans Extra Bold;
        font-size: 16px;
        color: #363636;
        text-transform: uppercase;
    }
    .box.box-primary.collapsed-box .box-tools {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
    }
    .box.box-primary.collapsed-box button {
        width: 100%;
        padding: 0px;
        height: 100%;
        border: 0px;
    }
    .box.box-primary.collapsed-box button i {
        display: none;
    }
    .filter-label {
        margin: 5px;
    }
    .sort-container {
        padding: 20px 10px;
    }
    .study-abr-row .col-xs-4 {
        margin: 0px !important;
        width: 50%;
    }
    img.side-img {
        width: 100%;
    }
}
@media only screen and (max-width: 960px) {
    #sortable li, #sortable2 li {
        width: 48%;
        margin-right: 4%;
    }
    #sortable li:nth-child(2n), #sortable2 li:nth-child(2n) {
        margin-right: 0px;
    }
    #sortable2 li {
        margin-bottom: 50px;
    }
    .preference {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 60px;
    }
    .preference:nth-child(2n) {
        margin-right: 0px;
    }
    .nav-preapp {
        min-height: 121px;
    }
    .nav-preapp img:nth-child(1) {
        top: 10px !important;
        right: 10px !important;
    }
    .nav-preapp img:nth-child(2) {
        min-height: unset;
        max-height: 32px;
    }
}

@media only screen and (max-width: 800px) {
    .step .step-text {
        display: none;
    }
    span.step-text.last {
        display: inline-block;
    }
}

@media only screen and (max-width: 768px) {
    header.main-header a.navbar-brand img {
        height: 30px;
    }
    .nunito-38-grey {
        font-size: 32px;
    }
    .nunito-light-38-grey {
        font-size: 32px;
    }
    .number-circle.nunito-light-38-grey {
        font-size: 38px;
    }
    .login-top {
        padding: 20px;
        background-color: #fff;
        max-width: 100%;
    }
    .site-logo-dark {
        display: block;
    }
    .row.footer-menu-container .col-md-4 {
        width: 50%;
        display: inline-block;
        font-size: initial;
        vertical-align: top;
    }
    .social-media-container .col-md-4 {
        text-align: left
    }
    .social-media-container .sm-icon {
        margin-bottom: 30px;
        display: inline-block;
    }
    a.agreement-links {
        display: inline-block;
        margin-top: 30px;
    }
    .powered {
        display: block;
    }
    #sortable li, #sortable2 li {
        width: 100%;
        margin-right: 0px;
    }
    .preference { 
        width: 100%;
        margin-right: 0px;
    }
    .preference.last, #sortable2 li:last-child {
        margin-bottom: 0px;
    }
    .nav-preapp {
        width: 100% !important;
        margin-right: 0px !important;
        min-height: unset;
        text-align: left;
    }
    .nav-preapp br {
        display: none;
    }
    .nav-preapp .nunito-bold-18-grey {
        font-size: 18px;
        vertical-align: middle;
        margin-top: 0px;
    }
    .nav-preapp img:nth-child(1) {
        width: auto !important;
        top: 50% !important;
        right: 20px !important;
        transform: translate(0%, -50%);
    }
    .nav-preapp img:nth-child(2) {
        min-height: unset;
        max-height: unset;
        vertical-align: middle;
        margin-right: 20px;
    }
    .part-nav { display: none; }
}

@media only screen and (max-width: 640px) {
    .step-3 .col-md-6:first-child {
        padding-left: 0px;
        padding-right: 30px;
    }
    .step-3 .col-md-6:nth-child(2) {
        padding-left: 30px;
        padding-right: 0px;
    }
    .side-margins {
        display: none;
    }
    .course-header .col-xs-2.text-right {
        padding: 0px;
    }
    .course-details .course-detail-right {
        padding: 0px;
    }
    .view-save-offer .row .col-xs-6,
    .next-steps .row .col-xs-6 {
        width: 100%;
    }
    .view-save-offer .row .col-xs-6:last-child,
    .next-steps .row .col-xs-6:nth-child(2) {
        margin-top: 50px;
    }
    .study-abr-row > div {
        width: 100% !important;
    }
    img.side-img { display: none; }
    .study-abr-row.row.margin-140 {
        margin-top: 70px;
        padding-top: 70px;
        border-top: 1px solid #d6d6d6;
    }
    .study-abr-row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .box-footer .btn-filter {
        padding: 0px;
    }
    .offers-filter-box .box-footer {
        display: block;
    }
    span.step-text.last {
        font-size: 14px;
    }
    .journeybar {
        padding: 0px 20px;
    }
    .jumbotron {
        height: 90px;
    }
    .page-descriptor {
        line-height: 65px;
        font-size: 20px;
    }
    header.main-header .container {
        padding: 0px 20px;
    }
    .user-menu .dropdown-toggle {
        padding: 0px 0px 0px 10px !important;
        font-size: 14px;
    }
    a.dropdown-toggle > span {
        margin-left: 5px;
    }
    .nunito-light-25-grey {
        font-size: 20px;
    }
    .alert {
        font-size: 14px;
    }
    .mob-hide {
        display: none;
    }
    .summary .summary-left {
        display: none;
    }
    .summary .summary-center {
        width: calc(100% - 120px);
    }
    .summary-right {
        width: 120px;
    }
    .summary .summary-center img.hide {
        display: block !important;
        margin-bottom: 20px;
        max-width: 65px;
    }
    .call-to-action .container {
        line-height: 73px;
        text-align: center;
    }
    .call-to-action .btn-standard {
        display: block;
        max-width: fit-content;
        margin: 0px auto;
    }
    table.required-documents th, table.required-documents td {
        font-size: 14px;
    }
    table.required-documents td img {
        max-width: 25px;
    }
    .required-documents td:last-child img {
        transform: translate(0px, 0px);
    }
    .documents-container .col-sm-8,
    .documents-container .col-sm-4 {
        padding: 0px;
    }
    .documents-container h4 {
        margin-top: 0px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 520px) {
    .user-image-container {
        padding: 3.77%;
    }
    .step-4-5 .step-container div {
        text-align: left;
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    .user-image-container {
        padding: 3.63%;
    }
    .course-detail-left,
    .course-detail-right,
    .course-detail-left div {
        font-size: 11px;
    }
    .course-header div,
    .course-detail-left,
    .course-detail-right {
        padding: 0px;
    }
    .summary .summary-center {
        font-size: 14px;
    }
    .journeybar {
        padding: 0px 10px;
    }
    .progress-line-bg {
        display: none;
    }
    table.required-documents th, table.required-documents td {
        font-size: 12px;
        height: auto;
        line-height: 120% !important;
        padding: 8px 10px !important;
    }
    .udify-form-container.udify-minimal-content .inner {
        width: 90%;
        padding-top: 78px;
    }
    .udify-form-container .nunito-light-38-grey {
        font-size: 24px;
    }
    .login-row.row {
        margin-top: 30px !important;
    }
    .signup-row.row {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 400px) {
    .user-image-container {
        padding: 3.59%;
    }
}

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

}

/*  */

.cp-popover {
    width: 220px;
    left: -210px;
    margin-top: -10px;
}

.cp-popover-title {
    padding: 9px 14px;
    margin: 0;
    font-size: 14px;
    font-family: Nunito Sans Bold;
}

.cp-popover-content {
    padding: 5px 10px 10px 10px;
}

.max-width {
    width: 100%;
}

.cp-popover > .arrow {
    top: 30% !important;
    border-width: 10px !important;
    border-right-width: 0 !important;
}

.cp-popover > .arrow,
.cp-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.cp-popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.cp-popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.cp-popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
    background: transparent;
}