@font-face {
    font-family: "Proximanova";
    src: url(../fonts/ProximaNova-Regular.bf9f5d50c1b9.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Proximanova";
    src: url(../fonts/ProximaNova-Bold.72b6f2c9990b.otf);
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Proximanova";
    src: url(../fonts/ProximaNova-Semibold.f14eee643541.otf);
    font-weight: 500;
    font-style: normal
}

p,
h1,
h2,
h3,
h4 {
    margin: 0
}

body {
    font-family: "Proximanova", Helvetica, Arial, sans-serif;
    background: #fff;
    font-weight: normal;
    letter-spacing: 0.2px;
    padding: 0;
    margin: 0;
    display: block !important
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Proximanova", Helvetica, Arial, sans-serif
}

body.noscroll,
html.noscroll {
    overflow-y: hidden
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hide {
    display: none
}

.row.row-container,
.row-container.row-container {
    max-width: 98rem;
    display: block;
    margin: 0 auto
}

html.noscroll {
    overflow: hidden
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
    font-family: "Proximanova", Helvetica, Arial, sans-serif
}

select:disabled {
    background-color: #f4f4f4
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Proximanova", Helvetica, Arial, sans-serif
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.button {
    background: #B51218;
    border-color: #a21016;
    font-family: "Proximanova", Helvetica, Arial, sans-serif
}

div.button:hover {
    background: #cc141b
}

div.button:active {
    background: #a21016
}

div.button.secondary {
    color: #a21016
}

div.button.secondary:hover {
    background: #dadada
}

div.button.secondary:active {
    background: #dadada
}

div.button_flat {
    background: #B51218
}

div.button_hollow {
    border: 1px solid #B51218;
    color: #B51218
}

div.button_hollow:hover {
    background: #B51218
}

.job_button {
    background: #B51218
}

#connect_all_card #facebook-btn {
    background-color: #4267B2
}

#connect_all_card #linkedin-btn {
    background-color: #1b86bc
}

#connect_all_card #google-btn {
    background-color: #C84029
}

div.btn {
    background: #cc141b
}

div.btn:hover {
    background: #B51218
}

div.btn:active {
    background: #cc141b
}

a {
    color: #B51218
}

a:hover,
a:focus {
    color: #B51218
}

a.subtle:hover {
    color: #B51218
}

a.subtle:active {
    color: #B51218
}

#header {
    position: relative
}

#header .intro-root {
    position: relative;
    height: 7rem
}

#header .intro-root .logo-section {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 1rem 0;
    display: block
}

@media (max-width: 64rem) {
    #header .intro-root .logo-section {
        width: 100%;
        padding-left: 1rem
    }
}

#header .intro-root .logo-section a {
    display: table;
    text-decoration: none;
    float: left
}

#header .intro-root .logo-section a .logo {
    max-height: 5rem;
    min-height: 3rem
}

#header .intro-root .logo-section a span {
    display: table-cell;
    vertical-align: middle;
    color: #3f3f3f;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-decoration: none;
    letter-spacing: 0.4px;
    padding-left: 1.5rem
}

#header .intro-root .logo-section a span.logo-section-short-name {
    display: none
}

@media (max-width: 64rem) {
    #header .intro-root .logo-section a span.logo-section-full-name {
        display: none
    }

    #header .intro-root .logo-section a span.logo-section-short-name {
        display: table-cell;
        padding-right: 71px
    }
}

#header .intro-root .logo-section .sub-colleges-filter-root {
    display: inline-block;
    padding: 0 2rem;
    margin: 0.6rem 0;
    position: relative
}

@media (max-width: 64rem) {
    #header .intro-root .logo-section .sub-colleges-filter-root {
        position: absolute;
        top: 6.9rem;
        left: 0;
        right: 0;
        background: #ffffff;
        padding: 0;
        margin: 0;
        z-index: 9;
        display: none;
        width: 100%
    }
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header {
    border: 1px solid #cccccc;
    padding: 1rem 3rem 1rem 1.5rem;
    border-radius: 0.4rem;
    margin-bottom: 0;
    position: relative
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header span,
#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header i {
    font-size: 1.3rem
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header i.fa-angle-down {
    position: absolute;
    right: 0.7rem;
    top: 50%;
    font-size: 2rem;
    margin: -1rem 0
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header span {
    margin-left: 0.5rem
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header:hover~.sub-colleges-filter-list {
    display: block
}

@media (max-width: 64rem) {
    #header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-header {
        display: none
    }
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-list {
    position: absolute;
    left: 2rem;
    right: 2rem;
    z-index: 9;
    background-color: #ffffff;
    padding: 0;
    border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.32);
    display: none
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-list .sub-college-list-item {
    display: block;
    cursor: pointer;
    padding: 1rem 2rem;
    font-size: 1.3rem;
    border-bottom: solid 1px #f5f5f5
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-list .sub-college-list-item:hover {
    background-color: #fafafa
}

#header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-list:hover {
    display: block
}

@media (max-width: 64rem) {
    #header .intro-root .logo-section .sub-colleges-filter-root .sub-colleges-filter-list {
        display: block;
        padding: 0;
        left: 0;
        right: 0;
        background: #a21016;
        color: #ffffff;
        font-weight: 500
    }
}

#header .intro-root .social-section {
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 64rem) {
    #header .intro-root .social-section {
        display: none
    }
}

#header .intro-root .social-section div {
    display: inline-flex
}

#header .intro-root .social-section div p {
    display: inline;
    color: #bababa;
    font-size: 1.4rem;
    margin: 0.5rem 1rem
}

#header .intro-root .social-section div a {
    margin: 0 0.5rem;
    color: #bababa;
    font-size: 1.4rem;
    padding: 0.9rem 0;
    line-height: 1;
    text-align: center
}

#header .intro-root .social-section div a i:hover {
    color: #a21016
}

#header .nav-root {
    display: block;
    background-color: #B51218
}

@media (min-width: 64rem) {
    #header .nav-root {
        position: relative;
        border-bottom: 1px solid #481213
    }
}

#header .nav-root .search-section {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

@media (max-width: 64rem) {
    #header .nav-root .search-section {
        display: none
    }
}

#header .nav-root .search-section .search-toggle-icon {
    color: #ffffff;
    padding: 1.15rem 1.7rem;
    cursor: pointer;
    font-size: 1.3rem;
    background-color: transparent
}

#header .nav-root .search-section .search-toggle-icon:hover,
#header .nav-root .search-section .search-toggle-icon.expanded {
    background-color: #481213;
    color: #fff
}

