/*
    Theme Name: App
    Theme URI: ...
    Author: AppDev
    Author URI: ...
*/
@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: #f44336;
    --th-border-color: #e8e8e8;
}
@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 Condensed', sans-serif;
        font-size: 14px;
        line-height: 1.6;
        font-weight: 400;
        color: #333;
        background-color: #fff;
    }
    body.single{
        background-color: #fff;
    }
    .container{
        width: 1170px;
        margin:0 auto;
        position: relative;
    }

    /*
    * HEADER.
    */
    /* Header top */
    .header{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10000;
        background-color: #f9f9f9;
        /*box-shadow: 0 2px 3px rgba(0, 0, 0, .1);*/
        border-bottom: 1px solid #e8e8e8;
        border-top: 5px solid var(--th-color-main);
    }
    /*.home .header{
        background-color: rgba(255,255,255,.06);
        background-image: none;
    }*/
    .logged-in .header{
        top: 32px;
    }
    .header .container{
        height: 80px;
        line-height: 80px;
    }
    .logo{
        margin: 0px;
        padding: 0px;
        height: 44px;
        margin-top: 18px;
    }
    .logo a{
        display: block;
        height: 100%;
    }
    .logo a img{
        height: 100%;
    }
    /**/
    .close-nav{
        display: none;
    }
    .icon-show-nav{
        display: none;
        color: #333;
        position: absolute;
        left: 0px;
        font-size: 25px;
        cursor: pointer;
    }
    .icon-search{
        display: none;
        color: #333;
        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: #000;
    }
    .main-nav-inner>ul>li>a{
        position: relative;
        padding: 0 20px;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }
    .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: var(--th-color-main);
    }
    .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: 40px;
        line-height: 36px;
        margin-top: 20px;
        position: relative;
        margin-left: 20px;
    }
    .search-input{
        width: 270px;
        height: 100%;
        outline: none;
        padding: 0 15px;
        border: 1px solid #333;
        font-size: 16px;
        background-color: #fff;
        border-radius: 36px;
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
    }
    .search-input:focus{
        border-color: var(--th-color-main);
    }
    .search-submit{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 45px;
        line-height: 36px;
        height: 100%;
        border: none;
        outline: none;
        font-size: 15px;
        color: #333;
        border-radius: 0 3px 3px 0;
        background-color: transparent;
    }
    .search-submit:hover{
        color: var(--th-color-main);
    }
    .close-search{
        display: none;
    }
    /**/
    /*
    * FEATURED.
    */
    .featured{
        position: relative;
        background-color: #f9f9f9;
    }
    .featured:before{
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 300px;
        z-index: 1;
        background: -moz-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.65)));
        background: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -o-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: -ms-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
        background: linear-gradient(bottom top,transparent 0,rgba(0,0,0,.65) 100%);
    }
    .carousel-wrap{
        position: relative;
    }
    .slick-track{
        display: flex;
        flex-flow: row wrap;
    }
    .slick-slide{
        height: auto;
    }
    .arrow-btn{
        position: absolute;
        display: block;
        top: calc(50% - 13px);
        width: 35px;
        height: 35px;
        line-height: 35px !important;
        border-radius: 3px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        background-color: #fff;
        text-align: center;
        font-size: 20px;
        color: #333;
        cursor: pointer;
        z-index: 100;
        font-weight: 300 !important;
        opacity: .8;
    }
    .arrow-btn:hover{
        opacity: 1;
        color: var(--th-color-main);
    }
    .arrow-btn.slick-disabled{
        color: #dedede;
    }
    .arrow-btn-prev{
        left: -6px;
    }
    .arrow-btn-next{
        right: -6px;
    }
    .carousel-wrap .slick-list{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    /**/
    .featured-item{
        display: block;
        color: #333;
        height: 800px;
    }
    .featured-carousel{
        margin: 0px !important;
    }
    .featured .carousel-wrap .slick-list{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .featured .arrow-btn{
        font-size: 40px;
        top: calc(50% - 20px);
        background-color: transparent;
        font-weight: 300;
        box-shadow: none;
        border-radius: 0px;
    }
    .featured .arrow-btn,
    .featured .arrow-btn.slick-disabled{
        color: rgba(255, 255, 255, .5);
    }
    .featured .arrow-btn:hover,
    .featured .arrow-btn.slick-disabled:hover{
        color: rgba(255, 255, 255, .8);
    }
    .featured .arrow-btn-prev{
        left: 20px;
    }
    .featured .arrow-btn-next{
        right: 20px;
    }
    .featured .slick-dots{
        bottom: 20px;
    }
    .featured .slick-dots li,
    .featured .slick-dots li button{
        width: 17px;
        transition: all ease-in-out .3s;
    }
    .featured .slick-dots li button:before{
        content: '';
        width: 17px;
        height: 7px;
        border-radius: 7px;
        background-color: #fff;
        transition: all ease-in-out .3s;
    }
    .featured .slick-dots li.slick-active,
    .featured .slick-dots li.slick-active button,
    .featured .slick-dots li.slick-active button:before{
        width: 22px;
    }
    .featured .slick-dots li.slick-active button:before{
        background-color: var(--th-color-orange);
    }
    /*
    * 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: 120px;
    }
    .block-item{
        background-color: #fff;
    }
    .block-item:nth-child(n+2){
        margin-top: 50px;
    }
    .block-item-head{
        position: relative;
    }
    .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{
        position: relative;
        font-weight: 700;
        font-size: 22px;
        line-height: 1.5;
        color: #000;
        text-transform: uppercase;
    }
    .block-item-title:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 22px;
        left: -15px;
        top: 5px;
        background-color: var(--th-color-main);
    }
    .block-item-head a{
        position: absolute;
        top: 6px;
        right: 0px;
        color: #333;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
    }
    .block-item-head a i{
        margin-left: 5px;
        color: var(--th-color-main);
    }
    /**/
    .block-item-content{
        margin-top: 25px;
    }
    /**/
    .block-content-flex{
        display: flex;
        flex-flow: row wrap;
    }
    .app-full-item{
        position: relative;
        width: calc((100% - 70px) / 8);
        margin-right: 10px;
        /*border-radius: 10px;*/
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #e8e8e8;
        /*background-color: #fff;
        transition: all ease-in-out .3s;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);*/
    }
    /*.app-full-item:hover{
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
    }*/
    .app-full-item:nth-child(8n+8){
        float: right;
        margin-right: 0px;
    }
    .app-full-item:nth-child(n+9){
        margin-top: 10px;
    }
    .post-thumb{
        position: relative;
        display: block;
        color: #333;
        overflow: hidden;
        border-radius: 30px;
        background-color: #f9f9f9;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    }
    .app-full-item-icon{
        position: absolute;
        top: 10px;
        left: 10px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        border-radius: 10px;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        background-color: #ffc107;
    }
    .app-full-item-thumb{
        height: 112px;
        overflow: hidden;
    }
    .app-full-item-info{
        padding: 10px 0;
        padding-top: 15px;
    }
    .post-title{
        font-weight: 400;
        line-height: 1.5;
        font-size: 16px;
    }
    .post-title a{
        display: block;
        color: #000;
    }
    .app-full-item-title a{
        display: block;
        text-align: center;
        /*overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;*/
    }
    .post-star{
        position: relative;
        color: #000;
        padding-right: 14px;
        font-weight: 500;
    }
    .post-star i{
        position: absolute;
        top: 6px;
        right: 0px;
        font-size: 8px;
        color: #f5ca2c;
    }
    .app-full-item .post-star i{
        top: 4px;
    }
    .app-full-item-info-bottom{
        margin-top: 5px;
    }
    .app-full-item-star{
    }
    .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-full-item-morelink{
        position: absolute;
        left: 15px;
        bottom: 15px;
        margin-top: 10px;
        text-align: center;
        width: calc(100% - 30px);
    }
    .app-full-item-morelink a{
        display: block;
        height: 32px;
        line-height: 32px;
        color: #ff9800;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        background-color: #fff;
        border:  1px solid #ff9800;
        border-radius: 3px;
        font-weight: 700;
    }
    .app-full-item-morelink a:hover{
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
    }


    /**/
    .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-image: linear-gradient(to right, #4caf50, #8bc34a);
        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: #fff;
    }
    .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: 15px;
    }
    .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: 30px;
        line-height: 30px;
        border-radius: 32px;
        border:  1px solid #ddd;
        text-align: center;
        color: #000;
        font-weight: 500;
    }
    .app-item-morelink:hover{
        color: var(--th-color-main);
        border: 1px solid var(--th-color-main);
    }
    /**/
    .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% - 40px) / 3);
        margin-right: 20px;
        box-sizing: border-box;
    }
    .home-new-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .home-new-item:nth-child(n+4){
        margin-top: 20px;
    }
    .home-new-item-thumb{
        display: block;
        color: #333;
        background-color: #f9f9f9;
        border-radius: 5px;
        overflow: hidden;
        height: 205px;
    }
    .home-new-item-info{
        margin-top: 10px;
    }
    .app-item-title{
        font-size: 15px;
        font-weight: 400;
        border-left: 5px solid #ddd;
    }
    .app-item-title a{
        padding-left: 10px;
    }
    /**/

    /**/
    .app-hot-item .app-item-info{
        display: block;
        width: calc(100% - 70px);
        margin-left: 12px;
    }
    .app-hot-item .app-full-item-info-bottom{
        margin-top: 0px;
    }
    .archive-news-item:nth-child(n+2){
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px dotted #ddd;
    }
    .archive-news-item-thumb{
        display: block;
        color: #333;
        background-color: #f9f9f9;
        width: 280px;
        height: 160px;
        border-radius: 5px;
    }
    .archive-news-item-info{
        width: calc(100% - 300px);
    }
    .archive-news-item-title{
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
        margin-top: 10px;
    }
    .archive-news-item-desc{
        margin-top: 15px;
    }

    /**/
    .block-item-morelink{
        margin-top: 20px;
        text-align: center;
    }
    .block-item-morelink a{
        display: inline-block;
        padding: 8px 20px;
        color: #fff;
        font-weight: 700;
        font-size: 14px
        text-transform: uppercase;
        background-color: var(--th-color-main);
        border-radius: 3px;
        text-transform: uppercase;
    }
    .block-item-morelink a:hover{
        color: #fff;
        background-color: #ff9800;
    }
    .block-item-morelink a i{
        margin-left: 7px;
    }
    

    /*
    * FOOTER.
    */
    .footer{
        margin-top: 0px;
        border-top: 1px solid #e8e8e8;
    }
    .footer-inner{
        background-color: #f9f9f9;
    }
    .footer .container{
        padding: 30px 0;
        color: #333;
    }
    .footer-logo{
        height: 34px;
    }
    .footer-logo a{
        height: 100%;
        display: block;
    }
    .footer-logo a img{
        height: 100%;
    }
    .footer-nav{
    }
    .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: #999;
    }
    .footer-nav li a{
        position: relative;
        display: block;
        color: #000;
        font-weight: 700;
    }
    .copyright{
        margin-top: 10px;
    }
    .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: #333;
        font-weight: 400;
        background-color: #f5f5f5;
    }
    .icon-back-top i{
        margin-left: 5px;
    }
    .icon-back-top:hover{
        color: var(--th-color-main);
    }

    /*
    * ARCHIVE POST.
    */
    .sub-wrap .container{
        padding: 30px 0;
        padding-top: 100px;
    }
    .block-breadcumb{
        font-size: 14px;
    }
    .block-breadcumb a,
    .block-breadcumb span{
        color: #333;
        padding: 0 3px;
    }
    .block-breadcumb a{
        font-weight: 700;
    }
    .block-breadcumb span.separator{
        color: var(--th-color-main);
    }
    .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);
        overflow: hidden;
        padding: 0px;
        box-sizing: border-box;
    }
    .home-primary{
        padding: 0px;
    }
    .tax-wrap .primary{
        padding: 0px;
    }
    .single .tax-wrap .primary{
        border: none;
    }
    .single .primary{
        padding: 0px;
    }
    .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-item{
        /*border-radius: 10px;*/
        overflow: hidden;
        background-color: #f9f9f9;
        padding: 0px;
    }
    .sidebar-item-title{
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        color: #333;
        font-size: 16px;
        font-weight: 700;
    }
    .sidebar-item-title:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 20px;
        left: 0px;
        top: 20px;
        background-color: var(--th-color-main);
    }
    .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;
    }
    .sidebar-item .sb-app-item-title{
        text-align: left;
    }


    /* Pagination */
    .pagination{
        clear: both;
        text-align: center;
    }
    .pagination span,
    .pagination a{
        display: inline-block;
        margin-right: 10px;
        margin-top: 20px;
        height: 38px;
        line-height: 38px;
        padding: 0 16px;
        color: #333;
        background-color: #f9f9f9;
        border-radius: 3px;
        font-weight: 700;
        /*box-shadow: 0 2px 3px rgba(0, 0, 0, .2);*/
    }
    .pagination a:last-child,
    .pagination span:last-child{
        margin-right: 0px;
    }
    .pagination a:hover{
        color: var(--th-color-main);
    }
    .pagination .current{
        color: #fff;
        background-color: var(--th-color-main);
    }
    .pagination .next,
    .pagination .prev{
        width: auto;
        padding: 0 16px;
    }

    /*
    * TAX APP.
    */
    .tax-wrap{
        margin-top: 10px;
    }
    .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: 18px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--th-color-main);
        padding-top: 10px;
    }
    .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{
        padding: 20px 15px;
        padding-top: 10px;
    }
    .sb-app-item:nth-child(n+2){
        margin-top: 25px;
    }
    .sb-app-item-thumb{
        width: 70px;
        height: 70px;
        border-radius: 20px;
    }
    .sb-app-item-info{
        width: calc(100% - 80px);
    }
    .sb-app-item-cat{
        font-size: 13px;
    }
    .sb-app-item-cat a{
        color: var(--th-color-main);
    }
    .sb-app-item-cat a:hover{
        text-decoration: underline;
    }
    .sb-app-item-star i{
        top: 4px;
    }
    .home-cat-item{
        position: relative;
        display: block;
        color: #333;
        position: relative;
        padding-left: 15px;
    }
    .home-cat-item:nth-child(n+2){
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px dotted #ddd;
    }
    .home-cat-item:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 5px;
        top: 17px;
        left: 0px;
        border-radius: 100%;
        background-color: var(--th-color-main);
    }
    .home-cat-item:nth-child(1):before{
        top: 10px;
    }
    .home-cat-item-title{
        font-size: 16px;
        font-weight: 400;
    }


    /*
    * SINGLE APP.
    */
    .single-wrap{
        margin-top: 10px;
    }
    /**/
    .single-app-info{
        position: relative;
        overflow: hidden;
        border: 1px solid var(--th-border-color);
    }
    .single-app-info-adv{
        background-color: #fff;
        padding: 15px;
        margin-bottom: 20px;
    }
    .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-info-right>p{
        position: relative;
        display: inline-block;
        margin-right: 20px;
    }
    .single-app-info .app-item-star i{
        top: 4px;
    }
    .single-app-title{
        font-size: 22px;
        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: 500;
    }
    .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: 15px;
        right: 15px;
        border-radius: 5px;
        color: #fff;
        box-sizing: border-box;
        padding: 10px 20px;
        line-height: 1;
        z-index: 100;
