/**
Theme Name: astra child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.main-header-bar {
    background-color: #b4373a !important;
}
.home .main-header-bar {
    background-color:transparent !important;
}
a:hover{
 text-decoration: none !important;   
}
.vczapi-list-zoom-meetings--item__details h3 {
    color: #b4373a;
    font-weight: 600;
    text-transform: uppercase;
}
#primary-menu .sub-menu a {
    padding: .9em 1em;
}

.vczapi-list-zoom-meetings--item__details .btn{
    color: #b4373a;
    background-color: #ffffff;
    border-style: none;
    border-color: #b4373a;
    border: 3px solid;
    border-radius: 50px;
    border-width: 2px;
    padding: 5px 0px;
    font-weight: 600;
  
    display: block;
    text-align: center;
    max-width: 128px;
    font-size: 14px;
    margin: auto;
}
.vczapi-list-zoom-meetings--item__details{
    text-align: center;
    line-height: 25px;
}
.gform_button {
    background: #fff !important;
    color: #b4373a !important;
    border: 2px solid #b4373a !important;
    transition: 0.3s;
    padding-top: 16px !important;
    padding-bottom: 15px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    display: block;
    font-size: 16px !important;
    font-weight: bold !important;
}
.gform_footer{
 text-align: center !important;
}
.ast-site-identity{
    z-index:0 !important;
}
.gform_fields input,
.gform_fields select {
    height: 55px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.3);
    padding: 13px !important;
    height: auto;
}
#ld-user-register .gform_fields input,
#ld-user-register .gform_fields select{
    margin: 0;
    margin-bottom: 1em;
    padding: .5em !important;
    background-color: #f0f3f6;
    color: #728188;
    padding-left: 2em;
    font-size: .875em;
    width: 100%;
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    border-radius: 0;
    border-radius: none;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register{

    justify-content: flex-start;
}
#ld-user-register .gform_fields  h3{
    display: none;
}
#ld-user-register .gform_wrapper .gform_footer{
    padding: 0 !important;
    margin: 0 !important;
}
#ld-user-register .gform_wrapper .gform_footer .gform_button{
    background: #fff !important;
}

.gform_fields select{
    margin-top: 10px;
}
li#field_1_4 {
    margin-top: 0 !important;
}
@media(min-width:1280px){
    #gform_confirmation_wrapper_1{
    min-height: 500px !important;
    font-size: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    height: 500px;
    }
}
li#menu-item-25547{
    display: block;
}
.no-customize-support li#menu-item-25547 {
    display: none;
}
.single-sfwd-courses .ld-course-list-items.row {
    display: none;
}
.single-sfwd-courses .main-header-bar,
.page-id-25646  .main-header-bar,
.single-zoom_meet .main-header-bar {
    background: #b4373a;
}
.single-sfwd-courses .main-header-menu a,
.page-id-25646  .main-header-bar a,
.single-zoom_meet .main-header-bar a{
    color:#fff;
    transition:0.3s;
}
.single-sfwd-courses .main-header-menu a:hover,
.page-id-25646  .main-header-bar a:hover,
.single-zoom_meet .main-header-bar a:hover{
    color:#fff;
    opacity:0.9
}
#nt-note-submit{
    transition:0.3s
}
#nt-note-submit:hover {
    background: #fff !important;
    color: #b4373a !important;
}
a.ld-logout.ld-logout.ld-login-text.ld-login-button.ld-button {
    margin: auto;
}
#ldnt-shortcode .lds-bulk-download, #ldnt-shortcode .ldnt-note-nav ul li a {
    background: #b4373a;
    font-size: 11px;
    text-transform: capitalize;
}
tfoot td {
    text-align: right;
}
.border-line {
    height:3px !important;
    background: #b4373a;
    margin: 2rem 0;
}
.section-header{
    font-size: 24px;
}
.td-payment b{
    font-size:14px;
}

#btn-join:disabled {
    cursor: not-allowed;
    opacity:.75 !important;
    display: none;
}
#btn-join:disabled:hover{
   opacity:.75 !important;
}
#btn-join{
    text-transform: uppercase !important;
    font-size: 10px !important;
    margin-top: 11px !important;
}

.ld-course-status-segment.ld-course-status-seg-price {
    display: none;
}
@media(min-width:1200px){
    #content #primary{
        min-height: 805px;
    }
}

.zoom-heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #b4373a;
    margin-bottom: 1rem;
   
}
.main-header-menu .current-menu-item > .menu-link{
    color:#fff !important
}
a.social_link {
    margin-left: 1rem;
}
.zoom-wrapper {
    display: inline-block;
    min-width: 230px;
    padding: 15px;
    margin-bottom: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    transition: 0.3s;
    height: 200px;
    position: relative;
    border: 4px solid rgba(0,0,0,.2);
    color: #000;
    background: #fff;
    width: 33.33%;
    max-width: 230px;
    vertical-align: top;
}
.zoom-wrapper:hover .zoom-title:after{
    right: 0;
    left: 0;
}
.zoom-title {
    font-weight: bold;
    font-size: 19px;
    position: relative;
    margin-top: 6px;
    text-align: center;
}
.zoom-title:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #b4373a;
    left: 50px;
    right: 30%;
    bottom: 0;
    transition: 0.3s;
}
.zoom-sched {
    font-size: 14px;
}
.zoom-course {
    font-size: 14px;
}
.zoom-btn a {
    color: #02af53;
    transition: 0.3s;
}
.zoom-btn a:hover{
    background: rgba(163, 52, 55,.1);
    color: #a33437;
    text-decoration: none;
}
#time{
    text-align: right;
}
.small-text{
    font-size: 12px;
    background: #02af53;
    color: #fff;
}
.box-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 2px 8px;
    text-align: center;
}
.zoom-ongoing {
    min-height: 250px;
}
.ld_course_grid_price ,
.learndash-wrapper.learndash-widget.lds-template-,
#menu-item-25967,
.logged-in #menu-item-1507{
    display: block;
}
.logged-in .ld_course_grid_price ,
.logged-in .learndash-wrapper.learndash-widget.lds-template-,
.logged-in #menu-item-25967,
#menu-item-1507{
    display: none;
}
#ult-login-form #ult-login-submit, .ult-form__submit-btn{
    background: #b4373a;
}

#popup-container{
    z-index: 9999 !important;
}

.payment-list th,
.payment-list td{
    font-size: 12px;
    
}
.payment-list th{
    text-align: center;
}

/* Learndash Courses Css */
.ld-focus .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img{
    margin-bottom: 10px;
}
.ld-focus .ld-brand-logo a:after {
    font-size: 18px;
    content: "Del Rosario Christian Institute";
    color: #fff;
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
}

