/*toast.css*/
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.95;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);filter:alpha(Opacity=95)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.95;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);filter:alpha(Opacity=95)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.tglogo{background:url('images/tg-logo.svg') no-repeat;background-size:100%;position:relative;display:inline-block;}
.btn i.tglogo{width:12px;height:12px;top:2px;}
/*styles.css*/
:root {
	--norm: #444; 
	--yellow: #ffd633; 
	--hl: #c10; 
	--dark: #000; 
	--grey: #f7f7f7;
	--grey-dark: #e5e5e5;
	--tg: #3797f3;
	--red: #d00000;
}
.red{color:var(--red);}
.blue{color:var(--tg);}
.green, .req.green{color:green;}
html,body{height:100%;color:var(--dark);font-family: 'Roboto', sans-serif;}
body{padding-top: 62px;overflow-x:hidden;}
body.search-active,body.side-open{overflow:hidden;}
body a{color:var(--norm);}
body a:hover{text-decoration:underline;}
input,button,button:focus,button:active,.btn.btn:focus, .btn:active:focus, .btn.active:focus{outline: none;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3,h4,h5{color:#444;}
.container,.pic,.pic img,.card,.cbox,.list .item,.pbox,.mbox, .mbox .item,.comments,.comments .list,.comments .wrap,.comments .paging,.cform,.comment,.comment h5,#reply,.likes,.cnum,.dbox{position:relative;}
.btn.btn-hl{background-color:var(--hl);color:#fff;border-radius:25px;}
.table{}
.form-control{color:var(--dark);}

body a,#side-nav,#side-panel,.search-form button,.search-form .clear,#search-panel .close,header .logo{transition:all 0.3s;}
footer{margin-top:20px;}
#side-nav,#totop,.search-form .clear{cursor:pointer;}
#side-nav,.search-form button,.search-form .clear{opacity:.7;}
#side-nav:hover,.search-form button:hover,.search-form .clear:hover{opacity:1;}

header{position:fixed;z-index:10;top:0;left:0;width:100%;height:62px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:0 20px 0 60px;}
#side-nav{color: #000;width:36px;height:24px;position: absolute;top: 50%;transform: translateY(-50%);left: 10px;border-top:2px solid #000;}
#side-nav:before,#side-nav:after{content:' ';position:absolute;left:0;width:100%;height:2px;background:#000;transition:all 0.3s;}
#side-nav:before{top:50%;margin-top:-2px;}
#side-nav:after{bottom:0px;}

#side-nav.active{width:35px;height:34px;border-top:2px solid transparent;}
#side-nav.active:before{transform:rotate(-45deg);top:16px;}
#side-nav.active:after{transform:rotate(45deg);bottom:16px;}

#totop{position:fixed;z-index:7;background:var(--dark);color:#fff;width:75px;height:75px;border-radius:50%;right:35px;bottom:-125px;text-align:center;font-size:34px;line-height:75px;transition:all .3s;}
.minhead #totop,.minhead-mobile #totop{bottom:25px;}
.logo,.play-btn,.sharer div{background-image:url('images/sprite_v-12.png');background-repeat:no-repeat;}
.logo{display:block;overflow:hidden;text-indent:-500px;}
header .logo, #search-panel .head .logo{width:70px;height:50px;float: left;}
header .logo{background-position:0 -80px;margin-top:10px;transform:scale(0);}
#search-panel .head .logo{margin:7px 0 0 -10px;background-position:-75px -80px;transform:scale(0.8);}
.minhead header .logo{transform:scale(1);}
.topbox .logo{height:80px;width:285px;margin-left:-15px;}
.mobile .topbox .logo{zoom:.7;margin:0 auto;}
.mobile #north{display:none;}
.topbox{margin:20px 0 15px 0;}
#side-panel{
	position:fixed;
	z-index:9;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	padding-top:62px;
}
#side-panel.active{left:0;}
#side-panel .body{display:block;padding:10px;overflow:hidden;overflow-y:auto;width:320px;background:rgba(255,255,255,.9);box-shadow:0 0 8px 0 rgba(0,0,0,.3);
    position: absolute;
    top: 62px;
    left:-320px;
	transition:left .3s;
}
#side-panel.active .body{left:0;}
.sharer{position:absolute;top:120px;right:10px;zoom:.6;white-space: nowrap;}
.sharer div{position:relative;z-index:1;display:inline-block;margin:0;width:48px;height:48px;background-repeat:no-repeat;cursor:pointer;transform:scale(1);transition:all .4s;}
.sharer div:hover{transform:scale(1.1);z-index:2;}
.sharer div.tg{background-position:0 -130px;}
.sharer div.wa{background-position:0 -531px;}
.sharer div.vb{background-position:0 -680px;}
.sharer div.sk{background-position:0 -580px;}
.sharer div.fb{background-position:0 -180px;}
.sharer div.tw{background-position:0 -230px;}
.sharer div.vk{background-position:0 -480px;}
.sharer div.ok{background-position:0 -280px;}
.sharer .tip{
	position:absolute;
	right:100%;
	top:0px;
	padding:0 10px;
	line-height: 31px;
    border: 1px solid #ccc;
    margin-right:0;
	white-space:nowrap;
    zoom: 1.5;
	opacity:0;
	transition:all .3s;
    background:#fff;
}
.sharer:hover .tip{opacity:1; margin-right:5px;}
.mobile .sharer, .-xxs .sharer{top:16px;right:0px;left:auto;transform:translateX(-50%);transition:all .3s;zoom:1;z-index:20;border:1px solid red;height:32px;width:32px;display:none;}
.minhead-mobile .sharer{}
.mobile .sharer .fa{font-size:32px;}
.mobile .sharer div{display:block;}
.mobile .sharer section{display:none; position: absolute;top: 100%;right: -10px;z-index:20;}

.search-box{position:absolute;right:170px;top:12px;width:200px;}
.not-logged .search-box{right:200px;}
.search-form input{background:transparent;position:relative;width:100%;border:1px solid #ccc;border-radius:20px;color:var(--norm);line-height: 32px;padding-left:32px;padding-right:22px;}
.search-form input::placeholder{color:rgba(50,50,50,0.5);}
.search-form button{position:absolute;left:8px;top:8px;background-color:transparent;border:none;color:var(--norm);width:22px;height:22px;}
.search-form.found button{color:var(--hl);}
.search-form .clear{position:absolute;right:8px;top:2px;color:var(--norm);font-size:22px;display:none;}
.search-form .fmsg{position:absolute;right:100%;top:0;line-height:32px;white-space:nowrap;padding:0 4px;background:rgba(255,255,255,.9);border:1px solid #ccc;margin-right:3px;display:none;}
.search-form .fmsg b{position: relative;top:2px;
    display: inline-block;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 12px;}
.search-form:hover .fmsg{display:block;}
.search-form:hover .fmsg:empty,#search-panel .search-form:hover .fmsg,.mobile .search-form:hover .fmsg,.-xss .search-form:hover .fmsg{display:none;}


.main-nav{position:absolute;left:50px;top:0;height:62px;transition:all .3s;}
.minhead .main-nav{left:130px;}
.main-nav a{position:relative;color:var(--norm);display:inline-block;margin:0 10px;padding:0 10px;line-height:62px;text-transform: uppercase;}
.main-nav a.active{background:var(--grey);}
.main-nav a:hover,.main-nav a.active,.dd:hover a.prn{text-decoration:none;color:var(--grey-light);}
.main-nav a:after{content:' ';width:1px;height:12px;position:absolute;right:-10px;top:23px;background:var(--norm);}
.main-nav a:last-child:after{content:'';display:none;}

.main-nav .dd{display:inline-block;position:relative;}
.main-nav .dd .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--dark);width:220px;display:none;}
.main-nav .dd .drop:before{
	content:' ';
	position:absolute;
	left:50%;
	top:-5px;
	margin-left:-2.5px;
	 width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid var(--dark);
}
.main-nav .dd a{display:block;}
.main-nav .dd:hover .drop{display:block;}
.main-nav .dd .drop a{display:block;padding:0 10px;line-height:28px;margin:0;}
.main-nav .dd .drop a:hover{background:var(--hl);}

.main-nav .mask{display:none;}
.-fs .main-nav .mask{display:inline-block;}
.-lg .main-nav .mask{display:inline-block;}
.-lg .main-nav a{margin:0 10px;}

#side-panel a{color:#000;padding:0 10px;line-height:28px;border-top:1px solid #aaa;}
#side-panel .menu a:last-child{border-bottom:1px solid #aaa;}
#side-panel a:hover, #side-panel a.active, #side-panel .dd.active .prn{text-decoration: none;color: var(--dark);}
#side-panel .menu a,#side-panel .menu .dd{display:block;}
#side-panel .menu a,#side-panel .menu .dd{display:block;}
#side-panel a:hover,#side-panel .dd.active .prn{background:var(--grey);}
#side-panel .dd .drop{display:none;}
#side-panel .dd .drop a{border-top:none;padding-left:25px;}
#side-panel .prn{position:relative;}
.prn .clp{position:absolute;right:0;top:0;text-align:center;width:28px;height:28px;}
#side-panel .dd.active .drop{}

#media{position:relative;display:block;width:100%;height:355px;overflow:hidden;}
#media:empty{display:none;}
#media img{position:absolute;z-index:1;top:0;right:0;min-width:100%;}

#media .container{height:100%;}
#media .logo{position:absolute;top:0;left:0;width: 300px;height: 120px;}
#media .logo img{width:100%;}
#media .rating{position:absolute;top:30px;left:320px;}
#media .banner{position:absolute;z-index:2;top:100px;left:15px;font-size:64px;line-height:64px;font-weight: bold;text-shadow: 0 0 7px rgba(255, 255, 255, 0.9), 2px 2px 2px rgba(0, 0, 0, 0.4);opacity:0;transition:all .5s;max-width: 45%;}
#media .banner h1,#media .banner h2{font-size:54px;font-weight:bold;margin:0;text-transform:capitalize;}
#media .banner p{font-size:26px;line-height:28px;margin: 25px 0;}
#media .btn{position:relative;top:110px;padding:10px 25px;text-transform:uppercase;}

#media .container{position:relative;height:355px;}
#media .slide{width:100%;position:relative;height:355px;overflow:hidden;}
#media .slide img{min-height:100%;}
#media .slide .logo img{min-height:auto;position:relative;}
#media .active .banner,#media.single .banner{top:15px;opacity:1;}

.list .row:nth-child(odd){background-color:var(--grey);}
.list .row .row:nth-child(odd){background-color:transparent;}
.list .row{padding-top:20px;padding-bottom:20px;}
#main,#east{margin-top:20px;}
#main{padding-right:0px;}
#north{background:var(--grey);padding:0 10px;line-height:32px;height:32px;margin: 0 -1px;}
#north h1:after{display:block;content:' ';clear:both;}
.east-wrap{padding:0 15px 0 0;}
#east{padding:0;background:var(--grey);}
.mobile #east{margin-left:15px;}

time .far{margin-right:2px;}
.pic img {max-width:100%;}

.card{box-shadow:0 0 2px 0 rgba(0,0,0,0.2);height:285px;margin-bottom: 25px;transition:all .4s;}
.cmedia .card.video,.cmedia .card.youtube{height:350px;}
.card p.elps{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	margin: 7px 4px;
}
.mobile .card{height:auto;}
.card:hover{box-shadow:0 0 8px 0 rgba(0,0,0,0.3);}
.card .body{padding:0 5px 25px 5px;}
.card,.card .pic,.card .pic a.img{position:relative;}
.card .pic,.card .pic a.img{display:block;width:100%;}
.card .pic a.img .ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:54px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);opacity: 0.5;transition:opacity .3s;}
.card:hover .pic a.img .ico{opacity:1;}
.cmedia .card.video .pic,.cmedia .card.video .pic a.img,
.cmedia .card.youtube .pic,.cmedia .card.youtube .pic a.img,.cmedia .card.image .pic a.img{height:205px;}

