.thirty-stories h1.page-header {
    text-align: center;
}

.thirty-stories .field--name-body {
    margin-bottom: 40px;
}

#block-views-block-articles-block-1 #views-bootstrap-articles-block-1 [class*=col] {
    padding: 0px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #block-views-block-articles-block-1 #views-bootstrap-articles-block-1 [class*=col] {
        padding: 0px 15px;
    }
}

.thirty-stories-thumb {
    position: relative;
    overflow: hidden;
    max-width: 400px;
    margin: 0 auto;
}

.thirty-stories-thumb h3 {
    background: rgba(0, 0, 0, 0.5);
    border: 0 none;
    left: -130%;
    margin: 0;
    position: absolute;
    top: 0;
    transition: left 0.3s ease-in-out 0s;
    font-weight: 300;
    padding: 10px 15px 15px 15px;
}

.thirty-stories-thumb h3 a {
    color: #FFF;
}

.thirty-stories-thumb h3 a:hover,
.thirty-stories-thumb h3 a:focus {
    text-decoration: none;
}

.thirty-stories-thumb:hover h3 {
    left: 0;
    transition: left 0.3s ease-in-out 0s;
}

.view-featured-people .views-field-nothing {
    margin-bottom: 50px;
}

.view-featured-people h2 {
    font-size: 30px;
    margin-bottom: 0;
}

.view-featured-people h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}

.view-featured-people p {
    font-weight: 300;
    color: #000000;
    line-height: 24px;
}

.view-featured-people img {
    width: 100%;
    padding-right: 50px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    .view-featured-people img {
        padding: 0;
    }
}

.meet-team h1.page-header {
    text-align: center;
    margin-bottom: 50px;
}

.meet-board h1.page-header {
    text-align: center;
    margin-bottom: 50px;
}

#block-salesianconnectiondonbosco .field--name-body {
    max-width: 400px;
}

.annual-reports h1.page-header {
    text-align: center;
}

#block-voicesstandingwithyouth .background-image-formatter {
    background-position: center bottom;
}

#views-bootstrap-voices-campaign-block-2 .views-field-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#views-bootstrap-voices-campaign-block-2 .views-field-title h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#views-bootstrap-voices-campaign-block-2 .views-field-title h3 a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
}

#views-bootstrap-voices-campaign-block-2 .views-field-field-image {
    background-color: #000;
    margin: 15px 0;
}

#views-bootstrap-voices-campaign-block-2 .views-field-field-image img {
    opacity: 0.6;
}

#block-servicesthehumility h2 {
    color: #fff;
}

#block-servicesthehumility h2:first-child {
    margin-bottom: 150px;
}

#block-servicesthehumility .field--name-body {
    max-width: 400px;
}

#our-model h2 {
    font-size: 64px;
    margin-top: 0;
}

#our-model h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #our-model h3 {
        margin-bottom: 60px;
        margin-top: 10px;
    }
}

#our-model img {
    margin: 0 auto;
}

#our-work .top {
    margin-bottom: 30px;
}

#our-work h2 {
    font-size: 64px;
}

#our-work h3 {
    margin: 50px 0 0;
}

#stories h2 {
    font-size: 46px;
}

#stories .views-field-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#stories .views-field-title a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#stories .views-field-title h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#stories .views-field-field-image {
    margin: 15px 0;
    background-color: #000;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #stories .views-field-field-image {
        max-width: 400px;
        margin: 15px auto;
    }
}

#stories .views-field-field-image img {
    opacity: 0.6;
}

#stories .view-footer a {
    float: right;
    font-size: 26px;
    padding: 15px 35px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #stories .view-footer a {
        float: none;
    }
}

#familyaffairsjumbo .background-image-formatter {
    background-position: center bottom;
}

#block-familyaffairstransmission h2 {
    color: #fff;
}

#block-familyaffairstransmission .field--name-body {
    max-width: 400px;
}

#familyafairscontent h2 {
    font-size: 46px;
    margin-bottom: 50px;
    margin-top: 0;
}

#theory h2 {
    font-size: 46px;
    margin: 0 0 50px;
    margin: 0 auto 50px;
    text-align: center;
}

#theory .body-content {
    margin-top: 80px;
}

#theory .graph {
    display: flex;
    margin: 50px auto;
}

#progress h2 {
    color: #fff;
    font-size: 46px;
}

#progress h3 {
    color: #fff;
}

#results h2 {
    font-size: 46px;
}

#results .graph {
    display: flex;
    margin: 50px auto;
}

#impact h2 {
    color: #fff;
    font-size: 46px;
}

#impact h3 {
    color: #fff;
}

#impact .field--name-body {
    float: right;
    max-width: 400px;
}

#impact .field--name-body img {
    margin: 10px auto;
}

#familystory h2 {
    font-size: 46px;
}

#familystory .views-field-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#familystory .views-field-title a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#familystory .views-field-title h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#familystory .views-field-field-image {
    margin: 15px 0;
    background-color: #000;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #familystory .views-field-field-image {
        max-width: 400px;
        margin: 15px auto;
    }
}