.ld-focus .ld-brand-logo,
.ld-focus-header{
    background: #b4373a !important;
}
.ld-focus .ld-progress-percentage.ld-secondary-color,
.ld-focus  .ld-progress-steps,
.ld-focus .learndash-wrapper a.ld-button.ld-button-transparent {
    color: #fff !important;
}

.ld-focus a.ld-button.ld-button-transparent {
    color: #fff !important;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-section-heading{
    padding: 0;
    margin-top: 1rem;
    background-color: transparent;
}
span.ld-lesson-section-heading {
    color: #b4373a !important;
    border-bottom: 3px solid #b4373a;
    padding-left: 1rem;
    padding-bottom: 1rem;
}
span.ld-text.ld-user-welcome-text {
    color: #fff !important;
}
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
    color: #fff !important;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu{
    border:unset !important;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
    min-height: 46px !important;
    height : 46px;
}
.ld-focus-header {
    border-bottom: 4px solid #f8b713 !important;
}
/* End Learndash Courses Css */
.sub-menu a{
    color: #fff !important;
}
.sub-menu{
    background: #b4373a !important;
   
    max-width: 167px;
}
.add-zoom{
    text-align:right;
    margin-bottom:1rem;
    margin-top:1rem;
}
.add-zoom a{
    background: #b4373a;
    padding: 15px 45px;
    margin-bottom: 2rem;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    transition: 0.3s;
}
.add-zoom a:hover{
    text-decoration: none;
    color: #fff;
    opacity: 0.9;
}
.page-header-block p{
    margin: 0;
}
.ast-main-header-bar-alignment {
    align-self: flex-start;
}
.home .ast-main-header-bar-alignment {
    align-self: center;
}
.entry-content p{
    margin-bottom: 0 !important;
}
.color-red{
    color:#b4373a;
    transition:0.3s
}
.color-green{
    color: #02af52;
    transition:0.3s
}
.color-white{
    color:#fff;
    transition:0.3s
}
.color-black{
    color:#000;
    transition:0.3s
}
.hover-color-red:hover{
    color:#b4373a !important;
}
.hover-color-black:hover{
    color:#000 !important;
}
.nav-btn{
    background: #0e71eb;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    border:1px solid #0e71eb;
    transition: 0.3s;
}
.nav-btn:hover{
    background: #fff;
    color: #0e71eb;
}