#header .nav-root .search-section .search-section-bar {
    position: absolute;
    z-index: 9;
    background-color: #481213;
    padding: 0 0 0 1rem;
    border-bottom: 2px solid #B51218;
    display: none
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container {
    display: inline-block;
    width: 24rem;
    margin: 0
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container input[type="text"] {
    background-color: transparent;
    border: 0;
    width: 20rem;
    float: left;
    display: inline-block;
    height: 4rem;
    outline: none;
    color: #ffffff;
    padding: 0;
    margin: 0;
    box-shadow: none;
    font-size: 1.3rem
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container input[type="text"]::-webkit-input-placeholder {
    color: #fff
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container input[type="text"]:-moz-placeholder {
    color: #fff
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container input[type="text"]::-moz-placeholder {
    color: #fff
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container input[type="text"]:-ms-input-placeholder {
    color: #fff
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container i {
    display: inline-block;
    color: #ffffff;
    font-size: 1.6rem;
    padding: 1.3rem 1.7rem;
    line-height: 1;
    cursor: pointer
}

#header .nav-root .search-section .search-section-bar div.home-page-search-container i:hover {
    background-color: #B51218
}

#header .nav-root .nav-section {
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 64rem) {
    #header .nav-root .row-container {
        position: relative
    }
}

#header .nav-root .nav-section .nav-section-item {
    position: relative;
    display: block
}

#header .nav-root .nav-section .nav-section-item a {
    color: #ffffff;
    display: block;
    padding: 0.8rem 2rem;
    text-decoration: none;
    font-size: 1.3rem
}

#header .nav-root .nav-section .nav-section-item a:hover {
    background: #481213;
    color: #fff
}

#header .nav-root .nav-section .nav-section-item .nav-section-submenu {
    position: absolute;
    background: #481213;
    min-width: 18rem;
    display: none;
    z-index: 9;
    margin: 0
}

#header .nav-root .nav-section .nav-section-item .nav-section-submenu a:hover {
    background-color: #B51218
}

#header .nav-root .nav-section .nav-section-item:hover {
    background: #481213
}

@media (min-width: 64rem) {
    #header .nav-root .nav-section .nav-section-item:hover .nav-section-submenu {
        display: block !important
    }
}

#header .nav-root .nav-section .nav-section-item#social-sync {
    color: rgba(255, 255, 255, 0.66);
    font-size: 1.2rem;
    background: #870d12;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    margin: 0.5rem;
    cursor: pointer;
    padding: 0;
    display: block;
    text-align: center
}

@media (max-width: 64rem) {
    #header .nav-root .nav-section .nav-section-item#social-sync {
        display: none
    }
}

#header .nav-root .nav-section .nav-section-item#social-sync i.menu_refresh_icon {
    margin-top: 0.7rem
}

#header .nav-root .nav-section .nav-section-item#social-sync i {
    position: relative;
    z-index: 999
}

#header .nav-root .nav-section .nav-section-item#social-sync .social-sync-count-badge {
    font-family: "Proximanova", Helvetica, Arial, sans-serif;
    position: absolute;
    background: #d4322c;
    height: 2rem;
    bottom: 1rem;
    left: 0.8rem;
    width: 2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
    border-radius: 50%;
    color: white;
    border: 1px solid #ca2f29;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), -1px 6px 20px 0 rgba(0, 0, 0, 0.42);
    display: none
}

#header .nav-root .nav-section .nav-section-item#social-sync .sync-link {
    display: inline-block;
    padding: 0
}

@media (max-width: 64rem) {
    #header .nav-root .nav-section.primary {
        position: absolute;
        top: 6.9rem;
        z-index: 101;
        left: 0;
        background-color: #a21016;
        right: 0;
        display: none;
        width: 100%
    }

    #header .nav-root .nav-section.primary .nav-section-item {
        display: block
    }

    #header .nav-root .nav-section.primary .nav-section-submenu {
        position: relative
    }

    #header .nav-root .nav-section.primary .nav-section-submenu .nav-section-item a {
        padding: 0.8rem 3rem
    }
}

#header .nav-root .nav-section.mobile {
    display: none
}

@media (max-width: 64rem) {
    #header .nav-root .nav-section.mobile {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0
    }
}

#header .nav-root .nav-section.mobile .mobile-toggle-menu-icon,
#header .nav-root .nav-section.mobile .mobile-toggle-subcollege-icon {
    font-size: 2.5rem;
    cursor: pointer;
    padding: 2.3rem 2rem;
    background-color: #a21016;
    color: #ffffff
}

#header .nav-root .nav-section.mobile .mobile-toggle-menu-icon.expanded,
#header .nav-root .nav-section.mobile .mobile-toggle-subcollege-icon.expanded {
    background-color: #a21016;
    color: #ffffff
}

#header .nav-root .nav-section.mobile span.mobile-toggle-menu-icon {
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 1px;
    height: 1px
}

#homepage-container .row:after {
    content: unset
}

#homepage-container .row:before {
    content: unset
}

@media (max-width: 64rem) {
    #homepage-container .row-container {
        padding: 0 0.5rem
    }

    #homepage-container .row-container>.row {
        margin: 0
    }
}

#homepage-container .link-button {
    background-color: #B51218;
    color: #ffffff;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    line-height: 1;
    border-radius: 0.3rem;
    transition: 0.5s linear background-color;
    display: inline-block
}

#homepage-container .link-button:hover {
    background-color: #a21016;
    transition: 0.5s linear background-color
}