#familystory .views-field-field-image img {
    opacity: 0.6;
}

#familystory .view-footer a {
    float: right;
    font-size: 26px;
    padding: 15px 35px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #familystory .view-footer a {
        float: none;
    }
}

#block-health4lifewho .field--name-body {
    max-width: 450px;
}

#health4lifecontent h2 {
    font-size: 46px;
    margin-bottom: 50px;
    margin-top: 0;
}

#block-leadersquestdoubt h2 {
    color: #fff;
}

#block-leadersquestdoubt .field--name-body {
    max-width: 850px;
}

#leadersquestcontent h2 {
    font-size: 46px;
    margin-bottom: 50px;
    margin-top: 0;
}

#block-leadersquestresults .col {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    font-size: 18px;
    padding-bottom: 20px;
}

#block-leadersquestresults h3 {
    text-align: left;
    width: 100%;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #block-leadersquestresults h3 {
        text-align: center;
        margin-top: 30px;
    }
}

#block-leadersquestresults .number {
    font-size: 64px;
    margin-top: 20px;
}

#block-leadersquestresults .lightblue {
    background-color: #6dcff6;
}

#block-leadersquestresults .green {
    background-color: #8dc63f;
}

#block-leadersquestresults .pink {
    background-color: #f26d7d;
}

#block-leadersquestresults .navy {
    background-color: #5674b9;
}

#block-leadersquestresults .orange {
    background-color: #f68e56;
}

#block-leadersquestresults .red {
    background-color: #dd4949;
}

#block-leadersquestresults .teal {
    background-color: #52e6b0;
}

#block-leadersquestresults .blue {
    background-color: #17bdd6;
}

#block-leadersquestresults .purple {
    background-color: #ad4be6;
}

#block-leadersquestresults .yellow {
    background-color: #ffd014;
}

.entity-pager-list {
    margin-bottom: 50px;
}

.entity-pager-list .inactive {
    display: none;
}

#academyjumbo h2 {
    color: #fff;
}

#academyjumbo .field--name-body {
    max-width: 750px;
}

#academycontent h2 {
    font-size: 46px;
    margin-bottom: 50px;
    margin-top: 0;
}

#academy-eight h2 {
    margin-bottom: 30px;
}

#academy-eight .table-display {
    margin-bottom: 50px;
    border: 1px solid #8dc63f;
}

#academy-eight .table-display .top {
    border-bottom: 1px solid #8dc63f;
}

#academy-eight .table-display .col-sm-3 {
    border-right: 1px solid #8dc63f;
}

#academy-eight .table-display .last {
    border-right: 0;
}

#academy-eight .circle-display {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 30px;
}

#academy-eight .circle-display > div {
    display: inline-block;
    float: none;
}

#academy-eight .circle-display .col-sm-3 {
    border-radius: 100px;
    margin: 5px;
    min-height: 180px;
    overflow: hidden;
    padding: 60px 0 0;
    text-align: center;
    width: 180px;
    font-size: 24px;
}

#academy-eight .circle-display .col-sm-3 a {
    padding: 60px 0 0;
    font-size: 24px;
}

#academy-eight .circle-display a {
    color: #000;
    text-decoration: none;
}

#academy-eight .circle-display .yellow {
    background-color: #fff200;
}

#academy-eight .circle-display .orange {
    background-color: #f26522;
}

#academy-eight .circle-display .purple {
    background-color: #a864a8;
}

#academy-eight .circle-display .green {
    background-color: #8dc63f;
}

#codingcontent h2 {
    margin: 50px 0 30px 0;
    margin-top: 0;
}

#codingcontent h5 {
    color: #2fab04;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 30px 0;
}

#codingcontent .perks h2 {
    font-size: 30px;
    color: #0f75bd;
}

#codingcontent .perks {
    text-align: left;
    margin: 50px 0 0 0;
}

#codingcontent .perks ul {
    margin: 30px 0 0 0;
    padding: 0;
    text-align: left;
    list-style-type: none;
}

#codingcontent .perks ul > li:before {
    content: "- ";
    text-indent: -5px;
}

#codingcontent .grid {
    margin: 50px 0 0 0;
    text-align: left;
}

#codingcontent .grid h3 {
    margin: 0 0 10px;
    font-size: 20px;
}

#codingcontent .btn {
    margin: 50px 0;
}

#codingcontent .col-sm-4 {
    margin-bottom: 50px;
}

#codingcontent .embedded-entity img {
    max-width: 90px;
    width: 100%;
    padding: 0 5px;
}

#coding-career .grid {
    margin: 50px 0 0 0;
}

#coding-career .grid h2 {
    color: #0f75bd;
    font-size: 26px;
    margin-bottom: 30px;
}

#coding-career .grid .apply {
    display: inline-flex;
    margin: 50px auto;
    text-align: center;
}

#coding-career .apply a.btn-blue,
#coding-apply .apply a.btn-blue {
    font-size: 36px;
    white-space: normal;
    color: #ffffff;
    background-color: #0f75bd;
    border-color: #0f75bd;
    margin-top: 30px;
}

