.left {
    float: left;
}
.right {
    float: right;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.middle {
    vertical-align: middle;
}
.padding-0-5 {
    padding: 0.5em;
}
.border-box {
    box-sizing: border-box;
}
.center {
    text-align: center;
}

.header {
    padding: 1em 0;
}
@media (min-width: 768px) {
    .header {
        padding: 1.5em 0;
        display: table;
    }
}

/*

@media (min-width: 992px) {
    #navbar {
        font-size: 0.875rem;
    }
}
@media (min-width: 1200px) {
    #navbar {
        font-size: 1rem;
    }
}

*/

.navbar-dark {
    background-color: #212529;
    color: #ffffff;
}
.nav-link.first {
    padding-left: 0 !important;
}
.navbar-isa .navbar-nav .nav-link {
    color: #9c9e9f;
}
.navbar-isa .navbar-nav .nav-link:hover, .navbar-isa .navbar-nav .nav-link:focus, .navbar-isa .navbar-nav .nav-link:active {
    color: rgba(255,255,255,.75);
}
.navbar-isa .navbar-nav .nav-active, .navbar-isa .navbar-nav .nav-active:hover, .navbar-isa .navbar-nav .nav-active:focus, .navbar-isa .navbar-nav .nav-active:active {
    color: rgba(255,255,255,.75);
}
.navbar-isa {
    padding-left: 0;
}
.navbar-container {
    background-color: #212529;
}
.navbar-dark .navbar-toggler {
    border-color: transparent;
}
@media (min-width: 1025px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .75rem;
        padding-left: .75rem;
    }
}

.banner {
    height: 250px;
}
@media (min-width: 768px) {
    .banner {
        height: 450px;
    }
}

.banner-home {
/*
    background: transparent url('/mages/stock-photo-college-student-holding-book-on-the-park-103254845.jpg') 0% 100%/cover no-repeat padding-box border-box scroll;
    background: transparent url('/images/bg-home.jpg') 35% 0%/cover no-repeat padding-box border-box scroll;
*/
    background: transparent url('/images/bg-home-1024x576.jpg') 45% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-home {
        background-position: 0% 30%;
        background-size: cover;
    }
}
@media (min-width: 768px) {
    .banner-home {
/*
        background-position: 64% 33%;
        background-size: auto;
*/
    }
}
@media (min-width: 1025px) {
    .banner-home {
        background-size: cover;
        background-position: 0% 28%;
        background-image: url('/images/bg-home-1920x1080.jpg');
    }
}

.banner h1.banner-header-home {
    font-size: 1.7rem;
    color: #fff;
}
@media (min-width: 600px) {
    .banner h1.banner-header-home {
        font-size: 2rem;
    }
}
@media (min-width: 768px) {
    .banner h1.banner-header-home {
        font-size: 2.5rem;
    }
}
@media (min-width: 1025px) {
    .banner h1.banner-header-home {
        font-size: 3.85rem;
    }
}

.banner-faq {
  background: transparent url("/images/bg-faq.jpg") 0% 100% / cover no-repeat
      padding-box border-box scroll;
      }

      @media (min-width: 600px) {
        .banner-faq {
            background-position: 0% 100%;
                background-size: cover;
                    background-image: url("/images/bg-faq.jpg");
                      }
                      }