.nav-btn:focus{
    background: #0e71eb;
    border-color: #0e71eb !important;
    color:#fff !important;
}
.border-none{
    border-color: transparent;
    background: transparent;
    transition:0.3s
}
#details_modal input{
    transition:0.3s
}
div#msg_2,
#msg{
    color: #55ce55;
}
.submit-btn{
    background: transparent;
    color: #b4373a;
    padding: 5px;
}
.submit-btn:hover{
    background: transparent;
    color: #000;
}
.submit-btn:focus{
    background: transparent;
    color: #000;
    outline:9
}
.font-20{
    font-size: 20px;
}
.black-overlay .fl-slide-bg-photo{
    background-blend-mode: color;
    background-color: rgba(0,0,0,.3);
}
div#tawkchat-minified-box {
    display: none !important;
}
.learn-chat.move-up{
    bottom: 10%;
}
.learn-chat{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 249px;
}

.learn-chat .tscp .panel-default > .panel-heading{
    background: #b4373a;
    color: #fff;
}
.learn-chat  .glyphicons-group{
    background: unset;
}
.learn-cha .tscp a{
    color: #3a3a3a;
}
.up-quiz{
    position: fixed;
    right: 0;
    z-index: 999999;
    top: 25.5%;
    box-shadow: 2px 2px 2px 2px;
}
.quiz-btn-wrapper {
    background: #b4373a;
    color: #fff;
    font-size: 30px;
    padding: 12px 27px;
    line-height: normal;
    display: flex;
    align-items: center;
   
    transition:0.3s;
}
.quiz-btn-wrapper:hover {
    cursor: pointer;
}
.quiz-btn-wrapper:hover span{
    display:block !important;
}
.quiz-btn-wrapper button{
    color: #fff;
    background: #b4373a;
    border-radius: 0;
    padding: 5px 20px 5px 10px;
} 
.quiz-btn-wrapper  span{
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;

}
.quiz-btn-wrapper svg {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    animation-name: shakeMe;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes shakeMe {
    2%, 18% {
        transform: translate3d(-5px, 0, 0);
    }
    4%, 16% {
        transform: translate3d(5px, 0, 0);
    }
    6%, 10%, 14% {
        transform: translate3d(-5px, 0, 0);
    }
    8%, 12% {
        transform: translate3d(5px, 0, 0);
    }
    18.1% {
        transform: translate3d(0px, 0, 0);
    }
}
.display-none{
    display: none !important;
}
.quiz-wrapper {
    background: #fff;
    padding: 20px;
}
.quiz-schedule {
    font-size: 12px;
}

#primary-menu a.ld-login.ld-login.ld-login-text.ld-login-button.ld-button{
    background-color: transparent !important;
    font-size: 100%;
    font-weight: normal;
    font-family: lato;
    padding: 0;
}
#primary-menu .ld-icon-login:before{
    content:"";
}

.learndash-wrapper .ld-login-modal .ld-login-modal-wrapper{
    max-width: unset !important;
}


.page-id-324 #payments-table th {
    text-align: center;
    background: #b4373a;
    color: #fff;
    padding: 5px;
    font-size: 12px;
}
.page-id-324 #payments-table td  {
    font-size: 12px;
}
.page-id-324 #payments-table_wrapper .select,
.page-id-324 #payments-table_wrapper input[type="search"]{
    margin-top:10px;
    padding: 4px !important;
}

