/*
    Theme Name: App
    Theme URI: https://www.facebook.com/huydev9x
    Author: HuyDev
    Author URI: https://www.facebook.com/huydev9x
*/
:root{
    --th-color-main: #11bc94;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap&subset=vietnamese');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@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: Roboto, sans-serif;
        /*font-family: 'Noto Sans', sans-serif;*/
        font-size: 14px;
        line-height: 1.6;
        font-weight: 400;
        color: #333;
    }
    .container{
        width: 1170px;
        margin:0 auto;
        position: relative;
    }

    /*
    * HEADER.
    */
    /* Header top */
    .header{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10000;
        background-image: linear-gradient(to right,#24cd77,#34b792);
    }
    /*.home .header{
        background-color: rgba(255,255,255,.06);
        background-image: none;
    }*/
    .logged-in .header{
        top: 32px;
    }
    .header .container{
        height: 64px;
        line-height: 64px;
    }
    .logo{
        margin: 0px;
        padding: 0px;
        height: 34px;
        margin-top: 15px;
    }
    .logo a{
        display: block;
        height: 100%;
    }
    .logo a img{
        height: 100%;
    }
    /**/
    .close-nav{
        display: none;
    }
    .icon-show-nav{
        display: none;
        color: #fff;
        position: absolute;
        left: 0px;
        font-size: 25px;
        cursor: pointer;
    }
    .icon-search{
        display: none;
        color: #fff;
        position: absolute;
        right: 0px;
        font-size: 22px;
        cursor: pointer;
    }
    .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 a{
        display: block;
        color: #fff;
    }
    .main-nav-inner>ul>li>a{
        position: relative;
        padding: 0 20px;
        font-weight: 700;
        color: rgba(255, 255, 255, .6);
    }
    .main-nav-inner>ul>li>a i{
        position: absolute;
        top: 23px;
        left: 15px;
        color: #4D9BB4;
        font-size: 22px;
    }
    .main-nav-inner>ul>li:hover>a,
    .main-nav-inner>ul>li>a:hover,
    .main-nav-inner>ul>li.current-menu-item>a{
        color: #fff;
    }
    .main-nav-inner>ul>li ul{
        position: absolute;
        top: calc(100% + 10px);
        left: 0px;
        min-width: 200px;
        line-height: 45px;
        z-index: 1000;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-bottom: 1px solid #31bdf1;
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .2s;
    }
    .main-nav-inner>ul>li:hover ul{
        opacity: 1;
        visibility: visible;
        top: 100%;
        transition: all ease-in-out .3s;
    }
    .main-nav-inner>ul>li ul li:nth-child(n+2){
        border-top: 1px solid #eee;
    }
    .main-nav-inner>ul>li ul li a{
        display: block;
        color: #333;
        white-space: nowrap;
        padding: 0 15px;
        text-transform: none;
    }
    .main-nav-inner>ul>li ul li a:hover{
        color: #00A6ED;
    }
    /**/
    .search-form{
        position: relative;
        height: 36px;
        line-height: 36px;
        margin-top: 14px;
        position: relative;
        margin-left: 20px;
    }
    .search-input{
        width: 320px;
        height: 100%;
        outline: none;
        padding: 0 15px;
        border-radius: 36px;
        border: none;
        font-size: 14px;
        background-color: #fff;
    }
    .search-submit{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 45px;
        line-height: 36px;
        height: 100%;
        border: none;
        outline: none;
        font-size: 15px;
        color: var(--th-color-main);
        background-color: #fff;
        border-radius: 0 36px 36px 0;
    }
    .close-search{
        display: none;
    }
    /**/

    /*
    * BLOCK INTRO.
    */
    .block-intro{
        padding: 60px 0;
        padding-top: 124px;
    }
    .logged-in .block-intro{
        /*padding-top: 156px;*/
    }
    .intro-left{
        width: 420px;
    }
    .intro-right{
        color: #fff;
        width: calc(100% - 480px);
    }
    .intro-left img{
        width: 100%;
    }
    .intro-title{
        font-weight: 700;
        font-size: 50px;
        padding-right: 100px;
        line-height: 1.1;
    }
    .intro-desc{
        margin-top: 15px;
        color: rgba(255, 255, 255, .4);
    }
    .thumb-cover{
        overflow: hidden;
    }
    .thumb-cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /*
    * MAIN WRAP.
    */
    .main-wrap .container{
        padding: 40px 0;
        padding-top: 104px;
    }
    .block-item:nth-child(n+2){
        margin-top: 40px;
    }
    .block-item-head{
        position: relative;
        padding-bottom: 6px;
        border-bottom: 1px solid #eee;
    }
    .block-item-head:before{
        position: absolute;
        content: '';
        width: 50px;
        height: 3px;
        bottom: -2px;
        left: 0px;
        background-color: var(--th-color-main);
    }
    .block-item-head-icon{
        width: 35px;
        line-height: 35px;
        border-radius: 35px;
        text-align: center;
        font-size: 20px;
        color: #31bdf1;
        background-color: #f1f1f1;
    }
    .block-item-title{
        font-weight: 700;
        font-size: 18px;
        line-height: 1.5;
        text-transform: uppercase;
    }
    .block-item-head a{
        position: absolute;
        top: 2px;
        right: 0px;
        color: #999;
        font-size: 14px;
    }
    .block-item-head a i{
        margin-left: 5px;
        color: var(--th-color-main);
    }
    /**/
    .block-item-content{
        margin-top: 20px;
    }
    /**/
    .block-content-flex{
        display: flex;
        flex-flow: row wrap;
    }
    .app-full-item{
        position: relative;
        width: calc((100% - 80px) / 6);
        margin-right: 16px;
        padding: 10px;
        padding-bottom: 55px;
        border:  1px solid #ddd;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
    }
    .app-full-item:nth-child(6n+6){
        float: right;
        margin-right: 0px;
    }
    .app-full-item:nth-child(n+7){
        margin-top: 20px;
    }
    .post-thumb{
        display: block;
        color: #333;
        overflow: hidden;
        border-radius: 18px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .app-full-item-thumb{
        height: 160px;
        overflow: hidden;
    }
    .app-full-item-info{
        margin-top: 12px;
    }
    .post-title{
        font-weight: 700;
        line-height: 1.5;
        font-size: 15px;
    }
    .post-title a{
        display: block;
        color: #333;
    }
    .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;
    }

    /**/
    .block-col3-item{
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }
    .block-col3-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .col3-item-tax-head{
        height: 60px;
        line-height: 60px;
        /*border-radius: 8px;*/
        font-weight: 700;
        font-size: 15px;
        overflow: hidden;
        /*background-image: url(images/bg/category-bg.png);*/
        background-image: none !important;
        background-repeat: no-repeat;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
        /*border-left: 3px solid var(--th-color-main);*/
    }
    .app-col-item:nth-child(1) .col3-item-tax-head{
        background-position: -10px -280px;
    }
    .app-col-item:nth-child(2) .col3-item-tax-head{
        background-position: -10px -370px;
    }
    .app-col-item:nth-child(3) .col3-item-tax-head{
        background-position: -10px -460px;
    }
    .game-col-item:nth-child(1) .col3-item-tax-head{
        background-position: -10px -10px;
    }
    .game-col-item:nth-child(2) .col3-item-tax-head{
        background-position: -10px -100px;
    }
    .game-col-item:nth-child(3) .col3-item-tax-head{
        background-position: -10px -190px;
    }
    .col3-item-tax-head a{
        position: relative;
        display: block;
        color: #fff;
        padding: 0 15px;
        padding-right: 30px;
        background-color: #34b792;
        border-radius: 2px;
    }
    .col3-item-tax-head a:after{
        position: absolute;
        font-family: 'Font Awesome 5 Pro';
        content: "\f105";
        right: 15px;
        font-weight: 300;
        font-size: 20px;
        color: var(--th-color-main);
    }
    .col3-item-content{
        margin-top: 20px;
    }
    .app-item:nth-child(n+2){
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #f1f1f1;
    }
    .app-item-thumb{
        width: 56px;
        height: 56px;
        border-radius: 10px;
    }
    .app-item-info{
        height: 56px;
        overflow: hidden;
        width: calc(100% - (56px + 90px));
        margin-left: 10px;
        display: flex;
        align-items: center;
    }
    .app-item-title{
    }
    .app-item-title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .app-item-star i{
        top: 4px;
    }
    .app-item-morelink{
        display: block;
        width: 70px;
        margin-top: 12px;
        font-size: 13px;
        height: 32px;
        line-height: 32px;
        border-radius: 32px;
        text-align: center;
        color: #fff;
        background-color: var(--th-color-main);
    }
    .app-item-morelink:hover{
        color: #fff;
        background-color: #0d4e86;
    }
    /**/
    .home-tax-item{
        width: calc((100% - 48px) / 4);
        margin-right: 16px;
        color: #333;
        overflow: hidden;
    }
    .home-tax-item:nth-child(4n+4){
        float: right;
        margin-right: 0px;
    }
    .home-tax-item:nth-child(n+5){
        margin-top: 16px;
    }
    .home-tax-item-thumb{
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        box-sizing: border-box;
        padding: 10px;
        background-color: #0d4d86;
    }
    .home-tax-item-thumb img{
        height: 30px;
        max-width: 100%;
        margin: 0 auto;
    }
    .home-tax-item-title{
        margin-left: 65px;
        height: 50px;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 13px;
        line-height: 1.5;
    }
    /**/
    .home-new-item{
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }
    .home-new-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .home-new-item:nth-child(n+4){
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #f1f1f1;
    }

    

    /*
    * FOOTER.
    */
    .footer{
        background-color: #222222;
    }
    .footer-inner{
        background-color: #34b792;
    }
    .footer .container{
        padding: 30px 0;
        color: #666;
    }
    .footer-logo{
        height: 34px;
    }
    .footer-logo a{
        height: 100%;
        display: block;
    }
    .footer-logo a img{
        height: 100%;
    }
    .footer-nav{
        margin-top: 20px;
    }
    .footer-nav ul{
        overflow: hidden;
    }
    .footer-nav ul li{
        float: left;
        position: relative;
    }
    .footer-nav li:nth-child(n+2){
        margin-left: 10px;
        padding-left: 16px;
    }
    .footer-nav li:nth-child(n+2):before{
        position: absolute;
        content: '/';
        top: 0px;
        left: 0px;
        color: #666;
    }
    .footer-nav li a{
        position: relative;
        display: block;
        color: #ddd;
    }
    .copyright{
        margin-top: 15px;
        color:#ddd;
    }
    .copyright p:nth-child(n+2){
        margin-top: 5px;
    }
    /**/
    .icon-back-top{
        position: absolute;
        top: 31px;
        right: 0px;
        height: 34px;
        line-height: 34px;
        border-radius: 34px;
        padding: 0 15px;
        cursor: pointer;
        font-size: 13px;
        color: rgba(255,255,255,.8);
        background-color: rgba(255,255,255,.1);
    }
    .icon-back-top i{
        margin-left: 5px;
    }
    .icon-back-top:hover{
        background-color: #22985f;
    }

    /*
    * ARCHIVE POST.
    */
    .sub-wrap .container{
        padding: 30px 0;
        padding-top: 90px;
    }
    .block-breadcumb{
        font-size: 14px;
    }
    .block-breadcumb a,
    .block-breadcumb span{
        color: #333;
        padding: 0 3px;
    }
    .block-breadcumb p>a:first-child{
        padding-left: 0px;
    }
    .block-breadcumb span.breadcrumb_last{
        padding-left: 6px;
    }

    .archive-wrap{
        margin-top: 20px;
    }
    .sidebar{
        width: 270px;
    }
    .primary{
        width: calc(100% - 300px);
    }
    .archive-head{
        padding: 20px;
        color: #fff;
        background: url(images/bg/rank-bg.png) center center no-repeat;
        background-size: cover;
        border-radius: 5px;
    }
    .archive-head p{
        font-size: 25px;
        color: #34b792;
        font-weight: 700;
    }
    .archive-title{
        font-weight: 700;
        line-height: 1.5;
        font-size: 25px;
    }
    .archive-item{
        margin-top: 30px;
    }
    .archive-item-head{
        position: relative;
        padding: 10px 20px;
        background-color: #f2fbf7;
        border-radius: 5px;
        border: 1px solid #a6d9ca;
    }
    .archive-item-head h3,
    .archive-item-head span{
        display: inline;
        font-weight: 700;
        font-size: 15px;
    }
    .archive-item-head a{
        right: 20px;
        top: 12px;
        font-size: 13px;
    }
    .archive-item-list{
        margin-top: 20px;
    }
    .app-archive-item{
        width: calc(100% / 5);
        padding: 0 30px;
        padding-bottom: 42px;
    }
    .post-count{
        position: relative;
    }
    .post-count-index{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 16px;
        line-height: 16px;
        border-radius: 16px;
        font-size: 10px;
        text-align: center;
        background-color: #f5f5f5;
    }
    .post-count:nth-child(1) .post-count-index,
    .post-count:nth-child(2) .post-count-index,
    .post-count:nth-child(3) .post-count-index{
        background-image: url(images/bg/crown.png);
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 20px auto;
        border-radius: 0px;
        color: #fff;
        line-height: 17px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    }
    .post-count:nth-child(1) .post-count-index{
        background-position: 0 -1px;
    }
    .post-count:nth-child(2) .post-count-index{
        background-position: 0 -20px;
    }
    .post-count:nth-child(3) .post-count-index{
        background-position: 0 -40px;
    }
    .app-archive-item-thumb{
        display: block;
        color: #333;
        width: 100%;
        height: 114px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .app-archive-item-info{
        margin-top: 10px;
    }
    .app-archive-item-morelink{
        display: block;
        position: absolute;
        left: 30px;
        bottom: 0px;
        width: calc(100% - 60px);
        height: 32px;
        line-height: 32px;
        border-radius: 32px;
        text-align: center;
        font-size: 13px;
        background-color: #f9f9f9;
        color: var(--th-color-main);
    }
    /**/
    .sidebar-item:nth-child(n+2){
        margin-top: 30px;
    }
    .sidebar-tax-item{
        border: 1px solid #a6d9ca;
        border-radius: 5px;
        overflow: hidden;
    }
    .sidebar-tax-head{
        background-color: #f2fbf7;
    }
    .sidebar-tax-head a{
        display: block;
        color: #333;
        padding: 12px 15px;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }
    .sidebar-tax-head a i{
        margin-right: 10px;
        color: var(--th-color-main);
    }
    .sidebar-tax-content{
        border-top: 1px solid #a6d9ca;
        padding: 20px;
    }
    .sidebar-tax-content ul li:nth-child(n+2){
        margin-top: 10px;
    }
    .sidebar-tax-content ul li a{
        display: block;
        color: #333;
        font-size: 13px;
    }
    .sidebar-tax-content ul li a span{
        color: #999;
    }


    /* Pagination */
    .pagination{
        clear: both;
        text-align: center;
    }
    .pagination span,
    .pagination a{
        display: inline-block;
        margin-right: 10px;
        margin-top: 30px;
        height: 38px;
        line-height: 38px;
        padding: 0 16px;
        color: var(--th-color-main);
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 5px;
    }
    .pagination-template a:last-child,
    .pagination-template span:last-child{
        margin-right: 0px;
    }
    .pagination .current{
        color: #333;
    }
    .pagination .next,
    .pagination .prev{
        width: auto;
        padding: 0 16px;
    }

    /*
    * TAX APP.
    */
    .tax-wrap{
        margin-top: 20px;
    }
    .tax-title{
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
    }
    .app-tax-item{
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
    .app-tax-item-left{
        position: relative;
        width: 80px;
        padding-top: 26px;
        text-align: center;
    }
    .app-tax-item-right{
        padding-top: 26px;
        width: calc(100% - 100px);
    }
    .app-tax-item .post-count-index{
        left: calc(50% - 10px);
        top: 0px;
    }
    .app-tax-item-thumb{
        display: block;
        color: #333;
        height: 80px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .app-tax-item-price{
        display: inline-block;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        border-radius: 22px;
        font-size: 13px;
        background-color: #f5f5f5;
        margin-top: 10px;
    }
    .app-tax-item-title{
        font-size: 17px;
    }
    .app-item-star{
        font-size: 12px;
    }
    .app-tax-item-des{
        margin-top: 5px;
    }
    .app-tax-item-morelink{
        margin-top: 10px;
        text-align: right;
    }
    .app-tax-item-morelink a{
        display: inline-block;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 5px;
        color: #fff;
        padding: 0 15px;
        background-image: linear-gradient(to right,#24cd77,#34b792);
    }
    .app-tax-item-morelink a i{
        margin-left: 5px;
    }

    /*
    * SIDEBAR.
    */
    .sidebar-item-title{
        font-size: 16px;
        font-weight: 700;
    }
    .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: #075387;
    }
    .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-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;
    }


    /*
    * SINGLE APP.
    */
    .single-wrap{
        margin-top: 10px;
    }
    /**/
    .single-app-info{
        position: relative;
        overflow: hidden;
        padding-right: 230px;
        margin-bottom: 20px;
    }
    .single-app-info-adv{
    }
    .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: 10px;
        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: var(--th-color-main);
    }
    .single-app-meta{
        margin-top: 10px;
    }
    .single-app-free{
        height: 22px;
        border-radius: 22px;
        line-height: 22px;
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        margin-right: 10px;
        background-color: var(--th-color-main);
    }
    .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: 20px;
        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-ads-item{
        font-size: 13px;
        color: #999;
    }
    .box-ads-top{
        margin-top: 5px;
    }
    .box-ads-bottom{
        margin-top: 20px;
    }
    .box-ads-top-dl{
        padding-top: 20px;
        padding-bottom: 0px;
    }
    
    /**/
    .single-content{
        font-size: 16px;
    }
    .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: 8px 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .single-pro-des table{
        margin: 0px;
        margin-top: 15px;
        background-color: #fff;
    }
    /*.single-content table tr:nth-child(odd),
    .single-pro-des table tr:nth-child(odd){
        background-color: #f9f9f9;
    }*/
    .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-main);
    }
    .single-content a:hover{
        text-decoration: underline;
    }
    .single-content img{
        /*width: auto !important;*/
        max-width: 100%;
        height: auto !important;
        display: inline-block !important;
        margin: 0 auto;
    }
    .single-content h2,
    .single-content h3,
    .sl-app-attr-head{
        position: relative;
        font-size: 17px;
        padding: 8px 0;
        padding-left: 16px;
        font-weight: 700;
    }
    .sl-app-attr-head{
        background-color: #f5f5f5;
    }
    .single-content h2:before,
    .single-content h3:before,
    .sl-app-attr-head:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 30px;
        left: 0px;
        top: 5px;
        background-color: #43b693;
    }
    .single-content ul{
        list-style: square;
        padding: 8px 0;
        padding-left: 30px;
    }
    .single-content h2:first-child,
    .single-content h3:first-child,
    .single-content ul:first-child{
        padding-top: 0px;
    }
    .single-content h2:last-child,
    .single-content h3:last-child,
    .single-content ul:last-child{
        padding-bottom: 0px;
    }
    .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;
    }
    .single-content p.wp-caption-text{
        padding-top: 0px;
        padding-bottom: 10px;
        text-align: center;
        line-height: 20px;
        color: #666;
        font-style: italic;
    }
    /* Box Tag */
    .box-tag{
        margin-top: 30px;
    }
    .box-tag-content{
        margin-top: 0px;
    }
    .box-tag-content a{
        display: inline-block;
        margin-right: 6px;
        margin-top: 10px;
        line-height: 32px;
        height: 32px;
        font-size: 14px;
        border: 1px solid var(--th-color-main);
        padding: 0 10px;
        color: var(--th-color-main);
        border-radius: 5px;
        background-color: #fff;
    }
    .box-tag-content a:hover{
        color: #fff;
        background-color: var(--th-color-main);
    }
    /* Single app related */
    .single-app-related{
        margin-top: 30px;
    }
    .single-app-related-content{
        margin-top: 10px;
    }
    .app-related-item{
        width: calc((100% - 180px) / 7);
        margin-right: 30px;
    }
    .app-related-item:nth-child(7n+7){
        float: right;
        margin-right: 0px;
    }
    .app-related-item:nth-child(n+8){
        margin-top: 20px;
    }
    .app-related-item-thumb{
        height: 78px;
    }
    .app-related-item-info{
        margin-top: 10px;
    }
    /* Box note  */
    .box-note{
        margin-top: 30px;
    }
    .box-note-content{
        margin-top: 10px;
    }
    /**/
    .box-app-download{
        margin-top: 0px;
        border-radius: 0px;
    }
    .sl-app-attr{
        border: 1px solid #e8e8e8;
        border-bottom: none;
        overflow: hidden;
        margin-top: 20px;
    }
    .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-main);
    }
    .sl-app-attr-system i:nth-child(n+2){
        margin-left: 12px;
    }
    

    /*
    * SINGLE DOWNLOAD.
    */
    .single-download-wrap{
    }
    .single-download-head{
        border: 1px solid #a6d9ca;
        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;
    }
    .single-download-head:after{
        position: absolute;
        content: '';
        z-index: 1;
        top: 0px;
        right: 0px;
        border: 30px solid transparent;
        border-top: 30px solid var(--th-color-main);
        border-right: 30px solid var(--th-color-main);
    }
    .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: 36px;
        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;
    }
    /* box hd  */
    /**/
    .box-hd{
        margin-top: 30px;
    }
    .kh-ct-item{
        position: relative;
        padding: 15px 10px;
        border:  1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
    }
    .kh-ct-item:nth-child(n+2){
        margin-top: 15px;
    }
    .kh-ct-item-head{
        position: relative;
        cursor: pointer;
        padding-right: 10px;
        padding-left: 40px;
        font-weight: 700;
        background-color: #fff;
        color: var(--th-color-main);
    }
    .kh-ct-item-index{
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        top: -4px;
        left: 0px;
        border-radius: 100%;
        background-color: #f3f3f3;
    }
    .kh-ct-item-icon{
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .kh-ct-item-icon i:nth-child(2){
        display: none;
    }
    .kh-ct-item-active .kh-ct-item-icon i:nth-child(1){
        display: none;
    }
    .kh-ct-item-active .kh-ct-item-icon i:nth-child(2){
        display: block;
    }
    .kh-ct-item-content{
        display: none;
        margin-top: 20px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid #eee;
    }
    /**/
    .app-dl-wrap{
        margin-top: 10px;
    }
    .app-dl-wrap .app-item:nth-child(n){
        float: left;
        margin: 0px;
        width: calc((100% - 20px) / 2);
    }
    .app-dl-wrap .app-item:nth-child(2n+2){
        float: right;
        margin-left: 20px;
    }
    .app-dl-wrap .app-item:nth-child(n+3){
        margin-top: 20px;
    }

    /*
    * SEARCH.
    */
    .search-item{
        border-radius: 10px;
        padding: 15px 20px;
        border: 1px solid #eeee;
        box-shadow: 2px 5px 7px rgba(0, 0, 0, .2);
    }
    .search-item:nth-child(n+2){
        margin-top: 20px;
    }
    .search-item-thumb{
        display: block;
        color: #333;
        width: 16px;
        height: 16px;
    }
    .search-item-link{
        margin-left: 22px;
        font-size: 12px;
    }
    .search-item-bottom{
        margin-top: 8px;
    }
    .search-item-title{
        font-size: 16px;
        font-weight: 400;
    }
    .search-item-title a{
        color: #1967d2;
    }
    .search-item-des{
        margin-top: 5px;
    }

    /*
    * .
    */

    /*
    * .
    */

    /*
    * .
    */

    /*
    * .
    */
}