/*        background-image: linear-gradient(to right, #71b361, #87d674);*/
        background-image: linear-gradient(to right,#49a6d7,#2196f3);
    }
    .single-app-dl-btn:hover{
        background-image: linear-gradient(to right,#ff5722,#ff9800);
    }
    .single-dl-btn{
        width: 100%;
        margin-top: 20px;
    }
    .single-dl-btn a{
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        border-radius: 50px;
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        background-image: linear-gradient(to right, #71b361, #87d674);
    }
    .single-dl-btn i{
        font-weight: 700;
        margin-right: 10px;
    }
    .single-dl-btn a:hover{
        background-image: linear-gradient(to right,#ff5722,#ff9800);
    }
    .single-dl-btn a:hover i{
        font-weight: 700;
    }
    .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;
        font-weight: 500;
    }
    .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;
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    .single-title:after{
        position: absolute;
        content: '';
        width: 70px;
        height: 3px;
        left: 0px;
        bottom: -2px;
        background-color: var(--th-color-main);
    }
    .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: 18px;
        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{
        font-weight: 700;
        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;
    }
    .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;
        text-transform: uppercase;
        font-size: 18px;
    }
    .sl-app-attr-head:before{
        position: absolute;
        content: '';
        width: 5px;
        height: 30px;
        left: 0px;
        top: 5px;
        background-color: var(--th-color-main);
    }
    .single-content ul{
        list-style: square;
        padding: 8px 0;
        padding-left: 30px;
    }
    .single-content ol{
        padding: 8px 0;
        padding-left: 30px;
    }
    .single-content h2,
    .single-content h3,
    .single-content h4,
    .single-content h1{
        line-height: 1.5;
        font-weight: 700;
    }
    .single-content h2{
        font-size: 25px;
    }
    .single-content h3{
        font-size: 22px;
    }
    .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),
    .single-content ol 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{
        text-align: center;
        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;
    }
    .single-content blockquote{
        background-color: #f5f5f5;
        padding: 18px 20px;
        margin: 12px 0;
        border-left: 4px solid var(--th-color-main);
    }
    /* 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: 30px;
    }
    .single-news-related-content{
        margin-top: 20px;
    }
    .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: 95px;
        border-radius: 25px;
    }
    .app-related-item-info{
        margin-top: 10px;
    }
    /**/
    /**/
    .block-fea{
        margin-bottom: 30px;
    }
    .fea-app-item:nth-child(n){
        width: calc((100% - 150px) / 6);
        margin-top: 0px;
    }
    .fea-app-item:nth-child(7n+7){
        float: left;
        margin-right: 30px;
    }
    .fea-app-item:nth-child(6n+6){
        float: right;
        margin-right: 0px;
    }
    .fea-app-item:nth-child(n+7){
        margin-top: 30px;
    }
    .fea-app-item .app-related-item-thumb{
        height: 116px;
    }
    /* Box note  */
    .box-note{
        margin-top: 30px;
    }
    .box-note-content{
        margin-top: 10px;
    }
    /**/
    .box-app-download{
        margin-top: 20px;
        border-radius: 0;
    }
    .sl-app-attr{
        border: 1px solid #e8e8e8;
        overflow: hidden;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
        padding: 15px 0;
        background-color: #fff;
        /*border-radius: 10px 10px 0 0;*/
    }
    .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;
        color: #000;
    }
    .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 #e8e8e8;
        padding: 10px;
        border-radius: 0px;
        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: 1px;
        right: 1px;
        border: 30px solid transparent;
        border-top: 30px solid #73b662;
        border-right: 30px solid #73b662;
    }
    .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: 22px;
        line-height: 36px;
        font-weight: 700;
        padding-right: 40px;
    }
    .single-download-link{
        margin-top: 15px;  
    }
    .single-download-link-item{
        display: block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        margin-top: 10px;
        border-radius: 50px;
        text-align: center;
        font-size: 17px;
        font-weight: 700;
        width: calc((100% - 10px) / 2);
        background-image: linear-gradient(to right, #71b361, #87d674);
        /*background-image: linear-gradient(to right,#49a6d7,#2196f3);*/
    }
    .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: 30px;
    }
    .app-dl-wrap .app-item:nth-child(n){
        float: left;
        margin: 0px;
        width: calc((100% - 20px) / 2);
    }
    .app-dl-wrap .app-item:nth-child(2){
        border-top: 0px;
        padding-top: 0px;
    }
    .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: 500;
    }
    .search-item-title a{
        color: var(--th-color-main);
    }
    .search-item-des{
        margin-top: 5px;
    }

    /* Page contact  */

    .single-content form{
        margin: 20px 0;
    }
    .single-content form input,
    .single-content form textarea{
        width: 100%;
        height: 40px;
        outline: none;
        border: 1px solid #ddd;
        box-sizing: border-box;
        padding: 0 12px;
        border-radius: 5px;
        margin-top: 20px;
        font-size: 15px;
        background-color: #f9f9f9;
    }
    .single-content form textarea{
        height: 150px;
        padding: 10px 12px;
    }
    .single-content form input[type="submit"]{
        color: #fff;
        border: none;
        font-weight: 700;
        font-size: 16px;
        background-color: var(--th-color-main);
    }
    /**/
    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;
    }

    /*
    * .
    */
    .single-app-gallery{
        margin: 20px 0;
        padding: 0 15px;
    }
    .app-gallery-item{
        height: 350px;
        margin: 0 8px;
        display: block;
        color: #333;
        background-color: #f5f5f5;
    }
    .app-gallery-item:hover{
        cursor: zoom-in;
    }
    .app-gallery-item img{
        height: 100% !important;
    }

    /*
    * .
    */
    .slick-dots li button:before{
        color: #e8e8e8 !important;
        opacity: 1 !important;
    }
    .slick-dots li.slick-active button:before{
        color: var(--th-color-main) !important;
    }
    .slick-dotted .slick-dots{
        bottom: -12px;
    }
    /**/
    .slick-dotted{
        padding-bottom: 20px !important;
    }
    .tax-app-carousel .slick-list{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .tax-app-carousel .app-related-item:nth-child(n){
        margin: 0 15px !important;
        float: none !important;
    }
    /**/
    .tax-description{
        background-color: #fff;
    }
}