.banner-about-us {
/*
    background: transparent url('/images/stock-photo-pretty-asian-college-student-holding-book-smile-at-camera-in-campus-787953841.jpg') 0% 100%/cover no-repeat padding-box border-box scroll;
    background: transparent url('/images/bg-about-us-1920x1080.jpg') 60% 0%/cover no-repeat padding-box border-box scroll;
*/
    background: transparent url('/images/bg-about-us-1024x576.jpg') 60% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-about-us {
        background-position: 60% 0%;
        background-size: cover;
        background-image: url('/images/bg-about-us-1024x576.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-about-us {
        background-position: 0% 17%;
        background-size: cover;
        background-image: url('/images/bg-about-us-1920x1080.jpg');
    }
}

.banner-safe-student-app {
    background: transparent url('/images/bg-ss-2-1024x685.jpg') 50% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-safe-student-app {
        background: transparent url('/images/bg-ss-1024x685.jpg') 0% 50%/cover no-repeat padding-box border-box scroll;
    }
}
@media (min-width: 1025px) {
    .banner-safe-student-app {
        background: transparent url('/images/bg-ss-2-1920x1080.jpg') 0% 50%/cover no-repeat padding-box border-box scroll;
    }
}

.banner-contact-us {
    background: transparent url('/images/bg-contact-1024x334.jpg') 95% 100%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-contact-us {
        background-position: 98% 0%;
        background-size: cover;
    }
}
@media (min-width: 1025px) {
    .banner-contact-us {
        background-position: 0% 100%;
        background-size: cover;
        background-image: url('/images/bg-contact-1920x625.jpg');
    }
}

.banner-new-migrant-families {
    background: transparent url('/images/stock-photo-pretty-asian-college-student-holding-book-smile-at-camera-in-campus-787953841.jpg') 0% 100%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-new-migrant-families {
        background-position: 44% 30%;
        background-size: auto;
    }
}
@media (min-width: 1025px) {
    .banner-new-migrant-families {
        background-position: 0% 31%;
        background-size: cover;
    }
}

.banner-services {
    background: transparent url('/images/bg-services-1024x732.jpg') 0% 85%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-services {
        background-position: 80% 86%;
        background-size: cover;
        background-image: url('/images/bg-services-1024x576.jpg');
    }
}
@media (min-width: 769px) {
    .banner-services {
        background-position: 0% 93%;
        background-size: cover;
        background-image: url('/images/bg-services-1024x576.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-services {
        background-position: 0% 85%;
        background-size: cover;
        background-image: url('/images/bg-services-1920x1080.jpg');
    }
}

.banner-education-providers {
/*
    background: transparent url('/images/bg-edu-prov-test.jpg') 33% 0%/cover no-repeat padding-box border-box scroll;
    background: transparent url('/images/bg-edu-prov-test2.jpg') 33% 0%/cover no-repeat padding-box border-box scroll;
*/
    background: transparent url('/images/bg-edu-prov-test3.jpg') 100% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-education-providers {
/*
        background-image: url('/images/bg-edu-prov-test2.jpg');
        background-position: 0% 30%;
*/
        background-image: url('/images/bg-edu-prov-test3.jpg');
        background-position: 0% 75%;
        background-size: cover;
    }
}
@media (min-width: 1025px) {
    .banner-education-providers {
/*
        background-image: url('/images/bg-edu-prov-test2.jpg');
        background-position: 0% 25%;
*/
        background-image: url('/images/bg-edu-prov-test3.jpg');
        background-position: 0% 75%;
        background-size: cover;
    }
}

.banner-education-providers-2 {
    background: transparent url('/images/bg-ss-1024x678.jpg') 100% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-education-providers-2 {
        background-position: 100% 34%;
        background-size: cover;
        background-image: url('/images/bg-ss-1024x576.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-education-providers-2 {
        background-position: 0% 35%;
        background-size: cover;
        background-image: url('/images/bg-ss-1920x1080.jpg');
    }
}

.banner-education-providers-3 {
    background: transparent url('/images/stock-photo-detail-of-classic-columns-in-harvard-university-19783942.jpg') 50% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-education-providers-3 {
        background-position: 50% 40%;
        background-size: cover;
        background-image: url('/images/stock-photo-detail-of-classic-columns-in-harvard-university-19783942.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-education-providers-3 {
        background-position: 50% 55%;
        background-size: cover;
        background-image: url('/images/stock-photo-detail-of-classic-columns-in-harvard-university-19783942.jpg');
    }
}

.banner-education-providers-4 {
    background: transparent url('/images/bg-edu-prov-test6.jpg') 50% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 576px) {
    .banner-education-providers-4 {
        background-position: 50% 70%;
        background-size: cover;
        background-image: url('/images/bg-edu-prov-test6.jpg');
    }
}
@media (min-width: 768px) {
    .banner-education-providers-4 {
        background-position: 50% 100%;
        background-size: cover;
        background-image: url('/images/bg-edu-prov-test6.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-education-providers-4 {
        background-position: 50% 70%;
        background-size: cover;
        background-image: url('/images/bg-edu-prov-test6.jpg');
    }
}

.banner-education-providers-5 {
    background: transparent url('/images/bg-edu-prov-1024x683.jpg') 50% 0%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 576px) {
    .banner-education-providers-5 {
        background-position: 50% 48%;
    }
}
@media (min-width: 768px) {
    .banner-education-providers-5 {
        background-position: 50% 100%;
    }
}
@media (min-width: 992px) {
    .banner-education-providers-5 {
        background-position: 50% 65%;
    }
}
@media (min-width: 1025px) {
    .banner-education-providers-5 {
        background-position: 50% 50%;
        background-size: cover;
        background-image: url('/images/bg-edu-prov-1920x1080.jpg');
    }
}

.banner-new-migrant-families {
    background: transparent url('/images/bg-new-mig-1024x683.jpg') 0% center/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-new-migrant-families {
        background-position: 0% center;
        background-size: cover;
        background-image: url('/images/bg-new-mig-1024x576.jpg');
    }
}
@media (min-width: 1025px) {
    .banner-new-migrant-families {
        background-position: 0% 50%;
        background-size: cover;
        background-image: url('/images/bg-new-mig-1920x1080.jpg');
    }
}

.banner-our-fees {
    background: transparent url('/images/bg-fees-1024x576.jpg') 50% 55%/cover no-repeat padding-box border-box scroll;
}
@media (min-width: 600px) {
    .banner-our-fees {
        background-position: 0% 65%;
        background-size: cover;
    }
}
@media (min-width: 1025px) {
    .banner-our-fees {
        background-position: 0% 55%;
        background-size: cover;
        background-image: url('/images/bg-fees-1920x1080.jpg');
    }
}

.map {
    margin-top: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}
@media (min-width: 992px) {
    .map {
        margin-top: 3.1rem;
        height: 400px;
        margin-bottom: 0;
    }
}

h1, h3, h4, h5, h6 {
    color: #1f8dd6;
}

h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.65rem;
}
h3 {
    font-size: 1.55rem;
}
@media (min-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.75rem;
    }
}


.banner-header-block {
    height: 250px;
    display: table-cell;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .banner-header-block {
        height: 450px;
    }
}

.banner-header-block-2 {
    display: table-cell;
    vertical-align: middle;
    height: 250px;
}
@media (min-width: 768px) {
    .banner-header-block-2 {
        height: 450px;
    }
}
@media (min-width: 768px) {
    .banner-header-block-2 p {
        font-size: 1.2em;
    }
}
.banner-header-block-text-2 {
/*
    width: 165px;
*/
    width: 250px;
    background-color: #fff;
    color: #212529;
    padding: 15px 22px;
}
@media (min-width: 768px) {
    .banner-header-block-text-2 {
        width: 450px;
    }
}
.container-banner {
    padding: 0;
}

.banner-header-block-text {
    width: 450px;
    display: table-cell;
    vertical-align: middle;
}
.info-grid h3 {
    margin: 0 0 1rem;
    padding-top: 0.4em;
}
.info-grid p {
    margin: 0 0 1rem;
}
.info-grid h3 {
    color: #1f8dd6;
}
.info-grid h2 {
    margin: 1.5em 0 1em;
}
.info-grid h1 {
/*
    margin: 0.75em 0 0.75em 0;
    margin: 0.75em 0 0.4em;
*/
    margin: 0.95em 0 0.4em;
    color: #1f8dd6;
}
.isa-blue {
    color: #1f8dd6;
/*
    color: #5083B7;
*/
}
.p-sm {
    font-size: 0.7rem;
}

.isa-gws-container {
    background-color: #fff;
    padding: 10px;
    width: 150px;
    text-align: center;
}
@media (max-width: 576px) {
    .isa-gws-container {
        margin: auto;
    }
    .col-payment-options {
        text-align: center;
    }
}
@media (min-width: 992px) {
    .isa-gws-container {
        float: right;
    }
}
.isa-gws {
    width: 130px;
}

.sub-footer {
    background-color: #f5f5f5;
    margin: 3rem 0 0;
}
.sub-footer-container .row {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.sub-footer-container .col, .sub-footer-container .col-md, .sub-footer-container .col-sm, .sub-footer-container .col-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.sub-footer a {
/*
    color: #212529;
*/
    color: #1375b7;
}
@media (min-width: 768px) {
    .p-pta {
        display: inline-block;
    }
    .sub-footer-container .row {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .sub-footer-container .col, .sub-footer-container .col-md, .sub-footer-container .col-sm, .sub-footer-container .col-lg {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
ul.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
    display: inline-block;
}
ul.footer-links li {
}
ul.footer-links li.spacer {
    display: none;
}

.logo-wechatpay {
    margin-right: 1rem;
}
.logo-wechatpay-fees {
    margin-right: 1rem;
    margin-bottom: 0.6rem;
}
.logo-alipay-fees {
    margin-bottom: 0.6rem;
}
@media (min-width: 992px) {
    .logo-wechatpay-fees {
        margin-bottom: 0rem;
    }
    .logo-alipay-fees {
        margin-bottom: 0rem;
    }
}

.footer {
    background-color: #2d3e50;
    color: #a8a9aa;
}
.footer a {
    color: #a8a9aa;
    text-decoration: underline;
}
.footer a:active, .footer a:focus, .footer a:hover {
    color: #fff;
}
.footer p {
    margin: 1rem 0.5rem;
    font-size: 0.85em;
    display: inline-block;
}
.wechat-qr {
    width: 115px;
    margin-right: 1rem;
}
.wechat-link {
    display: inline-block;
    font-size: 0.85rem;
}

.isa-link-button {
    display: inline-block;
    vertical-align: middle;
    background-color: #1f8dd6;
    color: #ffffff;
    padding: 0.5em 1em;
    border-radius: 5px;
    margin: 0.2em 0 0;
    cursor: pointer;
    transition: background-color 0.2s;
    transition-timing-function: linear;
}
.isa-link-button:hover, .isa-link-button:active {
    color: #ffffff;
    background-color: #1a7fc1;
    text-decoration: none;
}
.isa-link-button:visited, .isa-link-button:focus {
    color: #ffffff;
}
@media (min-width: 768px) {
    .isa-link-button {
        margin: 1em 0 0;
        font-size: 1.2em;
    }
}
.isa-link-button-header {
    width: 130px;
    margin: 0;
    text-align: center;
}

.margin-top-bot-1-5 {
    margin: 1.5em 0 1.5em;
}
.margin-top-1-5 {
    margin: 1.5em 0 0;
}
.page-content h1, .page-content h3 {
    color: #1f8dd6;
}
.page-content h1 {
    margin: 0.75em 0 0.75em 0;
}
.page-content h2, .page-content h3 {
    margin: 1em 0 0;
}
.page-content p {
    margin: 1em 0 0;
}
ul.lang {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.85em;
    display: inline-block;
    line-height: 1.2;
}
@media (min-width: 768px) {
    ul.lang {
        float: right;
    }
}
ul.lang li {
    float: left;
    padding: 0 0 0.65em 1em;
}
@media (min-width: 768px) {
    ul.lang li {
        padding-bottom: 0;
    }
}
ul.lang li.first {
    padding-left: 0;
}
ul.lang li a {
    color: #757677
}
ul.lang li a:hover, ul.lang li a:active, ul.lang li a:focus {
/*
    color: #1677b9; (OG)
    color: #1774b3;
*/
    color: #1375b7;
}
@media (min-width: 768px) {
    .lang-widget {
        display: table-cell;
        vertical-align: middle;
    }
}
.lang-widget {
    text-align: center;
    order: 1;
}
.logo {
    order: 2;
}
.logo-image {
    height: 57px;
}
@media (min-width: 768px) {
    .logo-image {
        height: 67px;
    }
}
.apply-now-col {
    display: none;
}
@media (min-width: 768px) {
    .apply-now-col {
        display: block;
    }
}
.nav-item-apply-now {
    display: block;
}
@media (min-width: 768px) {
    .nav-item-apply-now {
        display: none;
    }
}

a, a:hover, a:active, a:focus {
/*
    color: #1677b9; (OG)
    color: #1774b3;
*/
    color: #1375b7;
}

.simple-monthly-fee-calc {
    background-color: #f5f5f5;
    padding: 1rem;
}
#school_id {
    width: 100%;
}
@media (min-width: 992px) {
    #school_id {
        width: auto;
    }
}

.isa-button {
    padding: 0.5rem 1rem;
}

.education-providers-container {
    height: 400px;
    background-color: #f5f5f5;
    padding: 1rem;
    overflow: scroll;
}

a.apply-now-link {
    float: right;
}

.safe-student-banner-container {
}
.safe-student-banner-container .row {
    display: table;
}
.safe-student-banner-container .col {
    display: table-cell;
    vertical-align: middle;
    height: 250px;
}
@media (min-width: 768px) {
    .safe-student-banner-container .col {
        height: 450px;
    }
}
.banner-header-safe-student {
    font-size: 1.7rem;
    color: #212529;
    margin: 0 0 0 1rem;
}
@media (min-width: 600px) {
    .banner-header-safe-student {
        font-size: 2rem;
    }
}
@media (min-width: 768px) {
    .banner-header-safe-student {
        font-size: 2.5rem;
    }
}
@media (min-width: 1025px) {
    .banner-header-safe-student {
        font-size: 3.85rem;
    }
}
.banner-text-safe-student {
    margin: 0 0 0 1rem;
}
.ss-table-wrapper {
    background-color: #fff;
    padding: 1rem;
    border-radius: 25px;
}
.ss-video-container {
    padding-top: 1rem;
    margin-bottom: 1rem;
    display: none;
}
@media (min-width: 768px) {
    .ss-video-container {
        display: block;
    }
}
.safe-student-icon {
    width: 60px;
}
@media (min-width: 768px) {
    .safe-student-icon {
        width: 150px;
    }
}
.banner-safe-student-app .isa-link-button {
    margin-top: 1em; /* override small res. screen setting this page */
}

.logo-edu-prov {
    height: 160px;
}
.container-edu-prov {
    background-color: #f5f5f5;
    padding: 1rem;
    margin-top: 1rem;
}
.col-edu-prov-1 {
    text-align: center;
}
.col-edu-prov-2 {
    padding-top: 1rem;
}
.col-edu-prov-alt-1 {
    order: 2;
}
.col-edu-prov-alt-2 {
    order: 1;
}
@media (min-width: 768px) {
    .logo-edu-prov {
        height: 180px;
    }
    .col-edu-prov-1 {
        text-align: left;
    }
    .col-edu-prov-2 {
        padding-top: 0;
    }
    .col-edu-prov-alt-1 {
        order: 1;
    }
    .col-edu-prov-alt-2 {
        text-align: right;
        order: 2;
    }
}

.testimonial-box {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1rem;
    height: auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.container-testimonials {
    margin-top: 1.4rem;
}
.testimonial-box-inner-top {
    text-align: center;
    padding-bottom: 0.5rem;
}
.testimonial-box-inner-bot {
    padding-top: 0.5rem;
}
.testimonial-logo {
    max-height: 148px;
}
@media (min-width: 992px) {
    .testimonial-box {
        height: 550px;
    }
    .testimonial-logo {
        max-height: 150px;
    }
}
@media (min-width: 1200px) {
    .testimonial-box {
        height: 480px;
    }
}

/*

.carousel-item {
    background-color: #f5f5f5;
    padding: 2rem 100px;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f8dd6' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f8dd6' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-prev, .carousel-control-next {
}

*/

.navbar-dark .navbar-toggler-icon {
    margin-left: -3px;
/*
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.58)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(156, 158, 159)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}