.mje-short-videos-top-wrapper
{        
    margin:15px 0px;
}
.mje-short-videos-list-wrapper
{
    position:relative;
}
.mje-short-video-block-title
{
    margin:0 0 40px 0 !important;
    font-size:27px;
    text-align: center;
    text-transform: uppercase;
    
}
.mje-short-video-slider
{
    margin-bottom:25px;
}
.mje-short-video-item
{    
    padding-left:0px;
}

.yt-video-player-container
{
    position:relative;
}
/* open youtube modal btn */
.yt-video-player-container .open-btn-area
{
    position:absolute;
    z-index: 99999;
    bottom:20px;
    left:20px;    
    width:50px;
    height:50px;
}
.open-yt-btn
{
    border:1px solid #d3d3d3 !important; 
    font-size:14px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: transparent;
    padding:5px 10px;
    color:#ffffff;
}
/* end open youtube modal btn */
.mje-short-video-embed-iframe
{
    /* height:420px !important;    */
    height:498px !important;
    width:270px !important;
}

.mje-short-video-local-item
{        
    padding:0px;
}

.mje-short-video-local-item .plyr--video
{
    /* height:420px !important;  */
     height:498px !important; 
    width:280px !important; 
    border-radius: 10px;
} 
.local-item-video-player
{    
    height: 100% !important;
    width: 100% !important; 
    object-fit: cover;
}

.video-mje-next-area
{
    cursor:pointer;
    width:60px;
    height:60px;
    position:absolute;
    top:50%;
    right:0px;
    z-index: 800;
    background-color: #fff;
    
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    color: rgba(7, 36, 86, .25);
    border-radius: 50% !important;
    box-shadow: 0 5px 30px rgba(7, 36, 86, .095);
}
.video-mje-next-area i
{
    font-size:20px !important;
    color: rgba(7, 36, 86, .25);
}

.video-mje-prev-area
{
    cursor:pointer;
    width:60px;
    height:60px;
    position:absolute;
    top:50%;
    left:0px;
    z-index: 800;
    background-color: #fff;
    
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    color: rgba(7, 36, 86, .25);
    border-radius: 50% !important;
    box-shadow: 0 5px 30px rgba(7, 36, 86, .095);
}

.video-mje-prev-area i
{
    font-size:20px !important;    
    color: rgba(7, 36, 86, .25);
}