#coding-apply .grid {
    display: inline-flex;
    margin: 50px auto;
    text-align: center;
}

#coding-works .content-row {
    margin: 20px 0;
}

#coding-apply .arrows {
    margin: 20px auto;
    max-width: 100px;
}

#coding-apply .blue-table {
    background-color: #31B2D9;
    margin: 50px auto;
    max-width: 750px;
    text-align: left;
    border: 1px solid #000;
}

#coding-apply .blue-table .row {
    border-color: #000;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

#coding-apply .blue-table .row.last {
    border-width: 0;
}

#coding-apply .blue-table .col-sm-8 {
    border-color: #000;
    border-color: #000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    padding: 10px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #coding-apply .blue-table .col-sm-8 {
        border-width: 0px;
    }
}

#coding-apply .blue-table .col-sm-4 {
    padding: 5px 10px;
}

#coding-works .grid {
    margin: 50px 0;
}

#coding-works .grid a.btn {
    color: #fff;
    background-color: #0f75bd;
    border-radius: 0;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 5px;
}

#coding-works .grid a.btn-blue-medium {
    background-color: #1e5994;
}

#coding-works .grid a.btn-blue-dark {
    background-color: #063574;
}

#coding-works .grid a.btn:hover {
    background-color: #031b3b;
}

#coding-works .views-field-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#coding-works .views-field-title h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#coding-works .views-field-title a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#coding-works .views-field-field-image {
    margin: 15px 0;
    background-color: #000;
}

#coding-works .views-field-field-image img {
    opacity: 0.6;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #coding-works .views-field-field-image {
        max-width: 400px;
        margin: 15px auto;
    }
}

#coding-footer {
    margin-top: 0;
}

#codingapply .field--name-body h2 {
    color: #8dc63f;
    margin-top: 50px;
}

.form-dark #block-codingapplywebform .form-item-gender,
.form-dark #block-codingapplywebform .form-item-date-of-birth,
.form-dark #block-codingapplywebform .form-item-maths-mark-in-matric {
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 15px;
    position: relative;
}

.form-dark #block-codingapplywebform .form-item-ethnicity,
.form-dark #block-codingapplywebform .form-item-location,
.form-dark #block-codingapplywebform .form-item-english-mark-in-matric {
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.form-dark #block-codingapplywebform .form-item-why-do-you-think {
    margin-bottom: 15px;
}

.form-dark #block-codingapplywebform #edit-date-of-birth {
    width: 100%;
    padding: 14px;
}

#block-shophero .field--name-body {
    max-width: 550px;
}

#block-bookorderform h2 {
    font-size: 46px;
    margin-bottom: 20px;
}

#block-bookorderform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.donate-container {
    height: 100%;
}

#block-paygatedonate {
    background: url("/themes/lifechoices/images/assets/backgrounds/lifechoices-donate-1.jpg") no-repeat center center;
    height: 100%;
}

#block-paygatedonate .donate {
    margin-top: 120px;
    max-width: 400px;
}

#block-paygatedonate .donate .nav-tabs {
    background-color: #fff;
    border: 2px solid #8dc63f;
    border-radius: 10px;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
}

#block-paygatedonate .donate .nav-tabs li {
    width: 50%;
    text-align: center;
}

#block-paygatedonate .donate .nav-tabs li a {
    background-color: transparent;
    border: 0 none;
    color: #8dc63f;
}

#block-paygatedonate .donate .nav-tabs li.active {
    background-color: #8dc63f;
}

#block-paygatedonate .donate .nav-tabs li.active a {
    color: #fff;
}

#block-paygatedonate .donate .tab-content-holder {
    background-color: #f0f0f0;
    border-radius: 10px;
    margin-top: 30px;
    overflow: hidden;
}

#block-paygatedonate .donate .tab-content-holder .intro {
    background-color: #d0d0d0;
    padding: 20px;
    text-align: center;
}

#block-paygatedonate .donate .tab-content-holder .tab-content {
    padding: 20px;
}

#block-paygatedonate .donate .tab-content-holder .tab-content .donation-values {
    padding: 20px 0;
}

#block-paygatedonate .donate .tab-content-holder .btn {
    background-color: #8dc63f;
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 10px 20px;
}

#newventuresjumbo .field--name-body {
    max-width: 750px;
}

#newventurescontent h2 {
    font-size: 46px;
    margin-bottom: 50px;
    margin-top: 0;
}

#newventurestheory h2 {
    margin-bottom: 50px;
    text-align: center;
}

#newventurestheory .body-content {
    margin-top: 50px;
}

#newventurestheory .col-sm-5 .embedded-entity img {
    margin: 0 auto;
}

#newventurestheory .circle-display {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

#newventurestheory .circle-display > div {
    display: inline-block;
    float: none;
}

#newventurestheory .circle-display .col-sm-3 {
    border-radius: 120px;
    margin: 5px;
    min-height: 200px;
    overflow: hidden;
    padding: 80px 10px;
    text-align: center;
    width: 210px;
}

#newventurestheory .circle-display a {
    color: #000;
    text-decoration: none;
}

