﻿.ads-order-box .main{width:1000px}
.ads-order-box .ads-box{padding:30px}
.ads-order-box .global-is-empty-rt{margin:40px 0 30px}
.ads-order-box .ads-box .table{width:350px;border-collapse:separate;border-spacing:10px}
.ads-order-box .ads-box .table td,.ads-order-box .ads-box .table th{padding:10px;border:0;border-radius:10px}
.ads-order-box .ads-box .table td{background:var(--blur)}
.ads-order-box .ads-box .table th{color:#fff;background:var(--footer)}
.ads-order-box .ads-box .inside{width:calc(100% - 375px);border-left:3px var(--blur) dashed;padding-left:25px}
.ads-order-box .ads-box .inside .pic,.ads-order-box .ads-box .inside .text{margin-top:10px}
.ads-order-box .ads-box .inside .text{line-height:2}
.ads-order-box .how-i-can-order,.ads-order-box .ads-box,.ads-order-box .how-i-can-pay{margin-top:30px}
.ads-order-box .how-i-can-order .links{margin:5px 0}
.ads-order-box .how-i-can-order .links .link{padding:10px 15px;width:calc(33.33% - 10px);margin:10px 5px 0 5px}
.ads-order-box .how-i-can-order .links .link .icon{margin-top:7px}
.ads-order-box .how-i-can-order .links .link .ins{width:calc(100% - 50px)}
.ads-order-box .how-i-can-order .links .link .ins .ltr{letter-spacing:2px}
.ads-order-box .how-i-can-order .links .link .ins .name{direction:ltr;text-align:right}
.ads-order-box .how-i-can-order .links .link .ins .label{font-style:italic}
.ads-order-box .how-i-can-order .links .link.sms{background:#f19b5a}
.ads-order-box .how-i-can-order .links .link.wa{background:#23cc62}
.ads-order-box .how-i-can-order .links .link.tg{background:linear-gradient(120deg,#41d7ef,#1d7ed7)}
.ads-order-box .how-i-can-order .links .link.email{background:#0f649a}
.ads-order-box .how-i-can-order .links .link.ru{background:#744082}
.ads-order-box .how-i-can-order .links .link:hover,.ads-order-box .how-i-can-pay .lists .item:hover,.ads-order-box .how-i-can-pay .pay-btn:hover{opacity:.8}
.ads-order-box .how-i-can-pay .lists{margin-top:10px}
.ads-order-box .how-i-can-pay .lists .item{padding:5px 0}
.ads-order-box .how-i-can-pay .lists .item .name{margin-top:9px}
.ads-order-box .how-i-can-pay .lists .item .val{padding:10px;width:calc(100% - 100px);background:linear-gradient(to right,transparent,var(--blur));border-radius:0 10px 10px 0}
.ads-order-box .how-i-can-pay .lists .item .val .icon{margin:1px 0 0 10px}
.ads-order-box .how-i-can-pay .pay-btn{padding:10px 15px;margin:15px 0 10px;background:var(--footer)}
.ads-order-box .how-i-can-pay .pay-btn i{margin-left:10px}
.dark-mode .ads-order-box .ads-box{background:var(--blur)}
.dark-mode .ads-order-box .ads-box .table th{background:#79899e}
.dark-mode .ads-order-box .ads-box .inside .text,.dark-mode .ads-order-box .descxx{color:#ddd}
.dark-mode .ads-order-box .how-i-can-pay .pay-btn{color:#16171a;background:#fff}

@media only screen and (max-width:920px){
.ads-order-box{padding:0 0 30px}
.ads-order-box .how-i-can-order, .ads-order-box .ads-box, .ads-order-box .how-i-can-pay{margin-top:25px}
.ads-order-box .ads-box .inside{width:100%;padding:0 0 25px;margin-bottom:20px;border-left:0;border-bottom:3px var(--blur) dashed}
.ads-order-box .ads-box{padding:20px}
.ads-order-box .ads-box .table{width:100%;font-size:13px}
.ads-order-box .ads-box .inside .title{font-size:16px}
.ads-order-box .how-i-can-order .links .link{width:100%;margin:10px 0}
}