#homepage-container #homepage-slider-container {
    height: 44.5rem;
    position: relative;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#homepage-container #homepage-slider-container .homepage-slider-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: table;
    height: 44.5rem;
    z-index: 1;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: inset 0px -100px 250px 0px rgba(0, 0, 0, 0.8);
    background-color: rgba(34, 46, 78, 0.5)
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content {
    height: 100%;
    background-color: rgba(42, 52, 80, 0.4);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    max-width: 98rem;
    padding: 0 1rem
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content .homepage-slider__title {
    text-shadow: 0px 2px 4px #000;
    font-weight: 700;
    font-size: 3.6rem
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content .homepage-slider__text {
    padding: 1rem 0;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    line-height: 1.5
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content .homepage-slider__text * {
    font-size: 1.3rem
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content .homepage-slider__url {
    font-size: 1.4rem;
    background-color: #ffffff;
    border-radius: 2rem;
    color: #B51218;
    margin-top: 1rem;
    display: inline-block;
    padding: 1.5rem 3rem;
    transition: 0.3s all
}

#homepage-container #homepage-slider-container .homepage-slider-back .homepage-slider-content .homepage-slider__url:hover {
    background-color: #B51218;
    color: #ffffff;
    transition: 0.3s all;
    text-decoration: none
}

#homepage-container .homepage-card {
    background: #ffffff;
    margin-bottom: 3rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0.4rem
}

#homepage-container .homepage-card .homepage-card-header {
    background: #B51218;
    color: #ffffff;
    position: relative;
    padding: 1.5rem 2rem;
    border-radius: 0.4rem 0.4rem 0 0;
    border-bottom: 1px solid #481213
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-icon {
    height: 4.9rem;
    left: 0;
    top: 0;
    padding: 0.65rem;
    width: 4.2rem;
    position: absolute;
    background-color: #a21016;
    border-radius: 0.4rem 0 0 0;
    display: block
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-icon svg path {
    fill: #ffffff
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-icon+.homepage-card-header-title {
    margin-left: 3.5rem
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-title {
    display: inline-block;
    font-size: 1.3rem;
    margin: 0;
    line-height: 1;
    font-weight: 700
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-title a {
    text-decoration: none;
    color: inherit;
    font-size: 1.3rem
}

#homepage-container .homepage-card .homepage-card-header .homepage-card-header-title a:hover {
    border-bottom: 1px solid #ffffff
}

#homepage-container .homepage-card .homepage-card-content {
    border-radius: 0 0 0.4rem 0.4rem;
    font-size: 1.3rem;
    min-height: 10rem
}

#homepage-container .homepage-card .homepage-card-content ul {
    margin: 0
}

#homepage-container .homepage-card .homepage-card-tabs {
    display: inline-block;
    width: 100%;
    background-color: #481213;
    margin: 0
}

#homepage-container .homepage-card .homepage-card-tabs li {
    display: inline-block;
    width: 33.33%;
    background-color: #481213;
    color: #ffffff;
    margin: 0;
    float: left;
    text-align: center;
    border-right: 1px solid #ffffff;
    position: relative;
    cursor: pointer
}

#homepage-container .homepage-card .homepage-card-tabs li span {
    padding: 1rem 1.5rem;
    display: block;
    font-size: 1.3rem
}

#homepage-container .homepage-card .homepage-card-tabs li span i {
    margin-right: 0.5rem
}

#homepage-container .homepage-card .homepage-card-tabs li:last-child {
    border-right: 0
}

#homepage-container .homepage-card .homepage-card-tabs li.expanded {
    background-color: #380e0f;
    font-weight: 700
}

#homepage-container .homepage-card .homepage-card-tabs li.expanded:before {
    content: "\f0d7";
    font-family: "FontAwesome";
    left: 50%;
    position: absolute;
    bottom: -2rem;
    z-index: 1;
    margin-left: -0.8rem;
    font-size: 4rem;
    color: #380e0f;
    line-height: 1
}

#homepage-container .homepage-card .homepage-card-tabs li:hover {
    background-color: #380e0f
}

#homepage-container .homepage-card .card-item {
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    display: block
}

#homepage-container .homepage-card .card-item:last-child {
    border-bottom: 0
}

#homepage-container .homepage-card .card-item a {
    text-decoration: none
}

#homepage-container .homepage-card .card-item a .card-item-content:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12)
}

#homepage-container .homepage-card .card-item a .card-item-content:hover:before {
    content: "\f0da";
    font-family: "FontAwesome";
    right: 1.5rem;
    top: 50%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    margin-top: -0.75rem;
    font-size: 1.5rem;
    color: #bababa;
    line-height: 1
}

#homepage-container .homepage-card .card-item .row {
    margin: 0
}

#homepage-container .homepage-card .card-item:last-child:not(:first-child) {
    border-bottom: 0
}

#homepage-container .homepage-card .card-item .card-item-content {
    padding: 2rem;
    position: relative
}

@media (max-width: 48rem) {
    #homepage-container .homepage-card .card-item .card-item-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

#homepage-container .homepage-card .card-item .card-item-content.row .col {
    padding: 0
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-title {
    font-size: 1.4rem;
    color: #481213;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 1rem;
    margin-bottom: 0
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-title a {
    text-decoration: none;
    color: inherit
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-title a:hover {
    border-bottom: 1px solid #481213
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-text {
    line-height: 1.6;
    color: #464646;
    padding-bottom: 0.3rem;
    display: block;
    margin-bottom: 0;
    font-size: 1.3rem
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-text.is__centered {
    text-align: center
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-text i {
    margin-right: 0.6rem
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-extra {
    color: #c7c7c7;
    font-size: 1.2rem;
    padding-bottom: 0.6rem;
    margin-bottom: 0
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-extra.is__italic {
    font-style: italic
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-pic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 5rem;
    height: 5rem
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-cover {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 20rem;
    position: relative
}

#homepage-container .homepage-card .card-item .card-item-content .card-item-cover .card-item-cover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(42, 52, 80, 0.8);
    color: #ffffff;
    padding: 1rem;
    font-size: 1.3rem
}

#homepage-container .homepage-card .homepage-card-actions {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    padding: 0;
    text-align: center;
    border-radius: 0 0 0.4rem 0.4rem
}

#homepage-container .homepage-card .homepage-card-actions .homepage-card-action {
    padding: 2rem;
    color: #481213;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    font-size: 1.4rem
}

#homepage-container .homepage-card .homepage-card-actions .homepage-card-action:hover {
    text-decoration: underline
}

@media (max-width: 48rem) {
    #homepage-container .homepage-card .card-empty-content {
        text-align: center
    }
}

#homepage-container .homepage-card .card-empty-content.is__center {
    text-align: center
}

@media (max-width: 64rem) {
    #homepage-container .homepage-card .card-empty-content .card-empty-thumb {
        margin-bottom: 1rem
    }
}

@media (max-width: 48rem) {
    #homepage-container .homepage-card .card-empty-content .card-empty-thumb img {
        display: block;
        margin: 0 auto
    }
}

#homepage-container .homepage-card .card-empty-content .card-empty-title {
    color: #481213;
    font-weight: 500;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 0
}

#homepage-container .homepage-card .card-empty-content .card-empty-text {
    font-size: 1.3rem;
    color: #bababa;
    line-height: 1.6rem;
    display: block;
    margin-bottom: 0.5rem
}

#homepage-container .homepage-card .card-empty-content .card-empty-add-icon {
    text-align: center;
    background: #cc141b;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border-radius: 50%;
    font-size: 2rem;
    color: #ffffff
}

#homepage-container .homepage-card .card-empty-content .card-empty-actions {
    margin-top: 3rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-card .card-empty-content .card-empty-actions {
        display: none
    }
}

#homepage-container .homepage-card .homepage-card-slider {
    border-bottom: 0;
    position: relative
}

#homepage-container .homepage-card .homepage-card-slider .card-item {
    border: 0
}

#homepage-container .homepage-card .homepage-card-slider .homepage-card-actions {
    border: 0;
    border-top: 1px solid #e5e5e5;
    min-height: 5.5rem
}

#homepage-container .homepage-card .homepage-card-slider .homepage-card-actions .homepage-card-pagination {
    height: 0.1rem;
    width: 100%;
    overflow: hidden;
    color: #e5e5e5;
    margin-top: -0.1rem
}

