@-webkit-keyframes scroll-data-v-7cb1a845{0%{background-position:0 0}to{background-position:0 -412px}}
@keyframes scroll-data-v-7cb1a845{0%{background-position:0 0}to{background-position:0 -412px}}



.intro{background:#fff url(../img/bg.png) center;background-size:100%;animation:scroll-data-v-7cb1a845 20s linear infinite;padding:90px 0 100px}
.intro:before{content:"";background:linear-gradient(to bottom,#fff,rgba(0, 123, 255, 0.15),#f4f5ff);position:absolute;top:0;right:0;height:calc(100% + 1px);width:100%;z-index:0}
.intro .main{width:600px}
.intro .title{font-size:29px;margin-bottom:10px}
.intro .search{margin:35px 0}
.intro .search input{box-shadow:0 2px 7px -1px rgba(0,0,0,.1);border:1px solid #e6e6e6;padding:20px 20px 20px 50px}
.intro .search button{left:13px;top:13px;padding:9px;border:1px var(--color) solid;background:none}
.intro .tags a{border-bottom:1px var(--color) dashed;padding-bottom:7px;margin:0 3px;display:inline-block}



.features{margin-bottom:40px}
.features .item{width:calc(27.5% - 20px);margin-right:20px;padding:80px 30px;background:#acd55c url(../img/b2.jpg) no-repeat bottom right;background-size:cover}
.features .item a{backdrop-filter:blur(5px);padding:10px 20px;border:1px #fff solid}
.features .item span{margin:9px 0 0 60px}
.features .item.big{width:45%;background:#fec045 url(../img/b1.jpg) no-repeat bottom right;margin-right:0;background-size:cover}
.features .item.last{background:#accbea url(../img/b3.jpg) no-repeat bottom right;background-size:cover}



.post-updates,.last-blogs,.post-best,.best-links,.vip-posts{padding:40px 0}
.post-updates .entery:before{content:"";background-color:rgba(0, 0, 0, 0.1);position:absolute;top:50px;right:-10px;width:calc(100% + 20px);height:calc(100% - 100px);z-index:-1;border-radius:10px;background:linear-gradient(to bottom,rgba(0, 0, 0, 0.07),rgba(0, 0, 0, 0))}
.post-updates .entery .mini-p,.last-blogs .mini-post{margin:12.5px 10px 0;width:calc(100% - 20px)}
body.light-mode .dark-box.post-updates .entery:before{background-color:rgba(0, 0, 0, 0.18);z-index:1;background:linear-gradient(to bottom,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0))}
.post-updates .entery.non-slider .mini-p{margin:12.5px 10px 7.5px;width:calc(25% - 20px)}



.last-blogs{margin-bottom:30px}
.last-blogs .title-asli .all{color:#363d4d;border-color:#363d4d}



.post-updates .owl-carousel .owl-nav .owl-next{left:10px}
.post-updates .owl-carousel .owl-nav .owl-prev{left:60px}


body.light-mode .dark-box{background-color:#363d4d;margin:40px 0;padding:60px 0}
body.light-mode .dark-box .title-asli .name{color:#fff}
body.light-mode .dark-box .mini-p{background-color:#444d60;border-color:#444d60;box-shadow:none}
body.light-mode .dark-box .mini-p .info,body.light-mode .dark-box .mini-p .info .side,.mini-p .pic{border-color:rgba(255, 255, 255, 0.15)}
body.light-mode .dark-box .mini-p .title a{color:#fff}
body.light-mode .dark-box .mini-p .cate a,body.light-mode .dark-box .mini-p .rt-999,body.light-mode .dark-box .mini-p .rt-888{color:hsla(0,0%,77.6%,.8)}
body.light-mode .dark-box .mini-p .info .side .count span.rt-rang{color:#a8f66f}
body.light-mode .dark-box .mini-p .rt-444{color:hsla(0,0%,77.6%,1)}
body.light-mode .dark-box .owl-nav .owl-prev, body.light-mode .dark-box .owl-nav .owl-next{background-color:rgba(255, 255, 255, 0.15);color:#fff}


.post-best .item{margin-top:90px}
.post-best .item figure{width:55%}
.post-best .item figure,.post-best .item figure img{height:300px}
.post-best .item .inside{width:calc(45% - 25px);padding:35px}
.post-best .item .inside .cate{margin:15px 0 25px;border-bottom:1px #e5e7f0 dashed;padding-bottom:32px}
.post-best .item .inside .cate a{color:#959595}
.post-best .item .inside .info,.post-best .item .inside .btns{width:50%}
.post-best .item .inside .info .side{padding:0 7px;margin:10px 0 20px;width:50%}
.post-best .item .inside .info .side .count{margin-top:5px;color:var(--color2)}
.post-best .item .inside .info .side .count span.rt-rang{color:var(--color3)}
.post-best .item .inside .info .side.price .count{margin-top:5px}
.post-best .item .inside .info .side.price{border-right:1px #e5e7f0 dashed}
.post-best .item .inside .info{margin-top:15px}
.post-best .item .inside .btns{padding-left:20px}
.post-best .item .inside .btns a{padding:10px 12px;margin:5px 0}
.post-best .item .inside .btns a.rt-rang{background-color:var(--color4)}
.post-best .owl-dots{position:absolute;top:0;right:0;padding:10px 55px;width:100%;border-radius:10px;float:right;font-size:15px;text-align:center;background-color:rgba(0, 0, 0, 0.05)}
.post-best .owl-dots .owl-dot{width:20%;float:right;padding:10px 20px;color:#6b6b6b;font-weight:bold;border-radius:10px}
.post-best .owl-dots .owl-dot.active{background-color:#fff}
.post-best .owl-carousel .owl-nav .owl-next{left:10px;top:12px;background-color:#c7c8cb;color:#fff;z-index:9;border-radius:15px}
.post-best .owl-carousel .owl-nav .owl-prev{left:auto;top:12px;right:10px;background-color:#c7c8cb;color:#fff;z-index:9;border-radius:15px}
.post-best .bars{width:calc(45% - 25px);left:0;bottom:0;z-index:99}
.post-best .bars .slide-progress{width:0;max-width:100%;height:4px;border-radius:0 0 8px 8px}
.post-best .entery:before{width:60px;height:60px;content:"";position:absolute;top:77px;left:5px;background:url(../img/att.png) no-repeat;z-index:10;background-size: contain;}



.banner-big{padding:30px 0 0}
.banner-big a{margin-bottom:25px}
.banner-big a:last-child{margin-bottom:0}
.banner-big .show{padding:10px 20px;left:25px;top:calc(50% - 21px)}



.best-links a:first-child{margin-right:30px}
.best-links a{width:calc(33.33% - 50px);margin-right:60px;background-color:rgba(0, 0, 0, 0.03);padding:25px 50px 25px 25px}
.best-links a .title{margin-bottom:8px}
.best-links a .title i{margin-right:8px}
.best-links a .icon{width:60px;height:60px;top:22px;right:-30px}



.rt-hr{border-bottom:1px dashed rgba(0, 0, 0, 0.2);margin:20px 0}



.vip-posts .entery .slider-1x{width:40%;margin:0 30%}
.vip-posts .entery .slider-1x .micro-p{margin-bottom:30px;transform:scale(.85);opacity:.4}
.vip-posts .entery .slider-1x .micro-p img{height:245px}
.vip-posts .entery .slider-1x .micro-p .inside{transition-duration:0.6s;width:calc(100% - 80px);right:40px;bottom:30px;z-index:5;transform:scale(.8);opacity:0}
.vip-posts .entery .slider-1x .micro-p .inside h2 a{padding:15px}
.vip-posts .entery .slider-1x.owl-carousel .owl-stage-outer{overflow:inherit}
.vip-posts .entery .slider-1x .owl-item.active .micro-p{transform:scale(1);opacity:1}
.vip-posts .entery .slider-1x .owl-item.active .micro-p .inside{transform:scale(1);opacity:1;bottom:-30px}
.vip-posts .entery:before,.vip-posts .entery:after{content:"";position:absolute;top:0;width:30%;z-index:10;height:100%}
.vip-posts .entery:before{right:-1px;background:linear-gradient(to left,#f4f5ff,rgba(0, 123, 255, 0))}
.vip-posts .entery:after{left:-1px;background:linear-gradient(to right,#f4f5ff,rgba(0, 123, 255, 0))}
.vip-posts .owl-carousel .owl-nav .owl-prev,.vip-posts .owl-carousel .owl-nav .owl-next{backdrop-filter:blur(3px);top:calc(50% - 20px);z-index:9;width:40px;height:40px;font-size:31px;background-color:rgba(0, 0, 0, 0.5);}
.vip-posts .owl-carousel .owl-nav .owl-next{left:25px}
.vip-posts .owl-carousel .owl-nav .owl-prev{right:25px;left:auto}



.features .item a:hover{color:var(--color);background-color:#fff}
.title-asli .all:hover,.intro .search button:hover,.banner-big a:hover .show{color:#fff;background-color:var(--color)}
.intro .tags a:hover{color:var(--color2)}
.vip-posts .entery .slider-1x .micro-p:hover .inside a,.post-best .item .title a:hover{color:var(--color)}
.post-best .item .inside .cate a:hover{color:#555}
.post-best .item .inside .btns a:hover,.post-best .owl-dots .owl-dot:hover{opacity:.8}
.last-blogs .title-asli .all:hover{background-color:#363d4d}
body.light-mode .dark-box .mini-p .cate a:hover{color:#fff}
body.light-mode .dark-box .mini-p:hover .title a{color:#ffaec2}
.best-links a:hover{background-color:rgba(0, 0, 0, 0.05)}
.best-links a:hover .title i{opacity:0;margin-right:0}












body.dark-mode .intro::before{background:linear-gradient(to bottom,#1c1f24,rgba(19, 20, 21, 0.7),#131415)}
body.dark-mode .intro{background:#131415 url(../img/bg.png) center;background-size:100%}
body.dark-mode .vip-posts .entery::before{background:linear-gradient(to left,#131415,rgba(0, 123, 255, 0))}
body.dark-mode .vip-posts .entery::after{background:linear-gradient(to right,#131415,rgba(0, 123, 255, 0))}
body.dark-mode .intro .search input{background-color:#1d1f23;border-color:rgba(255, 255, 255, 0.03)}
body.dark-mode .best-links a,body.dark-mode .post-best .owl-dots .owl-dot.active{background-color:#1d1f23}
body.dark-mode .post-best .item .inside .cate,body.dark-mode .post-best .item .inside .info .side.price,body.dark-mode .header .logged .panel-menu .heads{border-color:rgba(255, 255, 255, 0.1)}
body.dark-mode .post-best .owl-dots .owl-dot{color:#d8d8d8}
body.dark-mode .banner-big .show{color:#fff}
body.dark-mode .post-best .owl-dots,body.dark-mode .header .logged .panel-menu li a:hover{background-color:rgba(0, 0, 0, 0.2)}


@media only screen and (max-width:920px){
.intro .search,.intro .tags,.post-updates .entery::before,.vip-posts .entery::before,.vip-posts .entery::after,.banner-big,.post-best .owl-dots,.post-best .entery::before,.post-best .item .inside .info,.vip-posts .entery .slider-1x::-webkit-scrollbar,.rt-hr{display:none}
.intro .title{font-size:18px}
.intro .desc{font-size:14px}
.intro{padding:50px 0 25px}
.features .main{max-width:calc(100% - 12px)}
.features .item{padding:20px;width:calc(50% - 12px);margin:6px}
.features .item a{font-size:13px;padding:7px 15px}
.features .item.big{width:calc(100% - 12px);margin:6px}
.features .item span{font-size:15px;float:right;margin:7px 60px 0 0}
.post-updates, .last-blogs, .post-best, .best-links, .vip-posts{padding:25px 0}
.features{margin-bottom:35px}
body.light-mode .dark-box .mini-p{box-shadow:none}
.vip-posts .entery{width:calc(100% + 24px);margin-right:-12px}
.vip-posts .entery .slider-1x{width:100%;margin:0;-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;}
.vip-posts .entery .slider-1x .micro-p{flex:0 0 auto;transform:scale(1);opacity:1;width:250px;margin:0 12px 30px 0}
.vip-posts .entery .slider-1x .micro-p:last-child,.rt-flex .mini-post:last-child{margin-left:12px}
.vip-posts .entery .slider-1x .micro-p img{height:140px}
.vip-posts .entery .slider-1x .micro-p .inside{transform:scale(1);opacity:1;bottom:-20px;width:calc(100% - 40px);right:20px}
.vip-posts .entery .slider-1x .micro-p .inside h2{font-size:14px}
.vip-posts .entery .slider-1x .micro-p .inside h2 a{padding:8px 12px}
body.light-mode .dark-box{padding:30px 0 20px;margin:30px 0}
.post-best .entery{width:calc(100% - 20px);margin:0 10px}
.post-best .item{margin-top:0}
.post-best .item .inside,.post-best .item figure,.post-best .bars{width:100%}
.post-best .item figure,.post-best .item figure img{height:150px;border-radius:8px 8px 0 0}
.post-best .owl-carousel .owl-nav .owl-next,.post-best .owl-carousel .owl-nav .owl-prev{top:55px;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(3px)}
.post-best .item .inside{padding:20px;border-radius:0 0 8px 8px}
.post-best .item .inside .title{font-size:14px}
.post-best .item .inside .cate{font-size:13px;margin:7px 0 15px 0;padding-bottom:15px}
.post-best .item .inside .btns{padding:0;width:100%}
.post-best .item .inside .btns a{float:left;width:calc(50% - 6px);padding:7px 12px}
.post-best .item .inside .btns a.rt-rang{float:right}
.last-blogs{margin-bottom:20px}
.last-blogs .mini-post{flex:0 0 auto;width:200px;margin:0 12px 0 0}
.best-links{padding:19px 0;margin-bottom:7px}
.best-links a,.best-links a:first-child{width:100%;margin:6px 0;padding:15px 70px 15px 15px}
.best-links a .icon{right:15px;width:40px;height:40px;font-size:18px;top:17px}
.best-links a .title{font-size:14px;margin-bottom:5px}
.best-links a .desc{font-size:12px}
.best-links a .title i{float:left;margin-top:5px}
}