.audioTextCloseButton {display: flex;padding: 0 16px;flex-direction: row;justify-content: space-between;}
.audioTextOverlay {position: absolute;bottom: 30px;width: 100%;background: rgba(0,0,0,.8);color: white;padding-top: 16px;}
.backdrop-blur-black {background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);}
.backdrop-blur-white {background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);}
.backdrop-noblur-white {background-color: rgba(255, 255, 255, 0.95);}
.backdrop-noblur-vivid-white {background-color: rgb(243, 245, 255);}
.bigassshadow {background: #ffffff;border-radius: 0 0 30px;box-shadow: 15px 45px 20px 1px rgba(0, 0, 0, 0.21176);-webkit-box-shadow: 15px 45px 20px 1px rgba(0, 0, 0, 0.21176);}
.border-round{ border-radius: 10px;}
.bg-gradient-1 {
    background: rgb(119,8,39);
    background: linear-gradient(117deg, rgba(119,8,39,1) 0%, rgba(178,8,55,1) 50%, rgba(99,5,31,1) 100%);
}
.dropdown-menu > a, .dropdown > a, .dropdown-menu > a:focus, .dropdown > a:focus, .dropdown-menu > a:visited, .dropdown > a:visited {
        font-weight: 300;
        color: white;
        text-overflow:ellipsis;
        overflow: hidden;
    }
    .dropdown-menu > a:hover, .dropdown > a:hover {
        font-weight: 300;
        text-decoration: none;
        color: white;
    }
    .dropdown-menu > a:hover {
        background-color: rgb(84, 3, 25) !important
    }
    .drop-down{display:flex;overflow:hidden;}
.dropdown-menu{background-color:rgba(0,0,0,.75) !important;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);}
.dropdown-menu > a.active{background: rgb(178,8,55) !important;}
.loadingBackDrop {width: 250px !important;background-color: rgba(0,0,0,.75);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);height: 250px !important;display: flex;border-radius: 10px;align-items: center;justify-content: center;box-shadow: 2px 3px 50px -5px black;}
.header-bg-moveras {background: black;width: auto;padding: 10px;border-left: 4px solid rgb(178,8,55);color: white;}
.image-cover-250{object-fit: cover;height: 250px;width: 100%;}
.font-size-80per{font-size:80%;}
.red-border {border: 1px solid red !important;}
.bottom-bar {width: 100%;height: 64px;background: rgb(178,8,55);margin-top: -200px; display: flex; justify-content: space-between; align-items: center;}
.bottom-bar-no-margin {width: 100%;height: 64px;background: rgb(178,8,55); display: flex; justify-content: space-between; align-items: center;}
.shadow-box {width: 100%;}
#MainDiv > .shadow-box{margin-top:60px; margin-bottom:160px;}
::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(255,255,255,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

/*ROTATE AN ELEMENT -- LIKE A LOADING SPINNER????*/
.rotate {animation: rotation 2s infinite linear;}
@keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}}

