.modal-open #t3-header {
    z-index: 10 !important;
}
.modal-backdrop {
    display: none;
}
.modal {
    background: rgba(0,0,0,0.7);
}
.reg-modal-dialog{
    top: 5%;
}
.reg-modal-content {
    text-align: center;
}
.reg-modal-header {
    padding-top: 0;
    padding-bottom: 14px;
    padding-right: 8px;
}
.reg-modal-header .modal-title {
    color: #990000;
    margin-top: 0;
}
.reg-modal-header p {
    margin-top: 5px;
}
.reg-modal-form {
    padding: 15px 5px 15px 5px;
}
#modal_login{
    padding-bottom: 10px;
}
.forgot {
    margin-bottom: 10px;
}
.reg-modal-dialog .form-group label{
    font-size: 18px;
    line-height: 1.6;
}
.modal-temp-content{
    display: none;
}
.modal-temp-content .temp-text{
    margin-top: 12px;
}
.spinner-container{
    padding-left: 2em;
    display: inline-block;
    vertical-align: -6.5px;
}
.link-spinner{
    padding-left: 2em;
    display: none;
    vertical-align: -6.5px;
}
.fa-spinner {
    font-size: 30px;
}
.modal-form-control {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.eyeball{
    top: 34px !important;
    pointer-events: auto;
    cursor: pointer;
}
.remember-div{
    margin-top: 14px;
    margin-bottom: 0;
}
.social-btn {
    width: 250px;
    height: 40px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}
#modal-login-button {
    margin-bottom: 0;
}
.noselect {
    cursor: default;
    user-select: none;
    margin-bottom: 5px;
}
.flip-link {
    cursor: pointer;
}
/* Flipper Section */
.flip-container {
    perspective: 1000px;
}
.flip-container, .front, .back {
    width: 390px;
    height: 550px;
}
.flipper {
    transition: 0.8s;
    transform-style: preserve-3d;

    position: relative;
}
.front, .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    z-index: 2;
    transform: rotateY(0deg);
}
.back {
    transform: rotateY(180deg);
}
/* End Section */
.back-switch {
    cursor: pointer;
    display: none;
}
.temp-spin {
    margin-top: 11px;
}
.bigger-spinner {
    font-size: 45px;
}
.link-form {
    text-align: center;
    padding: 15px 15px 5px 15px;
}
.modal-temp-content .alert {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.purchase {
    color: #ffffff !important;
}
.pricing-table .col-featured .purchase:hover, .pricing-table .col-featured .purchase:active, .pricing-table .col-featured .purchase:focus {
    color: #990000 !important;
}
.abcRioButtonContents, .abcRioButtonContents span{
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .ja-login{
        margin-top: 11px !important;
    }
    .reg-modal-dialog {
        top: 0.5%;
        margin: 2px;
    }
    .reg-modal-form {
        padding-top: 10px;
    }
    .flip-container, .front, .back {
        width: 95%;
        height: 98%;
        transform-origin: center;
    }
    .reg-modal-dialog .form-group{
        margin-bottom: 10px;
    }
    .front {
        margin-left: 16px;
    }
    .reg-modal-body {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .reg-modal-header {
        padding-bottom: 8px;
    }
    .reg-modal-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ja-login{
        margin-top: 95px !important;
    }
    .reg-modal-dialog {
        top: 1%;
        margin: 88px auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .ja-login{
        margin-top: 65px !important;
    }
    .flip-container, .front, .back {
        width: 460px;
        height: 60%;
        transform-origin: center;
    }
    .front {
        margin-left: 0px;
    }
    .reg-modal-form {
        padding: 15px 5px;
    }
}