.page-id-324 #ldnt-shortcode table.notes-listing td, 
.page-id-324 #ldnt-shortcode table.notes-listing th, 
.page-id-324 #ldnt-shortcode table.nt-course-list-table td, 
.page-id-324 #ldnt-shortcode table.nt-course-list-table th {
    padding: 5px;
}
.page-id-324 #ldnt-shortcode table.notes-listing tbody tr td.nl-date, 
.page-id-324 #ldnt-shortcode table.nt-course-list-table tbody tr td.nl-date {
    width: 11%;
}
.page-id-324 #ldnt-shortcode table.notes-listing tbody span.nl-username, 
.page-id-324 #ldnt-shortcode table.notes-listing tbody td.nl-date, 
.page-id-324 #ldnt-shortcode table.nt-course-list-table tbody span.nl-username, 
.page-id-324 #ldnt-shortcode table.nt-course-list-table tbody td.nl-date {
    font-size: 14px;
    line-height: 20px;
}
.page-id-324 .ld-gb-report-card .ld-gb-report-card-title{
    background-color: #b4373a;
    color: #fff;
}
.page-id-324 #ldnt-shortcode table.notes-listing tbody tr td.nl-select{
    text-align: center;
}
#tabs-students .fl-tabs-panels{
    min-height: 500px;
}
#tabs-students .fl-tabs-label {
    background: #b4373a;
    border-right: 2px solid #fff !important;
}
#tabs-students .fl-tabs-label.fl-tab-active {
    background: #fff;
}



#ld-user-register .gform_confirmation_wrapper{
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ld-user-register .gform_confirmation_message {
    font-size: 20px;
}
#ld-user-register #gform_confirmation_message_6 h1{
    color:#fff;
}
#field_4_3 .gf_browser_chrome.gform_wrapper select{
    height: 57px !important;
}
#input_4_7_3{
    margin-top: 0 !important;
    height: 59% !important;
    width: 77px !important;
}
#ldnt-shortcode table.notes-listing a {
    font-size: 14px;
}
#ldnt-shortcode .lds-bulk-download {
    margin-top: 1rem;
}
.up-zoom {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 32%;
    box-shadow: 2px 2px 2px 2px;
}
.zoom-widget{
    border-bottom: 1px solid;
}
.zoom-widget-wrapper {
    padding: 20px 30px;
    min-width: 300px;
    transition:0.3s;
    background: #fff;
}
.zoom-widget-btn {
    background: #0e71eb;
    color: #fff;
    display: flex;
    align-items: center;
}
.zoom-widget-btn button{
    font-size: 39px;
    padding: 5px 20px;
    line-height: normal;
    background: transparent;
}
.zoom-widget-btn span{
    font-size: 20px;
    font-weight: 600;
    transition:0.3s;
    margin-right:10px
}
.opacity-0{
    opacity:0
}
.zoom-widget-btn:hover {
    cursor: pointer;
}
.zoom-widget-btn:hover span{
    display:block;
   
}
.zoom-widget-title {
    font-size: 18px;
    font-weight: 600;
}
#gform_confirmation_message_7{
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#gform_confirmation_message_7 h2{
    color: #02af53;
}
.home .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
    display: none;
}

.s-header-menu #menu-primary-menu{
    display:flex;
}
.border-hover .fl-heading {
    position: relative;
}
.border-hover .fl-heading:after {
    bottom: 0;
    content: '' !important;
    position: absolute;
    border-bottom: 5px solid #b4373a !important;
    left: 35%;
    right: 35%;
    transition: 0.3s;
}
.border-hover.border-white .fl-heading:after {
    border-bottom: 5px solid #fff !important;
}
.border-hover .fl-heading:hover:after{
    left: 40%;
    right: 40%;
}

.shadow-hover .fl-photo-content{
    transition: 0.3s;
}
.shadow-hover .fl-photo-content:hover{
    box-shadow: 0px 2px 6px rgba(0,0,0,.7);
}