/*overriders*/
#content-areas{min-height: unset !important;}
#Body {background-color: #130000 !important; }
.home-page-banner {height: 105vh !important;}
.additional-bottom-padding {padding: 6px 6px 150px 6px !important;}
.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {border: 1px solid #9c9c9c !important;outline: 0;box-shadow: 0 0 3px #000000 !important;}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {background: #a8a8a8 !important;}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {background: #bbbbbb !important;color: #fff;}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {background: rgb(178, 8, 55) !important;}
.swal2-popup.swal2-toast {box-shadow: none !important;-webkit-box-shadow:none !important;}
.swal2-success-fix {background-color: rgba(0,0,0,0) !important;}
.swal2-success-circular-line-right {background-color: rgba(0,0,0,0) !important;}
.swal2-success-circular-line-left {background-color: rgba(0,0,0,0) !important;}

.dataTables_paginate{ float:right}
.page-item.active .page-link { background-color: rgb(178,8,55) !important; border-color: rgb(178,8,55) !important;}
.dataTables_length > label {display: flex; align-items: center; }
.dataTables_length > label > select {width: auto !important; margin-left: 6px; margin-right: 6px; }
.dataTables_filter > label {display: flex; align-items: center; justify-content: flex-end; }
.dataTables_filter > label > input { margin-left: 6px; width: 150px !important; }
.link1 {color: #c90a0a;text-decoration: none;font-weight: 600;}
.link1:hover, .link1:active, .link1:visited , .link1:focus{color:white;text-decoration: none;font-weight: 600;}

/* Extra small devices (portrait phones, less than 576px)  */
.lineH-0 {line-height: 1;}
.logo-responsive {width: 25vw;max-width: 180px;}
.responsive-header-font-size {font-size: 1.4rem !important;line-height: 2rem !important;font-weight: 200 !important;}
.responsive-text-font-size {font-size: 14px;font-weight: 300 !important;}
.responsive-text-font-size-bigger {font-size: 16px;font-weight: 400 !important;line-height: 30px;margin-bottom: 16px;padding: 16px 10px;}
.responsive-padding {padding: 1rem !important;}
.aboveParallax {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow-y: scroll; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; padding: 6px;-webkit-overflow-scrolling: touch;}
.flex-middle {justify-content: center;align-items: center;left: 50%;top: 50% !important;transform: translate(-50%, -50%);overflow: hidden !important;}
.constrain-width{max-width: 1000px;}
.container-cover-250 { height: 234px;position: relative;top: -250px;}
.container-offsett-250 {position:relative;top:-225px;}
.absolute-top {position: relative;top: -16px;left: -16px;width: Calc(100% + 16px * 2);}
.pl-5-responsive{padding-left:.25rem !important;}
.titleBar_Slide_Blur {background: rgba(204, 0, 36, 0.55);color: white;display: flex;align-items: center;height: 48px;padding-left: 16px;}
.titleBar_Slide_NoBlur {background: rgb(178, 8, 55);color: white;display: flex;align-items: center;height: 48px;padding-left: 16px;}
.titleBar_Slide_BlurBlack {background: rgba(0, 0, 0, 0.44);border-bottom: 2px solid rgb(178,8,55);color: white;display: flex;align-items: center;height: 48px;padding-left: 16px;}
.titleBar_Slide_NoBlurBlack {background: rgb(0, 0, 0);border-bottom: 2px solid rgb(178,8,55);color: white;display: flex;align-items: center;height: 48px;padding-left: 16px;}
/*  Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .responsive-header-font-size {font-size: 1.6rem !important;line-height: 2rem !important;font-weight: 200 !important;}
    .responsive-text-font-size {font-size: 16px;font-weight: 300 !important;}
    .responsive-text-font-size-bigger {font-size: 16px;font-weight: 400 !important;line-height: 30px;margin-bottom: 16px;padding: 16px 10px;}
    .responsive-padding {padding: 1rem !important;}
    .aboveParallax {align-items: flex-start}
    .container-cover-250 { height: 234px;}
    .absolute-top {position: relative;top: -16px;left: -16px;width: Calc(100% + 16px * 2);}
    .pl-5-responsive{padding-left: .5rem!important;}
    #MainDiv > .shadow-box{margin-top:60px !important; margin-bottom:160px !important;}
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .responsive-header-font-size {font-size: 1.7rem !important;line-height: 2rem !important;font-weight: 200 !important;}
    .responsive-text-font-size {font-size: 16px;font-weight: 300 !important;}
    .responsive-text-font-size-bigger {font-size: 18px;font-weight: 400 !important;line-height: 30px;margin-bottom: 16px;padding: 16px 10px;}
    .responsive-padding {padding: 3rem !important;}
    .aboveParallax {align-items: flex-start}
    .container-cover-250 { height: 202px;position: relative;top: -250px;}
    .absolute-top {position: relative;top: -48px;left: -48px;width: Calc(100% + 48px * 2);}
    .pl-5-responsive{padding-left: 1rem!important;}
    #MainDiv > .shadow-box{margin-top:60px !important; margin-bottom:160px !important;}
}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .responsive-header-font-size {font-size: 1.8rem !important; line-height: 2rem !important; font-weight: 200 !important;}
    .responsive-text-font-size {font-size: 20px;font-weight: 300 !important;}
    .responsive-text-font-size-bigger {font-size: 18px;font-weight: 400 !important;line-height: 30px;margin-bottom: 16px;padding: 16px 10px;}
    .responsive-padding {padding: 3rem !important;}
    .aboveParallax {align-items: center;}
    .container-cover-250 { height: 202px;position: relative;top: -250px;}
    .absolute-top {position: relative;top: -48px;left: -48px;width: Calc(100% + 48px * 2);}
    .pl-5-responsive{padding-left: 1rem!important;}
    #MainDiv > .shadow-box{margin-top:60px !important; margin-bottom:60px !important;}
}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .responsive-header-font-size {font-size: 2rem !important;line-height: 2rem !important;font-weight: 200 !important;}
    .responsive-text-font-size {font-size: 18px;font-weight: 300 !important;}
    .responsive-text-font-size-bigger {font-size: 20px;font-weight: 400 !important;line-height: 30px;margin-bottom: 16px;padding: 16px 10px;}
    .responsive-padding { padding: 3rem !important;}
    .aboveParallax {align-items: center;}
    .container-cover-250 { height: 202px;position: relative;top: -250px;}
    .absolute-top {position: relative;top: -48px;left: -48px;width: Calc(100% + 48px * 2);}
    .pl-5-responsive{padding-left: 1rem!important;}
    #MainDiv > .shadow-box{margin-top:60px !important; margin-bottom:60px !important;}
}

/* VIDEO JS HELPERS*/
.video-js-responsive-container.vjs-hd {padding-top: 56.25%;}
.video-js-responsive-container.vjs-sd {padding-top: 75%;}
.video-js-responsive-container {width: 100%;position: relative;}
.video-js-responsive-container .video-js {height: 100% !important;width: 100% !important;position: absolute;top: 0;left: 0;}
.shadow-box-video-player{width: 100%;height: auto;}

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {display: none;}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {min-height: 3em;}

/*IM READY BUTTON*/
.ready-button {text-align: center;backface-visibility: hidden;position: relative;cursor: pointer;display: inline-block;white-space: nowrap;background: #fff;border-radius: 0px;border: 3px solid #444;border-width: 3px 3px 3px 3px;padding: 5px 20px 5px 20px;color: #000;font-size: 28px;font-family: century gothic;font-weight: 600;font-style: normal}
.ready-button:hover {}
.ready-button > div {color: #191919;font-size: 16px;font-family: century gothic;font-weight: initial;font-style: normal;text-align: center;margin: 0px 0px 0px 0px}
.ready-button > i {font-size: 0.9em;border-radius: 0px;border: 0px solid transparent;border-width: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;margin: 0px 0px 0px -18px;position: static}
.ready-button > .ld {font-size: 028px}

/* Grow Shadow */
.hvr-grow-shadow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: box-shadow, transform;transition-property: box-shadow, transform;}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);-webkit-transform: scale(1.01);transform: scale(1.01);}
.hvr-grow-shadow:active {transform: scale(.80);-webkit-transform: scale(.80);}

/*FOR QUIZ FORMATTING*/
.mov_h2 {padding: 0 16px;font-size: 20px;line-height: 2rem;background: #575050;border-left: 4px solid rgb(178,8,55);color: white;border-radius: 0 20px 20px 0;}
.mov_h3 {font-size: 18px;line-height: 2rem;margin-top: 10px;margin-left: 8px;}
.mov_ul {list-style: none;margin: 10px 0 48px 16px;padding: 0;overflow: auto;}
.mov_li {color: #AAAAAA;display: block;position: relative;float: left;width: 100%;}
.mov_li > label {display: inline;}
.mov_radios {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-block;position: relative;background-color: #f1f1f1;color: #666;top: 5px;height: 20px;
    width: 20px;border: 0;border-radius: 50px;cursor: pointer;margin-right: 7px;outline: none;}
.mov_radios:checked::before {position: absolute;font: 17px/1 'Open Sans', sans-serif;left: 3px;top: 1px;content: "\2713";}
.mov_radios:hover {background-color: #f7f7f7;}
.mov_radios:checked {background-color: #f1f1f1;}
.mov_label {font: 15px/1.7 'Open Sans', sans-serif;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;cursor: pointer;} 

/*SUBMIT BUTTON*/
.submit-button{text-align:center;backface-visibility:hidden;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;background:#575050;background:radial-gradient(circle,#575050 0,#443f3f 100%);border-radius:0;border-bottom: 2px solid rgb(178,8,55);padding:5px 20px 5px 20px;color:#fff;font-size:28px;font-family:arial;font-weight:600;font-style:normal}.submit-button>div{color:#fff;font-size:16px;font-family:century gothic;font-weight:initial;font-style:normal;text-align:center;margin:0}.submit-button>i{font-size:.9em;border-radius:0;border:0 solid transparent;border-width:0;padding:0;margin:0 0 0 -18px;position:static}.submit-button>.ld{font-size:28px}
.submit-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 10px 30px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.6);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}.submit-grow-shadow:focus,.submit-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.01);transform:scale(1.01)}.submit-grow-shadow:active{transform:scale(.8);-webkit-transform:scale(.8)}