body {
    font-family: Helvetica, 'Lato', sans-serif !important;
    background-color: #FAFAFA;
    /*background-image: url('/Images/Login/psbackground.png');*/
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.form-control {
    border-bottom-color: #00215B;
    border-left-color: #00215B;
    border-right-color: #00215B;
    border-top-color: #00215B;
    text-align: center;
    background-color: transparent;
    color: #00215B !important;
}

    .form-control:focus {
        border-bottom-color: #D0AC54;
        border-left-color: #D0AC54;
        border-right-color: #D0AC54;
        border-top-color: #D0AC54;
    }

.footer-partner-imgContainer .img-responsive {
    height: 55px;
}

.footer-titles {
    font-size: 11px;
}

.newClass {
    display: flex;
}

.login-container {
    padding: 20px;
    color: black !important;
    text-align: center;
}

.login-header {
    margin-bottom: 5px;
}

.login-sub-header {
    font-weight: normal;
}

.logo-container {
    width: 220px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.view-card-right {
    background-color: transparent;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-90 {
    margin-top: 90px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-30 {
    padding-top: 30px;
}

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

.margin-bottom-10 {
    margin-bottom: 10px;
}

.btn-login {
    background-color: #D0AC54;
    border-radius: 0px;
    color: black !important;
    transition: 0.1s ease-in;
}

.btn:hover {
    transform: scale(1.1);
}

.btn-email-activation {
    background-color: #00215B;
    border-radius: 0px;
    color: white !important;
    text-decoration: none;
    transition: 0.1s ease-in;
}

.centerized {
    margin-left: 2%;
}

.text-container {
    max-width: 500px;
    padding: 20px;
    text-align: justify;
    margin-left: auto;
}

    .text-container p {
        margin-top: 15px;
        color: white;
    }

.text-header {
    text-transform: uppercase;
    color: white;
    font-size: 28px;
}

    .text-header .special-font {
        font-size: 72px;
        line-height: 1;
        text-shadow: 0px 0px 24px rgba(255, 255, 255, 1);
    }

.video-container {
    max-width: 600px;
    padding-top: 50px;
    text-align: justify;
    margin-left: auto;
}

    .video-container img {
        width: 100%
    }

.app-logo {
    height: 100px;
}

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

.footer-logo {
    height: 72px;
    display: inline-block;
}

.footer-logo-mobile {
    left: 50%;
    margin-left: -90px;
}

.footer-ssl-container {
    width: 70px;
}

.phone-number {
    font-size: 19px;
    margin: 0 5px;
    text-decoration: none;
}

.email-link {
    font-size: 16px;
    text-decoration: none;
}

.light-blue {
    color: #43cceb;
}

.small-font {
    font-size: 18px;
}

.light-grey {
    color: #7c7c7c;
}

.dark-grey {
    color: rgba(0,0,0,0.75);
}

.white-theme {
    color: white;
}

.payment-img {
    display: flex;
    padding: 0 20px;
    border-right: 1px solid #D0AC54;
    border-top: 0px solid white;
}

.footer-img-pmt {
    height: 64px;
    display: inline;
}

.footer-img-ssl {
    height: 47px;
    width: 41px;
}

.ctos-img {
    height: 28px;
    display: inline;
    padding-bottom: 6px;
}

.ctos-text {
    font-size: 21px;
    text-wrap: normal;
    font-weight: normal;
    color: gold;
}

    .ctos-text strong {
        font-size: 21px;
        font-weight: bolder;
        text-wrap: normal;
    }
/*Overriding*/

h2 {
    text-transform: uppercase;
    color: white;
    font-size: 30px;
}

a {
    color: black;
    text-decoration: underline;
}

h5 {
    color: black;
    font-weight: normal;
}

.form-control {
    color: white;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
}

.login-selection {
    margin-bottom: 20px;
    font-size: 20px;
}

    .login-selection a {
        padding: 0 20px;
        color: black;
        text-decoration: none;
    }

        .login-selection a:active {
            color: #D0AC54 !important;
        }

.selected {
    color: #D0AC54 !important;
}

.theme-image-shift {
    background-color: transparent;
    position: absolute;
    left: 23%;
    top: -80px;
    width: 50%;
    margin: auto;
}

.theme-image-default {
    background-color: transparent;
    position: absolute;
    left: 23%;
    top: 0px;
    width: 50%;
    margin: auto;
}

.theme-earth-hour {
    position: absolute;
    top: 62%;
    left: 23%;
    width: 50%;
    margin: auto;
}

.theme-earth-hour-text {
    padding-top: 58%;
    padding-left: 10px;
    width: 50%;
    margin: auto;
    color: white;
    text-align: center;
}

.theme-earth-day {
    padding-left: 5%;
    width: 50%;
    margin: auto;
}

.theme-earth-countdown {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    color: white;
}

.font-two-pt-five {
    font-size: 2.5em;
}

.font-two-pt-zero {
    font-size: 2.0em;
}

.width-countdown-col {
    width: 85px;
}

.countdown_text_event {
    width: 100%;
    margin: auto;
    color: white;
    text-align: center;
}

.countdown_text_after {
    width: 100%;
    margin: auto;
    color: white;
    text-align: center;
}

.footer-logos {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-logo {
    max-width: 48px;
    height: auto;
}

.padding-smart {
    padding-bottom: 0px;
}

.footer-left-container {
    flex-basis: 14%
}

.footer-middle-container {
    flex-basis: 67%;
}

.footer-right-container {
    flex-basis: 14%;
}

.footer-type-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 3px;
}

.footer-ssl-container .footer-img-container {
    align-self: start;
}

.footer-imgs-container {
    padding-top: 3px;
    display: flex;
    text-align: center;
}

.footer-img-container {
    display: flex;
    flex-direction: column;
    padding: 4px;
    font-size: 10px;
    justify-content: space-between;
    align-self: flex-start;
}

.footer-img-logo {
    max-height: 50px;
    max-width: 50px;
}

.footer-achievements-imgContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .footer-achievements-imgContainer img {
        height: 55px;
        width: 42px;
    }

.ssl-image {
    height: 80px;
}

.footer-achievements-txtContainer {
    display: flex;
    justify-content: center;
}

    .footer-achievements-txtContainer span {
        line-height: 1.5em;
        height: 3em;
        /*overflow: hidden;*/
    }

@media (min-width:1201px) {
    .footer-partner-imgContainer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-widthImg-imgContainer {
        width: 80px;
    }

    .footer-achievements-imgContainer {
        width: 72px;
    }

    .achievement-text {
        margin-top: 0px;
        font-size: 10px;
    }

    /*.imgIBR {
        width: 3000px;
    }
    .ibr-img-container {
        margin-top: -35px;
          .footer-achievements-txtContainer {
        margin-top: -20px;
    }*/
}

/*Tablet*/
@media (min-width: 767px) and (max-width: 1200px) {
    .padding-smart {
        padding-bottom: 80px;
    }

    .margin-top-90 {
        margin-top: 45px;
    }

    .container {
        width: 100%;
    }

    .app-logo {
        margin: 50px auto 0 auto;
        height: 150px;
    }

    .login-header {
        font-size: 25px;
    }

    .btn-login {
        margin-top: 10px;
    }

    .login-container {
        width: 450px;
        margin: auto;
    }

    .text-container {
        max-width: 300px;
        padding: 20px;
        margin-left: 0px;
    }

    .video-container {
        max-width: 70%;
        margin: 20px auto;
        padding: 0px;
        text-align: center;
    }

    .theme-earth-hour {
        top: 62%;
        width: 50%;
        margin: auto;
    }

    .theme-earth-hour-text {
        padding-top: 60%;
        padding-left: 0px;
    }

    .footer-logo {
        height: 90px;
        padding-bottom: 10px;
    }

    .footer-img-ssl {
        height: 70px;
    }

    .footer-type-container {
        padding-bottom: 5px;
    }

    .footer-img-container {
        font-size: 11px;
    }

    .login-footer {
        text-align: center;
    }

        .login-footer .img-responsive {
            margin: 0 auto;
        }

    .newClass {
        display: block;
    }

    .payment-img {
        padding-right: 0px;
        border-right: 0px solid #D0AC54;
        width: 100%;
        padding: 35px 0;
        border-top: 1px solid #D0AC54;
        flex-wrap: wrap;
    }

    .footer-left-container {
        flex-basis: 100%;
    }

    .footer-middle-container {
        flex-basis: 100%;
    }

    .footer-right-container {
        flex-basis: 100%;
    }

    .footer-parther-container {
        flex-basis: 20%;
    }

        .footer-parther-container .footer-imgs-container {
            flex-wrap: nowrap;
        }

        .footer-parther-container .footer-img-container {
            flex-basis: initial;
            flex: initial;
        }

    .footer-achievements-container {
        flex-basis: 80%;
    }

    .footer-ssl-container {
        flex-basis: 20%;
        justify-content: center;
    }

        .footer-ssl-container .footer-img-container {
            align-self: start;
        }

    .footer-img-container {
        font-size: 11px;
    }

    body {
        background-color: #FAFAFA;
    }
}

@media (max-width: 766px) {
    .padding-smart {
        padding-bottom: 80px;
    }

    .login-header {
        font-size: 25px;
    }

    .login-container {
        width: 300px;
        margin: auto;
    }

    .app-logo {
        margin: 50px auto 0 auto;
        height: 100px;
    }

    .login-footer {
        text-align: center;
    }

        .login-footer .img-responsive {
            margin: 0 auto;
        }

    .newClass {
        display: block;
    }

    .video-container {
        max-width: 70%;
        margin: 20px auto;
        padding: 0px;
    }

    .payment-img {
        border-right: 0px solid #D0AC54;
        width: 100%;
        padding: 35px 0;
        border-top: 1px solid #D0AC54;
        flex-wrap: wrap;
    }

    .footer-logo {
        height: 90px;
        padding-bottom: 10px;
    }

    .ctos-img {
        height: 21px;
    }

    .ctos-text {
        font-size: 18px;
    }

        .ctos-text strong {
            font-size: 18px;
        }

    .theme-earth-hour {
        top: 57%;
        width: 50%;
        margin: auto;
    }

    .theme-earth-hour-text {
        padding-top: 60%;
        padding-left: 0px;
    }

    .width-countdown-col {
        width: 60px;
    }

    .theme-earth-countdown {
        width: 240px;
        position: absolute;
        left: 50%;
        margin-left: -130px;
        text-align: center;
    }

    .footer-logo-mobile {
        left: 0%;
        margin-left: 0px;
    }

    .centerized {
        width: 70%;
        margin-left: 18%;
        margin-right: 12%;
    }

    .footer-left-container {
        flex-basis: 100%;
    }

    .footer-middle-container {
        flex-basis: 100%;
    }

    .footer-right-container {
        flex-basis: 100%;
    }

    .footer-parther-container {
        flex-basis: 20%;
    }

        .footer-parther-container .footer-imgs-container {
            flex-wrap: nowrap;
        }

        .footer-parther-container .footer-img-container {
            flex-basis: initial;
            flex: initial;
        }

    .footer-achievements-container {
        flex-basis: 80%;
    }

    .footer-ssl-container {
        flex-basis: 20%;
        justify-content: center;
    }

        .footer-ssl-container .footer-img-container {
            align-self: start;
        }

    .footer-img-container {
        font-size: 11px;
    }
}

@media (max-width: 600px) {
    .theme-earth-hour {
        top: 57%;
        width: 50%;
        margin: auto;
    }

    .text-header .special-font {
        font-size: 60px;
    }

    .theme-earth-hour-text {
        padding-top: 55%;
        padding-left: 0px;
    }

    .font-two-pt-five {
        font-size: 1.2em;
    }

    .font-two-pt-zero {
        font-size: 1.0em;
    }

    .footer-img-pmt {
        height: 44px;
        display: inline;
    }

    .footer-left-container {
        flex-basis: 100%;
    }

    .footer-middle-container {
        flex-basis: 100%;
    }

    .footer-right-container {
        flex-basis: 100%;
    }

    .footer-achievements-container {
        flex-basis: 100%;
    }

    .footer-img-ssl {
        padding-top: 0px;
        height: 44px;
        display: inline;
    }

    .footer-img-container {
        font-size: 11px;
    }
}

@media (max-width: 450px) {
    .theme-earth-hour {
        top: 55%;
        width: 50%;
        margin: auto;
    }

    .theme-earth-hour-text {
        padding-top: 60%;
        padding-left: 0px;
    }

    .footer-img-pmt {
        height: 28px;
        display: inline;
    }

    .centerized {
        width: 76%;
        margin-left: 13%;
        margin-right: 11%;
    }

    .footer-img-ssl {
        padding-top: 0px;
        display: inline;
    }
}

@media (max-width: 321px) {
    .login-container {
        width: 260px;
    }

    .video-container {
        max-width: 70%;
        margin: 20px auto;
        padding: 0px;
    }

    .text-header .special-font {
        font-size: 42px;
    }

    .email-link {
        font-size: 16px;
    }

    .footer-logo {
        padding-bottom: 10px;
    }

    .ctos-img {
        height: 21px;
    }

    .ctos-text {
        font-size: 18px;
    }

        .ctos-text strong {
            font-size: 18px;
        }

    .theme-earth-hour {
        top: 42%;
        width: 50%;
        margin: auto;
    }

    .theme-earth-hour-text {
        padding-top: 60%;
        padding-left: 0px;
    }

    .footer-img-pmt {
        height: 24px;
        display: inline;
    }

    .footer-img-ssl {
        padding-top: 0px;
        display: inline;
    }
}

.white-text {
    color: white;
}

.black-text {
    color: black;
}

.small-text {
    font-size: 13px;
}

.website-text {
    color: #00215B;
    font-size: 22px;
    letter-spacing: 3px;
}