body{
    background-color: #fff !important;
}
.profile {
    display: flex;
    justify-content: space-evenly;
    border: 1px solid #b4373a;
    border-radius: 10px;
    padding: 20px;
}
.right-col {
    padding: 15px;
}
.left-col{
    max-width:200px;
}
.learndash-wrapper .ld-alert-success{
    color: #02af53 !important;
}
.zoom-container {
    display: flex;
    justify-content: center;
}
.zoom-s-title{
    font-size: 30px;
    border-bottom: 4px solid #b4373a;
}
.zoom-note {
    border: 1px solid #b4373a;
    padding: 20px;
    border-radius: 5px;
    margin-top: 2rem;
    color: #b4373a;
}
.zoom-note span {
    text-decoration: underline;
    color: #0e71eb;
}
a.current-user-menu {
    text-transform: capitalize;
    color:#fff !important;
}
#menu-item-27469 ul.sub-menu {
    background: #9e2d32 !important;
    box-shadow: 2px 4px 6px -1px #000;
}
.disp-none{
    display:none;
}
#getting-started,
#subject-access,
#getting-started-lesson,
#getting-started-topics,
#taking-notes,
#review-notes,
#zoom-lesson,
#grades-header,
#assingment-header{
    cursor: pointer;
}
.contact-cta a{
    transition:0.3s;
}
.contact-cta a:hover{
    color: #f8b712;
}
button#wpforms-submit-10{
    transition:0.3s;
    background-color: #9e2d32 !important;
    
}
button#wpforms-submit-10:hover{
    background-color: #f8b712 !important;
}
.ast-small-footer-section-2 a{
    transform: 0.3s;
}
.ast-small-footer-section-2 a:hover{
    color: #f8b712 !important;
}

li.menu-item  {
    height: 45px;

}
li.menu-item:after {
    position: absolute;
    border-bottom: 4px solid #f8b712;
    left: 0;
    right: 100%;
    content: '';
    bottom: 0;
    transition: 0.3s;
}
li.menu-item:hover:after{
    right: 0;
}
li.menu-item.current-menu-item:after{
    right: 0;
}
.resize-hover img{
    transition:0.3s
}
.resize-hover img:hover{
    transform: translateY(10px);
}

.box-shadow{
    box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.5);
}
.page-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b4373a;
    height: 291px;
    color: rgba(255,255,255);
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 40px;
}
.page-container-my{
    max-width:1110px;
    margin: auto;
    padding:15px;
    min-height: 78vh;
}

button.view-details,
button.view-grade-details,
button.view-ass-details,
button.view-pending-details {
    background: transparent;
    color: #0e71eb;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    width: auto !important;
}
.payment-title,
.payment-info-table .section-header,
.zoom-list-table .section-header{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #000;
    padding: 10px;
}
.d-flex{
    display: flex;
    
}
.justify-content-between{
    justify-content: space-between;
}
.border-bottom{
    border-bottom: 1px solid #02af53;
}
#payments-table_wrapper select {
    padding: 5px;
    margin: 20px 10px;
}
.zoom-content {
    font-size: 13px;
    margin-top: 20px;
    color: #b4373a;
    font-style: italic;
    display: none;
}
.zoom-content p{
    display: inline-block;
}
table.zoom-list {
    font-size: 14px;
}
table.zoom-list .zoom-content{
    margin-top:0;
}
table.zoom-list a{
    color: #02af53;
    transition:0.3s;
}
table.zoom-list a:hover{
    opacity: 0.9s;
}
.zoom-widget-wrapper {
    font-size: 14px;
}
.zoom-widget-wrapper a{
    color: #02af53;
}
.package-wrapper {
    max-width: 340px;
    display: inline-block;
    margin: 0 5px 1rem 0;
    width: 100%;
    background: #181818;
    vertical-align: top;
    position: relative;
    margin:1rem 2rem;
    text-align: left !important;
    box-shadow: 0px 6px 11px 4px rgba(0,0,0,.1);
    transition: 0.3s;
}
.package-wrapper:hover{
    box-shadow: 0px 6px 11px 4px rgba(0,0,0,.4);
    transform: scale(1.01);
}
.package-content{
    padding: 0 15px;
}
.package-wrapper .separator{
    height: 1px;
}
.package-header {
    padding: 15px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: sans-serif;
}
.school-logo {
    text-align: right;
}
.package-title {
    color: #fff;
    font-size: 50px;
    font-family: 'Exo 2';
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 6px;
}
.icons {
    display: inline-block;
    max-width: 29%;
    font-size: 42px;
    width: 100%;
}
.second-icon {
    text-align: right;
    transform: rotate(8deg);
}
.first-icon {
    transform: rotate(-19deg);
}
.fl-rich-text .include li{
    text-align: left !important;
}
.include,
.annual-payment,
.monthly-payment {
    display: inline-block;
    max-width: 70%;
    width: 100%;
    color: #fff;
    font-family: 'Exo 2';
    vertical-align: top;
}
.include .title ,
.annual-payment .title,
.monthly-payment .title{
    text-align: center;
    color: #fff;
    font-family: 'Exo 2';
    text-transform: uppercase;
    margin-top: 13px;
    font-weight: 700;
    font-size: 16px;
}
.include ul,
.annual-payment ul {
    margin: 0 0 0 30px;
    font-size: 13px;
    line-height: 20px;
}
.annual-payment,
.monthly-payment {
    font-size: 13px;
    line-height: 20px;
}
.avail-button {
    color: #fff !important;
    font-family: 'Exo 2';
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
    transition: 0.3s;
    font-size: 29px;
    position: relative;
    border-radius: 0;
    background: transparent;
    width: 100% !important;
    display: block;
}
.avail-button:before {
    content: '';
    border: 2px solid #fff;
    position: absolute;
    top: -10px;
    left: -10px;
    right: 5px;
    bottom: 5px;
    z-index: 0;
}
.package-grades {
    font-size: 19px;
    font-family: 'Exo 2';
    font-weight: 700;
    text-transform: uppercase;
    margin: -5px 0 10px 0;
}
.package-annual .second-icon{
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 31px;
    max-width: 48px;
    line-height: 47px;
    margin-left: auto;
}
.over-white {
    background: rgba(255,255,255,.65);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}
