body{background-color:#fff}
@-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}}


.top-header{background:#fff url(../img/bg.png) center;background-size:100%;animation:scroll-data-v-7cb1a845 20s linear infinite;padding:35px 0}
.top-header:before{content:"";background:linear-gradient(to bottom right,rgba(0, 123, 255, 0),#fff,#fff);position:absolute;top:0;right:0;height:calc(100% + 1px);width:100%;z-index:0}
.top-header .breadcrumbs{margin-bottom:10px}
.top-header .breadcrumbs a{display:inline-block;padding:10px}
.top-header .breadcrumbs a,.top-header .breadcrumbs i{color:#9da0af}
.top-header .breadcrumbs span:first-child a{padding-right:0}
.top-header .breadcrumbs span:last-child i{display:none}
.top-header .breadcrumbs span:last-child a{font-weight:bold}
.top-header .breadcrumbs i{transform:translateY(3px);font-size:16px}
.top-header .ver{margin:4px 20px 0 0;background-color:#e8e8e8;padding:3px 10px}


.post-side{width:calc(100% - 350px)}
.sidebar{width:320px}
.rt-block,.information{padding:25px;margin-bottom:30px;box-shadow:rgba(173,188,200,.2) 0 2px 35px}
.rt-block .dl-btn{padding:10px;margin-top:25px;border-bottom:5px rgba(0, 0, 0, 0.1) solid;background-color:#78cd38}
.rt-block .dl-btn i{margin-left:3px}
.rt-block .info{border-bottom:1px #e5e7f0 dashed;margin-bottom:20px}
.rt-block .info .side{padding:0 7px;margin:10px 0 20px;width:50%}
.rt-block .info .side .count{margin-top:5px;color:var(--color2)}
.rt-block .info .side .count span.rt-rang{color:var(--color3)}
.rt-block .info .side.price .count{margin-top:5px}
.rt-block .info .side.price{border-right:1px #e5e7f0 dashed}
.rt-block ul li{padding:8px 5px}
.rt-block ul li i{color:var(--color3);margin:2px 0 0 10px}


.information,.post-side{margin-bottom:50px}
.information li{padding:12px 0}
.information li .val a{display:none}
.information li .val a:last-child{display:inline-block}
.information .report-btn{color:#fd8375;border-bottom:2px #fd8375 dotted;padding:7px 0;margin-top:35px}
.information .report-btn i{margin:2px 0 0 8px}
.information:before{transform:translate(50%,-50%) rotate(-7deg);content:"وب نما";position:absolute;font-size:45px;opacity:.04;top:50%;right:50%;font-family:afzooneh}
.information .btn{width:45px;height:45px;margin:26px 10px 0 0;background-color:#f8f9fb}


.post-side .pic-slider .owl-next,.post-side .pic-slider .owl-prev{color:#444;background-color:#fff;top:calc(50% - 25px);width:50px;height:50px;font-size:35px;}
.post-side .pic-slider .owl-next{left:25px}
.post-side .pic-slider .owl-prev{left:auto;right:25px}


.post-side .tab-btns{margin:25px 0;background-color:#f7f8fa;padding:12px 7px}
.post-side .tab-btns .btn{padding:10px 25px;margin:0 5px;background:none;border:0}
.post-side.active-1 .tab-btns .btn#btn-tab-1,.post-side.active-2 .tab-btns .btn#btn-tab-2{background-color:#fff;box-shadow:rgba(173,188,200,.23) 0 3px 6px;color:#4d535b}
.post-side .tab-btns .btn.demo{background-color:#ffc64b}
.post-side .tab-btns .btn span{background-color:#bdc4d1;display:inline-block;padding:0 7px;margin-right:7px}
.post-side .tab-btns .btn i{margin:3px 0 0 7px}
.post-side .rt-matn{padding:40px 60px}
.post-side.active-1 .tab-2,.post-side.active-2 .tab-1{display:none}

.gallery-pictures a{width:calc(100% - 20px);margin:10px;background-color:#f8f9fb;padding:10px}
.gallery-pictures a img{height:120px}


.realted-posts,.gallery-pictures,.rt-video,.faqs,.logs,.requireds{margin-top:50px}
.realted-posts .mini-p{margin:10px 10px 12.5px;width:calc(100% - 20px)}
.owl-carousel.slider-4 .owl-nav .owl-next{left:10px}
.owl-carousel.slider-4 .owl-nav .owl-prev{left:60px}
.rt-video .entery{padding:10px}
.rt-video .entery video{background-color:#333}

.faqs ul.accordion{padding:10px 10px 0}
.faqs ul.accordion>li{margin-bottom:20px;box-shadow:rgba(173,188,200,.22) 0 10px 35px}
.faqs ul.accordion>li:last-child,.requireds ul li:last-child{margin-bottom:0}
.faqs ul.accordion>li>.submenu{display:none;padding:10px 35px;border-top:1px #ddd solid;line-height:2.5;text-align:justify}
.faqs ul.accordion>li>.submenu ol,.faqs ul.accordion>li>.submenu ul{display:block;padding:15px 0}
.faqs ul.accordion>li>.submenu li{padding:5px 0;list-style:disc;list-style-position:inside !important}
.faqs ul.accordion>li>.link{box-shadow: 0 5px 30px rgba(70,72,77,.05);padding:15px 25px}
.faqs ul.accordion>li>.link>span{width:calc(100% - 20px);line-height:1.8}
.faqs ul.accordion>li>.link i{font-size:24px;opacity:0.5}
.faqs ul.accordion>li.open>.link i{transform:rotate(180deg)}


.logs .title{padding:7px 12px;background-color:#7f8da4}
.logs .item ul{padding:10px}
.logs .item .title{margin-bottom:15px;box-shadow:rgba(119,132,157,.28) 0 3px 6px}
.logs .item ul li{background-color:#f9f9fb;font-family:initial;padding:15px 10px}
.logs .item{padding:10px 10px 20px}
.logs .item:last-child{padding-bottom:0}


.requireds ul{padding:0 10px}
.requireds ul li{padding:13px 15px;margin:10px 0;box-shadow:rgba(173,188,200,.22) 0 10px 35px}
.title-asli .icon.c7{margin-right:10px}















.dl-box{opacity:0;visibility:hidden;backdrop-filter:blur(3px);height:100%;position:fixed;top:0;right:0;z-index:9999999999999;background-color:rgba(54, 61, 77, 0.9)}
.dl-box .close-bg{right:0;top:0;height:100%}
.dl-box .entery{width:450px;max-width:calc(100% - 40px);max-height:calc(100% - 40px);margin:auto;text-align:right}
.dl-box .entery .close-btn{color:#fd7363;width:40px;height:40px;margin:20px 20px 5px}
.dl-box .entery .inside{padding: 0 30px;margin-bottom:20px;max-height:calc(100vh - 120px);overflow:auto;line-height:1.8;}
.dl-box .entery .inside ul{display:flex;flex-direction:column-reverse}
.dl-box .entery .inside li a{padding:10px 17px;margin:5px 0;border-bottom:5px rgba(0, 0, 0, 0.1) solid;opacity:.9}
.dl-box .entery .inside li a i{margin:4px 0 0 10px}
.dl-box .entery .inside li a span{margin:1px 5px 0 0}
.dl-box .entery .inside li:last-child a{background-color:#78cd38;opacity:1}
.dl-box .entery .inside .title{margin-bottom:10px}
body.dl-active{overflow:hidden}
body.dl-active .dl-box{opacity:1;visibility:visible}












.top-header .breadcrumbs a:hover,.faqs ul.accordion>li.open>.link,.faqs ul.accordion>li>.link:hover,body.dark-mode .top-header .breadcrumbs a:hover{color:var(--color)}
.rt-block .dl-btn:hover,.post-side .tab-btns .btn.demo:hover,.information li a:hover,.dl-box .entery .close-btn:hover,.dl-box .entery .inside li a:hover{opacity:.8}
.post-side .tab-btns .btn.demo:hover{color:#fff}
.information .report-btn:hover{color:#fd5e4c;border-color:#fd5e4c}
.post-side .tab-btns .btn:hover{color:#4d535b}
.information .btn:hover{background-color:#eee}
.dl-box .entery .close-btn:hover{background-color:#fff4f3}












body.dark-mode .rt-block .info .side.price,body.dark-mode .rt-block .info,body.dark-mode .faqs ul.accordion > li > .submenu{border-color:rgba(255, 255, 255, 0.1)}
body.dark-mode .information .btn,body.dark-mode .logs .item ul li:nth-child(2n+1){background-color:rgba(255, 255, 255, 0.1)}
body.dark-mode .post-side .tab-btns{background-color:rgba(255, 255, 255, 0.05)}
body.dark-mode .faqs ul.accordion > li{box-shadow:0 4px 24px rgba(0,0,0,.1)}
body.dark-mode .top-header::before{background: linear-gradient(to bottom right,rgba(19, 20, 21, 0.4),#131415,#131415);}
body.dark-mode .top-header{background:#131415 url(../img/bg.png) center;background-size:100%}
body.dark-mode .top-header .breadcrumbs a,body.dark-mode .top-header .breadcrumbs i{color:#939191}
body.dark-mode .dl-box{backdrop-filter:blur(7px);background-color:rgba(27, 30, 35, 0.9)}
body.dark-mode .dl-box .entery,body.dark-mode .post-side .pic-slider .owl-next,body.dark-mode .post-side .pic-slider .owl-prev{background-color:#2e333d}
body.dark-mode .post-side .pic-slider .owl-next,body.dark-mode .post-side .pic-slider .owl-prev{color:#fff}


@media only screen and (max-width:920px){
.post-side,.sidebar{width:100%}
.sidebar{position: inherit !important; top: inherit !important;}
.information{margin-bottom:30px}
.rt-block{margin-bottom:20px}
.post-side .rt-matn{padding:10px 20px }
.gallery-pictures a{margin:5px 12px 0 0;width:150px;padding:5px;flex:0 0 auto}
.gallery-pictures a img{height:80px}
.gallery-pictures a:last-child{margin-left:12px}
.rt-video .entery,.faqs ul.accordion{padding:5px 0 0}
.requireds ul{padding:0;font-size:14px}
.logs .item{padding:5px 0 15px}
.logs .item ul{font-size:14px}
.logs .item .title,.faqs ul.accordion > li > .submenu,.faqs ul.accordion > li > .link{font-size:13px}
.faqs ul.accordion > li > .submenu{padding:0 20px}
.faqs ul.accordion > li > .link{padding:15px 20px;border-radius:8px}
.faqs ul.accordion > li{margin-bottom:15px}
.faqs ul.accordion > li > .link i{font-size:21px}
.realted-posts,.gallery-pictures,.rt-video,.faqs,.logs,.requireds{margin-top:35px}
.post-side{margin-bottom:20px}
.top-header .titr{font-size:18px;width:100%}
.top-header .ver{margin:10px 0 0;font-size:14px}
.top-header .breadcrumbs{font-size:12px;margin-bottom:5px}
.top-header{padding:15px 0 25px}
.post-side .pic-slider .owl-next, .post-side .pic-slider .owl-prev{width:40px;height:40px;font-size:21px;top:calc(50% - 20px)}
.title-asli .icon.c7{margin-right:0}
.logs .item .title{margin-bottom:10px}
.requireds ul li:first-child{margin-top:5px}
}
@media only screen and (max-width:520px){
.post-side .tab-btns .btn{width:calc(50% - 10px);font-size:14px}
.post-side .tab-btns .btn.demo{width:calc(100% - 10px);margin-top:15px;text-align:center}
.post-side .tab-btns .btn i{float:none;margin:0;transform:translate(5px,3px);}
.post-side .tab-btns .btn span{display:none}


.dl-box .entery .inside .title{font-size:21px}
.dl-box .entery .inside ul{font-size:14px}
.dl-box .entery .inside li a i{font-size:15px}
.dl-box .entery .inside{padding:0 15px}
.dl-box .entery .inside li a span{font-size:12px}
.dl-box .entery .close-btn{margin:15px 15px 5px 0}
.dl-box .entery{max-width:calc(100% - 20px);max-height:calc(100% - 20px)}
.dl-box .entery .inside{max-height:calc(100vh - 95px)}
}