@media (min-width:1920px){.content-site{max-width:1900px}
}
@media (min-width:768px){.content-site{padding:0 30px}
}
.sidebar-nav{position:fixed;display:table-cell;font-size:.875rem;width:220px;height:100vh;z-index:1081;opacity:1!important}
.sidebar-nav-inner{width:inherit;margin:0;max-width:170px;pointer-events:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;transition:background-color .3s}
.sidebar-nav .flex-bottom a,.sidebar-menu-inner a{display:block;overflow:hidden;padding-left:1.125rem;line-height:40px;max-height:40px;color:#b2b8be;transition:all .3s}
.sidebar-menu ul:first-child > li> a,.sidebar-menu ul:first-child > li> a span{ line-height:50px;max-height:50px;}
.sidebar-nav ul{margin:0;padding:0}
@media (min-width:768px){
.sidebar-nav.mini-sidebar+.main-content{margin-left:60px}
}

.navbar-menu a{color:#777} 
@media (min-width:768px){.sidebar-nav{display:block!important}
}
@media (max-width:767.98px){.sidebar-nav{background:transparent!important} 
.sidebar-nav{width:100%!important;height:100%!important;top:0!important;position:fixed;z-index:1090!important;display:none;padding-left:0!important}
.sidebar-nav.show>div{transform:translate3d(0,0,0)}
.sidebar-nav>*{position:fixed;height:100%;transition:.2s cubic-bezier(.25,.8,.25,1);transform:translate3d(-100%,0,0);width:17.5rem}
}

.text-gray{color:#555}
.overflowClip_1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}
.url-card .url-body{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.url-card .url-body:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}
.url-card .url-info{overflow:hidden;padding-right:5px}
.url-card .url-goto-after{height:24px;border-top:1px solid rgba(136,136,136,.2)}
.url-card .url-goto{position:absolute;bottom:0;left:0px;right:0}
.url-card .card-body{padding:.3rem .85rem}
.url-card .url-img{width:40px;height:40px;-webkit-box-flex:0;-ms-flex:none;flex:none;background:rgba(255, 255, 255, 0);overflow:hidden}
.url-card .url-img>img{max-height:100%;vertical-align:unset}
.url-card .post-min .url-img{width:20px;height:20px}
.url-card .post-min .url-img>img{vertical-align:unset}
.url-card .url-body:hover a.togo{opacity:1}
.url-card a.togo:hover i{text-shadow:0 0 5px} 
@media (min-width:1200px){
.col-xl-5a{flex:0 0 20%;max-width:20%}
}

@media (min-width:1680px){
.col-xxl-6a{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
}
@media (min-width:768px) and (max-width:991.98px){.row{margin-right:-.75rem;margin-left:-.75rem}
}
@media (max-width:767.98px){.padding{padding:1rem}
.container{padding-right:.625rem;padding-left:.625rem}
.uk-subnav{margin-left:.25rem;margin-right:.25rem}
.friendlink{margin:0 5px}
.row{margin-right:-0.25rem;margin-left:-.25rem}
.row>.col,.row>[class*="col-"]{padding-right:.625rem;padding-left:.625rem}
}

/*--------------------------------------------------------------
## custom style
--------------------------------------------------------------*/
@keyframes gradient{50%{background-position:100% 0}
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-left:0}
.uk-subnav{border-radius:100px;}
.uk-subnav>li {padding: 5px 0}
.uk-subnav>li:first-child {padding-left:5px}
.uk-subnav>li:last-child {padding-right:5px}
.uk-subnav-pill>*>a:hover{border-radius:100px;background-color:#ebfffc}
.link-content{list-style:none;display:inline-block;width:calc(20% - 16px)}
.friendlink{margin:0 -15px 15px;border-radius:25px}
@media (max-width:767.98px){.padding{padding:1rem}
.friendlink{margin:0 5px 15px}
}
.card{border-radius:0.75rem}
.uk-subnav>*>:first-child{text-transform:lowercase;}
@media (max-width:700px){.link-content{list-style:none;display:inline-block;width:calc(50% - 16px)}}
@media screen and (min-width:700px) and (max-width:900px){.link-content{list-style:none;display:inline-block;width:calc(33.33% - 16px);}}
@media (min-width:900px){.link-content{list-style:none;display:inline-block;width:calc(25% - 16px)}}