html{position:relative;min-height:100%}
body{background-color:#fafafa;color:#888;font-size:13px;height:100%}
#wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
#wrapper #content-wrapper{overflow-x:hidden;width:100%}
#wrapper #content-wrapper .container-fluid{padding:30px 30px 30px 255px}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding:30px 30px 30px 121px}
.single-channel-page{padding:0 0 0 225px}
.sidebar-toggled .single-channel-page{padding:0 0 0 90px}
.single-channel-page .container-fluid{padding:30px!important}
body.fixed-nav #content-wrapper{margin-top:56px;padding-left:90px}
body.fixed-nav.sidebar-toggled #content-wrapper{padding-left:0}
@media (min-width: 768px) {
body.fixed-nav #content-wrapper{padding-left:225px}
body.fixed-nav.sidebar-toggled #content-wrapper{padding-left:90px}
}
#player{background-color:#000;position:relative;padding-bottom:56.25%;height:0px;background-color:#000;}
.carousel-login-card{padding:11px 0}
.scroll-to-top{background:rgba(52,58,64,0.5) none repeat scroll 0 0;border-radius:70px!important;bottom:86px;color:#fff;display:none;height:50px;line-height:46px;position:fixed;right:15px;text-align:center;width:50px}
.scroll-to-top:focus,.scroll-to-top:hover{color:#fff}
.scroll-to-top:hover{background:#343a40}
.scroll-to-top i{font-weight:800}
.smaller{font-size:.7rem}
.o-hidden{overflow:hidden!important}
.z-0{z-index:0}
.z-1{z-index:1}
.navbar-nav .form-inline .input-group{width:100%}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after{width:1rem;text-align:center;float:right;vertical-align:0;border:0;font-weight:900;content:'\f105';font-family:'FontAwesome'}
.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after{content:'\f107'}
.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after{display:none}
.navbar-nav .nav-item .nav-link:focus{outline:none}
.navbar-nav .nav-item .nav-link .badge{border:medium none!important;border-radius:3px;font-size:9px;font-weight:700;height:15px;line-height:9px;min-width:15px;position:absolute;text-align:center;top:10px;right:0}
@media (min-width: 768px) {
.navbar-nav .form-inline .input-group{width:auto}
}
.sidebar{width:90px!important;background:#ff516b;background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1);min-height:100%;z-index:9;padding:2px 0;position:fixed}
.sidebar .nav-item:last-child{margin-bottom:1rem}
.sidebar .nav-item .nav-link{font-size:14px;padding:12px 14px!important;text-align:center;width:90px;font-weight:600}
.sidebar .nav-item .nav-link:hover,.sidebar .nav-item.active .nav-link{background-color:rgba(255,255,255,0.2)}
.sidebar .nav-item .nav-link .fas{color:#fff}
.sidebar .nav-item .nav-link span{display:inline;font-size:14px;margin:0 0 0 11px}
.sidebar .nav-item .dropdown-menu{position:absolute!important;-webkit-transform:none!important;transform:none!important;left:calc(90px + 0.0rem)!important;margin:0}
.sidebar .nav-item .dropdown-menu.dropup{bottom:0;top:auto!important}
.sidebar .nav-item.dropdown .dropdown-toggle::after{display:none}
.sidebar .nav-item .nav-link{color:#fff}
.sidebar .nav-item .nav-link:active,.sidebar .nav-item .nav-link:focus,.sidebar .nav-item .nav-link:hover{color:rgba(255,255,255,0.75)}
.sidebar.toggled{width:0!important;overflow:hidden}
@media (min-width: 768px) {
.sidebar{height:100%;overflow:auto;position:fixed;width:225px!important}
.sidebar .nav-item .nav-link{display:block;width:100%;text-align:left;padding:1rem;width:225px}
.sidebar .nav-item .nav-link span{display:inline;font-size:13px;margin:0 0 0 11px}
.sidebar .nav-item .dropdown-menu{position:static!important;margin:0 1rem;top:0}
.sidebar .nav-item.dropdown .dropdown-toggle::after{display:block}
.sidebar.toggled{overflow:visible;width:90px!important}
.sidebar.toggled .nav-item:last-child{margin-bottom:1rem}
.sidebar.toggled .nav-item .nav-link{text-align:center;padding:.75rem 1rem;width:90px}
.sidebar.toggled .nav-item .nav-link span{margin:0;font-size:.65rem;display:block}
.sidebar.toggled .nav-item .dropdown-menu{position:absolute!important;-webkit-transform:none!important;transform:none!important;left:calc(90px + 0.5rem)!important;margin:0}
.sidebar.toggled .nav-item .dropdown-menu.dropup{bottom:0;top:auto!important}
.sidebar.toggled .nav-item.dropdown .dropdown-toggle::after{display:none}
}
.sidebar.fixed-top{top:56px;height:calc(100vh - 56px);overflow-y:auto}
.card-body-icon{position:absolute;z-index:0;top:-1.25rem;right:-1rem;opacity:.4;font-size:5rem;-webkit-transform:rotate(15deg);transform:rotate(15deg)}
@media (min-width: 576px) {
.card-columns{-webkit-column-count:1;column-count:1}
}
@media (min-width: 768px) {
.card-columns{-webkit-column-count:2;column-count:2}
}
@media (min-width: 1200px) {
.card-columns{-webkit-column-count:2;column-count:2}
}
:root{--input-padding-x:.75rem;--input-padding-y:.75rem}
.card-login{max-width:25rem}
.card-register{max-width:40rem}
.form-label-group{position:relative}
.form-label-group > input,.form-label-group > label{padding:var(--input-padding-y) var(--input-padding-x);height:auto}
.form-label-group > label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;border:1px solid transparent;border-radius:.25rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.form-label-group input::-webkit-input-placeholder{color:transparent}
.form-label-group input:-ms-input-placeholder{color:transparent}
.form-label-group input::-ms-input-placeholder{color:transparent}
.form-label-group input::placeholder{color:transparent}
.form-label-group input:not(:placeholder-shown){padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3)}
.form-label-group input:not(:placeholder-shown) ~ label{padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:12px;color:#777}
footer.sticky-footer{background-color:#e9ecef;padding:15px;margin-left:225px}
footer.sticky-footer .copyright{line-height:1;font-size:.8rem}
body.sidebar-toggled footer.sticky-footer{width:100%}
@media (min-width: 768px) {
body.sidebar-toggled footer.sticky-footer{width:calc(100% - 90px);margin-left:90px}
}
.sticky-top{position:sticky;top:0;z-index:99}
.osahan-nav{box-shadow:0 0 10px #f2f2f2;padding:5px 0}
.osahan-navbar-search .form-control{background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;max-width:607px!important;width:607px!important}
.osahan-navbar-search{margin-right:84px!important}
.osahan-navbar-search .btn{background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;padding:0 18px}
.osahan-right-navbar .nav-link{padding:17px 13px!important;position:relative}
.osahan-right-navbar{margin:0 7px 0 0}
.user-dropdown-link img{border-radius:50px;height:30px;margin:-9px 2px -6px 0;width:30px}
.channel-sidebar-list{border-top:1px solid #fafafa;margin:6px 0 0;padding:7px 14px}
.channel-sidebar-list h6{color:#fff;font-size:14px;font-weight:600;margin-bottom:15px;margin-top:9px}
.channel-sidebar-list ul{list-style:outside none none;margin:0;padding:0}
.channel-sidebar-list ul li img{border-radius:50px;height:28px;margin:0 14px 0 0;width:28px}
.channel-sidebar-list li a{color:#fff;display:inline-block;padding:6px 0;text-decoration:none;width:100%}
.channel-sidebar-list li a .badge{float:right;margin:7px 0 0}
.sidebar.toggled .nav-item .nav-link span{margin:0}
.sidebar.toggled .channel-sidebar-list h6{font-size:11px}
.sidebar.toggled .channel-sidebar-list{padding:7px;text-align:center}
.sidebar.toggled .channel-sidebar-list li img{display:list-item;margin:auto auto 4px}
.sidebar.toggled .channel-sidebar-list li a{font-size:10px;font-weight:500}
.sidebar.toggled .channel-sidebar-list li .badge{display:none}
.border-none{border:none}
.bg-primary,.btn-primary,.btn-outline-primary:hover,.badge-primary{border-color:transparent!important;background:#ff516b;background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1)}
.btn-outline-primary{border-color:#ff516b;color:#ff516b}
.text-primary{color:#ff516b!important}
.progress-bar{background-color:#ff516b}
.btn-outline-primary{margin:5px}
.bg-success,.btn-success,.btn-outline-success:hover,.badge-success{border-color:transparent!important;background:#4eda92;background:-moz-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);background:-webkit-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);background:linear-gradient(135deg,#4eda92 1%,#56e0cb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eda92',endColorstr='#56e0cb',GradientType=1)}
.btn-outline-success{border-color:#4eda92;color:#4eda92}
.btn-outline-twitter{margin-left: 10px;border-color:#105779;color:#1c95d0;background-color:#fff}
.btn-outline-fb{margin-left: 10px;border-color:#1b2f58;color:#2b4b90;background-color:#fff}
.btn-outline-twitter:hover{border-color:#105779;color:#fff;background-color:#105779}
.btn-outline-fb:hover{border-color:#1b2f58;color:#fff;background-color:#1b2f58}
.text-success{color:#4eda92!important}
.bg-warning,.btn-warning,.btn-outline-warning:hover,.badge-warning{border-color:transparent!important;background:#ffc107;background:-moz-linear-gradient(-45deg,#ffc107 1%,#fffc07 100%);background:-webkit-linear-gradient(-45deg,#ffc107 1%,#fffc07 100%);background:linear-gradient(135deg,#ffc107 1%,#fffc07 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc107',endColorstr='#fffc07',GradientType=1)}
.btn-outline-warning{border-color:#ffc107;color:#ffc107}
.text-warning{color:#ffc107!important}
.bg-danger,.btn-danger,.btn-outline-danger:hover,.badge-danger{border-color:transparent!important;background:#ff253a;background:-moz-linear-gradient(-45deg,#ff253a 0%,#ff8453 100%);background:-webkit-linear-gradient(-45deg,#ff253a 0%,#ff8453 100%);background:linear-gradient(135deg,#ff253a 0%,#ff8453 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253a',endColorstr='#ff8453',GradientType=1)}
.btn-outline-danger{border-color:#ff253a;color:#ff253a}
.text-danger{color:#ff253a!important}
.bg-secondary,.btn-secondary,.btn-outline-secondary:hover,.badge-secondary{border-color:transparent!important;background:#9ba8aa;background:-moz-linear-gradient(-45deg,#9ba8aa 0%,#92b4d2 100%);background:-webkit-linear-gradient(-45deg,#9ba8aa 0%,#92b4d2 100%);background:linear-gradient(135deg,#9ba8aa 0%,#92b4d2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba8aa',endColorstr='#92b4d2',GradientType=1)}
.btn-outline-secondary{border-color:#9ba8aa;color:#9ba8aa}
.text-secondary{color:#9ba8aa!important}
.bg-info,.btn-info,.btn-outline-info:hover,.badge-info{border-color:transparent!important;background:#17a2b8;background:-moz-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);background:-webkit-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);background:linear-gradient(135deg,#17a2b8 1%,#30def9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a2b8',endColorstr='#30def9',GradientType=1)}
.btn-outline-info{border-color:#17a2b8;color:#17a2b8}
.text-info{color:#17a2b8!important}
.bg-dark,.btn-dark,.btn-outline-dark:hover,.badge-dark{border-color:transparent!important;background:#171b20;background:-moz-linear-gradient(-45deg,#171b20 1%,#343a40 100%);background:-webkit-linear-gradient(-45deg,#171b20 1%,#343a40 100%);background:linear-gradient(135deg,#171b20 1%,#343a40 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#171b20',endColorstr='#343a40',GradientType=1)}
.btn-outline-dark{border-color:#171b20;color:#171b20}
.text-dark{color:#171b20!important}
.btn-light{border:medium none}
.adblock{background:#eceff0 none repeat scroll 0 0;border-radius:2px;margin-bottom:1rem;padding:27px 10px;text-align:center;width:100%}
.main-title > h6{margin:0 0 16px}
.top-category .main-title > h6{margin-bottom:10px}
.right-action-link .fa{background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 6px #ececec;display:inline-block;height:20px;line-height:19px;margin:0 0 0 3px;text-align:center;width:20px}
.dropdown-item.active,.dropdown-item:active{background-color:#eceff0!important;color:#888!important;text-decoration:none}
.form-control{background:#eceff0 none repeat scroll 0 0;border-color:#dcdfdf;border-radius:2px;font-size:13px}
.custom-select{background-color:#eceff0;border-color:#dcdfdf;border-radius:2px;font-size:13px}
.custom-checkbox .custom-control-label::before{border-radius:2px}
.category-checkbox .custom-control{margin:0 0 6px!important}
label{font-size:12px;font-weight:600;margin:0 0 5px}
a{color:#ff516b;text-decoration:none!important}
.btn{border-radius:2px}
.btn-light{background:#f8f8f8 none repeat scroll 0 0;border-color:#d3d3d3;color:#828282}
.dropdown-header{color:#333;padding:7px 13px}
.dropdown-menu{border-radius:2px;margin:0;border-color:#eff2f3}
.dropdown-menu .dropdown-item{color:rgba(0,0,0,0.5);font-size:12px;padding:6px 14px!important}
.dropdown-divider{border-top:1px solid #eff2f3}
a:hover,h1,h2,h3,h4,h5,h6{color:#333}
.upload-video .fas{font-size:200px}
.badge,.alert{border-radius:2px}
.pagination .page-item .page-link{background:transparent none repeat scroll 0 0;border:medium none;color:#000;line-height:20px}
.pagination .page-item.active .page-link{background:#ff516b none repeat scroll 0 0;border-radius:2px;color:#fff;height:30px;margin:0 7px;text-align:center;width:30px}
.pagination .page-item.disabled .page-link{opacity:.5}
.modal-content{border:medium none;border-radius:2px}
.category-item img{background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:60px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:60px}
.category-item:hover img{transform:scale(1.09);transition-duration:.4s}
.category-item{background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 6px #ececec;margin:6px 2px;padding:24px 12px;text-align:center}
.top-category .category-item{padding:20px 11px}
.category-item h6{font-size:13px;margin:5px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-item p{font-size:11px;font-weight:500;margin:0}
.video-block .mb-3{margin-bottom:30px!important}
.video-card-image{border-radius:2px;box-shadow:0 0 11px #ececec;overflow:hidden;position:relative}
.time{background:#f5234a none repeat scroll 0 0;border-radius:2px;bottom:5px;color:#fff;font-size:11px;font-weight:500;opacity:.7;padding:0 6px;position:absolute;right:5px}
.video-card:hover .time{opacity:unset}
.video-card-image img{width:100%}
.play-icon{opacity:0;position:absolute}
.play-icon .fas{font-style: normal;font-family: FontAwesome;bottom:0;height:40px;left:0;margin:auto;position:absolute;right:0;top:0;width:40px}
.video-card:hover .play-icon{background:#000 none repeat scroll 0 0;border-radius:2px;bottom:0;color:#fff;font-size:35px;left:0;opacity:.4;position:absolute;right:0;text-align:center;top:0;transition-duration:.4s}
.video-title a{color:#000;font-weight:600;text-decoration:none}
.video-title{margin-bottom:5px}
.video-page{font-size:11px}
.video-view{color:#acacac;font-size:10px;font-weight:500;margin:2px 0 0}
.video-card{background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;transition-duration:.4s}
.video-card-body{padding:12px}
.video-card-list .video-card-image{float:left;height:77px;margin:0 12px 0 0;width:122px}
.video-card-list .video-card-body{padding:0}
.video-card-list{background:transparent none repeat scroll 0 0;box-shadow:none;display:inline-block;margin-bottom:1rem;width:100%}
.video-card-list .video-card-body .video-title a{font-size:13px}
.video-card-list .video-card-body .video-title{line-height:17px}
.video-card-list .video-card-body .right-action{opacity:0}
.video-card-list:hover .video-card-body .right-action{opacity:unset}
.channels-card{background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;padding:24px 12px;position:relative;text-align:center;transition-duration:.4s}
.channels-card::after{background:#dcdcdc none repeat scroll 0 0;border-radius:0 0 5px 6px;bottom:-4px;content:"";height:7px;left:15px;position:absolute;right:15px;z-index:-1}
.channels-card:hover::after{background:#ccc none repeat scroll 0 0}
.channels-title a{color:#000;font-weight:500;text-decoration:none}
.channels-view{color:#acacac}
.channels-card-image .btn{font-size:12px;padding:3px 10px}
.channels-card-image .btn strong{margin:0 0 0 5px}
.channels-card-image img{background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:80px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:80px}
.channels-card-image-btn{margin:3px 0 7px}
.login-main-wrapper{background:#ff516b;background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1);height:calc(100vh - 0rem)}
.full-height{height:calc(100vh - 0rem)}
.login-main-left{margin:auto;max-width:335px}
.login-main-right.bg-white{border-radius:2px;margin:auto;max-width:561px}
.carousel-login-card h5{font-size:18px}
.login-main-wrapper .form-control{background:transparent none repeat scroll 0 0}
.login-main-right .owl-theme .owl-controls .owl-page span{background:#dcdcdc;border-radius:50px;height:16px;margin:0 2px;opacity:unset;width:16px}
.btn-lg{font-size:15px;padding:12px 16px}
.login-main-right .owl-theme .owl-controls .owl-page.active span,.login-main-right .owl-theme .owl-controls .owl-page span:hover{background:#ff516b;background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1)}
.imgplace{background-color:#8781bd;border-radius:3px;height:94px;width:100%}
.osahan-title{color:#000;font-weight:600}
.osahan-size{font-size:11px}
.osahan-progress .progress{border-radius:2px;height:8px;margin:14px 0}
.osahan-close{position:absolute;right:18px;top:0}
.osahan-desc{font-size:12px;opacity:.7}
.video-close{color:#fff!important;font-size:18px;position:absolute;right:6px;z-index:9999}
.history-video .progress{border-radius:2px;font-size:9px;font-weight:700;height:13px;margin:12px 14px -4px 13px}
.single-channel-image{position:relative}
.single-channel-nav .navbar{padding:0}
.single-channel-nav{background:#fff none repeat scroll 0 0!important;box-shadow:0 0 11px #ececec;padding:0 30px}
.channel-brand{color:#000;font-size:16px;font-weight:700}
.single-channel-nav .nav-link{border-bottom:2px solid transparent;margin:0 12px;padding:14px 0!important}
.single-channel-nav .nav-item.active .nav-link,.single-channel-nav .nav-item .nav-link:hover{border-color:#ff516b;color:#ff516b}
.single-channel-nav .navbar-nav{margin:0 0 0 40px}
.channel-profile{bottom:0;left:0;padding:1rem 30px;position:absolute;right:0}
.single-channel-image .img-fluid{width:100%}
.channel-profile-img{background:#fff none repeat scroll 0 0;border:6px solid #fff;border-radius:50px;height:90px;width:90px}
.social{color:#fff;float:right;margin:62px 0 0}
.social a{background:#000 none repeat scroll 0 0;border-radius:2px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px}
.box{padding:15px;background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;transition-duration:.4s}
.single-video-title h2{font-size:18px}
.single-video-title h2 a{color:#333}
.single-video-author img{border-radius:50px;float:left;height:38px;margin:0 13px 0 0;width:38px}
.single-video-author p{margin:0;padding:0}
.single-video-info-content h6{font-size:15px;font-weight:600}
.tags span a{background:#ccc none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;padding:4px 9px}
.tags span a:hover{background:#000 none repeat scroll 0 0}
.app img{background:#231f20 none repeat scroll 0 0;border-radius:3px;height:38px;margin:5px 0 0;object-fit:scale-down;padding:3px 4px}
@media (max-width: 575.98px) {
#wrapper #content-wrapper .container-fluid{}
.sidebar .nav-item .nav-link{padding:8px 14px!important}
.osahan-navbar-search{display:inline-block!important;width:250px!important;margin-right:0!important}
.osahan-navbar-search button{height:38px}
#query{width:100px!important}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding-left:15px!important}
.single-channel-page{padding:0 0 0 90px !important}
.sidebar-toggled .single-channel-page{padding:0!important}
.single-channel-page .container-fluid{padding:30px 15px 15px!important}
.single-video-author .float-right{float:none!important;margin:0 0 14px}
.single-video-author{text-align:center}
.single-video-author img{float:none;margin:0 0 5px}
.tags span a{margin:0 0 3px}
.sidebar .nav-item .nav-link span{margin:0!important}
.sidebar .channel-sidebar-list h6{font-size:11px!important}
.sidebar .channel-sidebar-list{display:none}
.sidebar .nav-item .nav-link span{display:block;font-size:.65rem}
.video-card-image img{width:100%}
footer{padding:15px 0!important;text-align:center}
footer .text-right{text-align:center!important}
.osahan-right-navbar .nav-link{font-size:0;padding:22px 5px!important}
.osahan-right-navbar .nav-link .fas{font-size:12px}
#sidebarToggle{margin:0 9px 0 0}
.navbar-brand img{vertical-align:top}
.owl-theme .owl-controls .owl-buttons div{margin:4px!important}
.single-channel-nav{padding:15px}
.channel-profile{padding:10px;position:relative;text-align:center}
.social{display:none}
.navbar-toggler{padding:1px 3px}
.single-channel-nav .navbar-nav{margin:0}
.single-channel-nav .nav-link{margin:0}
.imgplace{margin-bottom:15px}
.osahan-title{padding:0 25px 5px 0}
footer.sticky-footer{margin-left:90px}
.sidebar-toggled footer.sticky-footer{margin:0}
}
@media (min-width: 576px) and (max-width: 767.98px) {

.sidebar .nav-item .nav-link{padding:8px 14px!important}
.osahan-navbar-search{display:inline-block!important;width:250px!important;margin-right:20px!important}
.osahan-navbar-search button{height:38px}
#query{width:100px!important}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding-left:15px}
.single-channel-page{padding:0 0 0 90px !important}
.sidebar-toggled .single-channel-page{padding:0!important}
.single-channel-page .container-fluid{padding:30px 15px 15px!important}
.container{max-width:100%}
.tags span a{margin:0 0 3px}
.sidebar .nav-item .nav-link span{margin:0!important}
.sidebar .channel-sidebar-list h6{font-size:11px!important}
.sidebar .channel-sidebar-list{display:none}
.sidebar .nav-item .nav-link span{display:block;font-size:.65rem}
.video-card-image img{width:100%}
footer{padding:15px 0!important;text-align:left}
footer .text-right{text-align:right!important}
.osahan-right-navbar .nav-link{font-size:0;padding:22px 5px!important}
.osahan-right-navbar .nav-link .fas{font-size:12px}
#sidebarToggle{margin:0 9px 0 0}
.navbar-brand img{vertical-align:top}
.owl-theme .owl-controls .owl-buttons div{margin:4px!important}
.single-channel-nav{padding:15px}
.channel-profile{padding:10px;position:relative;text-align:center}
.social{display:none}
.navbar-toggler{padding:1px 3px}
.single-channel-nav .navbar-nav{margin:0}
.single-channel-nav .nav-link{margin:0}
.imgplace{margin-bottom:15px}
.osahan-title{padding:0 25px 5px 0}
footer.sticky-footer{margin-left:90px}
.sidebar-toggled footer.sticky-footer{margin:0}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#wrapper #content-wrapper .container-fluid{}
.sidebar .nav-item .nav-link{padding:8px 14px!important}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding-left:105px}
.single-channel-page{padding:0 0 0 225px !important}
.sidebar-toggled .sidebar .channel-sidebar-list{display:none}
.sidebar-toggled .single-channel-page{padding:0 0 0 90px !important}
.single-channel-page .container-fluid{padding:30px 15px 15px!important}
.video-card-image img{width:100%}
.osahan-right-navbar .nav-link{font-size:0;padding:22px 5px!important}
.osahan-right-navbar .nav-link .fas{font-size:12px}
#sidebarToggle{margin:0 9px 0 0}
.navbar-brand img{vertical-align:top}
.owl-theme .owl-controls .owl-buttons div{margin:4px!important}
.container{max-width:100%}
.single-channel-nav{padding:15px}
.channel-profile{padding:15px}
.social{display:none}
.navbar-toggler{padding:1px 3px}
.single-channel-nav .navbar-nav{margin:0}
.single-channel-nav .nav-link{margin:0}
.osahan-navbar-search .form-control{width:auto!important}
.osahan-navbar-search{margin-right:15px!important}
.imgplace{margin-bottom:15px}
.osahan-title{padding:0 25px 5px 0}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
#wrapper #content-wrapper .container-fluid{}
.sidebar .nav-item .nav-link{padding:8px 14px!important}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding-left:105px}
.single-channel-page{padding:0 0 0 225px !important}
.sidebar-toggled .sidebar .channel-sidebar-list{display:none}
.sidebar-toggled .single-channel-page{padding:0 0 0 90px !important}
.single-channel-page .container-fluid{padding:30px 15px 15px!important}
.video-card-image img{width:100%}
.osahan-right-navbar .nav-link{font-size:0;padding:22px 5px!important}
.osahan-right-navbar .nav-link .fas{font-size:12px}
#sidebarToggle{margin:0 9px 0 0}
.navbar-brand img{vertical-align:top}
.owl-theme .owl-controls .owl-buttons div{margin:4px!important}
.container{max-width:100%}
.single-channel-nav{padding:0 15px}
.channel-profile{padding:15px}
.social{display:none}
.navbar-toggler{padding:1px 3px}
.single-channel-nav .navbar-nav{margin:0 0 0 20px}
.single-channel-nav .nav-link{margin:0 7px}
.single-channel-nav .form-control,.single-channel-nav .btn-outline-success{display:none}
.osahan-navbar-search .form-control{width:auto!important}
.osahan-navbar-search{margin-right:15px!important}
.sidebar-toggled .sidebar .channel-sidebar-list{display:none}
}
@media (min-width: 1200px) {
.sidebar-toggled .sidebar .channel-sidebar-list{display:none}
}
.btn-like{margin-left: 10px;}
.ui-autocomplete{display:inline-block;z-index:50000;top:0;left:0;cursor:default;border:1px solid #ccc;-webkit-box-shadow:-2px 2px 5px 1px rgba(66,66,66,.18);-moz-box-shadow:-2px 2px 5px 1px rgba(66,66,66,.18);box-shadow:-2px 2px 5px 1px rgba(66,66,66,.18);background-color:#fff}
li.ui-menu-item{list-style-type:none;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box}
ul.ui-autocomplete{-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box}
.ui-menu .ui-menu-item div{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;color:#000;z-index:1;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box}
.ui-menu{padding-left: 0;}
.ui-state-active,.ui-state-focus{font-weight:400;background-color:#E8E8E8}
.ui-helper-hidden-accessible{display:none}
.none{display:none}
#navbarSupportedContent{padding:20px}
#vmsg{background:#8b6af3;color:#fff;font-weight:500;overflow:hidden;white-space:nowrap;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:fixed;top:80px;left:20px;z-index:50000;height:30px;line-height:30px;padding:0 10px;vertical-align:middle;display:none}
.comment{background-color:#fff;margin:15px 0;padding:15px 5px;border:1px solid #f3f2f2}
.uphoto{height:50px;width:50px}
.photodiv{display:inline-block;float:left;margin-right:10px}
.creply{margin-left:15px}
.text-muted{color:#f3f2f2}
.tags span{margin:2px;display:inline-block}
#dowv{margin-left:10px}
.navbar-brand{color:#fff}
.navbar-brand span{border-radius: 50%;
    background-color: #2a9fd6;
    padding: 3px;
    color: #fff;
    background: linear-gradient(to top, #f0547c, #9867e3);}

@media (min-width: 1200px) {
.sidebar-toggled .sidebar .channel-sidebar-list{display:none}
}

#sw_descr,#sw_comm{display:none}
@media (max-width: 767px) {
.comme,.comm-sec,.single-video-info-content,.single-video-author{display:none}
#sw_descr,#sw_comm{display:block;float:right}
}
#topvbar{position: absolute;top:0;left:0;width:100%;height:-moz-calc(100% - 60px );height: -webkit-calc(100% - 60px);height: calc(100% - 60px);z-index:450;}
.comments{margin-bottom:15px}
#rvid{visibility:hidden;opacity:0;transition:opacity 0.1s;;background:rgba(23, 23, 23, 1);bottom: 0;height:165px;width: 98%;position: absolute;margin-left: auto;margin-right: auto;left:0;right:0;text-align:center;overflow:hidden;}
.rvidc{display:inline-block;}
.rvidc a{top:0;bottom:0;left:0;right: 0;margin:auto;display: inline-block;position: relative;text-align: left;top: 20px;margin: 20px 5px;}
.rvidc a .rvidimg{background-color: #000;background-position: center;background-size: cover;width: 151px;height: 84px;}
.rvidc a .rvidtexts{bottom:0;font-size: 12px;left:0;padding: 8px;position: absolute;right: 0;top: 0;will-change: opacity;}
.rvidc a .rvidtexts:hover,.rvidc a .rvidtexts:hover
{
    background-image: -moz-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -ms-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -o-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: -webkit-linear-gradient(top,rgba(12,12,12,0.8) 0,transparent 100px);
    background-image: linear-gradient(to bottom,rgba(12,12,12,0.8) 0,transparent 100px);
    -moz-transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1);
    -webkit-transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1);
    transition: opacity .5s cubic-bezier(0.4,0.0,0.2,1)
}
.rvidc a .rvidtexts .rvidtitle{display:none;text-overflow: ellipsis;white-space:  nowrap;font-family: Roboto,sans-serif;color: #fff;overflow:hidden;white-space: nowrap;word-wrap:normal;z-index: 550;}
.rvidc a .rvidtexts .rvidtime{display:none;font: 10px Roboto,sans-serif;position:absolute;bottom:0;right:0;opacity: .85;margin: 4px;color: #fff!important;background-color: rgba(0,0,0,0.8);padding: 2px;border-radius: 2px;letter-spacing: .5px;font-weight: 500;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.rvidc a .rvidtexts:hover .rvidtime{display:block;}
.rvidc a .rvidtexts:hover .rvidtitle{display:block;}
#show{position:absolute;bottom:0;right:50px;width:70px;height:40px;z-index:450}
@media only screen and (max-width:530px){#rvid{display:none!important}}
.none{display:none}
.noneim{display:none!important}
.nonei{display:none!important}
.dnone{visibility:hidden;opacity:0;}
.dblock{opacity: 1!important;visibility: visible!important;}
video {position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    width: 100%;
    height: 100%;}
.single-video{background-color: #000;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #000;}
.ml10{margin-left:10px}
#unmute {
    border: 1px solid #fff;
    padding-right: 10px;
    font-size: 18px;
    text-shadow: 1px 1px 2px black;
    color: #fff;
    display: inline-flex;
    position: absolute;
    height: 30px;
    top: 50px;
    left: 30px;
    background-image: url(/img/mute.png);
    background-repeat: no-repeat;
    background-position: left 8px top 0px;
    padding-left: 46px;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    align-items: center;
    z-index: 450;
}
iframe#player{background-color:#000;position:absolute;padding-bottom:0;height:100%;}