#homepage-container .homepage-card .homepage-card-slider .homepage-card-actions .homepage-card-pagination div.pagination {
    width: 25%;
    float: left;
    height: 0.1rem;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

#homepage-container .homepage-card .homepage-card-slider .homepage-card-actions .homepage-card-pagination div.pagination.active {
    background: #481213;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

#homepage-container .homepage-card .homepage-card-slider .slick-nav {
    position: absolute;
    font-size: 2rem;
    bottom: -4.8rem;
    padding: 1rem 2rem;
    line-height: 1;
    border-radius: 0.4rem;
    color: #B51218
}

#homepage-container .homepage-card .homepage-card-slider .slick-nav.slick-prev {
    left: 20%
}

#homepage-container .homepage-card .homepage-card-slider .slick-nav.slick-next {
    right: 20%
}

#homepage-container .homepage-card .homepage-card-slider .slick-nav:not(.slick-disabled):hover {
    color: #B51218;
    background-color: #f5f5f5
}

#homepage-container .homepage-card .progress-meter {
    margin-top: 2rem;
    background: #bababa;
    height: 0.3rem;
    width: 100%
}

#homepage-container .homepage-card .progress-meter .meter {
    background: #B51218;
    height: 0.3rem;
    display: block
}

#homepage-container #homepage-primary-container {
    margin-bottom: 2rem;
    position: relative;
    margin-top: -4.9rem;
    z-index: 2
}

@media (max-width: 64rem) {
    #homepage-container #homepage-primary-container {
        margin-top: 4rem
    }
}

#homepage-container #homepage-primary-container .homepage-card-header {
    background-color: #481213;
    border-bottom: 0
}

#homepage-container #homepage-primary-container .homepage-card {
    min-height: 39rem
}

@media (max-width: 64rem) {
    #homepage-container #homepage-primary-container .homepage-card {
        min-height: auto
    }
}

#homepage-container #homepage-primary-container .homepage-news-item,
#homepage-container #homepage-primary-container .homepage-event-item {
    border-left: 0;
    border-right: 0
}

#homepage-container #homepage-primary-container .homepage-news-item.card-item:last-child,
#homepage-container #homepage-primary-container .homepage-event-item.card-item:last-child {
    border-bottom: 1px solid #e5e5e5
}

#homepage-container #homepage-primary-container .homepage-news-item .card-item-content,
#homepage-container #homepage-primary-container .homepage-event-item .card-item-content {
    padding: 2.5rem 2rem;
    min-height: 14rem
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content {
    padding: 0
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content>.col {
    padding: 2.5rem 2rem 1.5rem 2rem
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content>.col:first-child {
    border-right: 1px solid #e5e5e5
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content .card-item-extra {
    padding-bottom: 0
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content .card-item-title {
    padding-bottom: 0.5rem
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content .card-item-text {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#homepage-container #homepage-primary-container .homepage-event-item .card-item-content .card-tag {
    background-color: #999;
    color: #ffffff;
    border-radius: 0.2rem;
    padding: 0.4rem 1.1rem;
    font-size: 1.2rem;
    line-height: 1;
    display: inline-block;
    margin-top: 0.3rem
}

#homepage-container #homepage-primary-container .homepage-event-item .day {
    color: #bababa;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    padding-bottom: 0.6rem
}

#homepage-container #homepage-primary-container .homepage-event-item .date {
    font-size: 2rem;
    color: #481213;
    line-height: 1
}

#homepage-container #homepage-primary-container .homepage-card-actions {
    border: 0
}

#homepage-container #homepage-primary-container .homepage-card-actions .homepage-card-action {
    padding: 2.2rem 2rem
}

#homepage-container #homepage-profile-card {
    padding: 0
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-basic-intro {
    padding: 2rem 3rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-basic-intro p:first-child {
    color: #481213;
    font-size: 1.5rem;
    margin-bottom: 0.4rem;
    font-weight: 700
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-basic-intro p:last-child {
    font-weight: 700;
    font-size: 1.3rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-user-pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    width: 11rem;
    height: 11rem;
    margin: -2rem 0
}

@media (max-width: 64rem) {
    #homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-user-pic {
        width: 9rem;
        height: 9rem
    }
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-progress {
    padding: 4rem 2rem 0 2rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-progress p {
    color: #bababa;
    font-weight: 500
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-progress .progress-meter {
    margin-top: 0.5rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync {
    padding: 2rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync .social-sync-account-item .sync-link {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0.5rem 1rem 0.5rem 0.5rem;
    border: 2px solid #64ba79;
    border-radius: 50%;
    color: #64ba79;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
    padding: 0;
    text-decoration: none
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync .social-sync-account-item .sync-link:active {
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0px;
    color: #fff;
    background: #64ba79;
    border: 1px solid #64ba79
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync .social-sync-account-item .sync-link:hover {
    border: 2px solid #579867
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync .social-sync-account-item .sync-link .sync-icon {
    line-height: 30px;
    margin: 0
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-social-sync .social-sync-account-item .sync-link-text {
    text-decoration: none;
    color: #cccccc
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-action-btn {
    margin: 2rem auto;
    display: table;
    background-color: #a21016;
    color: #ffffff;
    padding: 1rem 2.5rem;
    text-decoration: none;
    border-radius: 0.3rem;
    transition: 0.3s linear background-color;
    font-size: 1.4rem
}

#homepage-container #homepage-profile-card #homepage-profile-card-primary #homepage-profile-card-action-btn:hover {
    background-color: #cd181f;
    transition: 0.3s linear background-color
}

#homepage-container #homepage-profile-signin {
    padding: 2rem
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn {
    display: table;
    padding: 1rem 2.5rem;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0.3rem;
    min-width: 16rem;
    text-align: center;
    margin: 1.5rem auto
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn i {
    margin-right: 1rem;
    vertical-align: middle;
    display: inline-block
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#facebook {
    background-color: #4267B2
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#facebook:hover {
    background-color: #2c4e94
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#facebook:active {
    background-color: #43609c
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#linkedin {
    background-color: #1b86bc
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#linkedin:hover {
    background-color: #17709d
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#linkedin:active {
    background-color: #1b86bc
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#google {
    background-color: #c84029
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-btn#google:hover {
    background-color: #aa3723
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-link-btn {
    color: #B51218;
    display: table;
    margin: 2rem auto;
    text-decoration: none;
    border-bottom: 1px solid transparent
}

#homepage-container #homepage-profile-signin .homepage-profile-signin-link-btn:hover {
    border-bottom-color: #B51218
}

#homepage-container #homepage-profile-signin #homepage-profile-access-info {
    width: 100%;
    padding-top: 2rem;
    display: inline-block;
    border-top: 1px solid #e5e5e5
}

#homepage-container #homepage-profile-signin #homepage-profile-access-info p {
    color: #bababa;
    font-size: 1.2rem;
    margin-top: 0.7rem;
    margin-left: 0.6rem;
    line-height: 1.4;
    float: left;
    width: 77%
}

#homepage-container #homepage-profile-signin #homepage-profile-access-info svg {
    width: 3.4rem;
    height: 3.4rem;
    margin-top: 1.2rem;
    margin-right: 4px;
    display: block;
    float: right
}

@media (min-width: 64rem) {
    #homepage-container #homepage-secondary-container .secondary-container-block:first-child {
        padding-right: 1rem
    }

    #homepage-container #homepage-secondary-container .secondary-container-block:last-child {
        padding-left: 1rem
    }
}

#homepage-container #homepage-social-card .homepage-card {
    border-radius: 0.4rem 0.4rem 0 0
}

#homepage-container #homepage-social-card .homepage-card-content {
    max-height: 40rem;
    overflow-y: auto;
    margin-top: -0.5rem
}

#homepage-container #homepage-social-card .homepage-feed {
    display: none
}

#homepage-container #homepage-social-card .homepage-feed:first-child {
    display: block
}

#homepage-container #homepage-social-card .homepage-feed#homepage-instagram-feed {
    text-align: center
}

#homepage-container #homepage-social-card .homepage-feed#homepage-instagram-feed #instagram-load-more {
    background-color: #B51218;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    margin: 1rem 0;
    padding: 0.3rem 1.5rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    cursor: pointer
}

#homepage-container #homepage-social-card .homepage-feed#homepage-instagram-feed #instagram-load-more:hover {
    background-color: #a21016
}