.message-wrapper {
    font-size: 22px;
    max-width: 69%;
    border-radius: 50%;
    color: #fff;
    line-height: 27px;
    text-align: center;
    padding: 66px 20px;
}
.single-package #primary {
    margin: 0;
    padding: 0;
}
.single-package #content>.ast-container{
    padding: 0;
    max-width: 100%;
}
.single .main-header-bar{
    background: #b4373a;
}

.single .main-header-bar a{
    color:#fff;
}
.single .main-header-bar a:hover{
    color:#fff;
}
#gform_wrapper_12 select{
    height: 50px !important;
    margin-top: 0 !important;
}
.package-right-col {
    padding: 10px;
    margin-left: 15px;
}
.package-description {
    margin-bottom: 3rem;
    font-size: 17px;
}
.single .package-wrapper{
    padding-bottom: 15px;
    margin: 0;
}
.single .package-left-col{
    width:100%;
    max-width: 350px;
}
input[readonly="readonly"] {
    background: #e6e6e6;
}

.package-right-col {
    border: 2px dashed #ff1617;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
}
.package-right-col:before {
    content: '';
    background: rgba(255,255,255,.96);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.pending-message {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    flex-direction: column;
    max-width: 300px;
    margin: auto;
    text-align: center;
    height: 50%;
}
.pending-message svg{
    font-size: 110px;
}
.mobile-header{
    background: #9f3036;
    border-bottom: 2px solid #f5b514;
    color: #fff;
    font-size: 21px;
    text-align: center;

}
@media(min-width:769px){
    .mobile-header{
        display: none;
    }
}
.bubble-container{
    color: #fff;
    padding: 1rem;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: center;

}
.bubble-container>div{
    font-weight: normal;
}
.current-sy{
    background-color: #02ae52;
}
.current-balance {
    background: #b4373a;
}
.current-status {
    background: #f8b713;
}
.bubble-wrapper {
    display: flex;
    margin: 1rem 0 3rem 0;
}
#payment_btn{
    background: #0e71eb;
    padding: 10px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color:#fff
}
.modal-header {
    background: #b4373a;
}
.modal-title {
    color: #fff !important;
    font-size: 24px !important;
    text-align: center !important;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 !important;
}
div#payments-table_wrapper {
    padding: 0 4px;
    margin-top: 1rem;
}
.admin-table.payment-info-table {
    margin-top: 1rem;
}
.gform_confirmation_wrapper {
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-align: center;
}
.gform_confirmation_wrapper svg{
    color: green;
    font-size: 69px;
    margin-bottom: 1rem;
}

.pending-payment {
    background: #ff00004d;
    padding: 10px;
    margin-bottom: 1rem;
}
main#main {
    min-height: 900px;
}
.restricted-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 500px;
    text-align: center;
    position: relative;
}
.msg {
    font-size: 34px;
    font-weight: 600;
}
.restricted-container .fa-ban,
.restricted-container .fa-meh-o{
    font-size: 460px;
    position: absolute;
    opacity: 0.08;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #00000070;
}
.restricted-container  a{
    z-index: 9;
    position: relative;
    background: #b4373a;
    padding: 10px 20px;
    border-radius: 25px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 3rem;
    display: block;
}
.hide{
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.payment-values,
.orginal-values{
    transition: 0.9s;
    overflow: hidden;
}
#show-details{
    background: transparent;
    color: #0e71eb;
    padding-left: 0;

}

