/*
    Theme Name: News
    Theme URI: https://news.com
    Author: news
    Author URI: https://news.com
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
    --th-color-main: #002654;
    --th-color-main-up: #075599;
    --th-color-second: #ce1126;
    --th-font-main: 'Roboto Condensed', sans-serif;
}
@media screen{
    * {
        margin: 0px;
        padding: 0px;
    }
    a:link{
        text-decoration:none;
    }
    a:focus{
        outline: none;
    }
    img{
        display: block;
        padding: 0px;
        outline: none;
        border: none;
    }
    ul{
        list-style:none;
    }
    h1{
        margin: 0px;
        padding: 0px;
    }
    body{
        font-family: var(--th-font-main);
        font-size: 14px;
        line-height: 1.7;
        font-weight: 400;
        color: #333;
        position: relative;
    }
    .body-padding{
        padding-top: 125px;
    }
    .body-overfl-hidden{
        overflow: hidden;
    }
    .container{
        position: relative;
        width: 1170px;
        margin: 0 auto;
    }
    /*
    * HEADER.
    */
    .header{
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    }
    /* Header top */
    .header-fixed{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10000;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    }
    .logged-in .header-fixed{
        top: 32px;
    }
    /* Header Main */
    .header-main{
        background-color: var(--th-color-main);
    }
    .header-main .container{
        height: 100px;
    }
    .header-fixed .header-main{
        display: none;
    }
    .logo{
        margin: 0px;
        padding: 0px;
        margin-top: 25px;
        height: 50px;
    }
    .logo a{
        display: block;
        height: 100%;
    }
    .logo a img{
        height: 100%;
    }
    /**/
    .search-form{
        position: relative;
        height: 34px;
        margin-top: 33px;
        width: 250px;
        font-size: 16px;
    }
    .search-input{
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        padding: 0 10px;
        box-sizing: border-box;
        border-radius: 0px;
        border: 1px solid #999;
        border-radius: 5px;
    }
    .search-submit{
        position: absolute;
        outline: none;
        border: none;
        top: 0px;
        right: 0px;
        width: 40px;
        height: 100%;
        color: #333;
        border-radius: 34px;
        font-size: 15px;
        background-color: transparent;
    }
    .search-submit:hover{
        color: var(--th-color-second);
    }
    /**/
    .header-social{
        height: 34px;
        line-height: 34px;
        margin-top: 33px;
    }
    .header-social li{
        display: inline-block;
        width: 34px;
    }
    .header-social li:nth-child(n+2){
        margin-left: 10px;
    }
    .header-social li a{
        display: block;
        color: #fff;
        text-align: center;
        background-color: #f5f5f5;
        border-radius: 5px;
    }
    /*Header Bottom */
    .header-bottom{
        background-color: #fff;
        border-top: 1px solid #303030;
    }
    .header-bottom .container{
        height: 50px;
        line-height: 50px;
    }
    /**/
    .main-nav-inner>ul>li{
        float: left;
        position: relative;
    }
    .main-nav-inner>ul>li:nth-child(n+2){
        margin-left: 1px;
    }
    .main-nav-inner>ul>li:last-child{
        margin-right: 0px;
    }
    .main-nav-inner>ul>li a{
        display: block;
        color: #333;
    }
    .main-nav-inner>ul>li>a{
        text-transform: uppercase;
        position: relative;
        padding: 0 20px;
        font-size: 15px;
        font-weight: 700;
    }
    .main-nav-inner>ul>li>a>img{
        height: 20px;
        max-width: 100%;
        padding-top: 6px;
        padding-bottom: 3px !important;
    }
    .main-nav-inner>ul>li>a>span{
        display: block;
    }
    .main-nav-inner>ul>li:hover>a,
    .main-nav-inner>ul>li>a:hover,
    .main-nav-inner>ul>li.current-menu-item>a,
    .main-nav-inner>ul>li.menu-item-has-children:hover:after{
        color: #f44336;
    }
    .main-nav-inner>ul>li:hover>a{
        color: #f44336;
    }
    .main-nav-inner>ul>li.nav-home>a{
        color: #fff !important;
        background-color: #da251c;
    }
    .main-nav-inner>ul>li.home-nav-item a{
        color: #fff;
        background-color: var(--th-color-second);
    }
    .main-nav-inner>ul>li.home-nav-item a span{
        display: none;
    }
    .main-nav-inner>ul>li ul{
        position: absolute;
        top: calc(100% + 10px);
        left: 0px;
        min-width: 220px;
        background-color: #f44336;
        z-index: 10000;
        line-height: 40px;
        box-shadow: 3px 3px 0px rgba(0, 0, 0, .1);
        opacity: 0;
        visibility: hidden;
        line-height: 20px;
        transition: all ease-in-out .1s;
    }
    .main-nav-inner>ul>li:hover>ul{
        top: 100%;
        opacity: 1;
        visibility: visible;
        transition: all ease-in-out .3s;
    }
    .main-nav-inner>ul>li ul li{
        position: relative;
        border-top: 1px solid #f94e41;
        border-bottom: 1px solid #e33629;
    }
    .main-nav-inner>ul>li ul li:first-child{
        border-top: none;
    }
    .main-nav-inner>ul>li ul li:last-child{
        border-bottom: none;
    }
    .main-nav-inner>ul>li ul li a{
        padding: 10px 24px;
        color: #fff;
    }
    .main-nav-inner>ul>li ul li ul{
        left: 100%;
        opacity: 0;
        visibility: hidden;
        top: 10px;
    }
    .main-nav-inner>ul>li ul li:hover ul{
        top: 0px;
        opacity: 1;
        visibility: visible;
    }
    /**/
    .icon-show-nav,
    .icon-search{
        position: absolute;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        top: 0px;
        cursor: pointer;
        display: none;
        color: #fff;
    }
    .icon-show-nav{
        padding-right: 20px;
    }
    .icon-search{
        right: 0px;
        padding-left: 20px;
    }
    .close-nav{
        display: none;
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        top: 20px;
        right: 20px;
        font-size: 25px;
        cursor: pointer;
        z-index: 1000;
        color: #fff;
    }

    /*
    * FEATURED.
    */
    .owl-carousel{
        position: relative;
    }
    .owl-theme  button,
    .owl-theme button:focus{
        outline: none !important;
    }
    .owl-theme .owl-dots .owl-dot span{
        width: 8px !important;
        height: 8px !important;
        transition: all ease-in-out .3s !important;
    }
    .owl-theme .owl-dots .owl-dot.active span{
        width: 28px !important;
        background-color: var(--th-color-second) !important;
    }
    .owl-theme .owl-dots .owl-dot:hover span{
        background-color: var(--th-color-second) !important;
    }
    .featured .owl-theme .owl-dots .owl-dot span{
        background-color: #fff;
    }
    .featured .owl-theme .owl-dots{
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
    }
    .owl-theme .owl-nav{
        left: 0px;
        top: 0px;
        margin-top: 0px !important;
    }
    .owl-nav button{
        margin: 0px !important;
        position: absolute;
        top: calc(50% - 20px) !important;
        width: 35px;
        height: 40px;
        line-height: 36px !important;
        text-align: center;
        background-color: rgba(255, 255, 255, .8) !important;
        border-radius: 0px !important;
        font-size: 25px !important;
        z-index: 10000;
        box-shadow: 0 0 60px rgba(0, 0, 0, .1);
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .2s;
    }
    .owl-carousel:hover .owl-nav button{
        opacity: 1;
        visibility: visible;
    }
    .owl-nav button:hover{
        background-color: rgba(255, 255, 255, 1) !important;
        color: #333 !important;
    }
    .owl-nav button span{
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    .owl-nav button.owl-prev{
        left: 0px !important;
    }
    .owl-nav button.owl-next{
        right: 0px !important;
    }
    /**/
    .owl-wrap{
        overflow: hidden;
        position: relative;
    }
    .owl-wrap .owl-carousel{
        overflow: hidden;
        width: 100%;
    }
    .owl-wrap .owl-theme .owl-dots{
        width: calc(100%);
        margin-top: 25px !important;
        /*display: none !important;*/
    }
    .owl-theme-flex .owl-stage{
        display: flex;
        flex-flow: row wrap;
    }
    .block-content-flex{
        display: flex;
        flex-flow: row wrap;
    }
    .thumb-cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .post-thumb{
        display: block;
        color: #333;
        border-radius: 0px;
        overflow: hidden;
    }

    /*
    * MAIN WRAP.
    */
    .main-wrap .container{
        padding: 30px 0;
    }
    .home .main-wrap .container{
        padding-top: 20px;
    }
    .block-item:nth-child(n+2){
        margin-top: 40px;
    }
    .block-item-title{
        position: relative;
        display: inline-block;
        color: #fff;
        height: 28px;
        line-height: 28px;
        border-radius: 5px;
        padding: 0 12px;
        font-size: 15px;
        background-color: var(--th-color-second);
    }
    .block-item-title:after{
        position: absolute;
        content: '';
        left: 12px;
        bottom: -14px;
        border: 7px solid transparent;
        border-top: 7px solid var(--th-color-second);
    }
    .block-item-title a{
        display: block;
        color: #fff;
    }
    .block-item-content{
        margin-top: 15px;
    }

    .ads-post-new-right{
        width: 300px;
        min-height: 600px;
        background-color: #f5f5f5;
    }
    .block-ads-item{
        display: block;
        color: #333;
    }
    .block-ads-item img{
        width: 100%;
    }
    /**/
    .post-new-wrap{
        width: calc(100% - 330px);
    }
    .post-new-wrap-right{
        width: 235px;
    }
    .post-new-wrap-left{
        width: calc(100% - 265px);
    }
    .post-new-wrap-left .post-new-item:nth-child(n+2){
        width: calc((100% - 25px) / 2);
        margin-top: 30px;
    }
    .post-new-wrap-left .post-new-item:nth-child(3){
        float: right;
    }
    .post-new-wrap-left .post-new-item:nth-child(1) .post-new-item-thumb{
        height: 350px;
    }
    .post-new-wrap-left .post-new-item:nth-child(n+2) .post-new-item-thumb{
        height: 170px;
    }
    .post-new-wrap-left .post-new-item-title{
        margin-top: 10px;
        font-weight: 700;
        font-size: 16px;
    }
    .post-new-wrap-left .post-new-item:nth-child(1) .post-new-item-title{
        font-size: 20px;
    }
    .post-new-wrap-right .post-new-item:nth-child(n+2){
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e8e8e8;
        overflow: hidden;
    }
    .post-new-wrap-right .post-new-item:nth-child(1) .post-new-item-thumb{
        height: 145px;
    }
    .post-new-wrap-right .post-new-item:nth-child(n+2) .post-new-item-thumb{
        width: 80px;
        height: 50px;
        float: left;
    }
    .post-new-wrap-right .post-new-item:nth-child(n+2) .post-new-item-title{
        margin-left: 95px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .post-new-wrap-right .post-new-item:nth-child(1) .post-new-item-title{
        font-size: 16px;
        margin-top: 15px;
    }
    .post-title{
        line-height: 1.5;
    }
    .post-title a{
        display: block;
        color: #333;
    }
    .post-new-meta{
        margin-top: 10px;
    }
    .post-meta{
        font-size: 13px;
    }
    .post-meta a{
        display: inline-block;
        color: #333;
        font-weight: 700;
    }
    .post-meta span:nth-child(n+2){
        position: relative;
        margin-left: 18px;
        color: #666;
    }
    .post-meta span:nth-child(n+2):before{
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        top: 7px;
        left: -12px;
        background-color: var(--th-color-second);
    }

    /*
    * BLOCK POST FEA.
    */
    .home-new-fea{
        margin-bottom: 30px;
    }
    .home-post-fea-item{
        position: relative;
        width: 350px;
    }
    .home-post-fea-item:nth-child(1){
        width: calc(100% - 355px);
        height: 505px;
    }
    .home-post-fea-item:nth-child(n+2){
        float: right;
        height: calc((505px - 5px) / 2);
    }
    .home-post-fea-item:nth-child(3){
        margin-top: 5px;
    }
    .home-post-fea-item:nth-child(4n+4){
        float: right;
        margin-right: 0px;
    }
    .home-post-fea-item:before{
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 75%;
        z-index: 1;
        background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.65) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.65)));
        background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.65) 100%);
        background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.65) 100%);
        background: -ms-linear-gradient(top,transparent 0,rgba(0,0,0,.65) 100%);
        background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.65) 100%);
    }
    .home-post-fea-item-thumb{
        width: 100%;
        height: 100%;
    }
    .home-post-fea-item-info{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
        box-sizing: border-box;
        padding: 20px;
        display: flex;
        align-items: flex-end;
        transition: all ease-in-out .1s;
    }
    .home-post-fea-item:hover .home-post-fea-item-info{
        padding-bottom: 30px;
        transition: all ease-in-out .3s;
    }
    .post-fea-item-meta{
        margin-top: 8px;
    }
    .post-fea-item-meta *{
        color: #ddd !important;
    }
    .home-post-fea-item-title{
        font-size: 18px;
    }
    .home-post-fea-item:nth-child(1) .home-post-fea-item-title{
        font-size: 22px;
    }
    .home-post-fea-item-title a{
        color: #fff;
    }
    .home-post-fea-item-title a:hover{
        color: #fff !important;
    }
    /**/
    .post-fea-item{
        width: calc((100% - 90px) / 4);
        margin-right: 30px;
    }
    .post-fea-item:nth-child(4n+4){
        float: right;
        margin-right: 0px;
    }
    .post-fea-item-thumb{
        height: 165px;
    }
    .post-fea-meta{
        margin-top: 10px;
    }
    .post-fea-item-title{
        font-size: 16px;
        margin-top: 10px;
        font-weight: 700;
    }
    .post-fea-item-title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    /*
    * BLOCK COLL.
    */
    .col-big-left,
    .col-big-right{
        width: calc((100% - 30px) / 2);
    }
    .col-smal-right{
        width: 300px;
    }
    .col-smal-left{
        width: calc(100% - 330px);
    }
    .pnf-item{
        background-color: #f5f5f5;
        padding: 10px;
    }
    .pnf-item:nth-child(n+2){
        margin-top: 20px;
    }
    .pnf-item-thumb{
        width: 290px;
        height: 185px;
    }
    .pnf-item-info{
        width: calc(100% - 310px);
    }
    .pnf-item-title{
        font-size: 20px;
    }
    .pnf-item-meta{
        margin-top: 10px;
    }
    .pnf-item-des{
        margin-top: 5px;
    }
    .pnf-item-home:nth-child(n){
        width: calc((100% - 50px) / 3);
        margin: 0px;
        margin-right: 25px;
        background-color: #f2f2f2;
        padding: 15px;
        border: none;
        border-bottom: 2px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
    }
    .pnf-item-home:nth-child(n):hover{
        border-bottom: 2px solid var(--th-color-second);
    }
    .pnf-item-home:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .pnf-item-home:nth-child(n+4){
        margin-top: 25px;
    }
    .pnf-item-home:nth-child(n) .pnf-item-thumb{
        width: 100%;
        height: 220px;
    }
    .pnf-item-home:nth-child(n) .pnf-item-info{
        width: 100%;
        margin-top: 15px;
    }
    .pnf-item-home:nth-child(n) .pnf-item-meta{
        margin-top: 3px;
    }
    .pnf-item-home:nth-child(n) .pnf-item-title{
        margin-top: 8px;
    }
    .pnf-item-morelink{
        margin-top: 15px;
        font-weight: 700;
        font-size: 15px;
    }
    .pnf-item-morelink.align-right{
        text-align: right;
    }
    .pnf-item-morelink a{
        display: inline-block;
        color: #333;
        padding-top: 3px;
        padding-right: 15px;
        border-top: 1px dotted #999;
    }
    .pnf-item-morelink i{
        margin-left: 5px;
    }
    /**/
    .post-cat-wrap:nth-child(n+2){
        margin-top: 30px;
    }
    .post-cat-item:nth-child(n+2){
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e8e8e8;
    }
    .post-cat-item-thumb{
        height: 145px;
    }
    .post-cat-item-info{
        margin-top: 10px;
    }
    .post-cat-item-title{
        font-size: 14px;
        font-weight: 400;
    }
    .post-cat-item:nth-child(1) .post-cat-item-title{
        font-size: 15px;
        font-weight: 700;
    }
    .post-cat-item:nth-child(n+2) .post-cat-item-title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .post-cat-item-des{
        margin-top: 5px;
    }
    /**/
    .block-post-view{
        background-color: #f5f5f5;
        border-radius: 0px;
        padding: 15px;
    }
    .sub-wrap .block-post-view{
        margin-top: 0px;
    }
    .post-view-item:nth-child(n+2){
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e8e8e8;
    }
    .post-view-item:nth-child(1) .post-view-item-thumb{
        height: 160px;
    }
    .post-view-item:nth-child(n+2) .post-view-item-thumb{
        float: right;
        width: 72px;
        height: 50px;
    }
    .post-view-item:nth-child(1) .post-view-item-info{
        margin-top: 10px;
    }
    .post-view-item:nth-child(n+2) .post-view-item-info{
        float: left;
        width: calc(100% - 82px);
    }
    .post-view-item:nth-child(1) .post-view-item-title{
        font-size: 17px;
        font-weight: 700;
    }
    .post-view-item:nth-child(n+2) .post-view-item-title{
        font-size: 14px;
        font-weight: 700;
    }
    .post-view-item:nth-child(n+2) .post-view-item-title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /**/
    .block-ads-item:nth-child(n+2){
        margin-top: 30px;
    }

    /*
    * FOOTER.
    */
    .footer{
        background-color: var(--th-color-main);
    }
    .footer-top{
        background-color: #eee;
    }
    .footer-top .container{
        height: 40px;
        line-height: 40px;
    }
    .footer-nav{
        text-align: center;
    }
    .footer-nav ul li{
        position: relative;
        display: inline-block;
    }
    .footer-nav ul li:nth-child(n+2){
        margin-left: 30px;
    }
    .footer-nav ul li:nth-child(n+2):before{
        position: absolute;
        content: '';
        width: 1px;
        height: 12px;
        top: 14px;
        left: -16px;
        background-color: #ddd;
    }
    .footer-nav ul li a{
        display: block;
        color: #333;
        font-size: 13px;
        font-weight: 700;
    }
    .footer-main{
    }
    .footer-main .container{
        padding: 30px 0;
    }
    .footer-item{
        width: 270px;
        margin-right: 30px;
    }
    .footer-item:nth-child(1){
        width: calc(100% - (270px + 270px + 60px));
    }
    .footer-item:nth-child(3){
        float: right;
        margin-right: 0px;
    }
    .footer-item-head{
        position: relative;
        font-size: 15px;
        font-weight: 700;
    }
    .footer-item-content{
        margin-top: 20px;
    }
    .footer-logo a{
        height: 45px;
        color: #bcccda;
        display: block;
    }
    .footer-logo a img{
        height: 100%;
    }
    .footer-content p:nth-child(n+2){
        margin-top: 6px;
    }
    .footer-content a{
        color: #333;
    }
    
    /**/
    .footer-item-nav ul{
        overflow: hidden;
    }
    .footer-item-nav ul li:nth-child(n+2){
        margin-top: 10px;
    }
    .footer-item-nav ul li a{
        position: relative;
        display: block;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 14px;
    }
    .footer-item-nav ul li a:before{
        position: absolute;
        content: '';
        width: 3px;
        height: 3px;
        top: 10px;
        left: 0px;
        border-radius: 100%;
        background-color: #ddd;
    }
    /**/
    .footer-register input,
    .footer-register textarea{
        width: 100%;
        height: 35px;
        border: 1px solid #e8e8e8;
        outline: none;
        box-sizing: border-box;
        padding: 0 15px;
        color: #333;
        border-radius: 5px;
        max-width: 100%;
        background-color: rgba(255, 255, 255, 1);
    }
    .footer-register textarea{
        height: 100px;
        padding: 10px 15px;
    }
    .footer-register input[type="submit"]{
        color: #333;
        width: 130px;
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        padding: 0px;
        border: none;
        background-color: #ddd;
    }
    .footer-register input[type="submit"]:hover{
        color: #fff;
        background-color: var(--th-color-second);
    }
    /**/
    .footer-bottom{
        border-top: 1px solid #eee;
    }
    .footer-bottom .container{
        padding: 20px 0;
        text-align: center;
        color: #fff;
    }
    /**/
    .icon-back-top{
        position: fixed;
        bottom: 20px;
        right: 25px;
        width: 32px;
        height: 32px;
        border-radius: 0px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        z-index: 20000;
        font-family: arial;
        background-color: var(--th-color-main);
        border: 1px solid rgba(255, 255, 255, .8);
        transition: all ease-in-out .3s;
        border-radius: 0px;
    }
    .icon-back-top:hover{
        background-color: var(--th-color-second);
    }
    .icon-back-top-active{
        opacity: 1;
        visibility: visible;
        bottom: 25px;
    }


    /*
    * TAX DANH MUC.
    */
    .sub-wrap .container{
        padding: 30px 0;
        padding-top: 10px;
    }
    .tax-page-wrap .container{
        padding-top: 15px;
    }
    .block-breadcrumb{
        background-color: #f9f9f9;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
    }
    .block-breadcrumb .container{
        padding: 12px 0;
        line-height: 1.5;
    }
    .block-breadcrumb a, .block-breadcrumb span{
        color: #333;
        padding: 0 2px;
    }
    .block-breadcrumb nav p>a{
        padding-left: 0px;
    }
    /**/
    .tax-head{
        position: relative;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.5;
        padding: 8px 10px;
        color: #fff;
        background-color: var(--th-color-main);
    }
    .sidebar-item .tax-head{
        padding: 0px;
        color: var(--th-color-second);
        background-color: transparent;
    }
    .sidebar-item .tax-head a{color:var(--th-color-second);}
    /**/
    .tax-description{
        position: relative;
        margin-top: 20px;
        background-color: #f9f9f9;
        padding: 15px;
        max-height: 400px;
        overflow: hidden;
    }
    .tax-description-full{
        max-height: 100%;
        padding-bottom: 60px;
    }
    .tax-description-viewmore{
        display: none;
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 0px;
        text-align: center;
        height: 50px;
        line-height: 40px;
        background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
    }
    .tax-description-full .tax-description-viewmore{
        background: transparent !important;
    }
    .btn-toggle-content{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        color: #da251c;
        border: 1px solid #da251c;
        padding: 0 10px;
        border-radius: 3px;
        background-color: #fff;
        cursor: pointer;
    }
    .btn-toggle-content:hover{
        color: #007ebd;
        border: 1px solid #007ebd;
    }
    .btn-toggle-content i{
        margin-left: 5px;
    }
    /**/
    .sub-wrap .tax-top-wrap{
        margin-top: 25px;
    }

    /* Pagination */
    .pagination{
        clear: both;
        text-align: center;
    }
    .pagination span,
    .pagination a{
        display: inline-block;
        margin-right: 12px;
        margin-top: 40px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        color: #333;
        font-weight: 700;
        border-radius: 3px;
        background-color: #f2f2f2;
    }
    .pagination-template a:last-child,
    .pagination-template span:last-child{
        margin-right: 0px;
    }
    .pagination a:hover{
        color: var(--th-color-second);
    }
    .pagination .current{
        color: #fff;
        background-color: var(--th-color-second);
    }


    /*
    * SINGLE.
    */
    .single-wrap{
/*        background-color: #f5f5f5;*/
    }
    .single-wrap .container{
        padding: 10px;
        padding-bottom: 30px;
        background-color: #fff;
    }
    .breadcrumb-single{
        background-color: transparent;
        box-shadow: none;
    }
    .breadcrumb-single>span>span>a{
        padding-left: 0px;
    }

    .sidebar{
        width: 300px;
    }
    .primary{
        width: calc(100% - 330px);
    }
    .single-title{
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5;
        color: #333;
        margin-top: 10px;
    }
    .single-meta{
        margin-top: 10px;
        background-color: #f5f5f5;
        padding: 10px;
        border-radius: 5px;
    }
    .post-auth{
        position: relative;
        padding-left: 25px;
        font-weight: 700;
    }
    .post-auth i{
        position: absolute;
        left: 0px;
        top: 2px;
        color: #999;
        font-size: 20px;
        margin-right: 5px;
    }
    .single-content-wrap{
        margin-top: 20px;
    }
    .single-share-wrap{
        width: 100%;
        background-color: #f5f5f5;
        margin-top: 30px;
        padding: 20px;
    }
    .single-content-main{
        width: 100%;
    }
    .single-share-title{
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 10px;
        font-style: italic;
    }

    .single-content{
        /*font-family: 'Roboto', sans-serif;*/
        font-size: 17px;
        line-height: 1.7;
        color: #333;
    }
    .single-content p{
        padding: 8px 0;
    }
    .single-content p:first-child{
        padding-top: 0px;
    }
    .single-content p:last-child{
        padding-bottom: 0px;
    }
    .single-content table,
    .single-pro-des table{
        width: 100% !important;
        margin: 10px 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        table-layout: fixed;
    }
    /*.single-content table thead,
    .single-content table tbody,
    .single-content table tr{
        white-space: nowrap;
        display: block !important;
    }
    .single-content table tr td:last-child,
    .single-content table tr th:last-child{
        width: 1%;
        white-space: nowrap;
    }*/
    .single-pro-des table{
        margin: 0px;
        margin-top: 15px;
        background-color: #fff;
    }
    .single-content table tr:nth-child(odd){
        background-color: #f9f9f9;
    }
    .single-content table tr th,
    .single-content table tr td,
    .single-pro-des table tr td{
        padding: 10px 15px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .single-content table tr td[colspan="3"]{
        color: #fff;
        background-color: #518aaa;
        letter-spacing: 1px;
    }
    .single-content a{
        color: var(--th-color-second);
    }
    .single-content a:hover{
        text-decoration: underline;
    }
    .single-content img{
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0px auto;
        /*border: 1px solid #ddd;
        padding: 5px;
        box-sizing: border-box;*/
    }
    .single-content>h1,
    .single-content>h2,
    .single-content>h3,
    .single-content>h4{
        line-height: 1.5;
    }
    .single-content>h1{
        font-size: 30px;
        font-weight: 700;
        padding: 8px 0;
    }
    .single-content>h2{
        font-size: 27px;
        font-weight: 700;
        padding: 8px 0;
    }
    .single-content>h3{
        font-size: 23;
        padding: 8px 0;
    }
    .single-content ul{
        list-style: square;
        padding: 8px 0;
        padding-left: 30px;
    }
    .single-content ol{
        padding-left: 16px;
    }
    .single-content ol li:marker{
        font-weight: 700 !important;
    }
    .single-content ul li:nth-child(n+2){
        margin-top: 5px;
    }
    .single-content p iframe,
    .single-content iframe{
        display: block !important;
        width: 100% !important;
        height: 500px !important;
    }
    .single-content .wp-caption{
        width: 100% !important;
        text-align: center;
        margin: 10px 0;
    }
    .single-content p.wp-caption-text{
        padding-top: 10px;
        text-align: center;
        line-height: 20px;
        color: #666;
        font-size: 16px;
        font-style: italic;
    }
    .single-content form{
        background-color: #eee;
        padding: 30px;
        margin: 20px 0;
        padding-bottom: 5px;
        border: 3px dashed #ccc;
    }
    .single-content form input,
    .single-content form textarea{
        width: 100%;
        height: 46px;
        outline: none;
        padding: 0 15px;
        border-radius: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        margin-top: 20px;
        font-weight: 700;
    }
    .single-content form input[type="text"]{
        margin-top: 0px;
    }
    .single-content form input[type="submit"]{
        border: none;
        color: #fff;
        background-color: var(--th-color-second);
    }
    .single-content form input[type="submit"]:hover{
        background-color: var(--th-color-main);
    }
    .single-content form textarea{
        height: 150px;
        padding: 10px 15px;
        min-width: 100%;
        max-width: 100%;
    }
    .single-content blockquote{
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        background-color: #f7fafe;
        padding: 30px 25px;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #ddd;
        border-top: 4px solid var(--th-color-second);
        border-bottom: 3px solid #ccc;
        margin: 6px 0;
        width: 94%;
        box-sizing: border-box;
        margin-left: 3%;
    }
    #ez-toc-container a{
        font-weight: 700!important;
    }
    /**/
    .single-tag{
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        margin-top: 25px;
        padding-top: 22px;
        padding-bottom: 30px;
    }
    .single-tag-left{
        width: 85px;
        font-size: 13px;
        padding-top: 12px;
        font-weight: 700;
    }
    .single-tag-left i{
        color: var(--th-color-second);
        margin-right: 5px;
    }
    .single-tag-right{
        width: calc(100% - 85px);
    }
    .single-tag-item{
        display: inline-block;
        height: 28px;
        line-height: 28px;
        padding: 0 12px;
        margin-right: 5px;
        margin-top: 8px;
        color: #333;
        background-color: #f1f1f1;
        font-weight: 700;
        border-radius: 28px;
    }
    .sidebar-tag-item h4{
        font-size: 13px;
        font-weight: 400;
    }
    .sidebar-tag-item:hover{
        color: #fff;
        background-color: var(--th-color-second);
    }
    /**/
    .single-related-item{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
    }
    .single-related-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .single-related-item:nth-child(n+4){
        margin-top: 30px;
    }
    .single-related-item-thumb{
        height: 150px;
    }
    

    /*
    * SIDEBAR.
    */
    .sidebar-item:nth-child(n+2){
        margin-top: 30px;
    }
    .sidebar-item-nav ul li:nth-child(n+2){
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e8e8e8;
    }
    .sidebar-item-nav ul li a{
        position: relative;
        display: block;
        font-weight: 700;
        color: #333;
        padding-left: 15px;
    }
    .sidebar-item-nav ul li a:before{
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f105";
        left: 0px;
        top: -0.5px;
        color: var(--th-color-second);
    }
    .sidebar-item-nav ul li a:hover:before{
        color: var(--th-color-second);
    }

    /*
    * SEARCH.
    */

    /*
    * CONTACT.
    */
    /**/
    .grecaptcha-badge{
        display: none !important;
    }
    /**/
    input.wpcf7-not-valid,
    textarea.wpcf7-not-valid{
        border: 1px solid #f15628 !important;
    }
    .wpcf7-not-valid-tip{
        display: none !important;
    }
    .wpcf7-response-output{
        margin: 0px !important;
        margin-top: 10px !important;
        padding: 5px 10px !important;
        text-align: center;
        background-color: #fff;
        color: #333;
        line-height: 20px;
    }
    /**/
    #ez-toc-container{
        display: block;
        box-sizing: border-box;
    }
    #ez-toc-container nav>ul{
        padding: 5px;
    }
    #ez-toc-container ul li:before{
        display: none;
    }
    /**/
    #rank-math-faq {
        margin-top: 18px
    }
    #rank-math-faq .rank-math-list-item {
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #e8e8e8;
        box-shadow: 0 3px 15px rgba(0, 0, 0, .1)
    }
    #rank-math-faq .rank-math-list-item:nth-child(n+2) {
        margin-top: 8px
    }
    #rank-math-faq .rank-math-question {
        position: relative;
        padding: 12px 15px;
        font-weight: 700;
        background-color: #fff;
        cursor: pointer
    }
    #rank-math-faq .rank-math-question:after {
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f13a";
        right: 15px;
        top: 10px;
        z-index: 10;
        font-size: 22px;
        color: #ddd
    }
    #rank-math-faq .faq-item-active .rank-math-question:after {
        content: "\f139"
    }
    #rank-math-faq .rank-math-question:hover:after {
        color: #ff6d34
    }
    #rank-math-faq .rank-math-answer {
        display: none;
        border-top: 1px solid #e8e8e8;
        background-color: #f8f8f8;
        padding: 15px
    }
    #rank-math-faq .rank-math-list-item:nth-child(1) .rank-math-answer {
        display: block
    }
    /*
    * APP.
    */
    .app-full-item{
        position: relative;
        width: calc((100% - 105px) / 8);
        margin-right: 15px;
        padding: 6px;
        padding-bottom: 55px;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
        background-color: #fff;
        border-radius: 5px;
    }
    .app-full-item:nth-child(8n+8){
        float: right;
        margin-right: 0px;
    }
    .app-full-item:nth-child(n+9){
        margin-top: 15px;
    }
    .app-full-item-thumb{
        height: 122px;
        overflow: hidden;
        color: #333;
        background-color: #f5f5f5;
        border-radius: 10px;
    }
    .app-full-item-info{
        margin-top: 12px;
    }
    .app-full-item-title a{
        overflow: hidden;
        /*text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;*/
    }
    .post-star{
        position: relative;
        font-size: 12px;
        color: #666;
        padding-right: 14px;
        font-weight: 700;
    }
    .post-star i{
        position: absolute;
        top: 6px;
        right: 0px;
        font-size: 8px;
        color: #f5ca2c;
    }
    .app-full-item .post-star i{
        top: 11px;
    }
    .app-full-item-info-bottom{
        position: absolute;
        left: 10px;
        bottom: 10px;
        height: 32px;
        line-height: 32px;
        width: calc(100% - 20px);
    }
    .app-full-item-star{
       position: absolute;
        left: 0px;
        bottom: 0px; 
    }
    .app-full-item-info-bottom .app-item-morelink{
        position: absolute;
        right: 0px;
        display: inline-block;
        margin: 0px;
    }
    .app-full-item-desc{
        font-size: 13px;
        line-height: 1.5;
        margin-top: 5px;
        color: #999;
    }
    .app-item-morelink{
        display: block;
        width: 65px;
        margin-top: 12px;
        font-size: 13px;
        height: 32px;
        line-height: 32px;
        border-radius: 32px;
        text-align: center;
        color: #333;
        background-color: #eee
    }
    .app-item-morelink:hover{
        color: #fff;
        background-color: var(--th-color-second);
    }
     /*
    * SINGLE APP.
    */
    .single-app-wrap{
        padding: 30px;
    }
    .sidebar{
        width: 300px;
    }
    .primary{
        width: calc(100% - 330px);
    }
    .single-wrap{
        margin-top: 10px;
    }
    /**/
    .single-app-info{
        position: relative;
        overflow: hidden;
        /*padding-right: 230px;*/
        margin-bottom: 20px;
    }
    .single-app-info-adv{
        background-color: #f5f5f5;
        padding: 15px;
        border-radius: 5px;
        margin-top: 10px;
    }
    .single-app-info-bg{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(8px);
        filter: blur(8px);
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        z-index: 10;
    }
    .single-app-info-inner{
        position: relative;
        z-index: 100;
    }
    .single-app-info-adv .single-app-info-inner{
    }
    .single-app-thumb{
        width: 90px;
        overflow: hidden;
        border-radius: 12px !important;
    }
    .single-app-thumb img{
        width: 100%;
    }
    .single-app-info-right{
        margin-left: 0px;
    }
    .single-app-info-adv .single-app-info-right{
        margin-left: 110px;
    }
    .single-app-title{
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
        color: #333;
    }
    .single-app-title i{
        color: #00D49F;
    }
    .single-app-avaiable{
        margin-top: 5px;
        color: #333;
        font-weight: 700;
    }
    .single-app-avaiable span{
        color: #999;
        font-weight: 400;
    }
    .single-app-avaiable span:nth-child(1){
        color: #333;
    }
    .single-app-avaiable span:last-child{
        display: none;
    }
    .single-app-avaiable i{
        margin-right: 5px;
        color: #32b98f;
    }
    .single-app-meta{
        margin-top: 5px;
    }
    .single-app-meta .post-star i{
        top: 3px;
    }
    .single-app-free{
        height: 22px;
        border-radius: 22px;
        line-height: 22px;
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        margin-right: 10px;
        background-color: #32b98f;
    }
    .single-app-dl-btn{
        position: absolute;
        width: 210px;
        height: 60px;
        top: 0px;
        right: 0px;
        border-radius: 5px;
        color: #fff;
        box-sizing: border-box;
        padding: 10px 20px;
        line-height: 1;
        z-index: 100;
        background-image: linear-gradient(to right,#34b792,#24cd77);
    }
    .single-app-dl-btn:hover{
        background-image: linear-gradient(to right,#ff5722,#ff9800);
    }
    .single-app-dl-btn p:nth-child(1){
        font-size: 20px;
        font-weight: 700;
    }
    .single-app-dl-btn p:nth-child(2){
        margin-top: 5px;
    }
    .single-app-dl-btn p:nth-child(2) span:last-child{
        display: none;
    }
    .single-app-dl-btn i{
        position: absolute;
        display: block;
        width: 50px;
        height: 50px;
        top: 5px;
        right: 0px;
        text-align: center;
        line-height: 50px;
        font-size: 25px;
        border-left: 1px solid rgba(255, 255, 255, .8);
    }

    /**/
    .single-title{
        font-size: 25px;
        font-weight: 700;
        line-height: 1.5;
    }
    .single-content-wrap{
        margin-top: 20px;
    }
    /**/
    .box-app-download{
        margin-top: 20px;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #e8e8e8;
    }
    .box-app-download-top{
        position: relative;
        padding: 10px;
        background-color: #f9f9f9;
        padding-right: 250px;
    }
    .box-app-download-top .single-app-dl-btn{
        top: 10px;
        right: 10px;
    }
    .box-app-download-thumb{
        width: 60px;
        height: 60px;
        overflow: hidden;
        border-radius: 6px;
    }
    .box-app-download-info{
        width: calc(100% - 70px);
        height: 60px;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 700;
    }
    .box-app-download-bottom{
        border-top: 1px solid #e8e8e8;
        padding: 10px;
    }
    .single-app-btn{
        text-align: center;
    }
    .single-app-btn a{
        height: 60px;
        line-height: 60px;
        color: #fff;
        padding: 0 40px;
        border-radius: 8px;
        display: inline-block;
        font-size: 15px;
        font-weight: 700;
        background-image: linear-gradient(to right,#24cd77,#34b792);
    }
    .single-app-btn a i{
        margin-right: 10px;
        font-size:20px;
    }
    
    .btn-rating i{
        color: #FFA200;
    }
    .btn-rating i.star-bold {
        font-weight: 700;
        color: #FFA200;
    }
    /* Box note  */
    .box-note{
        margin-top: 30px;
    }
    .box-note-content{
        margin-top: 10px;
    }
    /**/
    .box-app-download{
        margin-top: 0px;
        border-radius: 0px;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, .1);*/
    }
    .sl-app-attr{
        border: 1px solid #e8e8e8;
        border-bottom: none;
        overflow: hidden;
        margin-top: 20px;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, .1);*/
    }
    .sl-app-attr-item{
        float: left;
        display: flex;
        flex-flow: row wrap;
        width: calc(100% / 2);
        box-sizing: border-box;
    }
    .sl-app-attr-item:nth-child(2n+2){
        border-left: 1px solid #e8e8e8;
    }
    .sl-app-attr-item:nth-child(n+3){
        border-top: 1px solid #e8e8e8;
    }
    .sl-app-attr-key,
    .sl-app-attr-val{
        box-sizing: border-box;
        padding: 10px;
    }
    .sl-app-attr-key{
        font-weight: 700;
        padding-right: 0px;
    }
    .sl-app-attr-val{
        float: left !important;
    }
    .sl-app-attr-val a{
        color: var(--th-color-second);
    }
    .sl-app-attr-system i:nth-child(n+2){
        margin-left: 12px;
    }

     /*
    * SIDEBAR.
    */
    .sidebar-item{
        width: 100%;
        box-sizing: border-box;
    }
    .sidebar-item:nth-child(n+2){
        margin-top: 30px;
    }
    .sidebar-item-title{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .sidebar-tab-nav{
        margin-top: 10px;
    }
    .sidebar-tab-nav li{
        display: inline-block;
    }
    .sidebar-tab-nav li:nth-child(n+2){
        margin-left: 10px;
    }
    .sidebar-tab-nav li a{
        display: block;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        border-radius: 35px;
        color: var(--th-color-main);
        background-color: #f2f2f2;
        font-weight: 700;
    }
    .sidebar-tab-nav li a.active{
        color: #fff;
        background-color: var(--th-color-second);
    }
    .sidebar-tab-item-morelink{
        margin-top: 20px;
    }
    .sidebar-tab-item-morelink a{
        display: block;
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        background-color: #f2f2f2;
        font-weight: 700;
        text-align: center;
        color: var(--th-color-main);
    }
    .sidebar-tab-item-morelink a:hover{
        color: var(--th-color-second);
    }


    .sidebar-item-content{
        margin-top: 20px;
    }
    .sb-app-item:nth-child(n+2){
        margin-top: 25px;
    }
    .sb-app-item-thumb{
        width: 70px;
        height: 70px;
        border-radius: 10px;

    }
    .sb-app-item-info{
        width: calc(100% - 80px);
    }
    .sb-app-item-cat{
        font-size: 13px;
    }
    .sb-app-item-cat a{
        color: #999;
    }
    .sb-app-item-star i{
        top: 4px;
    }
    /**/
    .sidebar-item-tax-list li{
        display: inline-block;
        margin-right: 6px;
    }
    .sidebar-item-tax-list li a{
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        border-radius: 30px;
        color: var(--th-color-main);
        background-color: #eee;
        font-weight: 500;
    }
    .sidebar-item-tax-list li a:hover{
        color: #fff;
        background-color: var(--th-color-main);
    }

    /*
    * SINGLE DOWNLOAD.
    */
    .single-download-wrap{
    }
    .single-download-head{
        padding: 10px;
        border-radius: 10px;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: center;
        position: relative;
        overflow: hidden;
        background-color: #f5f5f5;
        margin-top: 15px;
    }
    .single-download-head:after{
        position: absolute;
        content: '';
        z-index: 1;
        top: 0px;
        right: 0px;
        border: 30px solid transparent;
        border-top: 30px solid #34b891;
        border-right: 30px solid #34b891;
    }
    .single-download-head:before{
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f058";
        z-index: 2;
        top: 2px;
        right: 7px;
        color: #fff;
        font-weight: 300;
        font-size: 20px;
    }
    .single-download-thumb{
        width: 70px;
        height: 70px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        border-radius: 10px;
        overflow: hidden;
    }
    .single-download-title{
        margin-left: 10px;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 700;
        padding-right: 40px;
    }
    .single-download-link{    
    }
    .single-download-link-item{
        display: block;
        height: 48px;
        line-height: 48px;
        color: #fff;
        margin-top: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        width: calc((100% - 10px) / 2);
        background-image: linear-gradient(to right,#34b792,#24cd77);
    }
    .single-download-link-item:hover{
        background-image: linear-gradient(to right,#ff5722,#ff9800);
    }
    .single-download-link-item:nth-child(n+2){
        float: right;
    }
    .single-download-link-item i{
        margin-right: 10px;
        font-size: 18px;
    }
    .box-ads-dl{
        margin-top: 20px;
    }
    .sl-app-attr-head{
        position: relative;
        font-size: 17px;
        padding: 8px 0;
        padding-left: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .single-app-related{
        margin-top: 30px;
    }
    .single-app-related-content{
        margin-top: 15px;
    }
    .sl-app-attr-head{
        background-color: #f5f5f5;
    }
    .sl-app-attr-head:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 30px;
        left: 0px;
        top: 5px;
        background-color: #43b693;
    }
    .single-app-related .app-full-item{
        width: calc((100% - 75px) / 6);
    }
    .single-app-related .app-full-item:nth-child(8n+8){
        float: left;
        margin-right: 15px;
    }
    .single-app-related .app-full-item:nth-child(6n+6){
        float: right;
        margin-right: 0px;
    }
    .single-app-related .app-full-item:nth-child(n+7){
        margin-top: 15px;
    }
    .single-app-related .app-full-item-thumb{
        height: 105px;
    }
    .block-item-morelink {
        margin-top: 30px;
        text-align: center;
    }
    .block-item-morelink a {
        display: inline-block;
        padding: 0 20px;
        height: 38px;
        line-height: 38px;
        color: var(--th-color-second);
        border: 1px solid var(--th-color-second);
        border-radius: 3px;
    }
    .block-item-morelink a:hover{
        color: #fff;
        background-color: var(--th-color-second);
    }
    .block-item-morelink a i {
        margin-left: 10px;
    }
    .block-intro-adv{background-color:var(--th-color-main);height:35px;line-height:35px;overflow:hidden;padding:10px;margin-bottom:10px;}
    .block-intro-left{color:#fff;background-color:var(--th-color-second);width:90px;box-sizing:border-box;padding:0 10px;font-weight:700;font-size:18px;text-transform:uppercase;}
    .block-intro-right{width:calc(100% - 105px);box-sizing:border-box;}
    .block-intro-adv marquee{}
    .block-intro-adv marquee a{margin:0 15px;font-weight:700;font-size:16px;color:#fff;display:inline-block;position:relative;padding-left:15px;}
    .block-intro-adv marquee a:before{position:absolute;content:'';width:8px;height:8px;border-radius:100%;top:15px;left:0px;background-color:var(--th-color-second);}
    .block-intro-adv marquee a i{margin-right: 5px;}
    .block-intro-adv marquee a:hover{color:var(--th-color-second);}
    /**/
    .ajax-content-wrap{
        overflow: hidden;
    }
    .load-more{
        margin-top: 20px;
        text-align: center;
    }
    .load-more-btn{
        display: inline-block;
        height: 35px;
        line-height: 35px;
        color: #fff;
        background-color: #f44336;
        border-radius: 3px;
        padding: 0 15px;
        cursor: pointer;
        font-weight: 700;
    }
    .load-more-btn:before{
        position: relative;
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border-radius: 100%;
        border: 2px solid #ddd;
        border-top: 2px solid #fff;
        margin-right: 10px;
        top: 4px;
        display: none;
        animation: spinner .6s linear infinite;
    }
    .load-more-btn.active:before{
        display: inline-block;
    }
    .load-more-btn:hover,
    .load-more-btn.active{
        background-color: red;
    }

}
@keyframes spinner {
  to {
    transform: rotate(360deg); } }