#homepage-container .homepage-need-item .author-block {
    position: relative;
    height: 7rem;
    margin-top: 3rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-need-item .author-block {
        height: 10rem
    }
}

#homepage-container .homepage-need-item .author-block .author-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: table
}

#homepage-container .homepage-need-item .author-block .author-content .author-info {
    padding: 0 1.5rem;
    display: table-cell;
    vertical-align: middle
}

#homepage-container .homepage-need-item .author-block .author-content .author-info .card-item-title {
    padding-bottom: 0.3rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-need-item .author-block .author-content {
        position: relative;
        display: table;
        margin-bottom: 1rem
    }
}

#homepage-container .homepage-need-item .author-block .author-action {
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex
}

#homepage-container .homepage-need-item .author-block .author-action .link-button {
    margin-top: 0.6rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-need-item .author-block .author-action .link-button {
        margin: 0 1rem 0 0
    }
}

#homepage-container .homepage-mentor-item.card-item .homepage-mentor-profile {
    text-align: center
}

#homepage-container .homepage-mentor-item.card-item .homepage-mentor-profile .card-item-pic {
    display: table;
    margin: 0 auto 1rem auto;
    width: 7rem;
    height: 7rem
}

#homepage-container .homepage-mentor-item.card-item .homepage-mentor-item-services .link-button {
    margin-top: 2rem
}

#homepage-container .homepage-mentor-item.card-item .homepage-mentor-item-services ul li {
    display: block
}

#homepage-container .homepage-mentor-item.card-item .homepage-mentor-item-services ul li b {
    color: #888888
}

@media (max-width: 48rem) {
    #homepage-container .homepage-mentor-item.card-item .homepage-mentor-item-services {
        margin-top: 2rem;
        text-align: center
    }
}

#homepage-container .homepage-invite-item.card-item .card-item-content .card-item-text {
    text-align: center
}

#homepage-container .homepage-invite-item.card-item .card-item-content p.card-item-extra {
    text-align: center;
    width: 100%;
    font-size: 1.3rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul {
    display: table;
    margin: 2rem auto
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul .homepage-invite-item-profile-pic {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    border-radius: 50%
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul .homepage-invite-item-link {
    float: left;
    width: 6rem;
    height: 6rem;
    line-height: 3.5;
    text-align: center;
    background-color: #481213;
    color: #ffffff;
    border-radius: 50%;
    font-size: 1.7rem;
    border: 2px solid #ffffff;
    position: relative;
    z-index: 2;
    margin: -5.5rem 0 0 4rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li {
    float: left
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:first-child {
    margin: 1.8rem 0 0 -1rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:first-child .homepage-invite-item-profile-pic {
    width: 4rem;
    height: 4rem;
    border: 2px solid #ffffff
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:nth-child(2) {
    margin: 1.2rem 0 0 -1rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:nth-child(2) .homepage-invite-item-profile-pic {
    width: 5rem;
    height: 5rem;
    border: 2px solid #ffffff
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:nth-child(3) {
    margin: 1.2rem 0 0 -1rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:nth-child(3) .homepage-invite-item-profile-pic {
    width: 5rem;
    height: 5rem;
    border: 2px solid #ffffff;
    position: relative;
    z-index: 1
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:last-child {
    margin: 1.8rem 0 0 -1rem
}

#homepage-container .homepage-invite-item.card-item .card-item-content ul li:last-child .homepage-invite-item-profile-pic {
    width: 4rem;
    height: 4rem;
    border: 2px solid #ffffff
}

#homepage-container .homepage-campaign-item .project-amount {
    margin-top: 1rem;
    text-align: right;
    font-size: 1.3rem;
    font-weight: 700
}

@media (max-width: 48rem) {
    #homepage-container .homepage-campaign-item .card-item-cover {
        margin-bottom: 3rem
    }
}

#homepage-container .homepage-campaign-item .card-item-cover-content a {
    color: #ffffff
}

#homepage-container .homepage-campaign-item div.row.card-item-content div.col.campaign-item-details {
    overflow: hidden
}

@media (min-width: 48rem) {
    #homepage-container .homepage-campaign-item div.row.card-item-content div.col.campaign-item-details {
        padding-left: 2rem
    }
}

#homepage-container .homepage-campaign-item div.row.card-item-content div.col.campaign-item-details .card-item-title {
    padding-bottom: 1.5rem
}

#homepage-container .homepage-job-item .card-item-text.location-item {
    padding-top: 1rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-notable-item {
        text-align: center
    }
}

#homepage-container .homepage-notable-item .card-item-content.row .card-item-pic {
    width: 10rem;
    height: 10rem
}

@media (max-width: 48rem) {
    #homepage-container .homepage-notable-item .card-item-content.row .card-item-pic {
        display: table;
        margin: 0 auto 1.5rem auto
    }
}

#homepage-container .homepage-notable-item .card-item-text.gist-item {
    padding-top: 1rem
}

#homepage-container .homepage-custom-card-item.card-item .card-item-content div.card-item-pic {
    border-radius: 0.4rem;
    width: 10rem;
    height: 10rem
}

@media (max-width: 64rem) {
    #homepage-container .homepage-custom-card-item.card-item .card-item-content div.card-item-pic {
        display: table;
        margin: 0 auto 2rem auto
    }
}