button:focus{
    outline: 0 !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:#0e71eb !important;
    color: #fff !important;
}

.site-logo-img img{
    transition: 0.3s;
}
.site-logo-img img:hover{
    transform:scale(0.98);
}

.zoom-btn{
    margin-top: 1rem;
    margin-top: 1rem;
    position: absolute;
    bottom: 10px;
}
.icon-btn{
    color: #02af53;
    background: #fff;
    padding: 0;
    transition: 0.3s;
    margin-left: 7px;
}
.icon-btn:hover{
    color: #a33437 !important;
    background: #fff !important;
}
a.chosen-single {
    height: 50px !important;
    padding: 15px !important;
}

.gform_wrapper .chosen-container-single .chosen-single div{
    top: 28% !important;
    right: -2px !important;
}
 
.page-id-39432 .main-header-bar{
    background: #b4373a;
}
.main-header-menu > .menu-item > a{
    color: #fff;
}
.main-header-menu > .menu-item > a:hover{
    color: #fff !important;
}
button.show {
    background: transparent;
    color: #b4373a;
}
.image-col .fl-col-content.fl-node-content{
    display: flex !important;
    flex-direction: row-reverse;
}
#details_modal .modal-body{
    min-height: 400px;
}
a:hover, a:focus{
    outline: 0 !important;
    color: #fff;
}
.help.message {
    background: rgba(14, 113, 235, 0.58);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #0e71eb;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.help.message i{
    margin-right: 10px;
    font-size: 50px;
}
span.sub-title {
    font-size: 13px;
    font-style: italic;
}
a.table-links{
    color: #0e71eb;
    font-weight: 600;
    transition: 0.3s;
}
a.table-links:focus{
    color: #0e71eb !important;
}
a.table-links:hover{
    color:#b4373a !important
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color:#fff !important
}

body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #0e71eb !important;
    color:#fff !important
}
.table-head{
    background: #02af53;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.table-head td{
    text-align: center;
    vertical-align: middle;
}
.table-body:nth-child(odd){
    background: #02af531c;
}
.section_title{
    text-align: center;
    background: #b4373a;
    color: #fff !important;
    padding: 20px;
}
.error404 .main-header-bar {
    background: #b4373a;
}
body.error404  .page-header{
    background: #fff;
    margin-bottom: 0;
}
.error404 .page-header .page-title {
    color: #b4373a;
    font-size: 28px;
}
@media (min-width: 1201px){
    body.ast-separate-container .ast-404-layout-1, body.ast-separate-container .no-results {
        margin: 0;
        padding: 0;
    }
}
@media (min-width: 1200px){
    #content #primary {
        min-height: 65vh;
    }
}
.gfield_description.validation_message {
    padding: 0 0.5rem !important;
    background: #f0fd2ae3;
}
.ginput_container input {
    margin: 0 !important;
}
.validation_error {
    display: none !important;
}
.gfield_label {
    margin: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
}
.ginput_container {
    margin-top: 0 !important;
}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    margin-right: 0 !important;
    width: 100%;
    max-width: 100% !important;
}
body div.ginput_complex.ginput_container.gf_name_has_3 span {
    width: 31.3%;
}
body #ld-user-register .gform_wrapper .gform_footer {
    margin-top: 1rem !important;
}
select#input_6_15 {
    margin-bottom: 0 !important;
    height: 42px;
}
li#field_6_15 {
    padding: 0 !important;
}
li.gfield.gf_right_half {
    padding-right: 0 !important;
}
.ginput_container span label {
    color: #fff !important;
    font-size: 11px !important;
}
li#field_6_14 {
    padding-right: 0 !important;
}
.page-id-26258 .gfield_label,
.page-id-32269 .gfield_label,
.page-id-26305 .gfield_label{
    color: #b4373a !important;
}
.ld-course-status.ld-course-status-not-enrolled {
    display: none !important;
}