.mejs__offscreen{
border:0;
clip:unset;
-webkit-clip-path:0;
clip-path:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal
}
.mejs__container{
background:#000;
box-sizing:border-box;
font-family:"Cerebri Sans",Arial,sans-serif;
position:relative;
text-indent:0;
vertical-align:top;
transition:.2s;
text-align:center
}
.mejs__container *{
box-sizing:border-box
}
.mejs__controls :active,
.mejs__controls :focus{
outline:0
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button{
-webkit-appearance:none;
display:none!important
}
.mejs__fill-container,
.mejs__fill-container .mejs__container{
height:100%;
width:100%
}
.mejs__fill-container{
background:0 0;
margin:0 auto;
overflow:hidden;
position:relative
}
.mejs__container:focus{
outline:0
}
.mejs__iframe-overlay{
height:100%;
position:absolute;
width:100%
}
.mejs__embed,
.mejs__embed body{
background:#000;
height:100%;
margin:0;
overflow:hidden;
padding:0;
width:100%
}
.mejs__fullscreen{
overflow:hidden!important
}
.mejs__container-fullscreen{
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
z-index:1000
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video{
height:100%!important;
width:100%!important
}
.mejs__background{
left:0;
position:absolute;
top:0
}
.mejs__mediaelement{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
text-align:center
}
.mejs__poster{
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
left:0;
position:absolute;
top:0;
z-index:1
}
:root .mejs__poster-img{
display:none
}
.mejs__poster-img{
border:0;
padding:0
}
.mejs__overlay{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
top:0
}
.mejs__layer{
z-index:1
}
.mejs__overlay-play{
cursor:pointer
}
.mejs__overlay-button{
height:90px;
width:90px;
display:flex;
align-items:center;
justify-content:center
}
.mejs__overlay-button:active,
.mejs__overlay-button:focus{
outline:0
}
.mejs__overlay:hover>.mejs__overlay-button{
background-position:-80px -39px
}
.mejs__overlay-loading .mejs__overlay-loading-bg-img{
height:80px;
width:80px;
background:rgba(0,0,0,.2);
border-radius:50%;
display:block;
border:3px solid rgba(0,0,0,.4);
border-top-color:#fff;
animation:1s linear infinite spinner2;
box-sizing:border-box
}
@keyframes spinner2{
to{
transform:rotate(360deg)
}
}
.mejs__controls{
bottom:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:50px;
left:0;
list-style-type:none;
margin:0;
padding:0 16px;
position:absolute;
width:100%;
transition:.18s;
z-index:50
}
.mejs__controls:before{
content:'';
position:absolute;
background:url('../images/player-controls-bg.png');
background-repeat:repeat-x;
background-position:bottom;
width:100%;
height:100px;
bottom:0;
left:0;
pointer-events:none
}
.mejs__controls:hover{
display:flex!important
}
.mejs__controls:not([style*='display: none']){
height:50px
}
.mejs__button,
.mejs__time,
.mejs__time-rail{
font-size:10px;
height:32px;
margin:11px 0 0;
width:32px
}
.mejs__button>button{
background:url('../images/mejs-controls.svg');
border:0;
cursor:pointer;
display:block;
font-size:0;
height:16px;
line-height:0;
margin:10px 6px;
overflow:hidden;
padding:0;
position:absolute;
text-decoration:none;
width:20px
}
.mejs__button>button:focus{
outline:#999 dotted 1px
}
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus{
outline:0
}
.mejs__time{
box-sizing:content-box;
color:#fff;
font-size:13px;
height:24px;
overflow:hidden;
padding:13px 6px 0;
text-align:center;
width:auto;
position:absolute;
left:82px;
transition:.6s
}
.mejs__play>button{
background-position:0 0
}
.mejs__pause>button{
background-position:-17px 0
}
.mejs__replay>button{
background-position:-160px -1px;
height:17px
}
.mejs__time-rail{
direction:ltr;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
height:18px;
margin:0;
left:0;
width:100%;
position:absolute;
z-index:1000;
cursor:pointer
}
.mejs__time-rail:hover .mejs__time-buffering,
.mejs__time-rail:hover .mejs__time-current,
.mejs__time-rail:hover .mejs__time-loaded,
.mejs__time-rail:hover .mejs__time-marker,
.mejs__time-rail:hover .mejs__time-total{
transform:scaleY(1.25)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total{
cursor:pointer;
display:block;
height:4px;
position:absolute
}
.mejs__time-total{
background:rgba(255,255,255,.3);
margin:3px 0 0;
width:100%;
z-index:100000
}
.mejs__time-loaded{
background:rgba(255,255,255,.7)
}
.mejs__time-current,
.mejs__time-handle-content{
background:#0079d3
}
.frame_thumb_active .mejs__time-current,
.frame_thumb_active .mejs__time-handle-content,
.trim_action_active .mejs__time-current,
.trim_action_active .mejs__time-handle-content{
background:#fff!important
}
.mejs__time-hovered{
background:rgba(255,255,255,.5);
z-index:10;
-webkit-transition:height .1s cubic-bezier(.44, 0, 1, 1);
transition:height .1s cubic-bezier(.44, 0, 1, 1)
}
.mejs__time-hovered.negative{
background:rgba(0,0,0,0)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded{
left:0;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
width:100%
}
.mejs__time-buffering{
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1)
}
.mejs__time-hovered.no-hover{
-webkit-transform:scaleX(0)!important;
-ms-transform:scaleX(0)!important;
transform:scaleX(0)!important
}
.mejs__time-handle,
.mejs__time-handle-content{
border:4px solid transparent;
cursor:pointer;
left:0;
position:absolute;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
z-index:11
}
.mejs__time-handle-content{
border-radius:50%;
height:15px;
left:-7px;
top:-10px;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
width:15px
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content{
-webkit-transform:scale(1) scaleX(1.25);
-ms-transform:scale(1) scaleX(1.25);
transform:scale(1) scaleX(1.25)
}
.mejs__time-float{
display:none!important
}
.mejs__time-float-current{
display:block;
left:0;
margin:2px;
text-align:center;
width:30px
}
.mejs__time-float-corner{
border:5px solid #eee;
border-color:#333 transparent transparent;
border-radius:0;
display:block;
height:0;
left:50%;
line-height:0;
position:absolute;
top:100%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:0
}
.mejs__long-video .mejs__time-float{
margin-left:-23px;
width:64px
}
.mejs__long-video .mejs__time-float-current{
width:60px
}
.mejs__broadcast{
color:#fff;
height:10px;
position:absolute;
top:15px;
width:100%
}
.mejs__fullscreen-button{
position:absolute;
right:15px
}
.mejs__fullscreen-button>button{
background-position:-80px 0
}
.mejs__unfullscreen>button{
background-position:-100px 0
}
.mejs__mute>button{
background-position:-60px 0
}
.mejs__unmute>button{
background-position:-41px 0
}
.mejs__halfmute>button{
background-position:-119px 0
}
.mejs__volume-button{
position:absolute;
left:49px;
width:40px!important
}
.mejs__volume-button:hover .mejs__horizontal-volume-slider{
width:56px!important
}
.mejs__volume-button>.mejs__volume-slider{
-webkit-backface-visibility:hidden;
background:rgba(50,50,50,.7);
border-radius:0;
bottom:100%;
display:none;
height:115px;
left:50%;
margin:0;
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:25px;
z-index:1
}
.mejs__volume-button:hover{
border-radius:0 0 4px 4px
}
.mejs__volume-total{
background:rgba(255,255,255,.5);
height:100px;
left:50%;
margin:0;
position:absolute;
top:8px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:2px
}
.mejs__volume-current{
background:rgba(255,255,255,.9);
left:0;
margin:0;
position:absolute;
width:100%
}
.mejs__volume-handle{
background:rgba(255,255,255,.9);
border-radius:1px;
cursor:ns-resize;
height:6px;
left:50%;
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:16px
}
.mejs__horizontal-volume-slider{
display:block;
height:36px;
position:absolute;
vertical-align:middle;
width:0;
overflow:hidden;
margin-top:-1px;
left:28px;
transition:.6s;
cursor:pointer
}
.mejs__horizontal-volume-total{
background:rgba(255,255,255,.3);
border-radius:2px;
font-size:1px;
height:4px;
left:0;
margin:0;
padding:0;
position:absolute;
top:17px;
width:50px
}
.mejs__horizontal-volume-current{
background:rgba(255,255,255,.9);
border-radius:2px;
font-size:1px;
height:100%;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:100%
}
.mejs__horizontal-volume-handle{
display:none
}
.mejs__overlay-error{
position:relative
}
.mejs__overlay-error>img{
left:0;
max-width:100%;
position:absolute;
top:0;
z-index:-1
}
.mejs__cannotplay,
.mejs__cannotplay a{
color:#fff;
font-size:.8em
}
.mejs__cannotplay{
position:relative
}
.mejs__cannotplay a,
.mejs__cannotplay p{
display:inline-block;
padding:0 15px;
width:100%
}
.display-playback-speed{
position:absolute;
right:174px;
top:15px;
color:#fff
}
.display-playback-speed:active,
.display-playback-speed:focus{
outline:0
}
.toggle_mode{
position:absolute;
right:60px;
bottom:11px;
color:#fff;
cursor:pointer
}
@media (max-width:768px){
.video-player-wrapper .display-playback-speed{
right:50px!important
}
.toggle_mode{
display:none
}
}
.toggle_mode:active,
.toggle_mode:focus{
outline:0
}
.toggle_caption_container{
position:absolute;
right:11px;
bottom:15px;
color:#fff;
cursor:pointer
}
.toggle_caption_container:active,
.toggle_caption_container:focus{
outline:0
}
.toggle_caption_container .span_disabled{
opacity:.6;
pointer-events:none
}
.display-playback-speed p{
padding:4px 0;
margin:0;
font-size:16px;
color:#fff;
font-weight:700;
text-align:center;
width:30px;
cursor:pointer;
user-select:none
}
.display-playback-speed p:active,
.display-playback-speed p:focus{
outline:0
}
.display-playback-speed p span{
font-size:22px;
line-height:10px;
display:inline-block;
position:absolute;
top:11px;
font-weight:400
}
.dark .audio_mejs_player .mejs__container{
background-color:#000
}
.dark .audio_mejs_player .mejs__controls{
border:1px solid #000
}
a{
color:#2f76ff
}
.btn-group,
.btn-group-vertical{
position:relative;
display:inline-block;
vertical-align:middle
}
.btn-compact .btn .caret{
position:absolute;
top:50%;
transform:translateY(-50%);
left:auto!important;
right:12px;
margin:0
}
.caret{
display:inline-block;
width:0;
height:0;
vertical-align:middle;
margin-top:-2px;
margin-left:7px;
margin-right:0;
border-top:6px solid rgba(18,35,69,.8);
border-right:4px solid transparent;
border-left:4px solid transparent
}
audio{
margin:20px auto 0
}
.audio_mejs_player .mejs__button,
.audio_mejs_player .mejs__time,
.audio_mejs_player .mejs__time-rail{
margin-top:4px
}
.audio_mejs_player .mejs__horizontal-volume-total{
background:#b4babe;
top:16px
}
.audio_mejs_player .mejs__horizontal-volume-current{
background:#333c4e
}
.audio_mejs_player .mejs__time-total{
background:#747f87
}
.audio_mejs_player .mejs__time-loaded{
background:#b4babe
}
.audio_mejs_player .mejs__time-current,
.audio_mejs_player .mejs__time-handle-content{
background:#333c4e
}
.audio_mejs_player .mejs__time-hovered{
background:0 0
}
.audio_mejs_player .mejs__time-rail{
transition:.6s;
left:175px;
top:14px;
width:49%
}
@media (max-width:600px){
.audio_mejs_player .mejs__time-rail{
left:138px;
width:calc(100% - 216px)
}
.audio_mejs_player .mejs__volume-button{
display:none
}
}
.audio_mejs_player .mejs__controls:before{
content:none
}
.audio_mejs_player .mejs__horizontal-volume-slider{
z-index:100000;
transition:width .6s;
margin-top:0!important
}
.audio_mejs_player .mejs__volume-button{
margin-top:5px;
height:36px;
left:41px
}
.audio_mejs_player .mejs__volume-button:hover{
border-top-left-radius:20px;
border-bottom-left-radius:20px
}
.audio_mejs_player .mejs__volume-button:hover .mejs__horizontal-volume-slider{
border-top-right-radius:20px;
border-bottom-right-radius:20px
}
.audio_mejs_player .mejs__time-rail .mejs__time-handle-content:active,
.audio_mejs_player .mejs__time-rail .mejs__time-handle-content:focus,
.audio_mejs_player .mejs__time-rail:hover .mejs__time-handle-content{
border:6px solid #333c4e
}
.audio_mejs_player .mejs__time-handle-content{
top:-10px
}
.audio_mejs_player .mejs__controls{
background:#fff;
height:47px;
padding:0 8px;
border:1px solid #e2e2e2;
border-radius:5px
}
.audio_mejs_player .mejs__time{
left:75px;
padding:9px 6px 0;
color:#333c4e
}
.audio_mejs_player .display-playback-speed{
right:37px;
top:7px
}
.audio_mejs_player .mejs__container{
background-color:#fff;
border-radius:5px
}
.audio_mejs_player .display-playback-speed p{
color:#333c4e
}
.audio_mejs_player .display-playback-speed p:active,
.audio_mejs_player .display-playback-speed p:focus{
outline:0
}
.audio_mejs_player .mejs__play>button{
background-position:122px 0
}
.audio_mejs_player .mejs__mute>button{
background-position:60px 0
}
.audio_mejs_player .mejs__pause>button{
background-position:104px 0
}
.audio_mejs_player .mejs__unmute>button{
background-position:83px 0
}
.audio_mejs_player .mejs__halfmute>button{
background-position:38px 0
}
.audio_mejs_player .mejs__replay>button{
background-position:20px 0
}
.btn-compact.open .dropdown-menu{
height:auto!important
}
.progres_bar_time{
font-size:14px!important;
margin:0!important
}
.progressbar{
margin:0!important
}
.drop_zone span{
display:auto!important
}
.audio_mejs_player{
text-align:center;
display:flex;
align-content:center;
justify-content:center;
margin-bottom:20px
}
#loading-spinner{
margin:20px;
border:4px solid rgba(0,0,0,.1);
border-top:4px solid #3498db;
border-radius:50%;
width:40px;
height:40px;
animation:1s linear infinite spin
}
@keyframes spin{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
.drop_zone_second .progressbar{
max-width:600px;
width:100%;
position:relative;
border-radius:10px;
height:7px;
margin:30px auto 15px;
overflow:hidden;
display:block
}
.drop_zone_second .progressbar span.progress_active{
background-color:#2f76ff;
z-index:100
}
.drop_zone_second .progressbar span{
width:100%;
height:7px;
left:0;
top:0;
display:block;
position:absolute
}
.drop_zone_second .progressbar span.progress_bg{
background-color:#dbeaf6
}
#loading-spinner-parent{
display:flex;
align-items:center;
justify-content:center
}
.bottom_banner_sec{
display:flex;
align-items:center
}
.bottom_banner_sec .share_ideas{
max-width:30%;
width:30%;
background-color:#eef5f9;
padding:20px;
height:375px;
border-top-left-radius:7px;
border-bottom-left-radius:7px
}
.bottom_banner_sec .share_ideas img{
max-width:300px;
width:100%;
margin:0 auto;
display:block
}
.bottom_banner_sec .share_ideas h3{
font-size:22px;
margin-top:35px;
font-weight:400
}
.bottom_banner_sec .record_screen{
display:flex;
max-width:70%;
width:70%;
align-items:center;
justify-content:space-around;
background-color:#cbbaf9;
padding:0 40px;
height:375px;
border-top-right-radius:7px;
border-bottom-right-radius:7px
}
.bottom_banner_sec .record_screen ul{
padding:0;
margin:0 0 20px;
list-style-type:none
}
.bottom_banner_sec .record_screen ul li{
font-size:18px;
text-align:left
}
.no-bullets{
list-style:none
}
@media (max-width:1000px){
.bottom_banner_sec{
flex-direction:column
}
.bottom_banner_sec .share_ideas{
width:100%;
max-width:100%;
height:auto
}
.bottom_banner_sec .record_screen{
width:100%;
max-width:100%;
padding:0 20px 40px;
flex-direction:column;
height:auto
}
.bottom_banner_sec .record_screen ul{
margin-top:40px
}
.main_points{
grid-template-columns:1fr;
max-width:290px
}
.main_points li:nth-of-type(3){
order:2
}
.main_points li:first-of-type{
order:1
}
.main_points li:nth-of-type(2){
order:3
}
.main_points li:nth-of-type(4){
order:4
}
}
.radial-progress{
height:74px;
width:74px;
border:2px solid #15a13a;
border-radius:100%;
top:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px;
left:0;
right:0
}
.radial-progress img{
height:25px
}
.btn_wrpper{
display:flex;
flex-wrap:wrap;
justify-content:center;
max-width:540px;
width:100%;
margin-left:auto;
margin-right:auto;
align-items:center;
gap:15px
}
@media (max-width:600px){
.audio_mejs_player .mejs__time{
left:40px
}
.btn_wrpper{
flex-direction:column
}
}
.btn_wrpper .btn{
padding:10px 32px;
min-width:165px
}
.modal-open{
overflow:hidden;
position:fixed;
width:100%
}
.viewer-open{
overflow:hidden!important
}
.modal{
z-index:105000!important
}
.modal-backdrop{
z-index:104000!important
}