#homepage-container .homepage-custom-card-item.card-item .link-button {
    margin-top: 2rem;
    display: inline-block;
    float: right
}

#homepage-container .homepage-custom-card-item.card-item .link-button.is__center {
    float: none;
    clear: both;
    display: table;
    margin: 1rem auto 0 auto
}

#homepage-container #homepage-gallery-card {
    margin-bottom: 3rem
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item {
    border: 0;
    width: auto;
    height: 20rem
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item {
    float: left;
    height: 13rem;
    background-color: #B51218;
    text-align: center;
    border-bottom: 1px solid #ffffff
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item.homepage-gallery-end-item {
    width: 35%
}

@media (max-width: 64rem) {
    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item {
        height: 20rem
    }
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item svg {
    height: 4.8rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    margin-top: 2.1rem
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item svg path {
    fill: #ffffff
}

@media (max-width: 64rem) {
    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item svg {
        margin-top: 5rem;
        margin-right: 0
    }
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item p {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 3
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item p a {
    color: #ffffff;
    padding-bottom: 0.1rem
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item p a:hover {
    border-bottom: 1px solid #ffffff
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item#homepage-gallery-add-item p i {
    margin-left: 5px
}

@media (min-width: 64rem) {
    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item:first-child {
        width: 100%;
        height: 20rem
    }

    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item:nth-child(2) {
        width: 45%;
        float: left;
        height: 13rem
    }

    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item:nth-child(3) {
        width: 55%;
        float: left;
        height: 13rem
    }

    #homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item:nth-child(4) {
        width: 65%;
        float: left;
        height: 13rem
    }
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item .card-item-content {
    padding: 0;
    height: inherit;
    position: relative
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item .card-item-content:hover .card-item-overlay-hover {
    display: block
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item .card-item-overlay {
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: multiply
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item .card-item-overlay .card-item-overlay-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    display: none
}

#homepage-container #homepage-gallery-card .homepage-card-content .homepage-gallery-item .card-item-cover {
    height: inherit;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ffffff;
    background-position-y: center;
    z-index: 1
}

#homepage-container #homepage-gallery-card .card-empty-content {
    text-align: center
}

#homepage-container #homepage-gallery-card .card-empty-content .card-empty-title {
    width: 100%
}

#homepage-container #homepage-gallery-card .card-empty-content a.link-button {
    display: table;
    margin: 0 auto
}

#homepage-container .mobile-search-bar {
    background-color: #a21016;
    padding: 1rem
}

#homepage-container .mobile-search-bar .search-section-bar {
    border: 1px solid #481213;
    border-radius: 0.3rem
}

#homepage-container .mobile-search-bar .search-section-bar div.home-page-search-container {
    display: flex
}

#homepage-container .mobile-search-bar .search-section-bar div.home-page-search-container input[type="text"] {
    background-color: #ffffff;
    border: 0;
    box-shadow: none;
    outline: none;
    width: 100%;
    padding: 0.6rem 1rem;
    border-radius: 0.2rem 0 0 0.2rem
}

#homepage-container .mobile-search-bar .search-section-bar div.home-page-search-container .search-submit-icon {
    padding: 0.7rem 1.2rem;
    color: #ffffff;
    background-color: #481213;
    border-radius: 0 0.2rem 0.2rem 0;
    cursor: pointer
}

@media (min-width: 64rem) {
    #homepage-container .mobile-search-bar {
        display: none
    }
}

#homepage-invite-card {
    display: none
}

#homepage-map-container {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    height: 33rem;
    color: #ffffff;
    text-align: center;
    padding: 3.5rem 0.5rem;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff
}

@media (max-width: 64rem) {
    #homepage-map-container {
        display: none
    }
}

#homepage-map-container #homepage-map-content {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    top: 4rem;
    bottom: 4rem;
    z-index: 3
}

#homepage-map-container #homepage-map-content #homepage-map-heading {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 4.2rem
}

#homepage-map-container #homepage-map-content .homepage-map-city {
    display: inline-block;
    padding: 0 4rem
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-icon {
    display: inline-block;
    margin: 0.5rem
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-icon svg {
    height: 3.9rem;
    width: 4.9rem;
    margin: 0.5rem
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-icon svg circle.st0 {
    stroke: #481213
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-icon svg path {
    fill: #481213
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-intro {
    display: inherit;
    text-align: left
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-intro .homepage-map-city-name {
    font-size: 1.4rem;
    margin-bottom: 0
}

#homepage-map-container #homepage-map-content .homepage-map-city .homepage-map-city-intro .homepage-map-city-alumni {
    font-size: 1.8rem;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: bold
}

#homepage-map-container #homepage-map-btn a {
    color: #ffffff;
    font-size: 1.3rem;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    padding: 1rem 5rem;
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 4.9rem;
    text-decoration: none
}

#homepage-map-container #homepage-map-btn a:hover {
    background: rgba(255, 255, 255, 0.3)
}

#homepage-map-container #homepage-map-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    z-index: 1
}

#footer {
    background: #B51218;
    color: #fff;
    padding-bottom: 2.8rem
}

#footer .row-container {
    width: 100%;
    display: flex
}

@media (max-width: 64rem) {
    #footer .row-container {
        display: block
    }
}

#footer .column {
    width: 25%;
    float: left
}

#footer .column:last-child {
    float: right
}

@media (max-width: 64rem) {
    #footer .column {
        width: 100%;
        float: none;
        padding: 0 1rem
    }

    #footer .column:last-child {
        float: none
    }
}

#footer div.footer-section {
    padding: 0 4rem 0 0;
    margin: 2rem auto
}

#footer div.footer-section ul {
    margin: 0
}

#footer div.footer-section a {
    display: block;
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    font-size: 1.3rem;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#footer div.footer-section a:hover {
    text-decoration: underline
}

#footer div.footer-section a.footer_section-header {
    font-weight: 700;
    padding-bottom: 0.7rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px
}

#footer_bottom {
    padding: 1rem 0;
    text-align: center;
    font-size: 1.3rem
}

#footer_bottom .column {
    width: 50%;
    float: left
}

#footer_bottom .column:last-child {
    float: right
}

@media (max-width: 64rem) {
    #footer_bottom .column {
        width: 100%;
        float: none;
        padding: 0 1rem
    }

    #footer_bottom .column:last-child {
        float: none
    }
}

#footer_bottom img {
    height: 3rem
}

#footer_bottom span {
    margin-right: 1rem
}

#footer_bottom img#footer_bottom_ab_logo {
    -ms-interpolation-mode: bicubic
}

#footer_bottom span#footer_bottom_college_name {
    font-weight: 700
}

@media only screen and (min-width: 64.1em) {
    #footer_bottom #footer_bottom_college {
        text-align: left
    }
}