/* big modal */
.video-player-big-content
{
    display:flex;    
    min-height:600px;
}
.video-media-section
{
    flex:1;    
    background-color:#000000;
}
.video-info-section
{
    flex:1;   
    padding:15px;     
}
.big-local-video
{
    width:100%;
    height:100%;
}
.video-owner-profile
{         
    background: rgba(22, 24, 35, 0.03);
    padding:16px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.video-owner-info a
{
    display:flex;
    align-items:center;
}
.video-owner-info a img
{
    width:70px;
    height:70px;
    border-radius: 50%;
}
.video-owner-info a span
{
    color: #333333 !important;
    font-size:16px !important;
    margin-right:10px !important;
    font-weight: 600;
}
.video-owner-info a span:hover
{
    text-decoration: none !important;
}
.video-owner-name-rate
{
    display:flex;
    flex-direction:column;
    margin-left:10px;
}
.video-viewpf-btn
{
    border-radius: 5px;
    text-transform: capitalize;
    border:1px solid #0061b7;
    background-color:#0061b7;    
    color:#ffffff;
    font-size:14px;
    padding:5px 10px;
    
}
.video-viewpf-btn:hover
{
    color:#ffffff !important;
}
.video-extra-info
{
    background-color: rgba(22, 24, 35, 0.03);
    padding:0px 20px 20px 20px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;    
}
.video-owner-lang-location
{
    display: flex;
    justify-content: space-between;
    align-items: center;    
    font-size:14px;
    padding-bottom:10px;
    border-bottom:1px solid #d3d3d3;
}

.video-extra-info i
{
    margin-right:5px;
}
.video-owner-bio
{
    margin-top:15px;
    font-size:14px;
    line-height: 25px;
}
.video-mjob-section
{
    padding:10px 20px;
    border:1px solid #0061b7;
    border-radius:10px;
    margin-top:15px;
}

.video-mjob-section .video-service-link
{
    font-size:14px;
    color:#0061b7;
}

.video-mjob-section .video-service-link:hover
{
    text-decoration: none;
}
/* end big modal */

/* post service form */
.short-video-upload-area
{
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    padding:0px 15px !important;
}
.videoTypeOption
{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding:0px !important;
}
.videoTypeOption input[type="radio"]
{
    width:20px !important;
    height:40px !important;
    margin:0px 10px 0px 20px;
}
.videoTypeOption input[type="radio"]:first-child
{
    margin-left:0px;
}
.youtube_video_label
{
   margin-top: 15px;
}
.uploadVideoArea
{
    margin-top:20px;
    padding:0px !important;
    display: none;
}
.youtubeVideoArea
{
    margin-top:20px;
    padding:0px !important;
    display: none;
}

.btn-upload-short-video
{
    border:1px solid #0061b7;
    color:#0061b7;
    background-color: #ffffff;
    padding:10px 15px;
    border-radius: 10px;
    margin:20px 0px 15px 0px;
}
.et-form .shortvideouploadprogressBar
{
    background-color:#0061b7;                
    text-align:center; 
    border-radius: 5px;        
    padding:5px 0px;        
    color:#fff;     
    display: none;   
    margin-bottom:20px;
}
.et-form .choosen-short-video-area
{
    margin-bottom:20px;
}
/* end post service form */

/* mjob big player */
.mjob-player-big 
{
    padding-top:20px !important;
}
.mjob-player-big .modal-dialog
{
    margin-top:0px !important;
    
}
.mjob-player-big-content
{
    width:460px;
    height:640px;      
}

.mjob-big-dialog
{
    padding:0 !important;
    display: flex;
    justify-content: center;
}
@media (max-width: 1200px) {
    .mjob-player-big-content
{
    width:340px;
    height:620px;       
}
}
/* mobile responsive */
@media (max-width: 480px) {
    .mjob-player-big-content
{
    width:340px;
    height:569px;       
}
}
/* end mobile responsive */

.mjob-modal-video-player
{
    width:100%;
    height:100%;       
}

.mjob-youtube-big-content
{
    width:540px ;
    height:820px ;  
}
@media (max-width: 1200px) {
    .mjob-youtube-big-content
{
    width:340px;
    height:620px;       
}
}
.mjob-youtube-big-content iframe
{
    width:100%  !important;
    height:100%  !important;  
}
.video-area-description
{
    margin-top:30px;   
}
/* end mjob big player */
/*
.list-modal-youtube-player
{
    width:100%;
    height: 100%;
}
*/
.list-modal-youtube-player
{
    width:440px;
    height: 800px;
}
/*loading effect */
.loading-skeleton-wrapper
{
    position:relative;    
}
.loading-frame
{
    position:absolute;
    z-index: 99999;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    width:290px;
    height: 640px;
    top:0px;
    left:0px ;
    animation: 1.5s shine linear infinite;    
    border:1px solid #d3d3d3;
}
@keyframes shine {
    to {
      background-position-x: -200%;
    }
  }
  
/* end loading effect */
/* mobile responsive */
@media (max-width: 600px) {
    .mje-short-video-local-item
    {
        padding:0 !important; 
        display:flex;
        justify-content: center;
    }
    .mje-short-video-item
    {
        padding:0 !important;    
        display:flex;
        justify-content: center;     
    }
    .mje-short-video-embed-iframe
    {
        height:569px !important;    
        width:320px !important;
    }
    .mje-short-video-local-item .plyr--video
    {
        height:569px !important; 
        width:320px !important;       
    }   
}
@media (min-width: 500px) and (max-width: 810px) {
    .mje-short-video-local-item
    {
        padding:0 !important; 
        display:flex;
        justify-content: center;
    }
    .mje-short-video-item
    {
        padding:0 !important;    
        display:flex;
        justify-content: center;     
    }
    .mje-short-video-embed-iframe
    {
        height:640px !important;    
        width:360px !important;
    }
    .mje-short-video-local-item .plyr--video
    {
        height:640px !important; 
        width:360px !important;       
    }   

}
.video-info-box
{
    display:none;
    
    position:absolute;
    top:0px;
    left:0px;
    width:100%;    
    height:100%;    
    padding:0px 18px;
    z-index:99999;
    background-color:#ffffff;
}
.open-box-info-area
{
   /* display:none; */
}


.video-info-box-content
{
    border:1px solid #d3d3d3;
    background-color:#ffffff;
    box-shadow: 0px 4px 8px rgba(188, 207, 219, 0.65); 
    border-radius: 10px;    
    padding:15px 15px;
    z-index:99999;
    
}
.close-mobile-box-info
{
    margin:15px 0px;
    display: flex;
    justify-content: flex-end;
}
.close-box-info-btn
{
    border-radius: 10px;
    border:1px solid #FFD700;
    background-color:#FFD700;
    color: #ffffff;
    font-size:14px;
    text-transform: uppercase;
    padding:10px;    
    margin-top:90px !important;
}
.mobile-box-avatar
{
    width:50px !important;
    height:50px !important;
}
.mobile-box-ownername
{
    font-size:14px !important;
}
.mobileview-list-service
{
    margin-top:15px;
}
.open-box-info-area
{
    display:block;
    position:absolute;
    z-index: 99999;
    bottom:20px;
    left:35px;    
    width:50px;
    height:50px;
}
.open-boxinfo-local-video
{
    border:1px solid #d3d3d3 !important; 
    font-size:12px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: transparent;
    padding:5px;
    color:#ffffff;
    
}

@media (max-width: 490px) {
    .open-box-info-area
    {
        left:45px !important;    
    }
    /* loading frame responsive*/
    .loading-frame
    {
        left:25px;
        width:340px;
        height:569px;  

    }
    /* end loading frame responsive */
}

@media (min-width: 500px) and (max-width: 810px) {
    .loading-frame
    {
        left:0px;
        height:640px; 
        width:370px;      
    }
}

/* end mobile responsive */

/* mjob edit form */
#mjob-edit-video-area
{
    
}
.mjob-edit-video-player-area
{
    margin:15px 0px 10px 0px;
    width:240px;
    height:427px;
}
.mjob-edit-video-player
{
    width:100% !important;
    height:100% !important;    
    
}
.remove-video-player-area
{
    display:block;
    margin:20px 0px 0px 0px;
}
/* end mjob edit form */