#newventurestheory .circle-display .yellow {
    background-color: #fff200;
}

#newventurestheory .circle-display .navy {
    background-color: #5674b9;
}

#newventurestheory .circle-display .purple {
    background-color: #a864a8;
}

#newventurestheory .circle-display .green {
    background-color: #8dc63f;
}

#newventuresimpact h2 {
    font-size: 46px;
}

#newventuresimpact .field--name-body {
    float: right;
    max-width: 400px;
}

#newventuresimpact .field--name-body img {
    margin: 10px auto;
}

#views-bootstrap-legal-documents-block-3 .views-field-title,
#views-bootstrap-legal-documents-block-4 .views-field-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#views-bootstrap-legal-documents-block-3 .views-field-title a,
#views-bootstrap-legal-documents-block-4 .views-field-title a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#views-bootstrap-legal-documents-block-3 .views-field-title h3,
#views-bootstrap-legal-documents-block-4 .views-field-title h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#views-bootstrap-legal-documents-block-3 .views-field-field-icon,
#views-bootstrap-legal-documents-block-4 .views-field-field-icon {
    margin: 15px 0;
    background-color: #000;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #views-bootstrap-legal-documents-block-3 .views-field-field-icon,
    #views-bootstrap-legal-documents-block-4 .views-field-field-icon {
        max-width: 400px;
        margin: 15px auto;
    }
}

#views-bootstrap-legal-documents-block-3 .views-field-field-icon img,
#views-bootstrap-legal-documents-block-4 .views-field-field-icon img {
    opacity: 0.6;
}

#block-newventuresstoriesmiddle h3,
#block-newventuresstoriesbottom h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

#block-sustainabilitybecoming h2 {
    color: #fff;
}

#block-sustainabilitybecoming .field--name-body {
    max-width: 550px;
}

#sustainabilitymain h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
}

#sustainabilitymain h2 {
    margin: 50px 0;
}

#sustainabilitymain .yellow {
    background-color: #fff200;
}

#sustainabilitymain .green {
    background-color: #8dc63f;
}

#sustainabilitymain .teal {
    background-color: #52e6b0;
}

#sustainabilitymain .blue {
    background-color: #6495ED;
}

#sustainabilitymain .col-sm-3 {
    border: 3px solid #fff;
}

#sustainabilitymain .col-sm-3 h3 {
    margin: 130px 0;
    text-transform: uppercase;
}

#sustainabilitymain .col-sm-3 h3 a {
    color: #000;
    text-decoration: none;
}

#block-sustainabilityincome h2 {
    margin-bottom: 50px;
}

#block-sustainabilityincome img {
    margin: 0 auto;
}

#block-sustainabilityincome .col-sm-6 p {
    margin: 15px auto;
    max-width: 300px;
}

#block-consultancymonitoring .field--name-body {
    max-width: 450px;
}

#block-consultancypromise h2 {
    margin-bottom: 50px;
    font-size: 46px;
}

#block-consultancyservices h2 {
    color: #fff;
    font-size: 46px;
    margin-bottom: 50px;
}

#block-consultancyservices h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
}

#block-consultancyservicescontent h4 {
    margin: 20px 0;
}

#block-consultancyworkshops h2 {
    font-size: 46px;
    margin-bottom: 50px;
}

#block-consultancyworkshops img {
    margin: 20px auto;
}

.consultancy-bg-pink {
    background-color: #d05463;
}

.consultancy-bg-yellow {
    background-color: #fff200;
}

.consultancy-bg-purple {
    background-color: #8781bd;
}

#block-consultancywritetouswebform h2 {
    font-size: 46px;
    margin-bottom: 20px;
}

#block-consultancywritetouswebform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

#block-nbtpreparation .field--name-body {
    max-width: 500px;
}

#block-nbtcontactwebform h2 {
    font-size: 46px;
    margin-bottom: 20px;
}

#block-nbtcontactwebform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

#blog-listing .view-container .division-sm {
    padding: 30px 0;
}

#blog-listing .view-container:first-child .division-sm {
    padding-top: 0;
}

#blog-listing .view-container h2 {
    font-size: 45px;
    margin-bottom: 50px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #blog-listing .view-container h2 {
        font-size: 35px;
        text-align: center;
    }
}

#blog-listing .view-container h3 {
    text-transform: uppercase;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#blog-listing .view-container h3 a {
    color: #000;
    text-decoration: none;
}

#blog-listing .view-container .views-field-body {
    font-weight: 300;
    color: #000000;
    line-height: 24px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #blog-listing .view-container .views-view-grid .col {
        max-width: 400px;
        margin: auto;
        float: none;
        margin-bottom: 20px;
    }
}

#blog-listing .view-container .view-footer {
    margin: 60px 0 0;
    text-align: right;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #blog-listing .view-container .view-footer {
        text-align: center;
        margin-top: 30px;
    }
}

#blog-listing .view-container .view-footer .btn-green-ghost {
    background-color: #fff;
    border: 2px solid #8dc63f;
    white-space: normal;
    font-size: 19px;
}