#footer_bottom #powered-by-almabase a {
    color: #333;
    text-decoration: none
}

@media only screen and (min-width: 64.1em) {
    #footer_bottom #powered-by-almabase {
        text-align: right
    }
}

#footer_bottom .column {
    padding: 1rem 0
}

#sync-question-block-clone {
    display: none
}

#profile_search #search_results #search_login_overlay,
#resource_detail #resource_login_overlay {
    background: rgba(255, 255, 255, 0.95)
}

#login_page #login_content,
#login_page #login_buttons {
    border-color: #c2c2c2
}

#login_page #login_buttons #fb_login {
    background: transparent;
    border-color: transparent
}

#login_page div.separator {
    border-color: #c2c2c2
}

#login_page div.separator span {
    background-color: #fff
}

div.event:hover {
    border-color: #B51218
}

#event-ticket-page-container .ticket-buy-btn {
    border-color: #B51218
}

#event-ticket-page-container .ticket-buy-btn:hover,
#event-ticket-page-container .ticket-buy-btn.disabled {
    background: #B51218
}

#event-ticket-page-container #discount_check_btn {
    border-color: #B51218
}

#event-ticket-page-container #discount_check_btn:hover {
    background: #B51218
}

#news_item_page #news_content div.news_item div.news_headline {
    font-size: 1.7rem;
    color: #B51218
}

#news_item_page #news_content div.news_item div.news_headline p,
#news_item_page #news_content div.news_item div.news_headline a,
#news_item_page #news_content div.news_item div.news_headline ul {
    font-size: 1.7rem
}

#view_profile #profile_completion_bar_inner {
    background-color: #B51218
}

div.calendar {
    border: 1px solid #B51218
}

div.calendar p.calendar_year {
    background-color: #B51218
}

div.calendar>div {
    color: #B51218
}

#myclass_page #facepile_example #facepile_example_content {
    background: rgba(181, 18, 24, 0.8)
}

#myclass_page #facepile .profile .profile_inner div.shout.editing textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

#myclass_page #facepile .profile .profile_inner div.shout.editing textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

#myclass_page #facepile .profile .profile_inner div.shout.editing textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

#myclass_page #facepile .profile .profile_inner div.shout.editing textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2)
}

#profile_search #search_facets span.facet_name,
#profile_search #search_facets span.facet_collapse,
#profile_search #search_facets li.facet_tab.active,
#profile_search #search_results .remove_facet_div,
#jobs_list_page li.job a.title,
#chapters_map .infoWindowItem a:hover,
#news_page #news_filters a,
#news_content div.news_item div.news_headline:hover,
#add_need_page .add_need_section_head,
#alumneeds_home_page #alumneeds_home_filters .list_filter,
#alumneeds_home_page .group_dropdown_item.selected,
#projects_list_page div.project p.project_title,
#project_page #project_page_section_headings div.section_heading,
.event_new .event_details_new p.event_name,
.event-block .event-details-block p.event_name,
#event_page #event_page_tab_headings div.tab_heading,
#event_page #tab_details #event_contact_content div.column i,
.profile_block .details_container p.name,
#search_container #search_bar_container a.alternate_search:hover,
#search_container #search_bar_container a#mobile_filters.active,
#search_page #facets li.facet_tab.active,
#search_page #facets .facet_option i.facet_check,
#search_container #mobile_filters_selected_values span.selected_facet,
#feedback_modal #feedback_rating span:before,
#profile_page div.section_content a.subtle:hover,
#jobs_list_container #filters div.filter p.filter_option,
#jobs_list_page div.job_card .highlight,
#job_detail_page_container .page_title p.job_title,
#job_apply_modal p.job_title,
#job_apply_modal #job_apply_modal_overlay p,
#career_center_page #tab_resumes .resume div.resume_name p {
    color: #B51218
}

#stories_timeline_page #story_sidebar div.decade_section,
#stories_timeline_page #story_sidebar div.decade_section .year_tab,
#photo_gallery_page #photo_gallery_menu>li:not(.active):hover,
#alumneeds_home_page #alumneeds_home_filters .list_filter:not(.selected):hover p,
.event_new:hover,
.event-block:hover,
#profile_page div.section_item,
#about_alumni_association_page #about_timeline div.item,
#news_content div.news_item,
#career_center_page #tab_resumes .resume div.resume_name,
.newsletter-block .newsletter-thumbnail {
    border-color: #B51218
}

.need_comment_post_btn,
#myclass_page #facepile .profile,
#myclass_page #facepile .profile .profile_inner div.shout,
#projects_list_page div.project div.project_bar_inner,
.event_new .calendar_new,
.event-block .calendar-block,
#search_page .facets_container #facets_heading,
#search_container #mobile_filters_fixed_bars .mobile_filters_bar,
#profile_page #profile_completion #profile_completion_bar_inner {
    background: #B51218
}

#search_page .facets_container #facets_heading {
    border-bottom-color: #481213
}

.alumneed_post .alumneed_hover path.bg {
    fill: #fff
}

#projects_list_page div.project div.project_bar_outer {
    background: #e6e6e6
}

#projects_list_page div.project div.project_image div.project_image_overlay.project_donated {
    background: rgba(181, 18, 24, 0.8)
}

#search_container #mobile_filters_tabs ul li.active {
    border-bottom-color: #B51218
}

@media only screen and (max-width: 64em) {
    #search_container #search_bar #search_icon {
        color: #B51218
    }
}

.event_new {
    border-color: #e6e6e6
}

.event-block {
    border-color: #e6e6e6
}

.profile_page_container .profile_photo .current_picture,
.profile_page_container .profile_photo .college_picture {
    border-color: #fff
}

#profile_page #contact_details a {
    color: #a6a6a6
}

#profile_page #contact_details span.inactive {
    color: #e8e8e8
}

#profile_page .profile_left_section,
#profile_edit_page .profile_left_section,
#profile_page div.section_header,
#profile_edit_page .section_header {
    border-color: #d9d9d9
}

#jobs_list_container #filters #mobile_filter_tabs ul li.filter_tab.active {
    border-bottom-color: #B51218
}

#career_center_page_container #career_center_tab_headings li:hover,
#career_center_page_container #career_center_tab_headings li.active {
    color: #B51218;
    border-color: #B51218
}

#search_container #search_bar #search_within_bubble {
    color: #B51218;
    border-color: #B51218;
    background: rgba(181, 18, 24, 0.15)
}

#chapters_page #chapters-list-view,
#chapters_page #chapters-list-show {
    top: 1px
}

#membership-page-container .membership-panel .panel-block .membership-plan-details div.membership-description *,
#membership-upgrade-modal .model-details .membership-description * {
    font-family: "Proximanova", Helvetica, Arial, sans-serif !important
}

div.color-btn {
    background: #B51218
}

