/* CSS Document */ .hide { display: none; } .hide input { display: block; } #ride-cass { background: url(../images/faq-bg.jpg) center repeat-y; max-width: 1039px; width:100%; border: 1px solid #212f33; border-radius: 4px;height: 500px;overflow: hidden;} .ride-pop .ride-active {display:block !important;} .ride-pop {position: fixed; bottom:0; left:0; right:0; top:0; background-color:rgba(0,0,0,.9); display:flex;justify-content: center; align-items: center;z-index: 1000;height: 100%;} #ride-cass .ride-close {display:flex;width: 28px;height: 28px;font: 60px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888;text-align: center;font-weight: 300;top: 10px;right: 15px;position: absolute;z-index: 10; cursor: pointer;transition: .2s;justify-content: center;align-items: center;} #ride-cass .ride-close:hover {opacity:.5;} .ride-pop .ride-close {display:flex;width: 28px;height: 28px;font: 60px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888;text-align: center;font-weight: 300;top: 10px;right: 15px;position: absolute;z-index: 10; cursor: pointer;transition: .2s;justify-content: center;align-items: center;} .ride-pop .ride-close:hover {opacity:.5;} #ride-cass .fancybox-close-small::after {display:none;} .top-casser { width: 100%; background: url(../images/cass-top-bg-hd.jpg) repeat-x center / auto 100%; height: 98px; border-bottom: 1px solid #212f33; float: left; box-shadow:0 4px 0 rgba(26,35,47,.50); z-index:115;} .top-casser > div { display: block; float: left; } .balance-gam { font-weight:bold; width:232px; border-right:1px solid #212f33; height:98px;} .balance-gam .pg1, .sec-chance .pg1 { color:#eeb318; font-size:14px; float:left; margin-left:38px; margin-top:30px; width:150px;} .balance-gam .pg1 span.cur { color:#b0b4bb; font-size:10px;} .balance-gam .pg2, .sec-chance .pg2 { font-size:12px; color:#6b7888; float:left; margin-left:38px;} .balance-gam .pg3 { background:url(../images/pay-topbtn.svg); width:25px; height:25px; border-radius:23px; box-shadow:0 0 13px rgba(251,94,68,0.50); float:right; margin-right:60px; margin-top:-12px;} .sec-chance { width:225px;} .sec-chance p.pg1, .sec-chance p.pg2 { margin-left:0; width:auto; font-weight:bold;} .sec-chance .pg3 { margin-left:52px; background:url(../images/sec-chance.svg); width:40px; height:47px; float:left; margin-top:25px; margin-right:5px;} .aa1 { display:block; background:url(../images/star-thg.svg) no-repeat center top / cover; width:171px; height:38px; border-radius:4px; text-decoration:none; text-transform:uppercase; float:left; text-align:center; color:#fff; font-size:13px; line-height:38px; box-shadow:0 0 32px rgba(78,136,127,.42),inset 0 0px 5px rgba(255,255,255,.7); font-weight:bold; margin-top:30px;} .opis-bonus { background:url(../images/znak-vopr.svg) left center no-repeat; height:38px; margin-top:30px; padding-left:35px;font-size:13px; line-height:38px; margin-left:20px;} .opis-bonus a { color:#48505a; } .opis-bonus a:hover {text-decoration:none;} #cashdesk-bets-list img { width: 40px; vertical-align: middle;} #cashdesk-bets-list .n { text-align: right; padding-right: 10px; } #cashdesk-bets-list .g { text-align: left; padding-left: 10px; } #teabers {clear: both;padding-left: 232px; box-sizing: border-box;float: left;width: 100%;display: flex;height: 402px;} #teabers > div, #fragment-1 > div {width: 100%; float: left; position: relative;} #teabers > ul { width: 232px; float: left; margin-top: 16px;margin-left: -232px; } #teabers > ul a { width: 232px; height: 56px; display: block; padding-left: 82px; color: #515c6b; text-transform: uppercase; font-size: 16px; line-height: 56px; text-decoration: none; opacity: 1; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 600; letter-spacing:-1px; transition:.2s;} #teabers > ul a:hover {opacity:.5;} #teabers > ul li { display: block; position: relative; } #teabers > ul li.ui-tabs-active { background: rgba(0,0,0,0.35); border-right: 2px solid #cc7d14; } #teabers > ul li.ui-tabs-active a { opacity: 1; color:#fff; } #fragment-1 { border-left: 1px solid #28333f; } #fragment-1 > div { box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px;display: flex;flex-wrap: wrap; align-content: baseline;} #payment {position:relative;} .pending-payments-item-0 {padding: 10px 20px 0px 20px !important; text-align:center;margin-bottom: -15px;} #fragment-1 ul, #fragment-3 ul, #fragment-4 ul { display: block; max-width: 418px; width:100%; margin: 0 auto; padding-top: 28px; } #fragment-1 ul li, #fragment-3 ul li, #fragment-4 ul li { width: 50%; float: left; display: block; } #fragment-1 ul a, #fragment-3 ul a, #fragment-4 ul a { color: #3b4452; font-size: 13px; text-decoration: none; text-align: center; display: block; height: 31px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 30px; font-weight: bold; background: rgba(26,34,48,.43) } #fragment-1 ul li:first-of-type a, #fragment-3 ul li:first-of-type a, #fragment-4 ul li:first-of-type a { border: 1px solid #3b4452; border-right: none; border-radius: 4px 0 0 4px; } #fragment-1 ul li:last-of-type a, #fragment-3 ul li:last-of-type a, #fragment-4 ul li:last-of-type a { border: 1px solid #3b4452; border-left: none; border-radius: 0 4px 4px 0; } #fragment-1 ul li:hover a, #fragment-3 ul li:hover a, #fragment-4 ul li:hover a { opacity: .9; color: #fff; } #fragment-1 ul li.ui-tabs-active a, #fragment-3 ul li.ui-tabs-active a, #fragment-4 ul li.ui-tabs-active a { background: #333b47; color: #697687; border: 0 none; line-height: 32px; } #payment .should-confirm-email-false {display:flex;flex-wrap: wrap;align-content: baseline;} #payment,#output {height: 342px; overflow: auto;} .pm-bg {background: #fff; width: 24%; height: 80px; margin: 5px 1% 5px 0; float: left; border-radius: 4px; cursor: pointer } .pm-bg > .pay-form {display: none;} .pm-bg.active > .pay-form {display: block;max-width: 758px;position: absolute;left: 20px;right: 20px;width: calc(100% - 40px);} .paygroup .contents { display: none; } .paygroup.active.hide { display: block; } .paygroup.active { width: 100%; background: none !important; } .paygroup.active > .btn { display: none; } .paygroup.active > .btn::before { display: none !important; } .paygroup.active .contents .btn { display: block; } .paygroup.active .contents { display: block;display: flex;flex-wrap: wrap;} .paygroup.active .contents .info {width: 100%;} .pm-bg.sbp.active #ot-sbp {display: flex;flex-wrap: wrap;} #ot-sbp > div:nth-child(1) {order:1; margin:0 43px 0 0;height:45px;} #ot-sbp > div:nth-child(2) {order:4;} #ot-sbp > div:nth-child(3) {order:5;} #ot-sbp > p:nth-child(4) {order:6;width: 100%;} #ot-sbp > div:nth-child(5) {order:2;margin-top:18px;height: 45px;} #ot-sbp > div:nth-child(6) {order:3;margin:18px 20px 0 0;} .pm-bg.sbpalt.active #ot-sbpalt {display: flex;flex-wrap: wrap;} #ot-sbpalt > div:nth-child(1) {order:1;margin:0 43px 0 0;height:45px;} #ot-sbpalt > div:nth-child(2) {order:3;} #ot-sbpalt > div:nth-child(3) {order:4;} #ot-sbpalt > p:nth-child(4) {order:5;width: 100%;} #ot-sbpalt > div:nth-child(5) {order:2;margin-top:18px;height: 45px;} .pm-yandex {width: 100%; height: 100%; background: url(../images/pm-yandex.svg) no-repeat center center / 70% auto; border-radius: 4px; } .pm-yandexalt {width: 100%; height: 100%; background: url(../images/pm-yandexalt.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-qiwi {width: 100%; height: 100%; background: url(../images/pm-qiwi.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-qiwialt { width: 100%; height: 100%; background: url(../images/pm-qiwi.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-qiwitransf { width: 100%; height: 100%; background: url(../images/pm-qiwitransf.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-privat { width: 100%; height: 100%; background: url(../images/pm-privat.svg) no-repeat center center / 50% auto; border-radius: 4px; } .pm-monobank { width: 100%; height: 100%; background: url(../images/pm-monobank.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-visa { width: 100%; height: 100%; background: url(../images/pm-visarur.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visageneric { width: 100%; height: 100%; background: url(../images/pm-visa.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-card { width: 100%; height: 100%; background: url(../images/pm-card.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-card-50 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px;position: relative; } .pm-cardalt { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-cardalt-6 { width: 100%; height: 100%; background: url(../images/pm-cardalt-6.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visamaster { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-visamasterecom { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-visamasteralt { width: 100%; height: 100%; background: url(../images/pm-visamasteralt.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visamasteralt2 { width: 100%; height: 100%; background: url(../images/pm-visamasteralt2.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visamastertransf { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-visamastertransf2 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-visauah { width: 100%; height: 100%; background: url(../images/pm-visauah.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-btc { width: 100%; height: 100%; background: url(../images/pm-btc.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-ton { width: 100%; height: 100%; background: url(../images/pm-ton.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-usdtton { width: 100%; height: 100%; background: url(../images/pm-usdtton.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-not { width: 100%; height: 100%; background: url(../images/pm-not.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-usdc { width: 100%; height: 100%; background: url(../images/pm-usdc.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-mir { width: 100%; height: 100%; background: url(../images/pm-mir.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-ethereum { width: 100%; height: 100%; background: url(../images/pm-ethereum.svg) no-repeat center center / 75% auto; border-radius: 4px; } .pm-tether { width: 100%; height: 100%; background: url(../images/pm-trc20.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-erc20 { width: 100%; height: 100%; background: url(../images/pm-erc20.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-trc20 { width: 100%; height: 100%; background: url(../images/pm-trc20.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-visauahprivat { width: 100%; height: 100%; background: url(../images/pm-visauahprivat.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visaprivat { width: 100%; height: 100%; background: url(../images/pm-visaprivat.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-visanotprivat { width: 100%; height: 100%; background: url(../images/pm-visanotprivat.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-masterprivat { width: 100%; height: 100%; background: url(../images/pm-masterprivat.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-masternotprivat { width: 100%; height: 100%; background: url(../images/pm-masternotprivat.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-mastergeneric { width: 100%; height: 100%; background: url(../images/pm-mastercard.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-liqpay { width: 100%; height: 100%; background: url(../images/pm-liqpay.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-webmoney { width: 100%; height: 100%; background: url(../images/pm-webmoney.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-alfabank { width: 100%; height: 100%; background: url(../images/pm-alfabank.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-sberbank { width: 100%; height: 100%; background: url(../images/pm-sberbank.svg) no-repeat center center / 80% auto; border-radius: 4px; position: relative;} #payment .pm-sberbank::before, #payment .pm-visamastertransf::before, #payment .pm-visamastertransf2::before, #payment .pm-visamaster::before, #payment .pm-visamasterecom::before, #payment .pm-cardalt::before, #payment .pm-crypto::before, #payment .pm-anotherbank::before, #payment .pm-sbp-group::before, #payment .pm-sbp-var1::before, #payment .pm-sbp-var2::before, #payment .pm-sbp-var3::before, #payment .pm-sbp-var4::before, #payment .pm-sbp-var5::before, #payment .pm-sbpqr::before, #payment .pm-sbpalt::before, #payment .pm-sbptbank::before, #payment .pm-sbpsber::before, #payment .pm-p2p-group::before, #payment .pm-p2p-var1::before, #payment .pm-p2p-var2::before, #payment .pm-p2p-var3::before, #payment .pm-p2p-acc::before, #payment .pm-sberpay-group::before, #payment .pm-sberpay-var1::before, #payment .pm-sberpay-var2::before, #payment .pm-card-50::before, #payment .pm-p2p-tpay::before, .pm-cardalt::before, .pm-sbptbank::before, .pm-sbpsber::before, .pm-sbpalt::before, .pm-sbp::before, .pm-card-50::before { display: block; background-color: rgba(13, 25, 37, 1); font-size: 12px; font-weight: 700; line-height: 14px; text-align: center; border-radius: 9px; position: absolute; padding: 4px 10px; bottom: -8px; z-index: 1; color:#fff; transform: translate(-50%, 0); left: 50%; white-space: nowrap; } #payment .pm-sberbank::before { content: "Оплата по QR коду";} .pm-visamastertransf::before { content: "Перевод на карту от 5к";} .pm-visamastertransf2::before { content: "Перевод на карту 2";} .pm-visamaster::before { content: "Альтернатива";} .pm-visamasterecom::before { content: "Ввод данных карты";} .pm-cardalt::before { content: "Альтернатива";} .pm-crypto::before { content: "Криптовалюта";} .pm-sbp-group::before { content: "По номеру телефона";} .pm-sbp-var1::before { content: "Вариант 1";} .pm-sbp-var2::before { content: "Вариант 2";} .pm-sbp-var3::before { content: "Вариант 3";} .pm-sbp-var4::before { content: "Вариант 4";} .pm-sbp-var5::before { content: "Вариант 5";} .pm-sbpqr::before { content: "Оплата по QR";} .pm-sbpalt::before { content: "Альтернатива";} .pm-sbptbank::before { content: "T-Банк";} .pm-sbpsber::before { content: "СберБанк";} .pm-sbp::before { content: "Основной";} .pm-card-50::before { content: "Основной";} .pm-p2p-group::before { content: "Перевод на карту";} .pm-p2p-var1::before { content: "Вариант 1";} .pm-p2p-var2::before { content: "Вариант 2";} .pm-p2p-var3::before { content: "Вариант 3";} .pm-p2p-tpay::before { content: "T-Pay";} .pm-p2p-acc::before { content: "Перевод на счет";} .pm-sberpay-group::before { content: "Оплата по QR коду";} .pm-sberpay-var1::before { content: "Вариант 1";} .pm-sberpay-var2::before { content: "Вариант 2";} .pm-anotherbank::before{ content: "Другой банк";} #payment .pm-card-50::before{ content: "Перевод на карту";} #payment .pm-crypto::after { display: block; position: absolute; z-index: 1; content:""; top:0; right:0; width:60px; height:24px; background: url(../images/paygroup-sale10.svg) no-repeat center center / 100% auto; } #fragment-1 .back-button { cursor: pointer; padding-bottom: 0; width: 100%; margin-bottom: 20px; } #fragment-1 .back-button:hover {opacity:.5;} #fragment-1 .back-block{display:none;} #fragment-1 .back-block.hide {display:block; width: 100%;} #fragment-1 .carefully {border-radius: 5px; padding:6px 10px 6px 37px;color: #fff;display: inline-block;font-size:13px;margin:0 0 0 10px;font-weight: 300;background: #081320 url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='9' cy='9' r='9' fill='%23F49500'/%3e%3cpath d='M8.43164 5.84416C8.43164 5.35914 8.70182 5.11662 9.24219 5.11662C9.78255 5.11662 10.0527 5.35914 10.0527 5.84416C10.0527 6.07528 9.98438 6.25595 9.84766 6.38615C9.71419 6.51311 9.51237 6.57658 9.24219 6.57658C8.70182 6.57658 8.43164 6.33244 8.43164 5.84416ZM9.98438 12.7143H8.49512V7.25529H9.98438V12.7143Z' fill='%23141414'/%3e%3c/svg%3e ") no-repeat 10px 6px / 18px auto;} #fragment-1 .carefully {display: inline-block;} #fragment-1 .carefully1 {border-radius: 5px; padding:6px 10px 6px 37px;color: #Fff;display: none;font-size:13px;font-weight:300;margin:0 0 0 10px;background: #081320 url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.12049 16.5713C2.91194 17.2343 3.84924 17.7003 4.85557 17.9312C4.95187 17.9627 5.01667 17.8367 4.95187 17.7737C2.79639 15.7172 3.98078 13.4915 4.85557 12.488C5.47927 11.7716 6.36756 10.5917 6.30276 9.00953C6.30276 8.85113 6.46476 8.72423 6.59256 8.81963C7.81565 9.45233 8.65174 10.8446 8.87674 11.9831C9.23134 11.6357 9.36004 11.0975 9.36004 10.6232C9.36004 10.4648 9.55264 10.3379 9.71373 10.4648C10.872 11.5088 12.8664 15.0521 9.64894 17.8358C9.58504 17.8997 9.64893 18.0266 9.71373 17.9951C10.6893 17.7393 11.6068 17.2987 12.4164 16.6973C17.6607 12.6473 14.2497 5.46536 12.0294 3.09298C11.7405 2.80768 11.2257 2.99758 11.2257 3.40888C11.1933 4.26387 10.9359 5.21246 10.2609 5.84516C9.74613 3.69417 8.03075 1.25069 5.58547 0.0483025C5.26417 -0.110096 4.87807 0.142802 4.91047 0.491099C4.97347 3.43407 3.05379 5.30786 1.3807 7.74414C-0.0997882 9.92662 -1.06458 13.9451 2.12049 16.5713Z' fill='%23E48000'/%3e%3c/svg%3e ") no-repeat 10px 5px / 18px auto;} #fragment-1 .carefully1 span {color:#EEB318;} #fragment-1 .carefully1 {display: inline-block;} #fragment-1 .back-block.caref .carefully1 {display: inline-block;} .pm-tinkoff { width: 100%; height: 100%; background: url(../images/pm-tinkoff.svg) no-repeat center center / 75% auto; border-radius: 4px; } .pm-anotherbank { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-sbp { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbpalt { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px;position: relative; } .pm-sbptbank { width: 100%; height: 100%; background: url(../images/pm-tbank-sbp.svg) no-repeat center center / auto 70%; border-radius: 4px;position: relative; background-size: 70%; } .pm-sbpsber { width: 100%; height: 100%; background: url(../images/pm-sbp-sber.svg) no-repeat center center / auto 70%; border-radius: 4px;position: relative; background-size: 70%; } .pm-sbp-var1 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbp-var2 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbp-var3 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbp-var4 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbp-var5 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sbpqr { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-p2p-var1 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto; border-radius: 4px; position: relative;} .pm-p2p-var2 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto; border-radius: 4px; position: relative;} .pm-p2p-var3 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto; border-radius: 4px; position: relative;} .pm-p2p-tpay { width: 100%; height: 100%; background: url(../images/pm-tbank.svg) no-repeat center center / 60% auto; border-radius: 4px; position: relative;} .pm-p2p-acc { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto; border-radius: 4px; position: relative;} .pm-psbank { width: 100%; height: 100%; background: url(../images/pm-psbank.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-perfect { width: 100%; height: 100%; background: url(../images/pm-perfectmoney.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-mts { width: 100%; height: 100%; background: url(../images/pm-mts.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-megafon { width: 100%; height: 100%; background: url(../images/pm-megafon.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-tele2 { width: 100%; height: 100%; background: url(../images/pm-tele2.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-beeline { width: 100%; height: 100%; background: url(../images/pm-beeline.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-advcash { width: 100%; height: 100%; background: url(../images/pm-advcash.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-ii-cass { width: 100%; height: 100%; background: url(../images/pm-ii-pop.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-intercassa { width: 100%; height: 100%; background: url(../images/pm-intercassa.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-mastercard { width: 100%; height: 100%; background: url(../images/pm-mastercard.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-mastermir { width: 100%; height: 100%; background: url(../images/pm-mastermir.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-okpay { width: 100%; height: 100%; background: url(../images/pm-okpay.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-terminal { width: 100%; height: 100%; background: url(../images/pm-termonal.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-piastrix { width: 100%; height: 100%; background: url(../images/pm-piastrix.svg) no-repeat center center / 70% auto; border-radius: 4px; } .pm-fkwallet { width: 100%; height: 100%; background: url(../images/pm-fkwallet.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-payeer { width: 100%; height: 100%; background: url(../images/pm-payeer.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-ks { width: 100%; height: 100%; background: url(../images/pm-ks.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-lifecell { width: 100%; height: 100%; background: url(../images/pm-lifecell.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-vodafone { width: 100%; height: 100%; background: url(../images/pm-vodafone.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-more { width: 100%; height: 100%; background: url(../images/pm-more.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-crypto { width: 100%; height: 100%; background: url(../images/pm-crypto.svg) no-repeat center 13px / 60% auto; border-radius: 4px; position: relative;} .pm-sbp-group { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; position: relative;} .pm-sberpay-group { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 80% auto; border-radius: 4px; position: relative;} .pm-p2p-group { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 65% auto; border-radius: 4px; position: relative;} .pm-sberpay-var1 { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 80% auto; border-radius: 4px; position: relative;} .pm-sberpay-var2 { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 80% auto; border-radius: 4px; position: relative;} .pm-mobile { width: 100%; height: 100%; background: url(../images/pm-mobile.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active { background: url(../images/pm-activebg.jpg); z-index: 1;margin-bottom: 98px;cursor: auto;} #payment .pm-bg.active {margin-bottom: 100px;} .pm-bg.active > .btn {width: 100% !important;height: 80px !important;border-radius: 4px !important;position: relative;} .pm-bg.sbp.active,.pm-bg.sbpalt.active {margin-bottom: 160px;} .group-crypto {margin: 5px 0 5px 0;} .pm-bg.active > .btn.pm-yandex { width: 100%; height: 100%; background: url(../images/pm-yandex.svg) no-repeat center center / 70% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-yandexalt { width: 100%; height: 100%; background: url(../images/pm-yandexalt-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-qiwi { width: 100%; height: 100%; background: url(../images/pm-qiwi-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-qiwialt { width: 100%; height: 100%; background: url(../images/pm-qiwi-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-qiwitransf { width: 100%; height: 100%; background: url(../images/pm-qiwitransf-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-privat { width: 100%; height: 100%; background: url(../images/pm-privat.svg) no-repeat center center / 50% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-monobank { width: 100%; height: 100%; background: url(../images/pm-monobank.svg) no-repeat center center / 65% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-visa { width: 100%; height: 100%; background: url(../images/pm-visarur-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visageneric { width: 100%; height: 100%; background: url(../images/pm-visa-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-card { width: 100%; height: 100%; background: url(../images/pm-card-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-card-50 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px;} .pm-bg.active > .btn.pm-cardalt { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px;} .pm-bg.active > .btn.pm-cardalt-6 { width: 100%; height: 100%; background: url(../images/pm-cardalt-6-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visamaster { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visamasterecom { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visamasteralt { width: 100%; height: 100%; background: url(../images/pm-visamasteralt-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visamasteralt2 { width: 100%; height: 100%; background: url(../images/pm-visamasteralt2-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visamastertransf { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px;} .pm-bg.active > .btn.pm-visamastertransf2 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px;} .pm-bg.active > .btn.pm-visauah { width: 100%; height: 100%; background: url(../images/pm-visauah-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-btc { width: 100%; height: 100%; background: url(../images/pm-btc-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-ton { width: 100%; height: 100%; background: url(../images/pm-ton-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-not { width: 100%; height: 100%; background: url(../images/pm-not-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-usdtton { width: 100%; height: 100%; background: url(../images/pm-usdtton-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-usdc { width: 100%; height: 100%; background: url(../images/pm-usdc-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-mir { width: 100%; height: 100%; background: url(../images/pm-mir-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-ethereum { width: 100%; height: 100%; background: url(../images/pm-ethereum.svg) no-repeat center center / 75% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-tether { width: 100%; height: 100%; background: url(../images/pm-trc20-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-erc20 { width: 100%; height: 100%; background: url(../images/pm-erc20-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-trc20 { width: 100%; height: 100%; background: url(../images/pm-trc20-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visauahprivat { width: 100%; height: 100%; background: url(../images/pm-visauahprivat-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visaprivat { width: 100%; height: 100%; background: url(../images/pm-visaprivat-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-visanotprivat { width: 100%; height: 100%; background: url(../images/pm-visanotprivat-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-masterprivat { width: 100%; height: 100%; background: url(../images/pm-masterprivat-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-masternotprivat { width: 100%; height: 100%; background: url(../images/pm-masternotprivat-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-mastergeneric { width: 100%; height: 100%; background: url(../images/pm-mastercard-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-liqpay { width: 100%; height: 100%; background: url(../images/pm-liqpay-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-webmoney { width: 100%; height: 100%; background: url(../images/pm-webmoney-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-alfabank { width: 100%; height: 100%; background: url(../images/pm-alfabank-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-sberbank { width: 100%; height: 100%; background: url(../images/pm-sberbank-active.svg) no-repeat center center / 80% auto; border-radius: 4px;} .pm-bg.active > .btn.pm-tinkoff { width: 100%; height: 100%; background: url(../images/pm-tinkoff-active.svg) no-repeat center center / 75% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-anotherbank { width: 100%; height: 100%; background: url(../images/pm-visamastertransf-active.svg) no-repeat center center / 65% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-sbp { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60% ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbpalt { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60% ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbptbank { width: 100%; height: 100%; background: url(../images/pm-tbank-sbp.svg) no-repeat center center / auto 70% ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%); background-size: 70%;} .pm-bg.active > .btn.pm-sbpsber { width: 100%; height: 100%; background: url(../images/pm-sbp-sber.svg) no-repeat center center / auto 70% ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%); background-size: 70%;} .pm-bg.active > .btn.pm-sbp-var1 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbp-var2 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbp-var3 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbp-var4 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbp-var5 { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-sbpqr { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center 10px / auto 60%; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-p2p-var1 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-p2p-var2 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-p2p-var3 { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-p2p-tpay { width: 100%; height: 100%; background: url(../images/pm-tbank.svg) no-repeat center center / 60% auto ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-p2p-acc { width: 100%; height: 100%; background: url(../images/pm-visamastertransf.svg) no-repeat center center / 60% auto ; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(203%) contrast(501%);} .pm-bg.active > .btn.pm-psbank { width: 100%; height: 100%; background: url(../images/pm-psbank-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-perfect { width: 100%; height: 100%; background: url(../images/pm-perfectmoney-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-mts { width: 100%; height: 100%; background: url(../images/pm-mts-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-megafon { width: 100%; height: 100%; background: url(../images/pm-megafon-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-tele2 { width: 100%; height: 100%; background: url(../images/pm-tele2-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-beeline { width: 100%; height: 100%; background: url(../images/pm-beeline-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-advcash { width: 100%; height: 100%; background: url(../images/pm-advcash-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-ii-cass { width: 100%; height: 100%; background: url(../images/pm-ii-pop-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-intercassa { width: 100%; height: 100%; background: url(../images/pm-intercassa-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-mastercard { width: 100%; height: 100%; background: url(../images/pm-mastercard-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-mastermir { width: 100%; height: 100%; background: url(../images/pm-mastermir-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-okpay { width: 100%; height: 100%; background: url(../images/pm-okpay-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-terminal { width: 100%; height: 100%; background: url(../images/pm-termonal-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-piastrix { width: 100%; height: 100%; background: url(../images/pm-piastrix.svg) no-repeat center center / 70% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-fkwallet { width: 100%; height: 100%; background: url(../images/pm-fkwallet-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-payeer { width: 100%; height: 100%; background: url(../images/pm-payeer-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-ks { width: 100%; height: 100%; background: url(../images/pm-ks-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-lifecell { width: 100%; height: 100%; background: url(../images/pm-lifecell-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-vodafone { width: 100%; height: 100%; background: url(../images/pm-vodafone-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-more { width: 100%; height: 100%; background: url(../images/pm-more-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pm-bg.active > .btn.pm-crypto { width: 100%; height: 100%; background: url(../images/pm-crypto.svg) no-repeat center center / 60% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-sbp-group { width: 100%; height: 100%; background: url(../images/pm-sbp.svg) no-repeat center center / 60% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-sberpay-group { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 60% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-sberpay-var1 { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 80% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-sberpay-var2 { width: 100%; height: 100%; background: url(../images/pm-sberpay.svg) no-repeat center center / 80% auto; border-radius: 4px; filter: invert(200%) sepia(100%) saturate(200%) hue-rotate(256deg) brightness(500%) contrast(500%);} .pm-bg.active > .btn.pm-mobile { width: 100%; height: 100%; background: url(../images/pm-mobile-active.png) no-repeat center center / 100% auto; border-radius: 4px; } .pay-form {width:99%; background: url(../images/cass-form-bg.jpg) 0 0 / cover; float: left; margin: 10px 0; padding: 0 15px; border-radius: 6px;box-sizing: border-box; } .pay-form > * { float: left; font-size: 14px; } .pay-form .random-alert { position: absolute; top: 55px; } .back-button {width: 100%; padding: 0 0 20px 0; cursor: pointer;} .pay-form .extra { clear: left; margin-top:-15px;margin-bottom: 3px; font-size: 11px; } .pay-form .extra input { display: inline; } .pay-form .extra img { vertical-align: middle; border-radius: 5px; } .pay-form .extra input { width: 90px; padding-left: 5px; height: 41px !important; background: rgba(50,64,86,1.00); margin-top: 19px; border: 1px solid #323e50; color: #fff; border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.52); } .pay-form .extra .wmid {width: 140px; margin-right: 20px;} .pay-form.webmoney { height: 162px; } .pay-form.webmoney .extra a, .pay-form.webmoney .extra img {margin-left: 20px;} .summ-txt { line-height: 80px; padding-right: 20px; padding-left: 0px; color: #abb6c5; } .summ-btn5 div,.summ-btn4 div {float:left;} .summ-btn2 div,.summ-btn3 div {float:left;} .summ-save{ padding: 29px 10px 0 10px; position: relative; display: block; float: left; } .summ-save span.tip { display:none; width: 60px; text-align: center; left: -17px; top: -27px; bottom: initial; } .summ-save span.tip::before { content: "▼"; position: absolute; left: 45%; bottom: -10px; color: #000; } .tip { position: absolute; width: 400px; background: #000; border-radius: 5px; padding: 5px; bottom: 20px; left: -65px; display: none; font-size: 11px; z-index: 2; width: 140px; transition: all .25s ease-in-out; } .summ-save:hover span {display:block;} .summ-save input[type="checkbox"] { display:none; } .summ-save input[type="checkbox"] + div{ width:24px; height:22px; vertical-align:middle; background:url(/images/summ-save.svg) left top no-repeat; cursor:pointer; } .summ-save input[type="checkbox"]:checked + div { background:url(../images/summ-save.svg) -24px top no-repeat; } .fix-summ > div { float: left; margin-right: 10px; } #fragment-2 > div { width: 50%; float: left; padding: 40px 20px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-left: 1px solid #28333f;height: 100%;} #fragment-2 > div div { margin-bottom: 19px; width: 100%; float: left; } #fragment-2 h3, #fragment-3 h3, #fragment-4 h3 { color: #FFF; font-size: 18px; padding-bottom: 20px; } #fragment-2 label { width: 145px; display: block; float: left; margin-right: 10px; font-size: 14px; line-height: 32px; text-align: right; } #fragment-2 input[type="text"] { width: 185px; padding-left: 10px; border: 0 none !important; height: 32px !important; background: rgba(50,64,86,1.00); float: left; border-radius: 4px; color: #fff; line-height: 32px; } #fragment-2 input[type="submit"] { width: 171px; height: 38px; color: #fff; background:url(../images/star-thg.svg) no-repeat center top / cover; border: 0 none; font-size: 13px; cursor: pointer; margin-top: 10px; text-shadow: none !important; transform: all 0.4s ease 0s; text-transform:uppercase; box-shadow:0 0 32px rgba(78,136,127,.42),inset 0 0px 5px rgba(255,255,255,.7);font-weight:bold; border-radius:4px; font-family: 'Open Sans', sans-serif;} #fragment-2 input[type="submit"]:hover { -webkit-transform: perspective(100px) scale(1.05); -ms-transform: perspective(100px) scale(1.05); -o-transform: perspective(100px) scale(1.05); -moz-transform: perspective(100px) scale(1.05); transform: perspective(100px) scale(1.05); z-index: 100; } .pers-data input[type="submit"] { float: right !important; margin-right: 10px; display: block; } .new-pass input[type="submit"] { float: left; margin-left: 10px; } .pers-data h3 { text-align: right; padding-right: 10px; } .new-pass h3 { padding-left: 10px; } .new-pass p { margin: 0 0 20px 10px; font-size: 13px;font-weight: 300;} #fragment-3 #cashdesk-payment-list {border: 0;padding: 0;height: 285px;overflow-y: auto;} #fragment-3 #cashdesk-payment-list table {border-left:none;border-right: 1px solid #212f33 !important;border: none;} #fragment-3 #cashdesk-payment-list{scrollbar-width: thin;scrollbar-color: rgba(255,255,255,.4) rgba(255,255,255,0);border-radius: 3px;} #fragment-3 #cashdesk-payment-list::-webkit-scrollbar {width: 3px;width: 3px;} #fragment-3 #cashdesk-payment-list::-webkit-scrollbar-track {border-radius: 3px;background-color: rgba(255,255,255,0);} #fragment-3 #cashdesk-payment-list::-webkit-scrollbar-thumb {border-radius: 3px;border: 3px solid rgba(255,255,255,.4); background-color: rgba(255,255,255,0);} #fragment-3 #cashdesk-payment-select-month {cursor:pointer;} #fragment-3 div { padding: 20px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-left: 1px solid rgba(255,255,255,0.1);height: 100%;} #fragment-3 h3 { text-align: center; } #fragment-3 table { width: 100%; text-align: center; border:1px solid #212f33; border-right:2px solid #212f33;} #fragment-3 table th { font-weight: normal; font-size: 12px; color: #fcd522; height: 35px; background: rgba(0,0,0,.10); text-transform:uppercase; border-left:1px solid #212f33; border-bottom:1px solid #212f33; border-top:1px solid #212f33;padding: 1px;} #fragment-3 table td { font-size: 12px; height: 50px; border-left:1px solid #212f33; border-bottom:1px solid #212f33;padding: 1px;} #fragment-3 table tr:nth-of-type(even) td { background: rgba(255,255,255,0.05) } #fragment-3 select { display: block; width: 190px; height: 36px; background: #1f2937; border-radius: 4px; color: #fff; line-height: 36px; border: 0 none; margin: 20px auto; padding-left: 10px; border-right: 8px solid #1f2937;} #fragment-4 #cashdesk-bets-list, #fragment-5 #cashdesk-bets-list {border: 0;padding: 0;height: 285px;overflow-y: auto;} #fragment-4 #cashdesk-bets-list table, #fragment-5 #cashdesk-bets-list table {border-left:none;border-right: 1px solid #212f33 !important;border: none;} #fragment-4 #cashdesk-bets-list, #fragment-5 #cashdesk-bets-list{scrollbar-width: thin;scrollbar-color: rgba(255,255,255,.4) rgba(255,255,255,0);border-radius: 3px;} #fragment-4 #cashdesk-bets-list::-webkit-scrollbar, #fragment-5 #cashdesk-bets-list::-webkit-scrollbar {width: 3px;width: 3px;} #fragment-4 #cashdesk-bets-list::-webkit-scrollbar-track, #fragment-5 #cashdesk-bets-list::-webkit-scrollbar-track {border-radius: 3px;background-color: rgba(255,255,255,0);} #fragment-4 #cashdesk-bets-list::-webkit-scrollbar-thumb, #fragment-5 #cashdesk-bets-list::-webkit-scrollbar-thumb {border-radius: 3px;border: 3px solid rgba(255,255,255,.4); background-color: rgba(255,255,255,0);} #fragment-4 #cashdesk-bets-select-day {cursor:pointer;} #fragment-4 div { padding: 20px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-left: 1px solid rgba(255,255,255,0.1) } #fragment-4 h3 { text-align: center; } #fragment-4 table { width: 100%; text-align: center; border:1px solid #212f33; border-right:2px solid #212f33;} #fragment-4 table th { font-weight: normal; font-size: 12px; color: #fcd522; height: 35px; background: rgba(0,0,0,.10); text-transform:uppercase; border-left:1px solid #212f33; border-bottom:1px solid #212f33; border-top:1px solid #212f33;padding: 1px;} #fragment-4 table td { font-size: 12px; height: 50px; border-left:1px solid #212f33; border-bottom:1px solid #212f33;padding: 1px;} #fragment-4 table tr:nth-of-type(even) td { background: rgba(255,255,255,0.05) } #fragment-4 select { display: block; width: 190px; height: 36px; background: #1f2937; border-radius: 4px; color: #fff; line-height: 36px; border: 0 none; margin: 20px auto; padding-left: 10px; border-right: 8px solid #1f2937;} #fragment-5 > div { padding: 20px; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-left: 1px solid rgba(255,255,255,0.1);height: 100%;} #fragment-5 h3 { text-align: center; } #fragment-5 table { width: 100%; text-align: left; border:1px solid #212f33; border-right:2px solid #212f33;} #fragment-5 table th { font-weight: normal; font-size: 12px; color: #fcd522; height: 35px; background: rgba(0,0,0,.10); text-transform:uppercase; border-left:1px solid #212f33; border-bottom:1px solid #212f33; border-top:1px solid #212f33;padding: 1px;padding: 0 10px;} #fragment-5 table td { font-size: 12px; height: 50px; border-left:1px solid #212f33; border-bottom:1px solid #212f33;padding: 0 10px;position: relative;} #fragment-5 table tr td { border-bottom:1px solid rgba(255,255,255,0.1); } #fragment-5 table td:nth-child(1) {color:#3ea395; text-align:center;} #fragment-5 table td:nth-child(2) span {color:#3ea395;} #fragment-5 .mail-tr.openmail {background: rgba(255,255,255,0.05);} #fragment-5 .mail-tr {background-color: rgba(0,0,0,0);} #fragment-5 #cashdesk-bets-list {max-height: 350px;overflow: auto;height: 100%;} #fragment-5 .mail-table-loading {display: none; width: 100%; text-align: center; margin: 100px 0; border: none; color: #4a5b6b;} #fragment-5 .mail-table-empty {display: none; width: 100%; text-align: center; margin: 100px 0; border: none; color: #4a5b6b;} .spoiler_body {height:16px; overflow: hidden;padding: 0 !important; max-width: 300px; transition: 3s;} .spoiler_body.active {height:auto;transition: 3s;} .spoiler_links {background: url(/images/acc-close.png);height: 11px;width: 17px;right: 10px;top: 50%;margin-top: -5px;display: block;position: absolute;cursor:pointer;} .spoiler_links.active {background: url(/images/acc-open.png);} #fragment-5 table td:nth-child(4) > div {border: 0;padding: 10px 40px 10px 5px;} /*Оплата картой*/ #teabers #card-pay {background-color:#24394c; border-radius:7px;position: absolute !important;bottom: 20px;left: 20px;right: 20px;top: 20px;width:0;overflow: hidden; transition: 1s; opacity:0;} .active-card {width:95% !important;padding: 10px 30px;opacity:1!important;z-index: 1 !important;height: 360px;} .card-p-2-1 {background:#f2f2f2 url(/images/card-pay.png) no-repeat 90% 20px/auto; border-radius:6px;height:195px;width:325px; padding:10px 20px;box-sizing: border-box;z-index: 3;position: relative;} #card-pay .card-p-2-1 input[type=text] {background-color:#fff; border:1px solid #ddd; border-radius:4px;height:30px;padding: 0 15px; box-sizing:border-box; color:#3d3c3c;font-weight: 600;text-transform: uppercase;} .visapay {text-align: center;padding: 8px 0 0 0;box-sizing: border-box;} #card-pay .card-p-2-1 input:focus{border: 1px solid #bbb;border-radius:6px;} #card-pay .card-p-2-1 input::-webkit-input-placeholder {color:#949494; opacity:1;}/* webkit */ #card-pay .card-p-2-1 input::-moz-placeholder {color:#949494; opacity:1;}/* Firefox 19+ */ #card-pay .card-p-2-1 input:-moz-placeholder {color:#949494; opacity:1;}/* Firefox 18- */ #card-pay .card-p-2-1 input:-ms-input-placeholder {color:#949494; opacity:1;}/* IE */ #card-pay .card-p-2-1 input:focus::-webkit-input-placeholder {opacity:0;}/* webkit */ #card-pay .card-p-2-1 input:focus::-moz-placeholder {opacity:0;}/* Firefox 19+ */ #card-pay .card-p-2-1 input:focus:-moz-placeholder {opacity:0;}/* Firefox 18- */ #card-pay .card-p-2-1 input:focus:-ms-input-placeholder {opacity:0;}/* IE */ #card-pay .card-p-2-1 span {color:#848484; font-size:13px; display:inline-block; margin-bottom:2px;} .card-pay-0 {font-size:13px;color:#99b6d0; padding:0 0 10px 0;font-size: 13px;} .card-pay-0 span {color:#edb218;} .card-pay-1 {padding:0 0 10px 0; clear: both; color:#fff;font-size: 14px;} .card-pay-1 .back-button-1,.card-pay-1 .back-button-2, .card-pay-1 .back-button-3 {display:inline-block; margin-right:70px; cursor:pointer;} .card-pay-1 .card-pay-status {float:left; margin-bottom: 10px;font-size:12px;} .card-pay-1 .card-pay-status span {color:#fcd522;} .card-pay-2 {display:flex;float: left;position: relative;} .card-pay-2-2 {margin-left: 130px;margin-top: 130px;} .card-pay-2-2 label {float: left;padding: 5px;margin-top: -2px; } .card-pay-2-2 span {font-size:11px;} #direct-card-pay {background: url(../images/take-bon-cass.png);width: 171px!important;height: 38px !important;} #card-pay .card-pay-1 input {display: inline-block;width: 90px;padding: 10px;box-sizing: border-box; margin:0 10px;background-color:#151d24; border-radius:5px; border:none; color:#fff; text-align:center;} .card-pay-namber {float:left;} #card-pay .card-1 {margin-bottom:15px;} #card-pay .card-2 {margin-bottom:15px;} #card-pay .card-1 input {width:213px;} #card-pay .card-2 span {display:block;} #card-pay .card-2 select {border:1px solid #ddd; border-radius:4px;height:30px;padding: 0 15px; box-sizing:border-box;width: 105px;font-size: 15px;font-weight: 600;} #card-pay .card-4 { width: 70px; position: absolute; right: -95px; bottom: 0; } #card-pay .card-4 input {width: 100%; height:30px; text-align:center;margin-bottom: 5px;} #card-pay .card-4 .card-4-1 {color:#3d3c3c; font-size:12px;} #card-pay .card-4 .card-4-2 {color:#3d3c3c; font-size:9px;} .card-p-2-2 {background-color:#7e91a2; border-radius:6px;height:195px;width:325px; padding:10px 20px;box-sizing: border-box;position: absolute;z-index: 2;top: 20px;left: 120px;} .card-p-2-2::after {content:""; display:block; background-color:rgba(44,44,44,.5); height:35px; width:100%;position: absolute;right: 0;top: 20px;} .direct-pay-form #direct-card-pay {width: 171px !important;background: url(../images/take-bon-cass.png);} .fix-summ input[type="radio"] { display: none; } .fix-summ input[type="radio"]+label { color: #abb6c5; font-size: 18px; display: block; padding-left: 20px; position: relative; line-height: 80px; cursor: pointer; } .fix-summ input[type="radio"]+label::before { content: ''; position: absolute; width: 13px; height: 13px; left: 0px; top: 33px; background: #848c97; border-radius: 14px; } .fix-summ input[type="radio"]:checked+label::after { content: ''; position: absolute; width: 5px; height: 5px; left: 0px; top: 37px; left: 4px; border-radius: 8px; background: #212b3a; } .custom-summ input, input[name="wallet"], input[name="name"] { width: 90px; padding-left: 5px; height: 41px !important; background: rgba(50,64,86,1.00); margin-top: 19px; border: 1px solid #323e50; color: #fff; border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.52); } .currency-summ { text-transform: capitalize; line-height: 80px; padding: 0 17px 0 10px; } #ot-sbp .name .summ-txt { line-height: 37px;} #ot-sbp .name input { margin-top: 0; } #pf-webmoney .currency-summ { padding: 0 5px; } .button-cash { background:url(../images/star-thg.svg) no-repeat center top / cover ; height: 38px !important; width: 115px !important; border: 0 none; margin-top: 22px; color: #fff; font-size: 13px; cursor: pointer; transform: all 0.4s ease 0s; text-transform:uppercase; margin-left:5px; box-shadow:0 0 32px rgba(78,136,127,.42), 0 2px 6px rgba(0,0,0,.70),inset 0 0px 5px rgba(255,255,255,.7); font-weight:bold;margin-bottom: 22px; border-radius:4px;font-family: 'Open Sans', sans-serif;} .button-cash:hover { -webkit-transform: perspective(100px) scale(1.05); -ms-transform: perspective(100px) scale(1.05); -o-transform: perspective(100px) scale(1.05); -moz-transform: perspective(100px) scale(1.05); transform: perspective(100px) scale(1.05); z-index: 100; } .commission { clear: left; margin-top: -20px; font-size: 12px; font-style: italic; } #ot-sberbank .commission, #ot-tinkoff .commission, #ot-anotherbank .commission{ float: right;margin-top: 140px;width: 260px;position:absolute; } .casher { margin-right: 10px; } .casher input, .cardholder-name input, .bank-select select { width: 160px; padding-left: 10px; height: 41px !important; background: rgba(50,64,86,1.00); margin-top: 19px; border: 0 none !important; color: #fff; display: inline-block !important; } .cardholder-name input, .bank-select select { border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.52); margin: 0 0 45px 15px; width: 250px !important; } .css-1-pp { background:url(../images/mcass-na.svg) 35px center no-repeat;} .css-2-pp { background:url(../images/mprof-na.svg) 38px center no-repeat;} .css-3-pp { background:url(../images/finances-na.svg) 35px center no-repeat;} .css-4-pp { background:url(../images/bets-na.svg) 35px center no-repeat;} .css-5-pp { background:url(../images/mail-na.svg) 35px center no-repeat;} .ui-tabs-active .css-1-pp { background:url(../images/mcass-act.svg) 35px center no-repeat;} .ui-tabs-active .css-2-pp { background:url(../images/mprof-act.svg) 38px center no-repeat;} .ui-tabs-active .css-3-pp { background:url(../images/finances-act.svg) 35px center no-repeat;} .ui-tabs-active .css-4-pp { background:url(../images/bets-act.svg) 35px center no-repeat;} .ui-tabs-active .css-5-pp { background:url(../images/mail-act.svg) 35px center no-repeat; } #pending-payments { display: block; position: absolute; top: 12px; right: 52px; background: url("../images/unread-bg.png") left top; background-size: contain; width: 16px; height: 16px; color: black; text-align: center; font-size: 12px; line-height: 17px; cursor: default; } #unread-messages { display: none; position: absolute; top: 12px; right: 77px; background: url("../images/unread-bg.png") left top; background-size: contain; width: 16px; height: 16px; color: black; text-align: center; font-size: 12px; line-height: 17px; cursor: default; } .pending-payments-item { background: #fff; width: 99%; float: left; border-radius: 4px; margin-top:7px; padding: 10px !important;box-sizing: border-box; text-align: center; color: #000; z-index: 1;} .pending-payments-item-0 {padding:10px 20px; box-sizing:border-box;} .pending-payments-item .revert-payment { display: inline-block; margin-left: 10px; } /*Password-recovery*/ #rec-pass { background:url(../images/faq-bg.jpg); width:505px; height:450px; border-radius:4px; } #rec-pass input[type="radio"] { display: none; } #rec-pass input[type="radio"]+label { color: #abb6c5; font-size: 18px; display: block; padding-left: 20px; position: relative; line-height: 40px; cursor: pointer; } #rec-pass input[type="radio"]+label::before { content: ''; position: absolute; width: 11px; height: 11px; left: 0px; top: 13px; background: #848c97; border-radius: 14px; border:1px solid #fff; } #rec-pass input[type="radio"]:checked+label { color:#ffc600;} #rec-pass input[type="radio"]:checked+label::after { content: ''; position: absolute; width: 5px; height: 5px; left: 0px; top: 17px; left: 4px; border-radius: 8px; background: #21262f; } #rec-pass .form-bdy { width:100%; box-sizing:border-box; border:1px solid #212f33; border-top:0 none; height:380px; border-radius:0 0 4px 4px; padding: 25px 80px 0 80px;} #rec-pass .form-bdy div { display:inline-block; margin-right:10px;} #rec-pass p { font-size:14px;} #rec-pass input[type="text"] { height:41px; width:310px; background:#171d22; border:1px solid #282d34; border-radius:4px; margin-bottom:20px; margin-top:20px; padding-left:20px; color:#fff;} #rec-pass h3 { height:70px; background:url(../images/head-form-pop.jpg) repeat-x; width:100%; font-size:24px; color:#2c323c; text-transform:uppercase; line-height:67px; padding-left:130px; box-sizing:border-box; position:relative;} #rec-pass h3 span { display:block; position:absolute; background:url(../images/ref-fast-user.svg) no-repeat center / auto 100%; width:38px; height:37px; left:80px; top:18px; } #rec-pass input[type="submit"] { background:url(../images/recov-btn-hd.svg) no-repeat center/cover ; width:288px; height:72px; border:0 none; font-family: 'FuturaPT-Book'; font-size:30px; text-transform:uppercase; color:#fff; text-shadow:0 2px 1px #760f00; box-shadow:0 0 32px rgba(173,0,0,0.30); border-radius:4px; cursor:pointer;margin: 30px auto 0 auto;transition: top 0.6s linear; position:relative;} #rec-pass input[type="submit"]:hover { color:#ffb31b; top:-3px; } #rec-pass #captcha-recaptcha-rec-pass { position: absolute; bottom:0; margin-left: 21px; } /* Messeges */ #sended-message, #rec-pass-success, #ui-msg, #ui-confirm, #reg-success { background:url(../images/faq-bg.jpg); max-width:560px; margin: 0 5px; min-height:304px; border-radius:4px; border:1px solid #212f33; text-align:center ;padding: 20px; box-sizing: border-box;} #sended-message h3, #rec-pass-success h3, #ui-msg h3, #ui-confirm h3, #reg-success h3 { font-family: 'FuturaPT-Heavy'; color:#fff; font-weight:normal; font-size:30px; text-transform:uppercase; text-align:center; padding:40px 0 50px 0;} #sended-message div, #rec-pass-success div, #ui-msg div, #ui-confirm div, #reg-success div { text-align:center; text-transform:uppercase; font-size:18px; margin-bottom:50px;padding: 0 10px;} #sended-message a, #rec-pass-success a, #ui-msg a, #ui-confirm a, #reg-success a { color:#eeb318; text-decoration:none; font-size:24px;} #sended-message a:hover, #rec-pass-success a:hover, #ui-msg a:hover, #ui-confirm a:hover, #reg-success a:hover {opacity:0.5;} .ui-confirm-ok {margin: 0 30px 0 0;} #pay-inner { background:0 none; width:562px;} .pp-logo { background:url(../images/ppup-logo.png) right top; width:560px; height:178px; position:relative; z-index:2} .in-payless { width:560px; margin-top:-158px; height:460px; background:url(../images/faq-bg.jpg); border-radius:4px; border:1px solid #212f33; box-sizing:border-box; padding-top:150px;} .in-payless h3 { font-weight:normal; text-transform:uppercase; font-size:18px; color:#dbdcdf; text-align:center; padding-bottom:30px; background:url(../images/h3-ing-pp.png) center bottom no-repeat; padding-top:45px;} .in-payless div { font-size:24px; text-align:center; color:#dbdcdf;} .in-payless div span { border-bottom:1px solid #eeb318; font-weight:bold; color:#eeb318;} .in-payless a{ background:url(../images/sorv-cush.png) ; width:328px; height:72px; font-family: 'FuturaPT-Heavy'; font-size:26px; text-transform:uppercase; color:#fff; text-shadow:0 2px 1px #760f00; box-shadow:0 0 32px rgba(173,0,0,0.30); border-radius:4px; cursor:pointer; margin:0 auto; margin-top:30px; line-height:68px; border-radius:4px; display:block; text-align:center; text-decoration:none; } /*Login form*/ #login-popup { background:none; width:867px;} .form-ing { width:507px; background:url(../images/faq-bg.jpg); float:left; position:relative; z-index:2;} #login-popup .form-ing h3 { height:70px; background:url(../images/head-form-pop.jpg) repeat-x; width:100%; font-size:24px; color:#2c323c; text-transform:uppercase; line-height:67px; padding-left:130px; box-sizing:border-box; position:relative; border-radius:4px 4px 0 0;} #login-popup .form-ing h3 span { display:block; position:absolute; background:url(../images/ref-fast-user.svg) no-repeat center / auto 100%; width:38px; height:37px; left:80px; top:18px; } #login-popup .form-ing input[type="submit"] { background:url(../images/recov-btn-hd.svg) no-repeat center / cover; max-width:288px; width:100%; height:72px; border:0 none; font-family: 'FuturaPT-Book'; font-size:30px; text-transform:uppercase; color:#fff; text-shadow:0 2px 1px #760f00; box-shadow:0 0 32px rgba(173,0,0,0.30); border-radius:4px; cursor:pointer; margin: 10px auto 5px auto;transition: top 0.6s linear; position:relative;} #login-popup .form-ing input[type="submit"]:hover { color:#ffb31b; top:-3px;} #login-popup .form-ing p { font-size:14px;} #login-popup .form-ing input[type="text"], #login-popup .form-ing input[type="password"] { height:41px; max-width:350px; width: 100%; background:#171d22; border:1px solid #282d34; border-radius:4px; margin-bottom:20px; margin-top:10px; padding:0 20px; color:#fff; box-sizing:border-box;} #login-popup input[type="radio"] { display: none; } #login-popup .form-ing input[type="radio"]+label { color: #abb6c5; font-size: 22px; display: block; padding: 0 0 0 20px; position: relative; line-height: 40px; cursor: pointer; font-weight:600;} #login-popup .form-ing input[type="radio"]+label::before { content: ''; position: absolute; width: 11px; height: 11px; left: 0px; top: 15px; background: #848c97; border-radius: 14px; border:1px solid #fff;display: inline-block;} #login-popup .form-ing input[type="radio"]:checked+label { color:#ffc600;} #login-popup .form-ing input[type="radio"]:checked+label::after { content: ''; position: absolute; width: 5px; height: 5px; left: 0px; top: 19px; left: 4px; border-radius: 8px; background: #21262f;display: inline-block;} .login-form { width:100%; box-sizing:border-box; border:1px solid #212f33; border-top:0 none; height:460px; border-radius:0 0 4px 4px; padding: 15px 80px 0 80px;} .login-form a.forgot-pass { color:#627ea5; font-size:14px; display:block; text-align:center;bottom: 15px;width: 100%; float:left;} .privileg { width:363px; margin-left:-10px; float:right; box-sizing:border-box; padding-left:40px; background:rgba(15,17,20,.80); border:1px solid #212f33; border-radius:0 4px 4px 0; padding-right:35px;} .privileg div { color:#b9bbbe; font-size:14px; line-height:26px; background:url(../images/h3-ing-pp.png) bottom center no-repeat; float:left; width:100%; padding-top:20px;} .privileg div span{ display:block; float:left; margin-left:-10px; margin-top:-20px;} .privileg div.pppr-1 span { background:url(../images/recash.png); width:97px; height:86px;} .privileg div.pppr-2 span { background:url(../images/ppu-payout.png); width:96px; height:104px;} .privileg div.pppr-3 span { background:url(../images/gift-pp.png) ; width:95px; height:101px;} .privileg div em { font-weight:bold; font-style:normal; color:#cf8e16;} .privileg div:last-of-type { background:none;} .privileg h3 { color:#b9bbbe; font-size:16px; text-transform:uppercase; text-align:center; padding:25px 0; border-bottom:3px solid #cf8e16; margin-bottom:38px;} /*Reg form*/ #reg-popup { background:none; width:867px;} .fancybox-slider-wrap #reg-popup{display: inline-flex !important;} .form-ong { width:507px; background:url(../images/faq-bg.jpg); float:left; position:relative; z-index:2; border-radius:4px;} #reg-popup .privileg { margin-top:0;} #reg-popup input[type="radio"] { display: none; } #reg-popup .form-ong input[type="radio"]+label { color: #abb6c5; display: block; padding-left: 20px; position: relative; line-height: 40px; cursor: pointer;font-size: 18px;} #reg-popup .form-ong input[type="radio"]+label::before { content: ''; position: absolute; width: 11px; height: 11px; left: 0px; top: 15px; background: #848c97; border-radius: 14px; border:1px solid #fff; } #reg-popup .form-ong input[type="radio"]:checked+label { color:#ffc600;} #reg-popup .form-ong input[type="radio"]:checked+label::after { content: ''; position: absolute; width: 5px; height: 5px; left: 0px; top: 19px; left: 4px; border-radius: 8px; background: #21262f; } #reg-popup .form-ong .form-bdy { width:100%; box-sizing:border-box; border:1px solid #212f33; border-top:0 none; min-height:445px; border-radius:0 0 4px 4px; padding:10px 80px 10px 80px;box-sizing: border-box; } #reg-popup .form-ong .form-bdy div, #login-popup .form-ing div { display:inline-block;} #reg-popup .many, #login-popup .many {margin:10px;} .us-shiner {width: 100%; margin-right:0 !important;position: relative;} .social-login {margin-right:0px;} #reg-popup .form-ong p { font-size:14px;} #reg-popup .form-ong input[type="text"] { height:41px; width:100%; background:#171d22; border:1px solid #282d34; border-radius:4px; margin-bottom:20px; margin-top:10px; padding-left:20px; color:#fff;box-sizing: border-box;} #reg-popup .form-ong h3 { height:70px; background:url(../images/head-form-pop.jpg) repeat-x; width:100%; font-size:24px; color:#2c323c; text-transform:uppercase; line-height:70px; padding-left:130px; box-sizing:border-box; position:relative; border-radius:4px 4px 0 0;} #reg-popup .form-ong h3 span { display:block; position:absolute; background:url(../images/ref-fast-user.svg) no-repeat center / 100% auto; width:37px; height:37px; left:80px; top:18px; } #reg-popup .form-ong input[type="submit"] { background:url(../images/recov-btn-hd.svg) no-repeat center / cover; max-width:288px;width:100%; height:72px; border:0 none; font-family: 'FuturaPT-Book'; font-size:30px; text-transform:uppercase; color:#fff; text-shadow:0 2px 1px #760f00; box-shadow:0 0 32px rgba(173,0,0,0.30); border-radius:4px; cursor:pointer; margin:30px auto 10px auto; transition: top 0.6s linear; position:relative;} .pp-cb { margin-top:20px;} #reg-popup .form-ong input[type="submit"]:hover { color:#ffb31b; top:-3px; } #reg-popup input[type="checkbox"] { display: none; } #reg-popup .form-ong input[type="checkbox"]+label { color: #abb6c5; font-size: 14px; display: block; padding-left: 40px; position: relative; line-height: 35px; cursor: pointer; } #reg-popup .form-ong input[type="checkbox"]+label::before { content: ''; position: absolute; width: 26px; height: 26px; left: 0px; top: 5px; background: #171d22; border-radius:4px; border:1px solid #282d34; } #reg-popup .form-ong input[type="checkbox"]:checked+label::after { content: ''; position: absolute; width: 16px; height: 14px; left: 6px; top: 13px; border-radius: 8px; background:url(../images/ckbox-chk.svg) no-repeat; } #reg-popup .form-ong input[type="checkbox"]+label a { color:#627ea5;} #reg-popup .form-ong .reg-form > a { background:url(../images/have-acc.jpg); height:34px; display:block; max-width:170px;width:100%; text-align:center; line-height:32px; margin:0 auto; color:#b0b4bb; font-size:13px; text-decoration:none; font-weight:bold; border-radius:4px; text-shadow:0 -1px 0x #000;} #reg-popup .form-ong .reg-form > a:hover { color:#ffb31b;} .shiner { overflow:hidden; max-width:288px;width:100%; height:68px; margin: -77px auto 0 28px; position:absolute; z-index:2; cursor:pointer; } #login-popup .privileg { margin-top:6px;} #reg-popup .form-ong .form-bdy div.shiner{ display:block;margin-top: -82px; } #rec-pass div.shiner{ margin-top:-72px; display:block; margin-bottom:30px; margin-left:28px;position: relative; height: 67px; } .shiner:hover, .shiner::after:hover { display:none;} .shiner::after{ content:''; width:120px; height:72px; background:url(../images/shine3.png); position:absolute; top:0px; display:block;z-index:5;} .hide .form-ong .social-login { position:absolute; bottom:80px; margin-left:50px;} .hide .form-ing .social-login {width: 100%; text-align: center;clear: both; float: left;} .hide .form-ing .login-form form > a { } .social-login p { text-align:center; padding:4px 0 0px 0; background:url(../images/soclog-p.png) center 14px no-repeat} .social-login li { display:inline-block; margin:0;} .social-login li a { background:url(../images/sn-bg.png); width:36px; height:29px; border-radius:36px; display:block; padding-top:7px; margin-top:0; margin-right:0;} .social-login li a span { width:24px; height:22px; display:block; margin-left:6px;} .social-login li a.vk.active, .social-login li a.vk:hover { background:url(../images/active-sn-vk.png);} .social-login li a.ok.active, .social-login li a.ok:hover { background:url(../images/active-sn-ok.png);} .social-login li a.mr.active, .social-login li a.mr:hover { background:url(../images/active-sn-mr.png);} .social-login li a.fb.active, .social-login li a.fb:hover { background:url(../images/active-sn-fb.png);} .social-login li a.gp.active, .social-login li a.gp:hover { background:url(../images/active-sn-gp.png);} .social-login li a.tw.active, .social-login li a.tw:hover { background:url(../images/active-sn-tw.png);} #captcha-recaptcha {text-align: center;width: 100%;} #uLogin { margin-left: -25px; } .ulogin-buttons-container > div, .ulogin-buttons-container > img.ulogin-dropdown-button { border-radius: 50% !important; } .ulogin-dropdown { z-index: 99999 !important; } #history-payments a { margin: auto; } .revert-payment { background:url(../images/revert-payment.png) no-repeat; height:38px; width:171px; display:block; text-align:center; color:#fff; cursor:pointer; text-transform:uppercase; font-size:13px; text-decoration:none; box-shadow:0 0 32px rgba(26,137,128,0.22), 0 2px 5px #164741; font-weight:bold; line-height:38px;} #ot-qiwi .casher {margin-top:19px;} /*Флажки для поля телефон*/ .intl-tel-input { position: relative; display: inline-block!important; float: left;} .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none !important; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; } .intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; } .intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0 !important; margin: 2px 0 !important; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; color: #000; width: auto !important; border-radius: 5px;} .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; width: 100% !important;font-size: 14px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; border: none; color: #fff; height: 36px; border-radius: 4px; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; } .intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; } .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; } .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; } .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; } .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; } .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; } .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; } .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; } .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../images/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url("../images/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } /*Оплата по номеру картой модуль касса*/ .active-none { width: 99% !important; padding: 10px 30px; opacity: 1 !important; box-sizing: border-box; height: 320px !important; z-index: 2 !important; } #card-pay-num {background-color:#24394c; position: absolute;bottom: 5px;left: 5px;right: 5px;top: 5px;width:0;overflow: hidden; transition: 1s; opacity:0;z-index: 1; border-radius:10px;padding-bottom:20px;height: 0;} .card-pay-namber .cp-0,.card-pay-namber .cp-1,.card-pay-namber .cp-2,.card-pay-namber .cp-3,.card-pay-namber {float:left; width:100%;} .card-pay-namber .cp-0 {font-size:14px;padding-bottom:10px;color:#fff;} .card-pay-namber .cp-1 {margin-bottom:10px;} .card-pay-namber .cp-1 button {color:#9ab7d1; font-size:12px;padding: 10px 0; border-radius:6px; border:1px solid #0c1d2d;transition:.3s;text-align:center;display:block; text-decoration:none; max-width:160px;float: left; width: 100%;padding: 10px 5px;background:none; margin-right: 20px; cursor:pointer;} .card-pay-namber .cp-1 button:hover {background-color:#0c1d2d;} .card-pay-namber .cp-1 p {clear:both;padding-top:5px;color:rgba(255,255,255,.35);} .card-pay-namber .cp-1 {color:#001e03;font-size:11px;} .card-pay-namber .cp-1 .conf_phone2 {background-color:151d24; color:#fff; font-size:14px; border-radius:5px; padding-top:10px; padding-bottom:10px; float:left; margin-right:10px;} .card-pay-namber #nambercart {max-width:250px; width:100%; float:left;text-align:center; margin-right:10px;background-color: #151d24;height: 36px;border-radius: 6px;color: #fff; font-size:14px; padding-top:7px; box-sizing:border-box;} .card-pay-namber .cp-2 {font-size:12px; color:#c9c9c9;margin-bottom:10px;} .card-pay-namber .cp-2 ul {display:block!important;margin:0!important;padding:0!important;max-width: 100% !important;} .card-pay-namber .cp-2 li {position: relative !important;width: 100% !important; margin-bottom:5px; padding-left:15px;box-sizing: border-box;} .card-pay-namber .cp-2 li::before {content:""; background-color:#9ab7d1; border-radius:10px; margin-right:10px;width:5px;height:5px;display:inline-block;position:absolute; left:0; top:5px;} /*Оплата по номеру картой qiwi касса*/ .magnet-1 { float: left; width: 100%; margin: 0 0 20px 0; } .card-pay-namber .cp-3-1 {color:#fff; padding:10px 0; text-align:center;transition:.3s; float:left;background: url(../images/sl-reg-btn.svg) no-repeat center top / 100% 105%;display:block; max-width:220px; width:100%; text-decoration:none;margin-right:10px;font-size:14px;text-transform: uppercase;font-weight: bold;} .card-pay-namber .cp-3-2 {color:#fff; padding:10px 0; text-align:center;transition:.3s; border-radius:1px; float:left; background: url(../images/take-bon-cass.png) no-repeat center / 100% 100%; display:block; max-width:200px; width:100%; text-decoration:none; font-size:14px;text-transform: uppercase;font-weight: bold;} .card-pay-namber .cp-3-1:hover,.card-pay-namber .cp-3-2:hover {transform: perspective(100px) scale(1.05);} .card-pay-namber .magnet-2 { text-align: center; line-height: 2em;} .card-pay-namber .timer { color: white; font-size: 24px; margin: 2px;} #card-pay-num .card-pay-1,#qiwi-pay-num .card-pay-1 {color:#9ab7d1; padding-bottom:5px; cursor:pointer;font-size: 12px;} #card-pay-num .card-pay-1 .back-button-text,#qiwi-pay-num .card-pay-1 .back-button-3 {color:#9ab7d1;text-transform: uppercase;} #card-pay-num .card-pay-1 .back-button-2 {margin-right: 70px;} #card-pay-num .card-pay-1 .status { display: inline;} #card-pay-num .card-pay-1 .status span { color: #eeb318; } /*Оплата через Qiwi коешелек касса*/ #qiwi-pay-num {background-color:#24394c; position: absolute;bottom: 5px;left: 5px;right: 5px;top: 5px;width:0;transition: 1s; opacity:0;z-index: 1; border-radius:10px; padding-bottom:20px;height: 0;overflow: hidden;} #qiwi-pay-num .card-pay-namber .cp-1 .conf_phone2 {color: #000;} /*Попап успешная регистрация*/ .over { background: rgba(24, 24, 24, 0.15); position:fixed; top:0; right:0; bottom:0; left:0; display:none; justify-content:center; z-index: 10000; align-items:center; } .over.active { display:flex; } .over.active::before{ position:absolute; content:''; top:0; right:0; bottom:0; left:0; background: rgba(23, 23, 23, 0.85); backdrop-filter: blur(2px); } .over > div {justify-content:center;position: relative;text-align: center;} .over .close { position:absolute; right:17px; top:17px; width:13px; height:13px; cursor:pointer; background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.200195' y='11.1943' width='15.8306' height='1.50767' transform='rotate(-45 0.200195 11.1943)' fill='%23939493'/%3e%3crect width='15.8306' height='1.50767' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 12.2598 11.1943)' fill='%23939493'/%3e%3c/svg%3e ") no-repeat center / cover; transition:.2s; } .over .close:hover {opacity:.5;} .over > div {border: 1px solid #1C324B;box-shadow: 0px 24px 34px 0px #00000040;background: #0C1C2F; max-width:540px; padding:85px 35px 45px 35px;border-radius:5px;width: 100%;} .over .logo-over {width: 129px; position: absolute;top: -80px; left:50%; margin-left:-65px;} .over .title {font-size: 26px;font-weight: 400;color:#fff;text-transform: uppercase;margin:0 0 20px 0;} .over .form {max-width:342px; width:100%; margin:0 auto 25px auto;} .over .form > div {border: 1px solid #282D34;background: #171D22;border-radius:2px;color: #9ED428; font-size:14px; font-weight:400; padding: 10px 0 10px 27px;text-align: left;position: relative;} .over .form > div:nth-child(1) {margin-bottom:7px;} .over .form > div > div {font-size:14px; font-weight:600; color:#fff; width:115px;display: inline-block;} .over .copy {float: right; width:18px; height:18px;background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7d %3c/style%3e%3cpath class='st0' d='M4.2,1.7h6.5c0.9,0,1.3,0.1,1.6,0.3c0.3,0.2,0.6,0.4,0.8,0.8c0.2,0.3,0.3,0.7,0.3,1.6v6.5 c0,0.2,0.1,0.4,0.2,0.6c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2c0.2-0.2,0.2-0.4,0.2-0.6V4.3c0-1.5-0.2-2-0.4-2.6 c-0.3-0.5-0.7-1-1.3-1.3C12.8,0.2,12.2,0,10.7,0H4.2C3.9,0,3.7,0.1,3.6,0.2C3.4,0.4,3.3,0.6,3.3,0.8c0,0.2,0.1,0.4,0.2,0.6 C3.7,1.6,3.9,1.7,4.2,1.7z M10.6,3.6C10.3,3.4,9.9,3.3,9,3.3H2.7c-0.9,0-1.3,0.1-1.6,0.3C0.7,3.8,0.5,4.1,0.3,4.4C0.1,4.7,0,5.1,0,6 v6.3c0,0.9,0.1,1.3,0.3,1.6c0.2,0.3,0.4,0.6,0.8,0.8C1.4,14.9,1.7,15,2.7,15H9c0.9,0,1.3-0.1,1.6-0.3c0.3-0.2,0.6-0.4,0.8-0.8 c0.2-0.3,0.3-0.7,0.3-1.6V6c0-0.9-0.1-1.3-0.3-1.6C11.2,4.1,10.9,3.8,10.6,3.6z'/%3e%3c/svg%3e ") no-repeat left 3px / 15px; opacity:0.6;margin: 0 10px 0 0;cursor:pointer;} .over .copy:hover {opacity:1;} .over .text {color: #AFCAE4;font-size: 14px;font-weight: 400;margin:0 0 20px 0;} .over input[type="submit"] { display:block; border:0 none; width:170px; height:38px; background:url(../images/cnt-submit.png); color:#fff; border-radius:1px; font-size:13px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold; cursor:pointer;margin:0 auto 20px auto;border-radius: 3px;transition:.1s;} .over input[type="submit"]:hover { transform:scale(1.05);} .over .text-footer {color: #B0B6BC;font-size:13px; line-height:17px;font-weight:400; max-width:378px;margin: 0 auto 20px auto;} .over .text-footer a,.over .text a {color: #FEC418;text-decoration: none;} .over .text-footer .green,.over .text .green {font-weight:700;color:#9ED428;} .over .text-spam {font-size:13px;line-height:17px;font-weight:400; padding:0 0 0 20px;max-width: 300px;margin: 0 auto;background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.73742 7.73662C6.73742 8.16903 7.08793 8.51954 7.52034 8.51954C7.95275 8.51954 8.30326 8.16903 8.30326 7.73662V5.38785C8.30326 4.95546 7.95275 4.60493 7.52034 4.60493C7.08793 4.60493 6.73742 4.95546 6.73742 5.38785V7.73662ZM8.30326 10.0766C8.30326 9.64421 7.95275 9.2937 7.52034 9.2937C7.08793 9.2937 6.73742 9.64421 6.73742 10.0766V10.0854C6.73742 10.5178 7.08793 10.8683 7.52034 10.8683C7.95275 10.8683 8.30326 10.5178 8.30326 10.0854V10.0766ZM5.46701 1.20811C6.36193 -0.402702 8.67852 -0.402702 9.5734 1.20811L14.7415 10.5106C15.6111 12.0761 14.4791 14 12.6883 14H2.35215C0.561247 14 -0.570781 12.0761 0.298952 10.5106L5.46701 1.20811Z' fill='%23F49500'/%3e%3c/svg%3e ") no-repeat left 3px / 15px auto;} .over .text-spam span {color:#fff;} .over .btn {display:flex; justify-content:center;flex-wrap: wrap;} .over .btn-1 { display: block;background: url(../images/top-cass-btn-1.svg) no-repeat 75% center / auto, url(../images/top-cass-btn.svg) no-repeat center / cover;width: 150px;height: 38px;line-height: 38px;text-align: center;color: #000;text-transform: uppercase;font-size: 13px;text-shadow: 0 1px rgba(255,255,255,0.25);font-weight: bold;border-radius: 3px;text-decoration: none;padding-right: 30px; cursor: pointer;width: 150px;box-sizing: border-box; margin: 5px;transition:.1s;} .over.btn-1:hover { transform:scale(1.05);} .over .btn-2 { display:block; border:0 none; width:170px; height:38px; background:url(../images/cnt-submit.png); color:#fff; border-radius:1px; font-size:13px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold; cursor:pointer;border-radius: 3px;transition:.1s;text-decoration: none;line-height: 38px;margin: 5px;} .over .btn-2:hover { transform:scale(1.05);} .over.mail-out .logo-over {top: -97px;} .over.mail-add .title, .over.mail-out .title {max-width:260px;margin: 0 auto 20px auto;} .over.mail-add .text,.over.mail-out .text {max-width:378px;margin: 0 auto 28px auto;} /*Форма подтвердить почту*/ #fragment-2 .new-pass {border-left: ;} .email-confirm {padding: 20px 0!important; display:block;float: left;} .email-confirm h3 {padding-left:0;color: #fff;margin-bottom: 15px;padding-bottom: 0 !important;} .email-confirm input[type="submit"] {margin:0 !important; border:0;font-family: 'Open Sans', sans-serif;background: url(../images/star-thg.svg) no-repeat center top / cover; height: 38px; border-radius: 4px; text-decoration: none; text-transform: uppercase; float: left; text-align: center; color: #fff; font-size: 13px; line-height: 38px; box-shadow: 0 0 32px rgba(78,136,127,.42),inset 0 0px 5px rgba(255,255,255,.7); font-weight: bold;padding: 0 15px;transition:.2s;cursor: pointer;} .email-confirm input[type="submit"]:hover {transform: perspective(100px) scale(1.05);} .email-confirm form .email-good {border: 1px solid rgba(40, 45, 52, 1); border-radius:7px; height:42px; line-height:42px; font-size:11px; font-weight:400; color:#fff; padding:0 35px 0 50px;margin:0 0 20px 0;width: 100%;box-sizing: border-box;background: rgba(23, 29, 34, 1) url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2268 13H1.38426C1.01713 13 0.665059 12.8478 0.40546 12.5769C0.145861 12.306 0 11.9386 0 11.5556V1.44444C0 1.06136 0.145861 0.693953 0.40546 0.423067C0.665059 0.152181 1.01713 0 1.38426 0H15.2268C15.594 0 15.946 0.152181 16.2057 0.423067C16.4652 0.693953 16.6111 1.06136 16.6111 1.44444V11.5556C16.6111 11.9386 16.4652 12.306 16.2057 12.5769C15.946 12.8478 15.594 13 15.2268 13ZM3.73059 1.44444L8.30556 6.21761L12.8805 1.44444H3.73059ZM15.2268 1.44444H14.8047L8.85235 7.65556C8.83697 7.68509 8.81833 7.71268 8.79696 7.73789C8.66464 7.86998 8.48864 7.94372 8.30556 7.94372C8.12247 7.94372 7.94647 7.86998 7.81416 7.73789C7.79278 7.71268 7.77414 7.68509 7.75876 7.65556L1.80645 1.44444H1.38426V11.5556H15.2268V1.44444Z' fill='%234B5C6C'/%3e%3c/svg%3e ") no-repeat 17px 14px / auto;} .email-confirm .text {margin:35px 0 0 0; padding:0 0 0 35px;color: rgba(238, 179, 24, 1);font-size: 13px;font-weight: 300;line-height: 19px; background:url(../images/good-text.svg) no-repeat left 3px / 17px auto;float: left;} .no-good,.yes-good {position:relative;} .no-good::before {content:"Не подтвержден";color: rgba(255, 56, 44, 1);font-size: 13px;font-weight: 300;right:0; top:-38px; position:absolute;} .no-good::after {content:"";right:10px; top:12px; position:absolute;display: block;width:19px; height:19px;background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='13' viewBox='0 0 5 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.61719 7.96875H1.03906L0.640625 0.578125H4.01562L3.61719 7.96875ZM0.671875 10.7031C0.671875 10.151 0.833333 9.76302 1.15625 9.53906C1.48438 9.3151 1.8724 9.20312 2.32031 9.20312C2.76302 9.20312 3.14323 9.3151 3.46094 9.53906C3.77865 9.76302 3.9375 10.151 3.9375 10.7031C3.9375 11.2292 3.77865 11.6094 3.46094 11.8438C3.14323 12.0781 2.76302 12.1953 2.32031 12.1953C1.8724 12.1953 1.48438 12.0781 1.15625 11.8438C0.833333 11.6094 0.671875 11.2292 0.671875 10.7031Z' fill='%23FF382C'/%3e%3c/svg%3e ") no-repeat center / auto;} .yes-good::before {content:"Подтвержден";color: rgba(238, 179, 24, 1);font-size: 13px;font-weight: 300;right:0; top:-38px; position:absolute;} .yes-good::after {content:"";right:10px; top:11px; position:absolute;display: block;width:19px; height:19px;background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.14893 7.83167L11.7066 2.274' stroke='%23FCCB03' stroke-width='3' stroke-linecap='square'/%3e%3cpath d='M4.05724 3.5984L2.99658 2.53774L0.875262 4.65906L1.93592 5.71972L4.05724 3.5984ZM5.10852 8.89232C5.69431 9.4781 6.64405 9.4781 7.22984 8.89232C7.81563 8.30653 7.81563 7.35678 7.22984 6.771L5.10852 8.89232ZM1.93592 5.71972L5.10852 8.89232L7.22984 6.771L4.05724 3.5984L1.93592 5.71972Z' fill='%23FCCB03'/%3e%3c/svg%3e ") no-repeat center / auto;} .yes-good input[type="submit"],.yes-good .text {display:none;} .should-confirm-email-true,.should-confirm-email-false {width:100%;height: auto;} #fragment-2 > div.email-confirm div {margin-bottom: 0;} #fragment-2 > div.email-confirm {padding: 40px 30px 0px 30px !important;} #fragment-2 .email-confirm {padding:40px 30px 20px 30px !important;} @media screen and (max-width: 1024px) { .fix-summ input[type="radio"] + label {font-size: 12px; padding-left: 15px;} .currency-summ {padding: 0 5px;} .summ-txt { padding-right: 5px;} .custom-summ input, input[name="wallet"] {width: 60px;} #ot-qiwi .casher input {width:150px;} .sec-chance .pg3 {margin-left: 15px;} .sec-chance {width: 175px;} .privileg {display:none !important;} #direct-card-pay{float: right;margin: -5px 0 0 28px;} .card-pay-2-2 {margin-left: 0;margin-top: 225px;left: 0;position: absolute;} } @media screen and (max-width: 768px) { .balance-gam .pg3 {position: relative; left: 20px;display: block;float: left;margin: 0;bottom: 30px;} .balance-gam .pg1 { margin-left: 60px;margin-top: 10px;float: none;} .balance-gam .pg2 { margin-left: 60px;float: none;} .sec-chance .pg3 {margin-top:0;} .sec-chance p.pg2 {float:none;font-size: 11px;} .sec-chance .pg1 {margin-top:5px;font-size: 12px;} .opis-bonus a {padding: 10px; margin-left: -30px;font-size: 0;} .balance-gam { width: 100%;height: 58px;} #ride-cass {max-width: 320px;} .sec-chance {width: 160px;} .aa1.btn-get-bonus{ width: 90px; height: 33px; font-size: 8px; line-height: 35px; margin-top: 7px } .top-casser {height: auto; padding-bottom: 10px;} .opis-bonus {margin-left: 10px;margin-top: 4px;} #teabers {padding-left: 0;display: block;height: auto;} #teabers > ul { width: 94%;display: flex;margin: 10px;} #teabers > ul a { width: auto; height: auto; font-size: 10px; line-height: 1; padding-left:0; text-align: center; padding: 10px 0; border-radius: 5px; } #teabers > ul li.ui-tabs-active {border: none;} #teabers > ul li {width: 33.3333%;border-radius: 6px;} .css-1-pp,.css-2-pp,.css-3-pp,.css-4-pp,.css-5-pp,.ui-tabs-active .css-1-pp,.ui-tabs-active .css-2-pp,.ui-tabs-active .css-3-pp,.ui-tabs-active .css-4-pp,.ui-tabs-active .css-5-pp {background: none;} .pm-bg {height: 40px;} #fragment-3 #cashdesk-payment-list {height: 250px;padding: 0 10px;border-right: 1px solid #212f33;} #fragment-1 ul, #fragment-3 ul, #fragment-4 ul, #fragment-5 ul {padding-top: 0px;box-sizing: border-box; padding: 0 10px;} #fragment-1 ul a, #fragment-3 ul a {font-size: 10px;} #fragment-2 > div {width: 100%; padding: 10px 20px;} #fragment-3 div {padding: 0px; border-left: none;} #fragment-3 table {border: none;} #fragment-3 table th, #fragment-3 table td {font-size: 8px;} #fragment-4 #cashdesk-bets-list {height: 250px;padding: 0 10px;} #fragment-5 #cashdesk-bets-list {height: 320px;padding: 0 10px;} #cashdesk-bets-list img {display: block;margin: 0 0 5px 0;} #fragment-4 div {padding: 0px; border-left: none;} #fragment-4 table th, #fragment-4 table td {font-size: 7px;} #fragment-5 div {padding: 0px; border-left: none;} #fragment-5 table th, #fragment-5 table td {font-size: 7px;font-size: 9px;height: 20px;padding: 5px;} #unread-messages {top: 24px;right: 22px;} #ride-cass {display: inline-block; max-height: 500px;} .fix-summ input[type="radio"] + label::before { top: 8px;} .fix-summ input[type="radio"] + label {line-height: 30px;} .fix-summ input[type="radio"]:checked + label::after {top: 12px;} .custom-summ input, input[name="wallet"] {margin-top: 0px;height: 30px !important;} .summ-btn3 .currency-summ { line-height: 30px;position: absolute;top: 16px;font-size: 10px;left: 110px;} .button-cash {margin: 0 auto;background: url(../images/star-thg.svg) center / 100% 100%;height: 28px !important;font-size: 12px;} .summ-txt {font-size:10px;line-height: 40px;} .summ-btn3 { width:50%;position: relative;clear: both;} .summ-btn2 { width:85%;position: relative;clear: both;} .summ-btn3 .summ-txt,.summ-btn2 .summ-txt{clear:both;float: none;} .summ-btn {padding: 16px 0 10px 0;margin:0 0 0 15px;} .commission {margin-top:0;text-align: center;width: 100%;} .summ-save {padding: 3px 0 0 10px;display: table;float: left;position: absolute;right: -40px;top: 15px;} .summ-btn2 div, .summ-btn3 div {margin: 0;float: none;} .summ-save span.tip {top: -37px;} .cardholder-name span,.bank-select span{font-size:10px;} .cardholder-name input,.bank-select select {height: 30px !important;margin: 0 0 45px 0;width: 100% !important;box-sizing: border-box;} #ot-sberbank .commission, #ot-tinkoff .commission, #ot-anotherbank .commission {float: right;margin-top: 155px;width: 260px; position:absolute;text-align: left;} #ot-sbp > div:nth-child(1) {margin: 0;} #ot-sbp > div:nth-child(5) {margin: 0;} #ot-sbp > div:nth-child(6) {margin: 10px 0 3px 0;width: 100%;} #ot-sbp > div:nth-child(6) .summ-txt {line-height: 1.2;} #ot-sbp > div:nth-child(6) #paycos-name {height: 30px !important;width: 100%;box-sizing: border-box;} #ot-sbpalt > div:nth-child(5) {margin: 0 0 8px 0;width:100%;} #output .summ-txt { line-height: 1.5; } #output input[name="wallet"] {width: 100%;height: 30px;} .custom-summ input, input[name="wallet"] { width: 100%; box-sizing: border-box; } .custom-summ input {padding-right:35px;} .casher {margin-right: 7px;} #ot-qiwi .casher {margin-top: 0px;} .summ-btn4 {position:relative;padding-bottom: 10px;} .summ-btn4 .custom-summ{width:50%; float:left;padding-right: 5px;box-sizing: border-box;} .summ-btn4 .currency-summ {position: absolute;font-size: 10px;left: 35%;line-height: 1;top: 10px;} .summ-btn5 .summ-txt{line-height:30px;} #payment .summ-txt {display:none;} #fragment-1 > div {padding: 2px 10px;} #payment, #output {height: 298px;} #output {justify-content: space-between;} .pending-payments-item-0 {padding: 2px 10px !important; margin-bottom:0;} #pending-payments {top: -2px;right: -6px;font-size: 11px;width: 14px;height: 14px;line-height: 13px;} .cashdesk-payment-list .revert-payment { background: url(../images/revert-payment.png) no-repeat center / 100% 100%; width: 40px; font-size: 8px; line-height: 13px; word-break: break-all; border-radius: 4px; padding: 5px 0; box-sizing: border-box; font-weight: normal; } #card-pay-num,#qiwi-pay-num {padding: 10px;margin-top: -220px;height: 500px;z-index: -1;} .card-pay-namber #nambercart {max-width: 100%; margin-bottom:0;margin-right: 0;padding-top: 8px;} .card-pay-namber .cp-1 button {max-width: 100%;order: 2;margin-right: 0;} .card-pay-namber .cp-1 p {order: 1;margin-bottom:5px;} .card-pay-namber .cp-3-1,.card-pay-namber .cp-3-2 {max-width:140px;font-size: 10px;margin-right: 4px;} .card-pay-namber .cp-3 {margin-bottom:10px;} .card-pay-namber .cp-1 {display: flex;flex-flow: wrap;} .card-pay-namber .timer { color:#fff;font-size: 20px;margin: 4px 0 0 0;position: absolute;right: 20px;opacity: .5;} .intl-tel-input {width: 100%;} #qiwi-pay-num .card-pay-namber .cp-1 .conf_phone2 {margin-right: 0;width: 100%;} #qiwi-pay-num .card-pay-namber .cp-3-1 {width:100%; order:2;max-width: 100%;margin-right: 0;} .card-pay-namber .cp-1 p {float: left; width: 100%; order:1;} .card-pay-namber .cp-2 li {font-size:11px;} .active-none {margin-left: -6px;border-radius: 0px !important; width:100% !important;height: 500px !important;} #teabers > div, #fragment-1 > div {position: initial;border-left: none;} #card-pay {border-radius: 3px!important;bottom: 0px!important;left: 0px!important;right: 0px!important;top: 0px!important;} .active-card {width: 100% !important;min-width: 318px;height: 100%;} .card-pay-1 .back-button-1 {display:block;} .card-p-2-1 {height: 160px;width: 230px;padding: 10px;background: #f2f2f2 url(/images/card-pay.png) no-repeat 90% 20px/20px;} #card-pay .card-1 input {width: 170px;font-size: 11px;} #card-pay .card-2 select {width: 102px;} #card-pay .card-p-2-1 span {font-size: 13px;margin-bottom: 2px;} #card-pay .card-1,#card-pay .card-2 {margin-bottom: 5px;} .card-pay-2 {display: block;} .card-pay-2-2 {margin-left: 0;margin-top: 50px;position: relative;} .card-p-2-2 {height: 160px;width: 230px;top: 20px;left: 70px;} #card-pay .card-4 {width: 60px;right: -65px;} #card-pay .card-4 .card-4-2 {font-size: 7px;}.card-p-2-2::after {height: 25px;} .card-pay-2-2 label {position: relative;right: 0px;padding: 5px 10px 10px 0;top: 0;} #direct-card-pay {float: left;clear: both;margin: 0;} .pay-form .extra {margin-top:0px;} #payment .pm-sberbank::before, #payment .pm-visamastertransf::before, #payment .pm-visamaster::before, #payment .pm-visamasterecom::before, #payment .pm-cardalt::before, #payment .pm-crypto::before, #payment .pm-sbp-group::before, #payment .pm-sbp-var1::before, #payment .pm-sbp-var2::before, #payment .pm-sbp-var3::before, #payment .pm-sbp-var4::before, #payment .pm-sbp-var5::before, #payment .pm-sbpqr::before, #payment .pm-sbpalt::before, #payment .pm-sbptbank::before, #payment .pm-sbpsber::before, #payment .pm-p2p-group::before, #payment .pm-p2p-var1::before, #payment .pm-p2p-var2::before, #payment .pm-p2p-var3::before, #payment .pm-p2p-acc::before, #payment .pm-sberpay-group::before, #payment .pm-sberpay-var1::before, #payment .pm-sberpay-var2::before, #payment .pm-anotherbank::before, #payment .pm-card-50::before, #output .pm-card-50::before, #output .pm-sbp::before, #payment .pm-p2p-tpay::before, .pm-cardalt::before, .pm-sbpalt::before, .pm-sbptbank::before, .pm-sbpsber::before { background-color: rgba(13, 25, 37, 1);font-size: 8px;padding: 0 5px;bottom: -5px; } #payment .pm-crypto::after {width: 40px;height: 16px;} .pending-payments-item {font-size: 11px;width: 98%;} .revert-payment {margin-left: 0;margin-top:10px;background: url(../images/revert-payment.png) no-repeat center / 100% 100%;font-size: 11px;width: 140px; height: 30px;line-height: 30px;} .pm-bg {width: 49%;margin: 7px 0 0 0;height: 65px;} #output .pm-bg.active {margin-bottom: 124px;} #output .pm-bg:nth-child(2n-1) .pay-form {margin: 7px 0 0 -163px;} #output .pm-bg.sbp.active {margin-bottom: 224px;} #output .pm-bg.sbpalt.active {margin-bottom: 177px;} .pm-bg.active > .btn {height: 65px !important;} .pm-bg.active > .pay-form {left: 10px;right: 10px;width: 300px;position: relative;margin: 7px 0 0 -10px;} #payment .should-confirm-email-false {justify-content: space-between;} .paygroup.active .contents {justify-content: space-between;} #fragment-2 {overflow:auto;height: 335px;} #fragment-2 .new-pass {height: auto;border-left: none;} #fragment-2 > div.email-confirm {border-left: none;height: auto;} .email-confirm {padding: 25px !important;float: left;} #fragment-1 .carefully {width: 165px;vertical-align: middle;font-size: 12px;} #fragment-1 .carefully1 {width: 165px;vertical-align: middle;font-size: 12px;} .fix-summ > div:nth-child(5) {display:none;} #payment .pay-form {padding: 5px 15px 0 15px;margin: 7px 0 0 -10px;width: 300px;} #payment .box-payment > .pm-bg:nth-child(even) > .pay-form {margin: 7px 0 0 -163px;} #payment .contents .pm-bg:nth-child(2n-1) > .pay-form {margin: 7px 0 0 -163px;} #payment .pm-bg.visamasterecom.active {margin-bottom: 82px;} } @media screen and (max-width: 600px) { /*Login*/ #fragment-1 {border-left: none;} #reg-popup, #login-popup { max-width: 320px; } #reg-popup .form-ong .form-bdy, .login-form { padding: 5px 15px 15px 15px !important; margin-right: 0 !important; } #login-popup .form-ing h3 span { background: url(../images/ref-fast-user.svg) no-repeat center / auto 90%; width: 24px; top: 3px; height:24px; left: 16px; } #reg-popup .form-ong h3 span { background: url(../images/ref-fast-user.svg) no-repeat center / auto 90%; width: 24px; top: 3px; height:24px; left: 16px; } #login-popup .form-ing h3 { height: 30px; font-size: 14px; line-height: 28px; padding-left: 50px; } #reg-popup .form-ong h3 { height: 30px; font-size: 14px; line-height: 28px; padding-left: 50px; } .fancybox-close-small::after { top: 1px !important; right: 15px !important; font-size: 40px !important; width: 20px !important; color: #2c323c !important; } #login-popup .form-ing input[type="text"], #login-popup .form-ing input[type="password"] { height: 31px; margin-bottom: 5px; margin-top: 5px; } #login-popup .form-ing input[type="submit"] { height: 42px; font-size: 20px; margin: 10px auto 0px auto; background-size: 100% auto; } .login-form a.forgot-pass {margin-top: 10px;} #reg-popup .form-ong input[type="submit"] { background: url(../images/recov-btn-hd.svg) no-repeat center/cover; background-size: 100% auto; height: 42px; font-size: 20px; margin: 10px auto 10px auto; } #reg-popup .form-ong input[type="text"] { height: 31px; margin-bottom: 5px; margin-top: 5px; box-sizing: border-box; } #login-popup .form-ing p { font-size: 14px; float: left; width: 100%; } #reg-popup .form-ong p { font-size: 14px; } #reg-popup .form-ong input[type="checkbox"] + label {font-size: 12px;} .form-bdy .msg {display: inline-block;} #uLogin69254baf {height: 30px;} .ulogin-buttons-container div {margin-right: 5px!important;} .ulogin-buttons-container {width: 100% !important;} .login-form {height: 375px;padding-top: 15px !important;} #reg-popup .form-ong .form-bdy {height: auto;} #login-popup .form-ing div.shiner {display:none !important;} #reg-popup .form-ong .form-bdy div.shiner,#rec-pass div.shiner {display:none !important;height: 0; width: 0;} #rec-pass {width: 300px;height: auto;} #rec-pass .form-bdy {padding: 15px;height: auto;} #rec-pass h3 { height: 30px; font-size: 12px; line-height: 31px; padding-left: 50px; } #rec-pass h3 span {left: 15px; background: url(../images/ref-fast-user.svg) no-repeat center / auto 90%; width: 24px; top: 3px; height: 24px; } #rec-pass p {font-size: 12px;} #rec-pass input[type="text"] { height: 30px; width: 100%; max-width: 310px; margin-bottom: 5px; margin-top: 5px; box-sizing: border-box; } #rec-pass input[type="submit"] { background: url(../images/recov-btn-hd.svg) no-repeat center/cover; max-width: 288px; width: 100%; height: 40px; margin-left: 0px; margin-top: 0px; font-size: 16px; } #rec-pass .form-bdy div {padding: 8px 0;} #rec-pass div.shiner {margin: -40px 0 0 0 !important;height: 24px;width: 268px;} #card-pay-num .card-pay-1 .status { display: block;} .over {align-items: flex-end;} #captcha-recaptcha {margin: 0 0 0 -7px;} } @media screen and (max-width: 480px) { .over .btn-1 {width:170px;} }