#blog-listing .view-container .view-footer .btn-green {
    font-size: 19px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #blog-listing .view-container .view-footer .btn-green {
        margin-bottom: 20px;
    }
}

#blog-listing .view-container .view-footer a.btn-green-ghost {
    color: #8dc63f;
}

.path-blog h1 {
    font-size: 64px;
}

.path-blog .blog-page-row h3 {
    text-transform: uppercase;
}

.path-blog .blog-page-row h3 a {
    color: #000;
    text-decoration: none;
}

#block-getavillagecardcontent {
    color: #fff;
}

#block-getavillagecardcontent p {
    color: #fff;
}

#block-getavillagecardcontent a {
    color: #fff;
}

#block-legacywrite h2 {
    color: #fff;
}

#block-legacywrite .field--name-body {
    max-width: 500px;
}

#legace-main-content h2 {
    margin-bottom: 50px;
}

#block-legacyleavelegacy .field--name-body {
    max-width: 300px;
}

#block-legacyleavelegacy .field--name-body ul {
    color: #fff;
}

#block-legacybenefits h2 {
    margin: 50px auto;
    text-align: center;
}

#block-becomefundraisercrazy .field--name-body {
    max-width: 560px;
}

#fundraiser-content .bg-pink {
    background-color: #f26d7d;
}

#fundraiser-content .bg-blue {
    background-color: #00bff3;
}

#block-becomefundraiserstartcampaign h2 {
    text-align: center;
    font-size: 46px;
    color: #fff;
    margin: 50px 0;
}

#views-bootstrap-fundraiser-stories-block-1 {
    margin: 50px 0;
}

#views-bootstrap-fundraiser-stories-block-1 .fundraiser-stories-wrap {
    position: relative;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #views-bootstrap-fundraiser-stories-block-1 .fundraiser-stories-wrap {
        margin-bottom: 20px;
    }
}

#views-bootstrap-fundraiser-stories-block-1 .fundraiser-stories-wrap img {
    margin: 0 auto;
}

#views-bootstrap-fundraiser-stories-block-1 .info-container {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    #views-bootstrap-fundraiser-stories-block-1 .info-container {
        bottom: -45px;
    }
}

#views-bootstrap-fundraiser-stories-block-1 .info-container h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin: 0 auto 20px;
    max-width: 300px;
    text-align: center;
}

#views-bootstrap-fundraiser-stories-block-1 .modal {
    padding: 15px;
}

#block-becomefundraiserstep1,
#block-becomefundraiserstep2 {
    padding: 0 0 80px;
    color: #fff;
}

#block-becomefundraiserstep1 h2,
#block-becomefundraiserstep2 h2 {
    color: #fff;
}

#block-becomefundraiserstep1 p,
#block-becomefundraiserstep2 p {
    color: #fff;
}

#block-becomefundraiserstep1 .row > div {
    float: right;
}

#block-becomefundraiserstep1 .row h2 {
    background-color: #c94e5d;
    margin: 0 0 20px;
    max-width: 140px;
    padding: 20px;
}

#block-becomefundraiserstep1 .row .field--name-body {
    margin-top: 50px;
}

#block-becomefundraiserstep2 .row h2 {
    background-color: #0076a3;
    margin: 0 0 20px;
    max-width: 140px;
    padding: 20px;
}

#block-becomefundraiserstep2 .row .field--name-body {
    margin-top: 180px;
}

#block-becomefundraiserstep2 .row .field--type-image img {
    margin: 50px auto;
    max-width: 400px;
}

#block-becomeafundraiserform h2 {
    margin-bottom: 10px;
}

#block-becomeafundraiserform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 50px;
}

#block-donorpagethanks .field--name-body {
    max-width: 530px;
}

#block-donorpresenttextblock,
#block-donorpasttextblock {
    text-align: center;
}

#block-donorpresenttextblock h2,
#block-donorpasttextblock h2 {
    margin: 50px auto;
    text-align: center;
    font-size: 46px;
}

#block-donorpresenttextblock h3,
#block-donorpasttextblock h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 50px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    .view-id-donors img {
        margin: 0 auto;
    }
}

#block-becomeinterncoffee .field--name-body {
    max-width: 500px;
}

#become-intern-main-content .yellow {
    background-color: #fff200;
}

#become-intern-main-content .orange {
    background-color: #f7941d;
}

#become-intern-main-content .green {
    background-color: #00a99d;
}

#become-intern-main-content .purple {
    background-color: #605ca8;
}

#become-intern-main-content .blue {
    background-color: #00aeef;
}

#become-intern-main-content .red {
    background-color: #f26c4f;
}

#become-intern-main-content .col-sm-4 {
    min-height: 200px;
}

#become-intern-main-content h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    margin-top: 85px;
}

#block-becomeainternoppertunities .field--name-body {
    max-width: 520px;
}

#block-becomeainternoppertunities .field--name-body h2 {
    color: #fff;
    font-size: 46px;
    margin-bottom: 50px;
}

#block-becomeainternoppertunities .field--name-body h3 {
    margin: 40px 0 20px;
    text-transform: uppercase;
}