div.color-btn:active {
    background: #cd181f
}

div.text-btn,
div.raised-btn {
    color: #B51218
}

@-webkit-keyframes loadingKeyframe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #B51218
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #ffffff
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #B51218
    }
}

@keyframes loadingKeyframe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #B51218
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #ffffff
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #B51218
    }
}

@-webkit-keyframes loadingReverseKeyframe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #ffffff
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #B51218
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #ffffff
    }
}

@keyframes loadingReverseKeyframe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #ffffff
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #B51218
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        background: #ffffff
    }
}

div.loading li {
    border-color: #B51218
}

.quantity-tool li.increment:hover,
.quantity-tool li.decrement:hover {
    background-color: #B51218;
    border-color: #B51218
}

div.tickets-cards-container .ticket-card.in-cart {
    box-shadow: inset 3px 0px 0px #481213;
    -webkit-box-shadow: inset 3px 0px 0px #481213;
    -moz-box-shadow: inset 3px 0px 0px #481213;
    -o-box-shadow: inset 3px 0px 0px #481213
}

.mentorship-app-wrapper div.color-btn {
    background: #B51218
}

.mentorship-app-wrapper div.color-btn:active {
    background: #cd181f
}

.mentorship-app-wrapper div.text-btn,
.mentorship-app-wrapper div.raised-btn,
.mentorship-app-wrapper p.profile-name a,
.mentorship-search-wrapper #filter-list-pane .checkbox-item-container.selected .block-text,
.mentorship-app-wrapper #user-controls .control-item .item-icon:hover,
.mentorship-search-wrapper #filter-list-pane .checkbox-item-container .block-text:hover {
    color: #B51218
}

.mentorship-app-wrapper #loading li {
    border-color: #B51218
}

.mentorship-app-wrapper #list-pane-choices,
.mentorship-app-wrapper #drawer-settings .pane-header,
.mentorship-app-wrapper #chat-controls .control-item {
    background: #B51218
}

.mentorship-app-wrapper #filter-list-pane .list-action {
    color: #B51218
}

.mentorship-app-wrapper #list-pane-body .chat-user-grid.active {
    -moz-box-shadow: inset 3px 0px 0px #481213;
    -webkit-box-shadow: inset 3px 0px 0px #481213;
    box-shadow: inset 3px 0px 0px #481213
}

#donation-amount-option-list .donation-amount-option {
    border: 1px solid #481213
}

#donation-amount-option-list .donation-amount-option.selected {
    background-color: #481213
}

#search_map .marker-cluster-map {
    background: #B51218
}

#conversion-wrapper #logo-title,
#conversion-sticky-footer #sticky-footer-title,
#conversion-wrapper .section-title,
#conversion-wrapper #search-card-container,
#conversion-wrapper div#loading-card,
#conversion-wrapper .card-wrapper .card-item .card-item-name,
#conversion-wrapper #social-container a:hover {
    color: #B51218
}

#conversion-modal #modal-header-title {
    background: #B51218
}

#conversion-wrapper .card-wrapper .card-header,
#conversion-wrapper #login-section {
    background: #481213
}

#conversion-wrapper #search-card-container #search-bar {
    border: 1px solid rgba(181, 18, 24, 0.25);
    background: rgba(181, 18, 24, 0.09)
}

@media only screen and (max-width: 64em) {
    #menu .top-bar #navigation_container li.menu_item#social-sync #social-sync-popup {
        float: left
    }

    #home_profile .prime-section-content .update-profile {
        margin-bottom: 1rem
    }
}

.profile-page-container div.card.accordion-card .accordion-card-title,
.profile-page-container div.card .social-icon:not(.disabled),
.profile-page-container #engagement-snapshot-container p.engagement-snapshot-item-title {
    color: #B51218
}

.profile-page-container #similar-tab-container [data-block="similar-tabs"] .card-item.active,
.profile-page-container #similar-tab-container [data-block="similar-tabs"] .card-item:hover,
.profile-page-container #react-profile-view #activity-tabs-wrapper .card-block .card-item.active,
.profile-page-container #react-profile-view #activity-tabs-wrapper .card-block .card-item:hover {
    background: #fff
}

.profile-page-container #similar-tab-container [data-block="similar-tabs"] .card-item.active .item-text,
.profile-page-container #similar-tab-container [data-block="similar-tabs"] .card-item.active .item-icon i,
.profile-page-container #react-profile-view #activity-tabs-wrapper .card-block .card-item.active .item-icon i,
.profile-page-container #react-profile-view #activity-tabs-wrapper .card-block .card-item.active .item-text,
.profile-page-container #react-profile-view .engagement-card-wrapper .engagement-list-wrapper p.media-extra,
.profile-page-container #react-profile-view #history-card-block .card-table .card-table-body .row .table-cell-fieldname,
.profile-page-container #react-profile-view #history-card-block .media-date {
    color: #B51218
}

.profile-page-container #react-profile-view #payment-card-block .media-title a,
.profile-page-container #react-profile-view .engagement-card-wrapper .engagement-list-wrapper .field-value {
    color: #B51218
}

.profile-page-container #social-sync-block .card-block:first-child .progress .meter {
    background: #B51218
}

.profile-page-container .profile-photo-block {
    background-color: #B51218
}

#news-listing-page #news-listing-filters-card ul li.active {
    background-color: #fff;
    color: #B51218
}

#news-listing-page #news-listing-filters-card ul li:hover {
    background-color: #fff
}

#news-listing-page #news-listing-news-list .loader-container svg {
    stroke: #481213
}

#news-listing-page #news-listing-news-list .news-list-item .news-item-dependencies-tags a:hover {
    background-color: #fff
}

#root #loader #lds-ring div {
    border-color: #481213 transparent transparent transparent !important
}

#signup-view #signup-steps .ant-steps .ant-steps-item-process .ant-steps-item-icon {
    background-color: #B51218 !important;
    border-color: #B51218 !important
}

#signup-view #signup-steps .ant-steps .ant-steps-item-process .ant-steps-item-title {
    color: #B51218 !important
}

#signup-view #signup-steps .ant-steps .ant-steps-item-process .ant-steps-item-title:after {
    background-color: #B51218 !important
}

#signup-view #step-form-header .title,
#signup-view #step-form-header .text {
    color: #B51218
}

#signup-view #side-cover-col #side-cover-image #side-cover-overlay {
    background: rgba(181, 18, 24, 0.45) linear-gradient(-179deg, transparent 0%, rgba(181, 18, 24, 0.25) 43%, #481213 100%) !important
}

#signup-view #additional-step-container #social-account-connector .anticon {
    color: #B51218
}

#signup-view #additional-step-container #social-account-connector .anticon.connected {
    color: #481213
}

#calendar .fc-event {
    border: 1px solid #B51218;
    background-color: #B51218
}