.card .pic .channel{display:block;position:absolute;bottom:0;left:0;z-index:2;background:rgba(0,0,0,.5);color:#fff;padding:0 10px;line-height:20px;}
.card .info{position:absolute;left:0;bottom:0;width:100%;font-size:12px;padding:2px 5px 0 5px;line-height:20px;background-color:var(--grey);}
.card .info time{float:right;font-size: 11px;position:relative;top:0px;cursor:default;}
.card .info time .far{margin-right:3px;}
.card .info a:hover{text-decoration:underline;}
.card h4,.card a{color:#444;}
.card h4{
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*display: -webkit-box;*/
    display:none;
}
.card a:hover{text-decoration:none;}
.card a.img{background-repeat:no-repeat;background-size: 100%;background-position:center center;background-color:var(--grey);}
.card a.img{height:130px;}
.mobile .card a.img{height:175px;}
.-md .card a.img{height:160px;}
.-sm .card a.img{height:180px;}
.-xs .card a.img{height:320px;}
.-xs .card,.-xxs .card{height:auto;}

.-sm .-sm-hidden,.-xs .-sm-hidden,.-xxs .-sm-hidden{display:none;}

.cols-2 .card,.cols-4 .card,.cols-8 .card{height:350px;}
.cols-2 .card a.img,.cols-4 .card a.img,.cols-8 .card a.img{/*height:185px;*/height:0px;padding-bottom:56.25%;background-size: cover;}
.mobile.portrait .cols-2 .card,.mobile.portrait .cols-4 .card,.mobile.portrait .cols-8 .card{height:auto;}

.ccard{margin: 0 0 20px 0;box-shadow: 0 0 1px rgba(0,0,0,0.5);height: 133px;overflow: hidden;transition:all .3s;position:relative;}
#main .ccard .text{margin:0;}
.ccard:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.ccard h2{margin:0;font-size: 22px;}
.ccard .col-left{padding-left: 0;padding-right:0;}
.ccard .col-right{
	padding-left:5px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 110px;
	padding-right: 5px
}
.ccard .info{
	text-align:right;
	position: absolute;
	z-index:3;
	right:0;
	bottom:0;
	background: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top-left-radius: 2px;
}
.ccard a.link{position: absolute;z-index:2;top:0;left:0;display:block;overflow:hidden;width:100%;height:100%;text-indent: -500px;}
.ccard .info:after{content:' ';display:block;clear:both;}
.ccard .info .item{margin:2px;font-size:12px;display:inline-block;line-height: 18px;float:right;}
.ccard .info .item .ico{margin-right:2px;float:left;}
.ccard .info .item .ico, .ccard .info a.tglink{font-size:18px;line-height: 18px;}
.ccard p {
    display: block;
    display: -webkit-box;
    max-width: 300px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.tglink{color:var(--norm);}
a.tglink:hover{color:#16aef8;}
a.tglink .num{font-size:12px;}

.cbox{}
.cbox .head{font-weight:bold;font-size:18px;padding:3px 5px;position:relative;}
.cbox .head .tglogo{width:18px;height:18px;top:3px;margin-right:4px;}
.cbox .pic a{display:block;position:relative;}
.cbox .pic span.name{display:block;position:absolute;bottom:0;left:0;padding:0 10px;line-height:22px;background:rgba(0,0,0,0.5);color:#fff;font-weight:bold;}
.cbox .list .item{display:block;}
.cbox .list .item:nth-child(odd){background:#fff;}
.cbox .list .item:after{content:' ';display:block;clear:both;}

.cbox .top .text,.cbox .top .info{padding:5px 5px 0 5px;}
.cbox .top .tglink{width:18px;height:18px;position:absolute;bottom:2px;right:5px;text-decoration:none;}
.cbox .foot{text-align:right;background: var(--grey-dark);padding:3px 5px;border-bottom: 1px solid var(--norm);}
a.tglink,a.tglink:hover{text-decoration:none;}
.cbox .text a{display:inline-block;max-width:100%;overflow:hidden;vertical-align: bottom;text-overflow:ellipsis;}

.nums{
	position:absolute;
	z-index:2;    
	background: #fff;
    
    text-align: center;
    padding: 1px 4px 0 4px;
	cursor:pointer;
	-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
}
.pbox.channel .nums{top:1px;left:16px;}	
.nums.top{}
.nums.bottom{bottom:4px;}
.nums.left{left:4px;}
.nums.right{right:4px;}
.nums .ico{
    position: relative;
    display: inline-block;
    top:0px;
}

.likes{float:left;}
.cnum{float:left;margin-left:5px;font-size: 12px;line-height: 18px;}

.cnum:before{position:relative;top:1px;content:"\f075";font-family: "Font Awesome 5 Free";font-weight: 900;float:left;margin-right:4px;}
.cnum:empty:before{margin-right:0;}
.nums .ico,.cnum:before{font-size: 14px;line-height: 16px;}
.mobile .nums .ico,.mobile .cnum:before{font-size: 22px;line-height: 24px;}
.mobile .cnum{line-height: 24px;font-size: 16px;}
.mobile .likes .num{top:-3px;font-size: 16px;}
.likes .ico{}

.likes .ico.dislike .fa{
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
	margin-left:2px;
	top:0px;
}
.likes .ico .fa{transition:color 0.3s;pointer-events:none;}
.likes .ico.like:hover, .likes .ico.like .pulse{color:#18c303;}
.likes .ico.dislike:hover, .likes .ico.dislike .pulse{color:#dd0000;}
.likes .num{position:relative;top:-1px;display:inline-block;margin-left:5px;text-decoration:underline;font-size:12px;}
.likes .num:empty{display:none;}

.emos{width:310px;height:50px;position:absolute;z-index:1;left:-10px;top:-10px;margin-bottom:0px;display:none;zoom:.7;}
.emo{
position:relative;
z-index:1;
width:50px;
height:50px;
cursor:pointer;
border-radius:50%;
margin:-3px;
background:#fff;
overflow: hidden;
padding: 5px;
box-shadow: 0 0 10px 2px rgba(50, 50, 50, 0.5);
opacity: 0.95;
transition:box-shadow .3s, transform .3s;
display:inline-block;
}
.emo img{max-width:100%;opacity:0.8;vertical-align:top;pointer-events:none;}
.emo:hover img{opacity:1;}
.emo:hover{z-index:2;}
.emos.pos .emo:hover{
	box-shadow: 0 0 10px 2px rgba(1, 214, 117,1);z-index:2;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.emos.neg .emo:hover{
	box-shadow: 0 0 10px 2px rgba(199, 12, 4,1);z-index:2;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.emo-move{position:absolute;transition:top 2.5s, opacity 1s;top:-34px;left:50%;margin-left:-25px;}
.emo-move.stay{top:-200px;}
.emo-move.go{top:-1000px;opacity:0;}

#likes-display{position:fixed;z-index:5;bottom:35px;}

.flag{position:relative;}
#rate-panel{position:absolute;overflow:hidden;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(255,255,255,0.98);padding:5px;font-size:12px;}
.pic #rate-panel{max-width: 325px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);}
.channel .pic #rate-panel{max-width: 100%;}

#rate-panel .nav>li>a{padding:2px;}
#rate-panel li .pic{width:20px;display: inline-block;transition:all .3s;border-radius: 50%;overflow: hidden;}
#rate-panel li .pic img{width:100%;}
#rate-panel .item{padding: 7px 0 7px 0;border-bottom:1px solid #ddd;}
#rate-panel .item:first-child{padding-top:2px;}
#rate-panel .item:last-child{border-bottom:none;}
#rate-panel .item .flag{margin-right:2px;top:-1px;}
#rate-panel .item img{width:34px;margin-right:5px;float:left;}
#rate-panel .item .u{font-weight:bold;}
#rate-panel .item .f{font-size: 11px;}
#rate-panel .tab-content{padding:5px 0;overflow:hidden;overflow-y:auto;}
#rate-panel .nav-tabs>li>a{border:none;border-bottom:2px solid transparent;}
#rate-panel .nav-tabs>li>a:hover{background:none;}
#rate-panel .nav-tabs>li>a:hover .pic,#rate-panel .nav-tabs>li.active>a .pic{top:-3px;transform:scale(1.3);}
#rate-panel .nav-tabs>li:first-child>a{padding-top:4px;}
#rate-panel .nav-tabs>li.active>a{border-bottom:2px solid #54a9eb;}
#rate-panel .close{position:absolute;right:1px;top:0;line-height:14px;}
#rate-panel li.divider{clear: both;border-bottom: 1px solid #ddd;display: block;width: 100%;}
#rate-panel .nav-tabs{border-bottom: 2px solid #ddd;}

.pbox.video .likes, .pbox.youtube .likes,.pbox.video #rate-panel, .pbox.youtube #rate-panel{z-index:4;}

.pbox .dbox{
	margin:10px 0 40px 0;
    padding: 10px;
    background: #fbfcfe;
    box-shadow: inset 0 0 4px rgba(0,0,0,.2);
}
.dbox h5{
	font-weight: bold;
	margin: 0 0 5px 0;
	padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.dbox a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dbox .row{line-height:24px;}
.dbox .item{}
.dbox .item,.dbox .name,.dbox .data,.dbox .data input{position:relative;z-index:1;}
.dbox .name{color:#fff;font-weight:bold;background:#6aa8dd;padding:4px;}
.dbox .data{padding:4px;background:#dcedfb;}
.dbox .data input{border:1px solid #ddd;border-radius:2px;width:100%;background:transparent;margin:0 0 0 0; padding: 2px 4px;box-shadow: inset 0 0 4px 1px #a9d2f5;}
.dbox .data.link input{padding-right:22px;}
.dbox .data a{position: absolute;z-index: 2;right:7px;top:2px;color:#4e9bdc;font-size: 22px;}
.dbox .dlink{clear:both;text-align:right;}
#east .dbox .dlink{padding:0 5px;}
#east .dbox h5{
	background: #f7f7f7;
    padding: 8px;
	border-bottom:none;
	margin:0;
	font-size: 16px;
}
#east .dbox h5 .fas{margin-right:4px;color:var(--tg);}
#main .dbox.page{margin-right:30px;}
#main .dbox.page h5{padding:10px;background:#ffffe2;text-align:center;padding:10px 25px;font-size: 24px;font-weight: normal;line-height: 32px;}
#main .dbox h5 .fas{display:none;}
#main .dbox .name{background:var(--grey);color:var(--dark);}
#main .dbox .data{background:#fff;color:var(--dark);}
#main .dbox .data input{box-shadow:inset 0 0 3px 0px #e2e3e4;}

.list .item{border-top:1px solid var(--norm);padding:5px;}
.list .item:last-child{border-bottom:1px solid var(--norm);}
.list .item .pic{width:75px;float:left;margin-right:5px;}
.list .item .name{font-weight:bold;display:block;}
.list .item .text,.list .item .info{display:block;font-size:12px;}

.cbox .info a{margin-right:5px;display:inline-block;text-transform: uppercase;font-size: 10px;color:#999;}
.cbox a.cat:before{
content:' ';
display:inline-block;
  width: 0; 
  height: 0; 
  margin-right:2px;
  border-top: 4px solid transparent;
  border-bottom:4px solid transparent;
  
  border-left:4px solid #999;
	
}

.cbox.m .head .ico{margin-right:4px;}
.cbox.m .list .item{padding:0 0 5px 0;}
.cbox.m .list .item .pic{margin:0;width:100%;float:none;display:block;}
.cbox.m .list .item .pic img{position:relative;z-index:1;}
.cbox.m .item.youtube .pic{padding-bottom:48.25%;background-repeat:no-repeat;background-size:100%;background-position:center;}
.cbox.m .list .item .pic .ttl{font-weight:normal;position:absolute;z-index:2;left:0;bottom:0;background:rgba(0,0,0,.7);padding:0 5px;color:#fff;}
.cbox.m .list .item .pic .ttl a{color:#fff;}
.cbox.m .list .item .pic .ttl, .cbox.m .list .item .pic .ttl a{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fa-telegram{color:#16aef8;}
.head .fa-telegram{margin-right:5px;}

.read-more{display:block;text-align:center;font-size:16px;font-weight:bold;margin-top:10px;}
a.read-more{color:var(--hl);white-space:nowrap;}
a.read-more:after{content:'»';display:inline-block;margin-left:5px;}

.box{position:relative;}
#main .box{
	border-top:4px solid var(--grey);
	padding-top:20px;
	margin:30px 30px 30px 0;
}
.mobile #main .box {margin-right:15px;}
#main .box label:first-child{position:absolute;top:-40px;left:-1px;background:var(--grey);border:4px solid var(--grey);padding:0 10px;font-size:18px;line-height:32px;}
#main .box .table{width:auto;max-width:none;}
#main h1{margin:0 30px 20px 0;padding:0;border-bottom:4px solid var(--grey);}
#main .h1{position:relative;margin: 0 30px 20px 0;}
#main .h1 h1{position:relative;margin:0;}
#main .h1 .tools{position:absolute;bottom:8px;right:2px;}
#main .h1 a{font-size:12px;}
#main .chead h1{font-size:22px;padding-bottom: 5px;}
#main .chead h1 .cname{display:block;font-size:36px;margin-bottom: 10px;background-color: var(--grey);}
.mobile #main h1{font-size:22px;padding-bottom:0;}
.mobile #main .chead h1{}
.box h4{}

.box .body{margin:0;}

.box.vid{background:var(--grey);}
.box.vid .left{font-size:20px;font-weight:bold;}
.box.vid .left b{display:block;color:var(--hl);font-size:32px;}
.box.vid .btn{width:100%;margin-top:15px;}

#ytimage{width:100%;position:relative;z-index:2;cursor:pointer;overflow:hidden;}
#ytimage img.vid{width:100%;position:relative;z-index:2;cursor:pointer;}
#ytimage:hover .play-btn{background-position:-32px -506px;opacity:1;}
#ytimage.active img.vid{filter:blur(5px);}
#ytimage.active .play-btn{display:none;}
#ytimage .icon{position:absolute;z-index:3;top:2px;left:2px;display:block;line-height:50px;color:#fff;font-size:16px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
#ytimage .icon .pic{display:block;float:left;width:50px;height:50px;border-radius:50%;padding:2px;margin-right:5px;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,0.7);background-size:85%;}
#ytimage .icon .pic img{width:100%;}
.play-btn{position:absolute;z-index:2;pointer-events:none;width:95px;height:65px;left:50%;top:50%;transform:translate(-50%,-50%);background-position:-32px -440px;opacity:0.4;transition:opacity 0.4s;}


#player{width:100%;position:absolute;top:0;left:0;z-index:1;cursor:pointer;display:none;}
.pbox #player{height:100%;}
#player.active{z-index:3;display:block;}
#player.float{position:fixed;z-index:10;top:65px;left:auto;right:5px;box-shadow: 0 0 20px 5px rgba(0,0,0,0.5);width: 360px;height: 196px;}
#player.float.audio{height:75px;}
#player #mplayer,#player #ytplayer{position:relative;z-index:1;width:100%;height:100%;}
#player .close{position:absolute;z-index:2;top:2px;right:2px;width:22px;height:22px;opacity:1;cursor:pointer;transition:transform 0.2s;display:none;}
#player.float .close{display:block;}
#player .close:before,#player .close:after{content:' ';position:absolute;left:0;top:50%;width:100%;height:2px;background:#fff;}
#player .close:before{transform:rotate(-45deg);}
#player .close:after{transform:rotate(45deg);}
#player .close:hover{transform:rotate(180deg);}
#player.audio .close:before,#player.audio .close:after{background:#000;}
#player .ttl{font:bold 12px tahoma;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:28px;padding:0 25px 0 5px;background:#fff;display:none;position:relative;z-index:2;}
#player.float .ttl{display:block;}
#player.float.audio .plyr{margin-top:-7px;position:relative;z-index:1;}
#player.audio.active #mplayer{
	height: 105px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 28px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    background: #fff;
}
#player.audio.active.float #mplayer{height:100%;padding-top:0;}

.mobile #player.float{
    bottom: 10px;
    top: auto;
    left: 50%;
    right: auto;
	transform:translateX(-50%);
	
}
.mobile.portrait #player.float{width:100%; bottom: 20px;}
.mobile.landscape #player.float{width:250px;height: auto;left:10px;transform:none;;}


.boxes{position:relative;}
.boxes:after{content:' ';clear:both;display:block;}
.boxes:empty{display:none;}

.boxes.middle .box.square{width:46%;min-height: 375px;margin:0 7% 20px 0;display:inline-block;vertical-align:top;background:var(--grey-dark);}
.boxes.middle .box.square:nth-child(even){margin-right:0;}
.boxes.middle .box.square .head{background:var(--grey-dark);text-align:center;padding:10px;min-height: 195px;}
.boxes.middle .box.square .head img{filter: brightness(100);}
.boxes.middle .box.square .head .title{font-weight:bold;font-size:22px;color:#fff;}
.boxes.middle .box.square .text{padding:20px;}
.boxes.middle .box.square .link{display:block;font-size:16px;text-align:center;}
.boxes.middle .box.default .head{color:var(--hl);padding-bottom:10px;font-size:32px;font-weight:bold;}

.mobile .boxes.middle .box{margin:0 0px 20px 0px;width:100%;display:block;background:#fff;}

footer{background:var(--grey);}
footer .box{padding:20px 0;}
footer .copy{min-height:60px;}
footer .copy:empty{display:none;}
footer .social{position:absolute;right:10px;top:50px;}
footer .social .txt{display:none;}
footer .social a{display:inline-block;width:60px;height:60px;text-align:center;font-size:30px;line-height:62px;background:#fff;border-radius:50%;margin-left:10px;color:var(--dark);}
footer .social a .icon{transition:color 0.3s;}
footer .social a:hover .fa-facebook-f{color:#547edc;}
footer .social a:hover .fa-twitter{color:#2ca7ff;}
footer .social a:hover .fa-pinterest-p{color:#dd010f;}
footer .social a:hover .fa-instagram{color:#de0990;}
footer .social a:hover .fa-youtube{color:#dd0000;}

footer .menu .dd{display:inline-block;vertical-align:top;width:25%;}
footer .menu .dd a{display:block;line-height:20px;}
footer .menu .dd a.prn{font-weight:bold;color:var(--dark);}
footer .menu .dd .drop{margin-top:10px;}
footer .menu .dd .drop a{font-weight:normal;}
footer .menu .dd:hover a{color:var(--hl);}

.crumbs{position:relative;}
.crumbs .a{
	display:inline-block;
	overflow: hidden;
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;}
.crumbs .a a{}
.crumbs .a:after{content:'»';display:inline-block;margin:0 5px;color:var(--norm);font-size:16px;}
.crumbs .a:last-child a{color:var(--hl);pointer-events:none;}
.crumbs .a:last-child:after{content:'';}


.gal-image{position: relative;}
.gal-image img{
	 cursor: -webkit-zoom-in;
    cursor: zoom-in;
    position: relative;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
	opacity:1;
}

.image-preview{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);text-align:center;transition:background .5s;}
.image-preview.active{background:rgba(0,0,0,0.75);}
.image-preview img{cursor: zoom-out;position:absolute;opacity:1;}
.image-preview.active img{max-width:100%;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;}
.image-preview.out{}
.image-preview .caption{position:absolute;left:50%;transform:translateX(-50%);line-height:32px;white-space:nowrap;text-align:center;color:#fff;background:rgba(0,0,0,0.8);padding:0 30px;font-family:arial;font-size:16px;}

/*Post Article*/
.pnav{position:fixed;z-index:7;display:block;top:50%;transform:translateY(-50%);transition:all .5s;width:200px;padding:4px;margin:0 18px;background:rgba(255,255,255,0.9);box-shadow:0 0 1px 1px rgba(0,0,0,0);text-decoration:none;font-size:16px;line-height: 18px;}
a.pnav:hover{color:var(--hl);text-decoration:none;}
.pnav .card{zoom: .75;}
.pnav img{width:100%;max-height:100px;margin-bottom:2px;}
.pnav.prev{left:-20px;opacity:0;visibility: hidden;}
.pnav.next{right:-20px;opacity:0;visibility: hidden;}
.pnav.prev:empty,.pnav.next:empty{display:none;}
.pnav.prev.active,.pnav.prev:hover{left:0px;opacity:1;visibility:visible;}
.pnav.next.active,.pnav.next:hover{right:0px;opacity:1;visibility:visible;}

.pnav.prev:after, .pnav.prev:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.pnav.prev:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
	margin-right: -4px;
}
.pnav.prev:before {
	border-color: rgba(201, 201, 201, 0);
	border-right-color: #ccc;
	border-width: 16px;
	margin-top: -16px;
	margin-right: -4px;
}
.pnav.next:after, .pnav.next:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.pnav.next:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
	margin-left: -4px;
}
.pnav.next:before {
	border-color: rgba(201, 201, 201, 0);
	border-left-color: #ccc;
	border-width: 16px;
	margin-top: -16px;
	margin-left: -4px;
}

.mobile .pnav{display:none;}/*TODO:*/
.paging{position:relative;line-height:24px;background:var(--grey);margin:0 25px 20px 0;padding:0 10px;}
.paging a{margin:0 8px;}
.paging a.active{font-weight:bold;}
.load-more{display:block;text-align:center;margin:0 0 20px 0;}
.load-more .btn{padding:12px 50px;}


#main .tags{
	padding:10px;
	border:4px solid var(--grey);
	position:relative;
	margin:50px 30px 50px 0;	
}
#main .tags label{border-bottom:none;top:-36px;left:-4px;}

.tags .list a{display:inline-block;line-height:32px;padding:0 5px;border:1px solid var(--grey);margin:4px;text-decoration:none;transition:all .3s;}
.tags .list a:hover{text-decoration:none;color:#000;background:var(--grey);}

/*Boxes  list*/
.blist{}
.blist .item{margin:0 20px 20px 0;padding: 10px;box-shadow: 0 0 1px rgba(50,50,50,0.9);transition:all 0.4s;}
.blist .item:hover{border-radius:8px;box-shadow: 0 0 8px rgba(124, 38, 153,0.5);}
.blist .col:nth-child(even) .item{}
.blist .item,.blist .image,.blist .image img{position:relative;z-index:1;}
.blist .image img{width:100%;}
.blist a.link{position:absolute;top:0;left:0;z-index:3;overflow:hidden;text-indent:-1000px;width:100%;height:100%;display:block;}
.blist .item h3{margin:0;position:absolute;z-index:2;left:4px;bottom:4px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.3);}
.blist .text{margin-top:5px;}

.blist .media{position:relative;margin-bottom:20px;min-height:120px;}
.blist .media .media-object{width:220px;}
.blist .media a{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-indent:-1000px;}

.topic{height:155px;}
.topic img{display:block;width:100%;max-height:90px;}
.blist .item.topic h3{background:rgba(0,0,0,0.4);    padding: 0 5px;}

#south .slider-wrap{margin:0 40px;}
#south .slide{padding:10px;}
#south .slide a{text-decoration:none;}
#south .slide img{width:100%;transition:all 0.3s;}
#south .slide:hover img{transform:scale(1.1);}

#south .slide .text{display:block;color:var(--dark);font-size:22px;transition:color 0.3s;margin-top:5px;}
#south .slide:hover .text{color:var(--hl);}

#south .owl-carousel .owl-nav button{margin-top:-15px;}
#south .owl-carousel .owl-nav button .fas{color:var(--hl);}
#south .owl-carousel .owl-nav button.owl-prev{left:-40px;}
#south .owl-carousel .owl-nav button.owl-next{right:-40px;}
/*
#spinner{width:40px;height:40px;position: fixed;z-index:3000;top: 50%;left: 50%;margin: -40px 0 0 -20px;opacity:1;font-size: 50px;color: #777;background:rgba(255,255,255,0.85) url('https://www.ruchron.com/static/css/images/spinner-32x32-purple.svg') 4px 4px no-repeat;padding:0;box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);border-radius: 50%;}
*/
#spinner{position: fixed;z-index:3000;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.1);}

#spinner:before{content:' ';display:block;width:64px;height:64px;position: absolute;z-index:1;top: 50%;left: 50%;transform:translate(-50%,-50%);opacity:1;box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);border-radius: 50%;background:rgba(255,255,255,0.85);}
#spinner:after{content:' ';display:block;width:56px;height:56px;position: absolute;z-index:2;top: 50%;left: 50%;transform:translate(-50%,-50%);opacity:1;border-radius: 50%;background:rgba(255,255,255,0) url('images/spinner-32x32-dark.svg') 0 0 no-repeat;background-size:100%;border-radius: 50%;}


#search-panel{position:fixed;z-index:100;left:50%;top:50%;width:98%;height:98%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.98);box-shadow:0 0 20px 5px rgba(0,0,0,0.4);}
#search-panel .head{position:relative;height:60px;background:var(--tg);color:#fff;}
#search-panel .head h2{margin:0;color:#fff;line-height: 60px;padding: 0 20px;}
#search-panel .head .close{position:absolute;top:14px;right:20px;width:26px;height:26px;opacity:1;}
#search-panel .head .close:before,#search-panel .head .close:after{content:' ';position:absolute;left:0;top:50%;width:100%;height:2px;background:#fff;transition:transform 0.4s;}
#search-panel .head .close:before{transform:rotate(-45deg);}
#search-panel .head .close:after{transform:rotate(45deg);}
#search-panel .head .close:hover:before{transform:rotate(45deg);}
#search-panel .head .close:hover:after{transform:rotate(-45deg);}

#search-panel .form-wrap{position:relative;margin:20px 20%;}
#search-panel .form-wrap form{position:relative;}
#search-panel .form-wrap .clear{top:6px;color:var(--dark);}
#search-panel .search-form input{background:var(--grey);color:var(--dark);line-height:44px;height:44px;}
#search-panel .search-form button{filter: brightness(0);top:12px;}
#search-panel .search-form input::-moz-placeholder{color:#886aa0;opacity: 1;}
#search-panel .search-form input:-ms-input-placeholder{color:#886aa0);}
#search-panel .search-form input::-webkit-input-placeholder{color:#886aa0;}

#search-panel .list{position:relative;padding: 0 50px;}
#search-panel .list .row,#search-panel .col,#search-panel section{position:relative;height:100%;}
#search-panel .list .row:nth-child(odd){background:none;}
#search-panel .list .msg{margin:100px;text-align:center;font-size:22px;}
#search-panel .list img{width:125px;}
#search-panel section{padding:5px;overflow:hidden;overflow-y:auto;box-shadow:0 0 1px rgba(0,0,0,0.5);}
#search-panel section h4,#search-panel section a{color:var(--dark);}
#search-panel section h4 time{margin-right:5px;font-size: 12px;position: relative;top: -2px;}
#search-panel section .media{border-bottom:1px solid var(--grey-dark);}
#search-panel section .media:last-child{border-bottom:none;}
#search-panel section .media label{position:absolute;top:0;left:0;font-weight: normal;text-transform: uppercase;padding: 3px 6px 2px 6px;font-size: 9px;}
#search-panel .media{width:45%;}
#search-panel .media, #search-panel .media-body{position:relative;}
#search-panel .media-body{padding-bottom:32px;}
#search-panel .media .channel{position:absolute;bottom:0;left:0;line-height: 34px;}
#search-panel .media .channel .pic{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 100% 100%;
    background-position: center;
    margin-right: 5px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0,0,0,0.4);
    border: 5px solid #fff;
    padding: 7px;
    float: left;	
}
#search-panel .paging{
	position:absolute;
	left:40px;
	bottom:-5px;
	padding:0 20px;
	line-height:32px;
}
#search-panel .paging a{font-size:16px;}

.mobile #search-panel .media,.-xxs #search-panel .media{width:auto;}
.mobile #search-panel .paging,.-xxs #search-panel .paging{left:5px;bottom:-15px;padding:0 5px;}
.mobile #search-panel .list .msg,.-xxs #search-panel .list .msg{margin:50px 15px;}

.mobile #search-panel .media-left,.-xxs #search-panel .media-left{display:block;padding-right:0;}
.mobile #search-panel .media-left img,.-xxs #search-panel .media-left img{width:100%;}

#page-message._404{background:var(--grey);padding:50px 50px;font-size:22px;margin-right:30px;}

/*Banners*/

.zone,.zone .banner,.zone .banner img{position:relative;text-align: center;max-width:100%;}
.zone .banner[data-click="on"]{cursor:pointer;}
.zone .dbg{position:absolute;top:0;left:0;z-index:10;font:#fff;}
.zone:empty{display:none;}
.zone.active{display:block;}
.zone[data-zone="home-top"].active{min-height:75px;}
.zone[data-zone="east-top"].active{height:230px;border-bottom: 8px solid #fff;}
.zone[data-zone="east-bottom"].active{border-top: 8px solid #fff;}
.zone[data-zone="home-top"] .banner, .zone[data-zone="home-top"] .banner img{max-height:140px;}
.zone.home-header{
	height: 90px;
    display: block;
    margin-right: -15px;
    float: right;
}

.zone.inlist{clear:both;margin-bottom:25px;}
.zone.front.inlist{margin:-25px 0 60px 0;width: calc(100% - 30px);}

.zone.floating{position:fixed;top:62px;height:calc(100% - 62px);transition:all .4s;}
.zone.floating .banner{width: 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s;}
.zone.floating img{transition:all .4s;}
.zone.floating.left{left:5px;}
.zone.floating.right{right:5px;}

.mobile .zone.floating{display:none;background:rgba(255,255,255,.85);width: 100%;z-index: 10;}
.mobile .zone.floating .banner{width:250px;}
.mobile .zone.floating .close{position:absolute;right:-22px;top:-40px;cursor:pointer;font-size:50px;opacity:1;}
.mobile .zone.floating img,.zone.floating:hover img{box-shadow:0 0 20px rgba(0,0,0,.7);}

#side-panel .zone{margin-top:15px;}

.mobile .zone.front.inlist{margin-right:15px;}
.mobile .zone.front.inlist:last-child{margin-bottom:28px;}

.mobile .zone[data-zone="home-top"] .banner, .mobile .zone[data-zone="home-top"] .banner img{height:75px;}
.mobile .zone[data-zone="home-top"] .banner img{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:none;}
/*************************************************/
.mob-visible{display:none;}
.mobile h1{}
.mobile .mob-hidden,.-xs .mob-hidden,.-xxs .mob-hidden{display:none;}
.mobile .mob-visible,.-xs .mob-visible,.-xxs .mob-visible{display:block;}
/*************************************************/

.mobile header .logo{
	position: absolute;
	top: 7px;
    left: 50%;
    transform: translateX(-50%);
    zoom: .8;
	transition:top .5s;
}

.mobile .side-open header .logo{top:-100px;}
.mobile.portrait .search-box{display:block;top:-100px;right:12px;width:80%;transition:top .5s;}
.mobile.landscape .search-box{right:12px;}
.mobile.portrait .side-open .search-box{top:12px;}
.mobile.portrait #side-panel{left: -100%;width: 100%;}
.mobile.portrait #side-panel.active{left:0;}

.mobile #media .banner .upd,.-xxs #media .banner .upd{display:none;}
.mobile #media,.-xxs #media,.mobile #media .slide, .-xxs #media .slide,.mobile #media .container, .-xxs #media .container{height:230px;}
.mobile #media .banner,.-xxs #media .banner{left:0;bottom:-20px;max-width:100%;width:100%;text-align:center;font-size: 18px;line-height: 20px;padding:30px 10px 5px 10px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 35%, rgba(255,255,255,.9) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,.) 35%,rgba(255,255,255,.9) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 35%,rgba(255,255,255,.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.mobile #media .banner h1,.mobile  #media .banner h2,.-xxs #media .banner h1,.-xxs  #media .banner h2{font-size:18px;}
.mobile #media .banner p,.-xxs #media .banner p {font-size: 14px;line-height:18px;margin: 2px 10px;}
.mobile #media .active .banner,.mobile  #media.single .banner,.-xxs #media .active .banner,.-xxs #media.single .banner{top:auto;bottom:0;}

.mobile #north .row.head,.-xxs #north .row.head{display:none;}
.mobile body{}
.mobile #main{margin-top:0;}
.mobile #main .text{padding:10px;background:#fff;margin-right:15px;}
.mobile #main .text h2{margin:0 0 10px 0;}

.mobile .zone .banner img{}
.mobile #south .slider-wrap{margin:0;}
.mobile #south .owl-theme .owl-nav{opacity:0;}
.mobile #south .owl-carousel .owl-nav button{margin-top: -50px;}
.mobile #south .owl-carousel .owl-nav button.owl-prev {left: -10px;}
.mobile #south .owl-carousel .owl-nav button.owl-next {right: -10px;}

.mobile footer .box{padding:20px;}
.mobile footer .social{position:relative;top:0;left:0;margin:20px auto 0 auto;text-align:center;}
.mobile footer .social a{background:var(--grey);margin:5px;}
.mobile footer .menu .dd{position:relative;width:100%;display:block;background:var(--grey);border-radius:4px;padding:5px;text-align:center;margin-bottom: 10px;}
.mobile footer .menu .dd a{position:relative;z-index:1;margin: 0 32px;}
footer .menu .dd .clk{display:none;}
.mobile footer .menu .dd .clk{
	display:block;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	width:32px; 
  height:30px; 
  line-height:30px; 
  transition:all .3s;
}
.mobile footer .menu .dd.active .clk{transform:rotate(180deg);}
.mobile footer .menu .dd .drop{display:none;}
.mobile footer .menu .dd .drop a{line-height:24px;}

.mobile .topic{height:auto;}


/*************************************************/

#wp{
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.95);
}
#wp iframe{margin-top:-60px;margin-left:-36px;position:absolute;z-index:1;left:50%;transform:translateX(-50%);opacity:0;transition:all .3s;}
#wp .head{position:relative;z-index:2;width:100%;height:60px;background:#fff;box-shadow: 0 0 8px 0 rgba(0,0,0,.3);}
#wp .close{position:absolute;top:12px;right:12px;font-size:64px;line-height: 32px;}
#wp .wrap{position:relative;display:block;width:100%;height:calc(100% - 60px);overflow:hidden;overflow-y:auto;}
#wp .nav{
	position:fixed;
	z-index:10;
	top:60px;
	width:250px;
	height:calc(100% - 60px);
	cursor:pointer;
	opacity:0;
	transition:all .3s;
}
#wp .nav:empty{cursor:default;}
#wp .nav.prev{left:0;}
#wp .nav.next{right:0;}

#wp .nav .arr{position:absolute;top:50%;transform:translateY(-50%);font-size:72px;margin-top:-60px;}
#wp .nav.prev .arr{left:10px;}
#wp .nav.next .arr{right:10px;}

#wp .nav .card{position:absolute;top:50%;transform:translateY(-50%);zoom: .75;margin-top:-80px;}
#wp .nav .card .pic,#wp .nav .card .body{pointer-events:none;}
#wp .nav.prev .card{left:85px;}
#wp .nav.next .card{right:85px;}
#wp.loaded iframe,#wp.loaded .nav{opacity:1;}

body.wpopen{overflow:hidden;}
#main .text{margin-right:30px;margin-top:0;margin-bottom:20px;}
#main .text:after{content:' ';clear:both;display:block;height:20px;}
#main .text a{margin:0 5px;text-decoration:underline;}

.post.info{margin-top:10px;display: table;width: 100%;}
.post.info .item{display:table-cell;width:20%;padding:2px;}
.post.info .item:first-child{padding-left:0;}
.post.info .item:last-child{padding-right:0;}
.mobile .post.info .item.ow,.mobile .post.info .item.own{display:none;}

.post.info time{font-size: 12px;padding:1px 6px;border: 1px solid #ccc;border-radius: 3px;line-height: 1.5;display: block;text-align: center;}
.post.info .item time, .post.info .item a{width:100%;}
.post.info .item .ico{margin-right:2px;color:var(--tg);}

.pbox .pic{position:relative;}
.pbox .pic img{width:100%;}
.pbox{margin-bottom:10px;margin-right: 30px;background:var(--grey);padding:10px;}
.pbox .tools{position:absolute;z-index:5;bottom:30px;right:5px;}
.pbox.channel .tools,.pbox.mini .tools{bottom: 10px;right:20px;}
.pbox .tools a.dropdown-toggle{font-size: 32px;height: 32px;display: block;color:var(--tg);}
.pbox .tools a.dropdown-toggle .fas{width: 32px;height: 32px;background: #fff;border-radius: 50%;box-shadow: 0 0 2px 1px rgba(255,255,255,1);}
.pbox .tools ul.dropdown-menu{top: auto;bottom: 100%;left: auto;right: 0;}
.pbox .tools ul li a{padding:3px 10px;}
.pbox .tools ul li a .fas{margin-right:5px;}

.desktop.-fs .pbox .tools,.desktop.-md .pbox .tools{display:none;}

#main .pbox:not(.mini) h1{margin:10px 0px 0px 0;}
html[data-class*="channel-media"] .pbox{margin-bottom:25px;}
.mobile .pbox{margin-right:15px;}
.mobile .pbox.channel{margin-bottom:15px;padding-bottom:55px;}
.pbox:after{content:' ';clear:both;display:block;}

.pbox.channel .confirm{position:absolute;left:20px;bottom:4px;}
.pbox.channel .fa.confirm{font-size:32px;color:var(--tg);}
.pbox.channel .fa.confirm:after{
    content: '\f00c';
    position: absolute;
    color: #ffffff;
    z-index: 2;
    left: 9px;
    top: 9px;
    text-shadow: 0 0 2px #000;
    font-size: 14px;
}
.pbox.channel .btn.confirm{text-align:left;bottom:1px;left:16px;transition:all .3s;max-width: 250px;white-space: normal;}
.pbox.channel .btn.confirm .ico{color:var(--norm);margin-right:5px;transition:all .3s;}
.pbox.channel .btn.confirm:hover{background:var(--tg);color:#fff;    border-color: #fff;}
.pbox.channel .btn.confirm:hover .ico{color:#fff;}

.pbox .body a{color:var(--hl);}
.pbox .media-left img{width:100%;}
.pbox h1{margin-top:0;line-height: 1;}
.pbox.post h1{margin-top:10px;margin-bottom: 0;}
.pbox.post .pic img{width:100%;}
.pbox .info{position:absolute;bottom:8px;right:4px;cursor:default;font-size:12px;padding:2px;background:rgba(255,255,255,0.75);text-align:right;}
.pbox.channel .info{text-align:right;}
.pbox.channel .members{position:absolute;z-index:2;top:1px;right:16px;background:rgba(255,255,255,1);font-size:12px;padding:2px 6px 1px;cursor:default;-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;}
.pbox.channel .members .ico{margin-right:2px;font-size:14px;}
.pbox.channel .likes{position:relative;}
.pbox .info .item{margin:0 2px;display: inline-block;}
.pbox .info .ico{position:relative;top:1px;margin-right:2px;color:var(--tg);}
.pbox .info .ico.tglogo{top:2px;}

.pbox .info .num,.pbox time{font-size:11px;cursor:default;}
.pbox .info-main{position:absolute;bottom:1px;right:1px;z-index:2;background:rgba(255,255,255,.8);padding:2px 6px 1px 6px;line-height:16px;}
.pbox .info-main a{font-size:11px;margin:0 2px;}
.pbox .info-main img.ico{width:16px;height:16px;border-radius:50%;}
.pbox .info-main time .far {font-size:14px;top: 1px;position: relative;}

.pbox.mini .info,.pbox.channel .info{background:none;}
.btns .btns{display:block;}
.pbox .info a{text-decoration:none;}
.mobile .pbox .info{display:block;width:100%;bottom:0;}
.mobile .pbox .ow,.mobile .pbox .own{display:none;}
.mobile .pbox .tg{display:block;}
.mobile .pbox .tg .btn{display:block;margin:2px;width:100%;padding:5px 16px;}

.pbox.mini .pic{float:left;width:50%;margin-right:10px;}
.pbox.default .pic{height: 400px;background-position:center center;}
.pbox.mini h1{margin-top:0;}
.pbox.youtube .pic{padding-bottom:56.25%;background-repeat:no-repeat;background-size:100%;background-position:center;}
.mobile .pbox.mini .pic{width:100%;}

.pic .play-media{
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	font-size:96px;
	opacity:.3;
	transition:opacity .4s;
}
.pic .play-media:hover{opacity:.9;}
.audio .pic .play-media{top:auto;left:auto;transform:none;bottom:10px;right:10px;}

/*************************************************/
.sm a{line-height:22px;}
.sm a.prn{font-weight:bold;}
.sm a.cld{}

/*************************************************/
#main .box.comments{margin-top:50px;padding:10px 0 20px 0;border-bottom: 4px solid var(--grey);}
.cform{}
.cform:after{content:' ';clear:both;display:block;}
.cform textarea{position:relative;z-index:2;min-height:75px;max-height:140px;resize:vertical;}
.cform .progress{position:relative;z-index:1;left:0px;right:0px;top:-4px;height:14px;margin: 0;}
.cform button{float:left;}
.cform label{
	position: relative;
    z-index: 1;
    color: #000;
    font: normal 12px arial;
    line-height: 22px;
    display: inline-block;
    margin-left:10px;
}
#main .box .cform .progress label.len-display{
	position: absolute;
	z-index:1;
    left:5px;
    bottom:-2px;
	top:auto;
    color: #000;
    font: normal 10px arial;
	line-height: 4px;
	background:none;
	padding:0;
	border:none;
	margin-left: 0;
}
.cform .progress-bar{position:relative;z-index:2;overflow:hidden;}
#main .box .cform .progress .progress-bar label.len-display{z-index:3;color:#fff;}

.comments .wrap{overflow:hidden;overflow-y:auto;max-height:500px;margin:0 0 5px 0;clear:both;}
.comments .list{}
.comments .paging{margin:2px 0;}
.comments .paging:empty{display:none;}

.comment{padding:5px;box-shadow:0 0 2px rgba(0,0,0,.3);margin:2px 2px 8px 2px;}

.comment time{position:absolute;right:4px;bottom:2px;font-size:11px;}
.comment time .fa,.comment .flag{margin-right:4px;}
.comment h5,#reply h5{margin:0 0 5px 0;font-weight:bold;}
.comment h5 a.reply{font-weight:normal;position:absolute;right:0;top:2px;font-size:12px;}
.comment .rpl{padding:5px;border-left:2px solid var(--tg);}
.comment .rpl a{display:block;font-weight:bold;color:var(--tg);}
#reply{
	padding: 10px 10px 10px 45px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    z-index: 4;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
	min-height: 50px;
}
#reply:before{content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:32px;margin-right:5px;position:absolute;top:5px;left:10px;color:var(--tg);}
#reply:empty{display:none;}
#reply h5{color:var(--tg);}
#reply .close{position:absolute;right:5px;top:0px;}
#reply .txt{padding-left:5px;}
@keyframes highlight {
  0%{
	  background:#fff; 
  }
  50% {
    background:#ecf6ff;
  }
  100%{
	  background:#fff; 
  }
}
@-webkit-keyframes highlight {
  0% {
   background:#fff;
  }
  50% {
   background:#ecf6ff;
  }
  100% {
   background:#fff;
  }
}
.comment.hl {
  animation: highlight 2s infinite;
  -webkit-animation: highlight 2s infinite;
}
.comment.edit{
	background:#ecf6ff;
}
/*************************************************/
#popover .close{position:absolute;top:4px;right:5px;font-size:32px;}
#popover.fixed{position:fixed;margin-top:-20px;}
#popover .form-group{position:relative;}
.hr{border-bottom:1px solid #c3c3c3;margin:1px 0 1px 0;}
.mform .form-group.upass-group{margin-left:0;margin-bottom:0;width:275px;}
.mform .tab-pane{padding-top:20px;}
.mform .input-group,.mform .form-group{position:relative;}
.mform .input-group{margin-bottom:10px;}
.mform .form-group .input-group{}
.mform .form-control{width:220px;}
.mform #desc.form-control{width:100%;resize:vertical;min-height:75px;max-height:120px;}
.mform #add .form-control{width:300px;}
.mobile .mform #add .form-control{width:100%;}
.mform #add #tid.form-control{width:253px;}
.mform button{margin-right:10px;}

.pass{position:relative;}
.pass input{padding-right:60px;}
.pass .tools{position:absolute;z-index:10;right:10px;top: 0;white-space: nowrap;width: 52px;}
.mobile .pass .tools,.-xxs .pass .tools{}
.pass .tools .ico{cursor:pointer;margin:0;width:24px;text-align:center;font-size:18px;display: inline-block;line-height: 34px;}
.pass .fa-eye-slash{color:#dd0000;}

.form-group .text-value{padding-top: 7px;}

#add .input-group-addon{width:140px;padding:6px;}
#add textarea{margin:0;height:75px;min-height:75px;max-height:140px;resize:vertical;}
#owner-info{text-align:left;display:none;padding: 15px;}
div.desc{position:relative;}
#desc{position:relative;z-index:2;}
#save-desc{position:absolute;z-index:3;top:0;right:0;margin:0;}
div.desc .progress{position:relative;z-index:1;left:0px;right:0px;top:-4px;height:14px;margin: 0;}
div.desc label{
	position: absolute;
	z-index:1;
    left:5px;
    bottom:-2px;
    color: #000;
    font: normal 10px arial;
	line-height: 4px;
}
div.desc .progress-bar{position:relative;z-index:2;overflow:hidden;}
div.desc .progress-bar label{z-index:3;color:#fff;}

#dform{position:relative;}
#dform .error{background:#fffcd7;text-align:center;padding:10px;position:absolute;z-index:2;width:100%;border:1px solid #dd0000;display:none;}
#dform label{font-weight:normal;padding-left: 4px;padding-right: 0px;font-size: 12px;}
#dform .furl label{float:left;margin-right: 4px;}
#dform .list{overflow:hidden;overflow-y:auto;max-height:450px;}
#dform .form-inline{position:relative;margin-bottom: 10px;}
#dform .form-group {
    position: relative;
    margin-right: 0;
    margin-left: 0;
}
#dform .form-group:first-child .icon{}
#dform .form-group:last-child {
    padding-right: 32px;
}
#dform .icon-wrap {
    position: absolute;
    right: 0;
    top: 6px;
}
#dform .icon {
    font-size: 28px;
    line-height: 34px;
    cursor: pointer;
}
.dadd{position:absolute;right:32px;top:2px;font-size: 20px;line-height: 36px;cursor: pointer;}
.surl{}
.mobile .tabs-wrap{position:relative;width:100%;overflow:hidden;overflow-x:auto;}
.mobile #mform-tabs{margin-right:0px;white-space:nowrap;}
.mobile #form-login,.mobile #form-add,.mobile #form-reg{margin:0px auto;}
.mobile #mform-tabs.nav>li>a{
	display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 8px 8px;
}
.mobile.portrait #mform-tabs.nav>li>a{}
.modal-backdrop.in{opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);}

.fixed-table-toolbar button{margin-right:0;}
.mobile.portrait .fixed-table-toolbar .search{width: 100%;}
.mobile.portrait .fixed-table-toolbar .search input.form-control{width:100%;}

.attl {line-height: 20px;padding-left: 30px;}
.attl .logo{       
    width: 70px;
    height: 50px;
	float: left;
    top: -5px;
    left: -12px;
	position: absolute;
    display: inline-block;
    margin-right: 4px;
	background-position: 0 -80px;
	transform: scale(.4);
	}
	
html[data-class="member"] #main{padding-right:25px;}	
.msgbox{background:#ffffe2;text-align:center;padding:10px 25px;margin-bottom:20px;}
.mobile .msgbox{padding:1px 14px;}
#form-add .msgbox{text-align:left;}
#form-add .msgbox p{margin:10px 0;}
#form-add .msgbox ul{padding: 0 15px;}
#form-add .msgbox ul li{padding:0px;list-style-type: disc;}
#form-add .msgbox ul li ul li{list-style-type: circle;}

.oreq{position:relative;font-size:12px;margin:0 0 10px 1px;}
.oreq .fas{color:#dd0000;margin-right:5px;}
.req {
    font-size: 18px;
    color: #d00;
    line-height: 10px;
    font-weight: 700;
}
#contact .req-note {
    font-size: 12px;
}
#contact .links {
    font-size: 12px;
    text-align: right;
}
#umsg-f {
    min-height: 55px;
    max-height: 100px;
    resize: vertical;
}

#confirm-ownership{}
#confirm-ownership button{display:block;width:100%;margin-top:10px;}

#channels .pic{width:120px;}
#channels .media{box-shadow:0 0 1px rgba(0,0,0,0.3);padding:5px;transition:all .3s;}
#channels .media:hover{box-shadow:0 0 4px rgba(0,0,0,0.3);}
#channels .media .label{font-weight:normal;margin-top:4px;}
#channels .media a.pm{font-weight:normal;float:right;font-size:12px;}
#channels .media a.pm .badge{margin-left:5px;}
.media .tools h4{border-bottom:1px solid var(--grey-dark)}
.media .tools .item{position:relative;}
.media .tools .item .check{display:inline-block;}
.media .tools .item .tool-icon{display:inline-block;position:relative;cursor: pointer;font-size: 16px;margin-left: 5px;top: 6px;color:#2196F3;}
.media .tools .item .tool-icon:hover{color:#00a949;}
.media .tools label{font-weight:normal;font-size:12px;}
.media .tools .item .info{float:right;}
.media .tools .stat h4{margin-left:4px;}
.media .tools .stat .item{padding: 4px 4px 0 4px;}
.media .tools .stat .item:hover{background:var(--grey);}
.media .tools .item .dlink{display:none;margin-left: 5px;font-size: 12px;text-decoration: underline;position: relative;top: 5px;font-style: italic;}
.media .tools .item.on .dlink{display:inline-block;}
.mobile.portrait #channels .media .media-body, .mobile.portrait #channels .media .media-left{display:block;max-width:100%;}
.mobile.portrait #channels .pic{width:100%;}

#pm-form-box{display:none;}
td{font-size:12px;}
th .ico{margin-right:4px;}
a.tico{font-size:16px;}
a.tico,a.tico:hover{text-decoration:none;margin:0 2px 5px 2px;}

#login{position:relative;}
#form-forgot{display:none;}
/*User box*/
/*#telegram-login-TgNetLoginBot{position:fixed;z-index:100000;top:200px;left:10px;}*/
.ubox{
	position: absolute;
	width:160px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: var(--norm);
    line-height: 34px;   
}
.not-logged .ubox{overflow: hidden;height: 36px;background: #54a9eb;width:auto;}
.not-logged .ubox iframe{position:relative;top:3px;}
header .ubox{top:12px;right:5px;}
.ubox .fa{font-size:18px;}
.ulink .ico{margin-right:5px;position: relative;top: 2px;}
.ulink,.ulink:hover{text-decoration:none;}
.ulink{position:relative;display:block;width:100%;padding-left: 12px;padding-right: 12px;}
.ulink .caret{position:absolute;right:10px;top:50%;margin-top:-2px;transition:all .4s;}
.open #ubox-dropdown .caret{transform:rotate(180deg);}
.ubox ul .ico{}
.ubox .badge,.pm .badge{background:var(--red);color:#fff;font-weight:normal;}
.ubox .badge{position:absolute;}
#ubox-dropdown .badge{top: 0px;right: 100%;margin-right: -14px;}
.open #ubox-dropdown .badge{display:none;}
li.pm {position:relative;}
li.pm  .badge{top:3px;right:2px;}

#pass-change-form{position:relative;padding-left:15px;display:none;}

.mobile .ubox{position: relative;width:100%;display:block;border:none;border-radius:0;}
.mobile .ubox .dropdown.open,.mobile .ubox .dropdown-menu,.mobile .ubox .dropdown a,.mobile #side-panel .ubox .dropdown a:hover{background: #e9ecef;}
.mobile #side-panel .ubox .dropdown-menu a{padding-left:16px;}
.mobile #side-panel .ubox .dropdown-menu a:before{content:"\f0da";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:5px;}
.mobile .ubox .dropdown-menu{
	position:relative;
	width:100%;
	float:none;
	border:none;
	box-shadow:none;
	border-radius:0;
}

/*************************************************/
#admin-tools{
	position:absolute;
	z-index:9;
	padding:0;
	width:200px;
	background:rgba(255,255,255.9);
	box-shadow:1px 1px 4px rgba(0,0,0,0.4);
	font:normal 12px Arial;
}
#admin-tools .caret{position:absolute;right:7px;top:12px;}
#admin-tools div.a{cursor:pointer;}
#admin-tools a,#admin-tools div.a{position:relative;display:block;padding:0 22px;line-height:28px;}
#admin-tools a,#admin-tools a:hover{text-decoration:none;color:var(--norm);}
#admin-tools a:hover,#admin-tools div.a:hover{background:#e8eaed;;}
#admin-tools a .ico,#admin-tools div.a .ico{position:absolute;left:5px;top:8px;}

.censored{position:relative;opacity:0.5;}

/*************************************************/
#bb{position:fixed;z-index:20;bottom:-100px;width:285px;height:75px;transition:all .5s;background:#fff;padding:5px;box-shadow:0 0 4px rgba(0,0,0,0.5);}
#bb .pic{width:95px;height:65px;float:left;margin-right:5px;position:relative;}
#bb .pic img.img{width:100%;height:100%;}
#bb img.emo{width:30px;height:30px;position:absolute;top:-10px;left:-10px;box-shadow: 0 0 3px 0px rgba(50, 50, 50, 0.5);}
#bb .head{font-weight:bold;}
#bb .title{}
#bb.active{bottom:7px;}
#bb a{
	font-size:12px;
	line-height:15px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#bb .pic.compass,#bb .pic.channel{
    width: 65px;
    height: 65px;
}
#bb .pic.compass{
    background: url(images/compass.png) no-repeat;
    background-position: center;
    background-size: 100%;
}
.mobile #bb{left:50%;transform:translateX(-50%);}
/*************************************************/
.animated {
	-webkit-animation-duration: 0.8s;
	   -moz-animation-duration: 0.8s;
	     -o-animation-duration: 0.8s;
	        animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
/***************************/
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
	}

	1% {
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(0);
	}

	1% {
		-moz-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(0);
	}
	1% {
		-o-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(0);
	}

	1% {
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}


/*************************************************/

.bubble {
    position: absolute;
	z-index:2;
    min-width: 250px;
    padding: 0px;
	color:#dd0000;
    background: #FFFFFF;
    border: #bfbfbf solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(97, 97, 97, 0.31);
    -moz-box-shadow: 0px 0px 5px 0px rgba(97, 97, 97, 0.31);
    box-shadow: 0px 0px 5px 0px rgba(97, 97, 97, 0.31);
	text-align:center;
	padding:7px;
}
.bubble:before, .bubble:after{
    position: absolute;
	content: "";
	left: 50%;
    top: 100%;
    display: block;
    border-style: solid;
    margin-left: -10px;
    width: 0;
    z-index: 0;
    border-width: 10px 10px 0; 
}
.bubble:after {
    border-color: #FFFFFF transparent;
}
.bubble:before {
	margin-top:1px;
    border-color: #bfbfbf transparent;
}
.bubble.bottom:before, .bubble.bottom:after{
    border-width: 0 10px 10px;
	top:-10px;
}
.bubble.bottom:before{top:-12px;}
.bubble .warn{display:inline-block;margin-right:5px;}
/*************************************************/
.autoplay-switch{position:absolute;right:0;top:2px;width:40px;}
.autoplay-switch label:first-child{font-weight:normal;font-size:12px;float:left;position: absolute;right:100%;margin-right:4px;display:block;line-height: 24px;max-width:none;}

input[type="checkbox"].switch {
    position: absolute;
    margin:0;
	opacity:0;
}
input[type="checkbox"].switch + label {
    position: absolute;
	right:0;
	top:2px;
    padding: 5px 0 0 40px;
    line-height: 2.0em;
}
input[type="checkbox"].switch + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 40px; /* x*5 */
    height: 20px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
input[type="checkbox"].switch + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 20px; /* x*3 */
    height: 20px; /* x*3 */
    border-radius: 10px; /* x*2 */
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
input[type="checkbox"].switch + label:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
input[type="checkbox"].switch:checked + label:after {
    margin-left: 20px;
}
input[type="checkbox"].switch:checked + label:before {
    background: #469be4;
}
/*************************************************/
/* The checkbox */
.check {
  display: block;
  position: relative;
  top:5px;
  padding-left: 28px;
  cursor: pointer;
  font-size: 12px;
  font-weight:normal;
  line-height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#profile .check{margin:0;padding-top:0;}
.check.radio{height:32px;}
/* Hide the browser's default checkbox */
.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
 border:1px solid #aaa;
}
.radio .checkmark{
	border-radius:50%;
}
/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
  background-color: #ccc;
 
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: #2196F3;
  border:1px solid #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check input#display-name{
	opacity:1;
	display: inline-block;
    height: 28px;
    top: -2px;
    margin-left: 10px;
	cursor:default;
}
/*************************************************/
.cwrap{margin-right:30px;margin-bottom:20px;}
html.mobile[data-class="calendar"] #main{margin-right: -15px;}
html.mobile[data-class="calendar"] #main .h1.calendar  a{line-height: 16px;}
h2.year{text-align:center;background:var(--grey);margin-right: 30px;padding: 5px;}
table.calendar    { border-left:1px solid #a3a6ab;width: 100%; }
tr.calendar-row  {  }
td.calendar-day  {font-size:11px; position:relative; height:34px;} 
.mobile.portrait td.calendar-day  {font-size:10px;} 
td.calendar-day.today{background:#d8e8f7;} 
td.calendar-day.today:hover{background:#d2e9ff;} 
td.calendar-day:hover  {background:#eceff5;}
td.calendar-day-np  { background:#eff3f7;}
td.calendar-day-head { background:#d5d8dc; font-weight:bold; text-align:center; width:14.285%; padding:5px; border-bottom:1px solid #a3a6ab; border-top:1px solid #a3a6ab; border-right:1px solid #a3a6ab; }
div.day-number    { background:#a3a6ab; padding:0; color:#fff; font-weight:bold; float:left; margin:1px; width:22px; height:32px; text-align:center;line-height:32px; }
.mobile.portrait div.day-number{width:18px;}
td.calendar-day.today div.day-number{background:#8cbae2;}
td.calendar-day-np.today div.day-number{background:#8cbae2;}
td.calendar-day.today:hover div.day-number{background:#7bc2ff;}
td.calendar-day, td.calendar-day-np { width:14.285%;border-bottom:1px solid #a3a6ab; border-right:1px solid #a3a6ab; }

.calendar td{position:relative;}
.calendar td a{position:absolute;top:0;left:0;width:100%;height:100%;display:block;overflow:hidden;text-align:center;line-height:36px;padding-left:22px;}
.mobile.portrait .calendar td a{padding-left:18px;}
.calendar-day-np .day-number{opacity:0.5;}
.calendar-header{text-align: center;font-size: 20px;background: #bfc1c5;}
.calendar-header a{color: #fff;}
#main .h1.calendar{text-align:center;}
#main .h1.calendar a{position:absolute;top:0;z-index:3;line-height:34px;font-size: 14px;text-decoration:none;}
#main .h1.calendar a.prev{left:0;}
#main .h1.calendar a.prev:before{content:'«';margin-right:4px;}
#main .h1.calendar a.next{right:0;}
#main .h1.calendar a.next:after{content:'»';margin-left:4px;}
#main .h1.calendar a.prev:before,#main .h1.calendar a.next:after{font-size:26px;display: inline-block;position:relative;top:2px;}
#main .h1.calendar.chead a{top:auto;bottom:5px;}
#main .h1.calendar .total{font-size:14px;margin-left: 5px;}
/*************************************************/
#np{
	display: block;
    position: fixed;
    z-index: 5;
    padding: 10px;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 80px;
    transition:all 0.4s;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 0 4px rgba(50,50,50,0.5);
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.story-read #np{ bottom: 0;}
#np:hover{}
#np:after{content:' ';display:block;clear:both;}
#np a{font-size:12px;text-decoration:underline;}
#np .txt{padding:0 25%;text-align:center;position:absolute;z-index:1;opacity:1;transition:all 0.3s;}
#np .arr{position:relative;top:2px;}
#np .arr.left{transform: rotateY(-180deg);}

/*************************************************/

.cook-info #totop{bottom:50px;}
#cook-info{position:fixed;z-index:1000;left:0;top:100%;margin-top:0;transition:all .4s;width:100%;background:#363636;}
#cook-info:after{content:' ';display:table;clear:both;}
#cook-info .text{color:#ddd;float:left;font-size:14px;padding:16px 20px;}
#cook-info .ctrls{float:right;padding:5px 20px;}
#cook-info .ctrls a{margin:3px;color:#000;}
#cook-info .ctrls a.ok{color:#fff;}
#cook-info .btn{padding:5px 15px;font-size: 14px;line-height: 1.5;}
body.cook-info .copy{padding-bottom:50px;}
body.cook-info .totop{margin-top:-100px;}

/*************************************************/

#debug{position:fixed;z-index:10000;bottom:30px;left:0;padding:10px;background:#fff;font-size:12px;border:1px red solid;max-width:320px;overflow:auto;display:none;}
#debug pre{max-height:350px;overflow:auto;}
.mobile #debug{display:none;}
@media (min-width: 992px){
	
}

@media (max-width: 992px){
	#search-panel .list{padding:0 20px;overflow:hidden;overflow-y:auto;}
	#search-panel .form-wrap{margin: 20px 20px;}
	#search-panel .col,#search-panel section{height:auto;}
	#search-panel section{overflow:visible;}
	#totop{zoom:.5;}
}
@media (max-width: 768px){
	.container {
		width: 100%;
	}
}

div::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{	
	background-color: transparent;
}

div::-webkit-scrollbar,textarea::-webkit-scrollbar{
	width: 8px;
	height:8px;
	background-color: #F5F5F5;
}

div::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{
	background-color: #bcbcbc;
}

div.tabs-wrap::-webkit-scrollbar-track,div.tabs-wrap::-webkit-scrollbar,div.tabs-wrap::-webkit-scrollbar-thumb{display:none;}