#block-becomeainternoppertunities .field--name-body .col-sm-6 {
    background-color: #fff;
    min-height: 290px;
}

#block-becomeainternoppertunities .field--name-body .grey {
    background-color: #ebebeb;
}

#block-becomeainternform h2 {
    margin-bottom: 10px;
}

#block-becomeainternform h3 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

#block-becomeamentorkindness h2 {
    font-size: 46px;
}

#block-becomeamentorkindness .field--name-body {
    max-width: 570px;
}

#block-becomeamentorrole {
    background-color: #8dc63f;
    border-radius: 15px;
    margin: 0 auto;
    max-width: 800px;
    padding: 30px;
}

#block-becomeamentorrole h2 {
    margin-bottom: 30px;
    text-align: center;
}

#block-becomeamentorform h2 {
    margin-bottom: 10px;
}

#block-becomeamentorform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 50px;
}

#block-joinourteamquit .field--name-body {
    max-width: 600px;
    text-align: center;
}

#block-joinourteamquit h2 {
    color: #fff;
    font-size: 46px;
}

#block-joinourteamquit p {
    color: #fff;
    font-size: 20px;
}

#join-team-content .color-panel .field--name-body {
    margin: 80px 0;
}

#join-team-content .bg-teal {
    background-color: #1cbbb4;
}

#join-team-content .bg-green {
    background-color: #acd373;
}

#join-team-content .bg-blue {
    background-color: #00bff3;
}

#join-team-content .bg-pink {
    background-color: #f26d7d;
}

#join-team-content .bg-orange {
    background-color: #fbaf5d;
}

#block-joinourteamform h2 {
    margin-bottom: 10px;
}

#block-joinourteamform h3 {
    color: #fff;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 50px;
}

#block-aboutusourmission .field--name-body {
    text-align: center;
}

#block-aboutuswhyinequality .field--name-body {
    max-width: 500px;
    text-align: center;
}

#block-health4lifecampaignshero .field--name-body {
    max-width: 360px;
}

#h4l-camp-main-content .row {
    margin: 30px 0;
}

#h4l-camp-main-content h2 {
    margin-top: 50px;
    text-align: center;
}

#h4l-camp-main-content .step-1 p {
    color: #fff;
}

#h4l-camp-main-content .step-1 h3 {
    background-color: #25aae1;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-1 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-1 .col-sm-9 .color-bg {
    background-color: #d53264;
    border-radius: 30px 0 0 30px;
    color: #fff;
    margin: 50px 0 0 50px;
    padding: 30px 0 40px 30px;
    text-align: left;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-1 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-1 .icon {
    margin-left: -100px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-1 .icon {
        display: none;
    }
}

#h4l-camp-main-content .step-3 p {
    color: #fff;
}

#h4l-camp-main-content .step-3 h3 {
    background-color: #2bb673;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-3 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-3 .col-sm-9 .color-bg {
    background-color: #0076a3;
    border-radius: 30px 0 0 30px;
    color: #fff;
    margin: 50px 0 0 50px;
    padding: 30px 0 40px 30px;
    text-align: left;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-3 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-3 .icon {
    margin-left: -100px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-3 .icon {
        display: none;
    }
}

#h4l-camp-main-content .step-5 p {
    color: #fff;
}

#h4l-camp-main-content .step-5 h3 {
    background-color: #fcb040;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-5 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-5 .col-sm-9 .color-bg {
    background-color: #3cb878;
    border-radius: 30px 0 0 30px;
    color: #fff;
    margin: 50px 0 0 50px;
    padding: 30px 0 40px 30px;
    text-align: left;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-5 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-5 .icon {
    margin-left: -100px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-5 .icon {
        display: none;
    }
}

#h4l-camp-main-content .step-2 p {
    color: #fff;
    width: 100%;
    float: right;
}

#h4l-camp-main-content .step-2 h3 {
    background-color: #13a89e;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    text-align: right;
    float: right;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-2 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-2 .col-sm-9 .color-bg {
    background-color: #834dab;
    border-radius: 0 30px 30px 0;
    color: #fff;
    float: right;
    margin: 50px 50px 0 0;
    padding: 30px 30px 40px 0;
    text-align: right;
    width: 100%;
    z-index: 0;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-2 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-2 .icon {
    margin-right: -100px;
    z-index: 9;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-2 .icon {
        display: none;
    }
}

#h4l-camp-main-content .step-4 p {
    color: #fff;
    width: 100%;
    float: right;
}

#h4l-camp-main-content .step-4 h3 {
    background-color: #d7df21;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    text-align: right;
    float: right;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-4 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-4 .col-sm-9 .color-bg {
    background-color: #f7941d;
    border-radius: 0 30px 30px 0;
    color: #fff;
    float: right;
    margin: 50px 50px 0 0;
    padding: 30px 30px 40px 0;
    text-align: right;
    width: 100%;
    z-index: 0;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-4 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-4 .icon {
    margin-right: -100px;
    z-index: 9;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-4 .icon {
        display: none;
    }
}

#h4l-camp-main-content .step-6 p {
    color: #fff;
    width: 100%;
    float: right;
}

#h4l-camp-main-content .step-6 h3 {
    background-color: #f1592a;
    max-width: 100px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    text-align: right;
    float: right;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-6 .col-sm-9 {
        width: 100%;
    }
}

#h4l-camp-main-content .step-6 .col-sm-9 .color-bg {
    background-color: #5674b9;
    border-radius: 0 30px 30px 0;
    color: #fff;
    float: right;
    margin: 50px 50px 0 0;
    padding: 30px 30px 40px 0;
    text-align: right;
    width: 100%;
    z-index: 0;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-6 .col-sm-9 .color-bg {
        border-radius: 30px;
        margin: 50px 0 0;
    }
}

#h4l-camp-main-content .step-6 .icon {
    margin-right: -100px;
    z-index: 9;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #h4l-camp-main-content .step-6 .icon {
        display: none;
    }
}

#block-health4lifegetinspired .winner-content {
    margin-top: 50px;
}

#block-health4lifegetinspired .winner-content h2 {
    font-size: 26px;
    margin: 20px 0 0;
    text-align: left;
}

#block-health4lifegetinspired .winner-content h3 {
    text-align: left;
    text-transform: uppercase;
    margin: 10px 0 20px;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
}

#block-health4lifegetinspired .winner-content a {
    cursor: pointer;
}

#block-health4lifegetinspired .winner-content .read-more {
    float: left;
    margin-bottom: 50px;
}

#block-health4lifegetinspired .winner-content p {
    float: left;
    text-align: left;
}

#block-health4lifegetinspired .winner-content .modal-dialog {
    margin: 180px auto;
    text-align: left;
    width: 100%;
    max-width: 900px;
}

#block-health4lifegetinspired .winner-content .modal-dialog .modal-content {
    margin: 0 20px;
}

#views-bootstrap-about-us-icon-blocks-block-2 .donors a {
    background-color: #0e76bc;
    border-color: #0e76bc;
    color: #FFF;
}

.modal-body {
    display: flex;
}

.view-id-donors img {
    cursor: pointer;
}

.align-center figcaption {
    text-align: center;
}

.align-center img {
    margin: 0 auto;
}

.modal-dialog {
    margin: 180px auto;
    text-align: left;
}

.modal-custom-close {
    background-color: #000;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 5px 10px;
}

.webform-confirmation {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.webform-confirmation__back {
    text-align: center;
    margin: 50px;
}

.webform-confirmation__back a {
    background-color: #8dc63f;
    border-color: #8dc63f;
    border-radius: 10px;
    color: #ffffff;
    padding: 15px;
    text-transform: uppercase;
    white-space: normal;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 600;
}

.webform-confirmation__back a:hover {
    text-decoration: none;
    background-color: #80b636;
    border-color: #80b636;
}

.footer-wrap .menu a {
    font-size: 15px;
}

.views-field-title h3 {
    font-size: 20px;
}

.project-grid-image {
    overflow: hidden;
}

.project-grid-image img {
    vertical-align: middle;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.project-grid-image img:hover,
.project-grid-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#block-footermenu3 ul li span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0;
    text-transform: uppercase;
}

.pager li > a,
.pager li > span {
    float: right;
    font-size: 26px;
    padding: 15px 35px;
    white-space: normal;
    color: #ffffff;
    background-color: #8dc63f;
    border-color: #8dc63f;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.33;
    text-transform: uppercase;
}

.pager li > a:hover,
.pager li > span:hover {
    background-color: #80b636;
    border-color: #80b636;
}

.pager li > a:focus,
.pager li > span:focus {
    background-color: #80b636;
    border-color: #80b636;
}

#block-homesubscribeintro {
    text-align: center;
    margin-bottom: 40px;
}

.role-play {
    background-color: #000;
}

.role-play h2 {
    margin-top: 20px;
    color: #fff;
}

.role-play h3 {
    margin-bottom: 20px;
    color: #fff;
}

.role-play h4 {
    text-transform: uppercase;
    color: #fff;
}

.role-play img {
    max-width: 220px;
    margin: 20px auto;
}

.role-play .btn {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

#block-views-block-home-page-our-module-block-1 .views-field-title a {
    font-size: 40px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
    #block-views-block-home-page-our-module-block-1 .views-field-title a {
        font-size: 30px;
    }
}

@media (max-width: 320px) {
    #block-views-block-home-page-our-module-block-1 .views-field-title a {
        font-size: 40px;
    }
}

.g-recaptcha {
    position: absolute;
    bottom: 5px;
}

.footer a.facebook {
    background: url(../images/assets/logo/facebook.svg) no-repeat center;
    padding-left: 30px;
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 40px;
    margin-right: 5px;
}

.footer a.twitter {
    background: url(../images/assets/logo/twitter.svg) no-repeat center;
    padding-left: 30px;
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 40px;
    margin-right: 5px;
}

.footer a.linkedin {
    background: url(../images/assets/logo/linkedin.svg) no-repeat center;
    padding-left: 30px;
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 40px;
}

#video a.modal-link {
    cursor: pointer;
}

#academy-video-holder .modal-dialog {
    margin: 90px auto;
}

#academy-video-holder .modal-header {
    border-bottom: 0;
}

#academy-video-holder .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;

}

#academy-video-holder .modal-custom-close {
    position: absolute;
    top: 28px;
    z-index: 999;
    right: 0;
    font-size: 14px;
    border-radius: 28px;
    padding: 12px 20px;
}

/*No-Pay MBA*/

#block-nopaymbaheader .field--name-body {
    max-width: 245px;
}

#block-nopaymbablock1 .col-sm-6 {
    padding: 0 90px;
    margin: 30px 0;
    font-size: 14px;
}

#block-nopaymbablock1 .col-sm-6 a {
    font-size: 16px;
    font-weight: 600;
}

#block-nopaymbablock2 .green-table {
    background-color: #afd571;
    margin: 0 auto;
    max-width: 750px;
    text-align: left;
    border: 1px solid #000;
}

#block-nopaymbablock2 .green-table .row {
    border-color: #000;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

#block-nopaymbablock2 .green-table .row.last {
    border-width: 0;
}

#block-nopaymbablock2 .green-table .col-sm-8 {
    border-color: #000;
    border-color: #000;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    padding: 10px;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    #block-nopaymbablock2 .green-table .col-sm-8 {
        border-width: 0px;
    }
}

#block-nopaymbablock2 .green-table .col-sm-4 {
    padding: 5px 10px;
}

#block-nopaymbablock3 .mba-certificates {
    margin: 30px 0;
}

#block-nopaymbablock3 a.btn-blue,
#block-nopaymbablock4 a.btn-blue {
    white-space: normal;
    color: #ffffff;
    background-color: #0f75bd;
    border-color: #0f75bd;
    margin-top: 30px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px), (max-width: 320px) {
    .col-md-15 {
        width: 20% !important;
        float: left;
    }
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#block-nopaymbablock4 #accordion,
#block-nopaymbablock5 #accordion-2 {
    text-align: left;
    margin: 50px 0;
    border-top: 1px solid #b7b7b7;
}

#block-nopaymbablock4 #accordion .card,
#block-nopaymbablock5 #accordion-2 .card {
    border-bottom: 1px solid #b7b7b7;
    padding: 30px 0;
}

#block-nopaymbablock4 #accordion .card-body,
#block-nopaymbablock5 #accordion-2 .card-body {
    padding: 0 30px;
}

#block-nopaymbablock4 #accordion #collapseFour ul {
    margin: 0;
    padding: 0;
}

#block-nopaymbablock4 #accordion #collapseFour li {
    list-style-type: none;
}

#block-nopaymbablock4 #accordion #collapseFour ul > li {
    text-indent: -5px;
}

#block-nopaymbablock4 #accordion #collapseFour ul > li:before {
    content: "-";
    text-indent: -5px;

}

#block-nopaymbablock4 #accordion .card-header .btn,
#block-nopaymbablock5 #accordion-2 .card-header .btn {
    font-size: 22px;
    color: #000;
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: initial;
}

#block-nopaymbablock4 #accordion #collapseFour .refund-policy {
    background-color: #e1e1e1;
    margin: 30px;
    border-radius: 5px;
    padding: 10px;
}

.register-open-day h2 {
    text-align: center;
    color: #abcc37;
}

.register-open-day .field--name-body p {
    color: #fff !important;
}

.webform-submission-no-pay-mba-register-for-open-day-block-content-119-form {
    margin-top: 50px;
}

.register-open-day .form-dark .form-item-email-address,
.register-open-day .form-dark .form-item-gender,
.register-open-day .form-dark .form-item-ethnicity {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .register-open-day .form-dark .form-item-contact-number,
    .register-open-day .form-dark .form-item-date-of-birth,
    .register-open-day .form-item-occupation,
    .register-open-day .form-item-place-of-work {
        float: left;
        width: 50%;
    }
}

.register-open-day select {
    padding: 19px !important;
    line-height: 26px;
}

.register-open-day input#edit-date-of-birth {
    width: 100%;
}

.register-open-day .form-dark .form-item-occupation,
.register-open-day .form-item-place-of-work {
    float: left;
}

.webform-submission-no-pay-mba-register-for-open-day-block-content-119-form input[type="date"].form-control {
    line-height: 26px;
}

@media (min-width: 768px) {
    .register-open-day .form-dark .form-item-email-address,
    .register-open-day .form-dark .form-item-gender,
    .register-open-day .form-dark .form-item-ethnicity {
        float: left;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .register-open-day .form-dark .form-item-email-address,
    .register-open-day .form-dark .form-item-gender,
    .register-open-day .form-dark .form-item-ethnicity {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .register-open-day .form-dark .form-item,
    .register-open-day .form-dark .form-item input,
    .register-open-day .form-dark .form-item select{
        float: left;
        width: 100%;
        margin: 5px 0;
    }
}
@media (max-width: 767px) {
    .register-open-day .page-header{
        display: none;
    }
}