<!--@extends(template().'layout.master2')-->
<!--<!DOCTYPE html>-->
<!--<html style="">-->
@extends(template().'layout.master2')

@section('content2')
<div class="dashboard-body-part">
<!--<head>-->
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> Withdrawal </title>
    <meta name="description" content="            
    ">

    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="asset/img/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="asset/img/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="asset/img/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="asset/img/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="asset/img/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="asset/img/favicons/apple-touch-icon-152x152.png">
    <link rel="icon" type="image/png" href="asset/img/logo.png" sizes="32x32">
    <link rel="icon" type="image/png" href="asset/img/logo.png" sizes="16x16">

    <link rel="canonical" href="dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">

    <link href="asset/css/css.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="asset/css/inner.css">
    <link rel="stylesheet" type="text/css" href="asset/css/app.css">
    <link rel="stylesheet" type="text/css" href="asset/css/cs.css">
    <script src="https://use.fontawesome.com/4b789087e7.js"></script>


    
    <!--<div class="root-content">-->
        <div class="pusher push-trading">
            <div>
                <div class="pusher pusher-min-400">
                    <section class="img-bg-section">
                        <div class="row">
                            <ul class="tabs">
                                
                                <li><a href="#withdraw" class="active">Withdrawals</a></li>
                                <li><a href="/m/deposit" class="">Account Funding</a></li>

                            </ul>
                            <div class="mob-tab-nav mob-main-tabs">
                                <div class="ui not_select dropdown mob-tabular" tabindex="0">
                                    <div class="text default">Withdrawals</div>
                                    <i class="dropdown icon"></i>
                                    <div class="menu" tabindex="-1">
                                        <a href="/deposit" class="item">Account Funding</a>

                                    </div>
                                </div>
                            </div>
                            <div class="top-info">
                                <h2 class="title" id="withdraw">Withdrawals</h2>
                            </div>
                        </div>
                        <span class="blue-arrow"></span>
                    </section>
                    <div style="">
                        <section class="content-box">
                            <div class="row">
                                <div class="account-funding">



                                    <div class="wallet-drop-func" data-ng-func="">
                                        <div class="ui dropdown amount-dropdown" tabindex="0">

                                            <div class="text">
                                                <div class="amount-item">

                                              <!--      <div class="amount-val"><b>500</b> <b
                                                            ng-bind="w.currency"
                                                            class="ng-binding">USD</b></div>-->
                                                    <span class="amount-net">Net Balance:
                                                        <b>      {{ number_format(auth()->user()->balance, 2) }}{{ @Auth::user()->currency }}</b> <b
                                                            ng-bind="w.currency"
                                                            class="ng-binding"></b></span>
                                                </div>
                                            </div>
                     
                                                </div>

                                            </div>
                                        </div>
                                    </div>


                                    <div class="funding-method-wrap">

                                        <div class="ui bottom attached tab segment active" data-tab="trading-account" style="margin-top:5px;">
                                            <div class="wd-warn"><blockquote><b>Important:</b> Chosen withdrawal method should
                                                correspond with method used for deposit.</blockquote></div>

              


                                            </div>
                                            
                
                                    
                                            
                                            <!--<div class="mob-tab-nav tabular">-->
                                                
                                                

                                                
                                                
                                                <div class="ui select dropdown mob-tabular mob-tab-nav tabular" style="margin-top:5px;">
                                                    <!--<div class="text default">Bitcoin</div>-->
                                                    <!--<i class="dropdown icon"></i>-->
                                                    <ul class="menu transition visible">






                                                        <li class="item" data-tab="nine" role="button" tabindex="0">
                                                            Crypto Withdrawal</li>
                                                            
                                                            
                                                            
                                                            
                                                                  <li class="item" data-tab="nine" role="button" tabindex="0">
                                                                     <select name="method" id="select-id" class="select">
                                    <option value="" selected>{{ __('Select Crypto') }}</option>
                                    @foreach ($withdraws as $withdraw)
                                        <option value="{{ $withdraw->id }}"
                                            data-url="{{ route('user.withdraw.fetch', $withdraw->id) }}">
                                            {{ $withdraw->name }}</option>
                                    @endforeach
                                </select></li>
                                                            
                                                            
                                                            
                                                            
                                                            
                                                            
                        <!--                                 <li class="item" data-tab="third" role="button" tabindex="0">Litecoin</li>-->
                        <!--<li class="item" data-tab="four" role="button" tabindex="0">Western Union</li>-->
                        <!--<li class="item" data-tab="five" role="button" tabindex="0">Ethereum</li>-->
                        <!--<li class="item" data-tab="six" role="button" tabindex="0">Perfect Money</li>-->
                        <!--<li class="item" data-tab="seven" role="button" tabindex="0">MoneyGram</li>-->
                        <!--<li class="item" data-tab="eight" role="button" tabindex="0">Neteller</li>-->
                                                       
                                                       
                                                        <li class="item" data-tab="two" role="button" tabindex="0">Bank Transfer</li>
                                                            
                                                            
                                                                        
                                                            
                                                            
                                                            
                                                            
                                                            
                                                    </ul>
                                                </div>
                                            </div>
                                            
                                            
                                                 <i class="dropdown icon" tabindex="0">
                                                <!--<div class="menu" tabindex="-1"></div>-->
                                            </i>
                                    
                                            
                                            
                                                                                        <div class="pay-tabs-content">

                                                
                                                <div class="ui bottom attached tab segment" data-tab="two">
                                                    <p class="info-selected-pay">To request for withdrawal via <b>Bank
                                                            Transfer</b>, please make at least one trading deposit by
                                                        using selected method.</p>
                                                    <form method="post" action="{{ url('withdraw') }}">
                                                        @csrf
                                                        <div style="font-size:small; color:#FF0000"></div>
                                                        <label>
                                                            <span style="color: #ddd;">Withdrawal amount {{ @Auth::user()->currency }}: </span>
                                                            <!--<span style="color: #ddd;">{{ @Auth::user()->currency }}</span>-->
                                                            <input type="text" required="" name="amount"
                                                                placeholder="0.00" size="20" style="min-width:150px"
                                                                onkeypress="javascript:return isNumber(event)"></label>
                                                        <input type="hidden" required="" name="method" value=""
                                                            size="20" style="min-width:150px">
                                                        <label>
                                                            <div style="height:10px"></div>
                                                            <label>
                                                                <span style="color: #ddd;">Bank Name: </span>
                                                                <input type="text" required="" name="bank" value=""
                                                                    size="40" style="min-width:200px">
                                                            </label>
                                                            <div style="height:10px"></div>
                                                            <span style="color: #ddd;">Account Name: </span>
                                                            <input type="text" required="" name="acct_name" value=""
                                                                size="40" style="min-width:200px">
                                                        </label>
                                                        <div style="height:10px"></div>
                                                        <label>
                                                            <span style="color: #ddd;">Account Number: </span>
                                                            <input type="text" required="" name="acct_no" value=""
                                                                size="40" style="min-width:200px">
                                                        </label>
                                                        <div style="height:10px"></div>
                                                        <label>
                                                            <span style="color: #ddd;">Routing Number: </span>
                                                            <input type="text" required="" name="swift" value=""
                                                                size="40" style="min-width:200px">
                                                        </label>

                                                        <div style="height:10px"></div>
                                                        <!--<label>--
                                                            <span style="color: #ddd;">Transfer Code: </span>
                                                            <input type="text" name="transfer_code" value=""
                                                                size="40" style="min-width:200px">
                                                                <strong> <span style="color:red;">*Request your transfer code from the support team, through our live chat support or via email.
                                                                             </span> </strong>
                                                        <!--</label>-->
                                                            <br> <br>
                                                        <input type="hidden" name="transaction_id"
                                                            value="6l91Z48">
                                                        <button class="ui button primal" type="submit"
                                                            name="bank_withdrawal" id="bank_withdrawal">Next <span
                                                                class="arrow-next">&rarr;</span></button>
                                                    </form>
                                                </div>
                                                
                                                <div class="ui bottom attached tab segment active" data-tab="nine">
                                                    <!--<p class="info-selected-pay" style="margin-top:30px; color:#e8e8e8;">Bitcoin is recommended withdrawal-->
                                                    <!--    method. It provides <b>fastest withdrawal</b>.-->
                                                    <!--    To request for withdrawal to bitcoin, please confirm you have-->
                                                    <!--    bitcoin account or create it.</p>-->




                                                    <div class="mini-withdraw-form" style="display:inline;">
                                                        <div class="add-card-button">
                                                            <button class="ui button primal" id="btc_btn">
                                                                <span>I Have a Crypto  Wallet Address</span>
                                                            </button>
or
                                                            <div aria-hidden="false" class="">
                                                                <a href="https://www.coinbase.com/" target="_blank"
                                                                    style="font-size: 12px;margin-top: 10px;display: inline-block; color:#fff;">Open
                                                                    a coinbase account</a><br />
                                                                <a href="https://www.blockchain.com/" target="_blank"
                                                                    style="font-size: 12px;margin-top: 10px; color:#fff;">Open a
                                                                    blockchain account</a>
                                                            </div>
                                                        </div>



                                                    </div>

                                                    
                                                    <div class="mini-withdraw-form" style="display:inline;">

                                                        <div class="input-amount-wrap">

                                                            <div id="btc_info">
                                                                <!--<center>-->
                                                                <!--    <h2>Bitcoin Withdtrawal</h2>-->
                                                                <!--</center>-->
                                                                <br /><br />
                                                                <p style="color:#e8e8e8;">Please confirm you have your receiving wallet address by clicking
                                                                    on "I Have My Wallet Address" button</p>
                                                            </div>
                                                            <div id="with_form" style="display:none;">
                                                                <form method="post" action="{{ url('withdraw') }}">
                                                                        @csrf
                                                                    <div id="error"
                                                                        style="font-size:small; color:#FF0000"></div>
                                                                    <label>

                                                                        <input type="hidden" required="" name="method"
                                                                            value="" size="20"
                                                                            style="min-width:150px">
                                                                        <span>Withdrawal amount: </span>

                                                                        <input type="text" required="" name="amount"
                                                                            placeholder="" size="20"
                                                                            style="min-width:150px" id="amount"
                                                                            onkeypress="javascript:return isNumber(event)"></label>
                                                                    <div style="height:10px"></div>
                                                                    <label>
                                                                        <span>Receiving wallet Address: </span>
                                                                        <input type="text" required="" name="note"
                                                                            value="" size="40" style="min-width:200px">

                                                                    </label> <br>

                                                                 <!--   <label>
                                                                        <span>Transfer Code: </span>
                                                                        <input type="text" name="transfer_code"
                                                                            value="" size="40" style="min-width:200px">
                                                                        <br>
                                                                        <strong> <span style="color:red; font-size:11px;">*Request your transfer code from the support team, through our live chat support or via email.
                                                                             </span> </strong>
                                                                    </label>-->


                                                                                                                                        <input type="hidden" name="transaction_id"
                                                                        value="cVk73Xx">
                                                                    <button class="ui button primal" type="submit"
                                                                        name="wallet_withdrawal"
                                                                        id="wallet_withdrawal">Next <span
                                                                            class="arrow-next">&rarr;</span></button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <p style="margin-top: 57px; text-align: center; color:#e8e8e8;">
                                                <b>Please note:</b>
                                                Before approving a withdrawal request, you may be required to submit
                                                proof
                                                of identity and address of the requester. Withdrawal fees will be
                                                applied, based on type of trading account and acceptable withdrawal
                                                method. Withdrawals are normaly processed, using the same method as
                                                deposit was done. For security reasons, withdrawal requests to ewallets,
                                                bank and creditcard accounts, not belonging to a trading account owner
                                                are denied. Please refer to terms and conditions for more information.
                                            </p>
                                        </div>

                                    </div>
                                    
                                    
             
                        </section>


                        <style class="ng-scope">
                        .md-dialog-content {
                            color: #333;
                        }

                        .wd-warn {
                            font-size: 14px;
                            font-weight: 400;
                            color: #fff;
                        }

                        .wd-pending {
                            margin: 40px 0;
                        }
                        </style>
                    </div>

                </div>
            <!--</div>-->
        </div>
    </div>
    <script>
    var btc_btn = document.getElementById('btc_btn');
    btc_btn.onclick = function() {
        document.getElementById('btc_info').style = "display:none";
        document.getElementById('with_form').style = "display:block";
    }
    </script>
    <script>
    var witamount = document.getElementById('amount');
    var wit_btn = document.getElementById('wit_btn');
    witamount.onkeyup = function() {
        if (witamount.value > accountbal) {
            document.getElementById('error').innerHTML = "Amount must not exceed available balance";
            wit_btn.setAttribute('disabled', 'disabled');
        } else if (isNaN(witamount.value) || witamount.value < 0) {
            document.getElementById('error').innerHTML = "Amount is invalid";
            wit_btn.setAttribute('disabled', 'disabled');
        } else {
            document.getElementById('error').innerHTML = "";
            wit_btn.removeAttribute('disabled');
        }
    }
    witamount.onchange = function() {
        if (witamount.value > accountbal) {
            document.getElementById('error').innerHTML = "Amount must not exceed available balance";
            wit_btn.setAttribute('disabled', 'disabled');
        } else if (isNaN(witamount.value) || witamount.value < 0) {
            document.getElementById('error').innerHTML = "Amount is invalid";
            wit_btn.setAttribute('disabled', 'disabled');
        } else {
            document.getElementById('error').innerHTML = "";
            wit_btn.removeAttribute('disabled');
        }
    }

    function isNumber(evt) {
        var iKeyCode = (evt.which) ? evt.which : evt.keyCode
        if (iKeyCode != 46 && iKeyCode > 31 && (iKeyCode < 48 || iKeyCode > 57))
            return false;

        return true;
    }
    </script>

  <!--  <footer class="footer">
        <div class="row clearfix">


            <div class="float-left">
                <noindex>
                    <!--googleoff: all--
                    <span class="copy">&copy; 2022 <span>Blockstreamservice Ltd .</span></span>
                    <!--googleon: all--
                </noindex>
            </div>
            <div class="float-right">
                <ul class="soc-list">
                    <li>

                    </li>
                    <li>Follow us</li>
                    <li>
                        <div class="footer-media">
                            <div class="media-icons">
                                <a href=""><span class="fa fa-facebook"></span></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="footer-media">
                            <div class="media-icons">
                                <a href=""><span class="round fa fa-instagram"></span></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="footer-media">
                            <div class="media-icons">
                                <a href=""><span class="fa fa-twitter"></span></a>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>

        </div>
    </footer>-->
    </div>
    <!--sidebar-->

    <!---->







    <script type="text/javascript" async="" src="asset/js/conversion_async.js"></script>
    <script type="text/javascript" async="" src="asset/js/watch.js"></script>
    <script async="" src="asset/js/analytics.js"></script>
    <script src="asset/js/inner.js"></script>
    <script src="asset/js/vendor.js"></script>
    <script src="asset/js/app.js"></script>




    <script>
    (function(i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-76636433-1', 'auto');
    ga('send', 'pageview');
    </script>

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
    // if (bowser.safari || bowser.mac) {
    //     // disable for this
    // } else {
    //     (function(d, w, c) {
    //         (w[c] = w[c] || []).push(function() {
    //             try {
    //                 w.yaCounter38379630 = new Ya.Metrika({
    //                     id: 38379630,
    //                     clickmap: true,
    //                     trackLinks: true,
    //                     accurateTrackBounce: true,
    //                     webvisor: true
    //                 });
    //             } catch (e) {}

    //         });

    //         var n = d.getElementsByTagName("script")[0],
    //             s = d.createElement("script"),
    //             f = function() {
    //                 n.parentNode.insertBefore(s, n);
    //             };
    //         s.type = "text/javascript";
    //         s.async = true;
    //         s.src = "https://mc.yandex.ru/metrika/watch.js";

    //         if (w.opera == "[object Opera]") {
    //             d.addEventListener("DOMContentLoaded", f, false);
    //         } else {
    //             f();
    //         }
    //     })(document, window, "yandex_metrika_callbacks");
    // }
    // </script>
    <!--<noscript aria-hidden="false">-->
    <!--    <div><img src="https://mc.yandex.ru/watch/38379630" style="position:absolute; left:-9999px;" alt="" /></div>-->
    <!--</noscript>-->
    <!-- /Yandex.Metrika counter -->


    <!--<div class="mgm" style="display: none;">-->
    <!--    <div class="txt" style="color:black;">Someone from <b></b> just earned <a href="javascript:void(0);"-->
    <!--            onclick="javascript:void(0);"></a></div>-->
    <!--</div>-->

    <style>
    .mgm {
        border-radius: 7px;
        position: fixed;
        z-index: 90;
        bottom: 200px;
        left: 50px;
        background: #198754;
        padding: 10px 17px;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, .3);
    }

    .mgm a {
        font-weight: 700;
        display: block;
        color: #f2d516;
    }

    .mgm a,
    .mgm a:active {
        transition: all .2s ease;
        color: #f2d516;
    }
    </style>
    <script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.html"></script>
    <script type="text/javascript">
    var listCountries = ['Argentina', 'USA', 'Germany', 'France', 'Italy', 'South Korea', 'Australia', 'Norway',
        'Canada', 'Argentina', 'Saudi Arabia', 'Mexico', 'Spain', 'Austria', 'Venezuela', 'South Africa', 'Sweden',
        'South Korea', 'China', 'Italy', 'Germany', 'United Kingdom', 'Bahrain', 'Greece', 'Cuba', 'Bulgaria',
        'Portugal', 'Austria', 'Cyprus', 'Panama', 'Asia', 'Norway', 'Netherlands', 'Switzerland', 'Belgium',
        'Israel', 'Cyprus', 'Spain', 'Norway'
    ];
    var listPlans = ['$2000', '$1000', '$50000', '$15000', '$10000', '$100000', '$20000', '$1500', '$30000', '$40000',
        '$1200', '$60000', '$3400', '$7000', '$25000', '$25000', '$35000', '$5000', '$7000', '$45000', '$3500',
        '$5000', '$12500', '$9500'
    ];
    interval = Math.floor(Math.random() * (40000 - 8000 + 1) + 8000);
    var run = setInterval(request, interval);

    function request() {
        clearInterval(run);
        interval = Math.floor(Math.random() * (40000 - 8000 + 1) + 8000);
        var country = listCountries[Math.floor(Math.random() * listCountries.length)];
        var plan = listPlans[Math.floor(Math.random() * listPlans.length)];
        var msg = 'Someone from <b>' + country +
            '</b> just earned  <a href="javascript:void(0);" onclick="javascript:void(0);">' + plan + ' .</a>';
        $(".mgm .txt").html(msg);
        $(".mgm").stop(true).fadeIn(200);
        window.setTimeout(function() {
            $(".mgm").stop(true).fadeOut(300);
        }, 7000);
        run = setInterval(request, interval);
    }
    </script>


    <!-- GetButton.io widget -->
    <script type="text/javascript">
    (function() {
        var options = {
            whatsapp: "", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "left", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol,
            host = "getbutton.io",
            url = proto + "//static." + host;
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = url + '/widget-send-button/js/init.js';
        s.onload = function() {
            WhWidgetSendButton.init(host, proto, options);
        };
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    })();
    </script>


<script>
  // JavaScript
  document.querySelector('#select-id').addEventListener('change', function() {
    let selectedValue = this.value;
    
    // Get all hidden inputs with the name "method"
    let hiddenInputs = document.querySelectorAll('input[name="method"]');
    
    // Loop through the NodeList and set the value for each hidden input
    hiddenInputs.forEach(function(input) {
      input.value = selectedValue;
    });
  });
</script>




    <!--Start of Tawk.to Script-->
    <!--<script src="//code.jivosite.com/widget/LxpsGgrqGM" async></script>-->

    
    <!--End of Tawk.to Script-->
<!--</body>-->

<!--</html>-->







<style>
.root-content {
        overflow-x: hidden;
}



    .pusher.push-trading {
    min-height: 70vh;
    background: #1a212c!important;
}

.pusher {
    background: #1f232e;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    transition: transform .5s ease 0s;
    z-index: 2;
    margin-left: 17px;
}
.pusher-min-400 {
    min-height: calc(100vh - 280px)!important;
}

.dashboard-main {
    min-height: none;
    background-color:#1f232e;
}


.pusher {
    margin-left: 29px;
    padding:10px;
}


section {
    position: relative;
    padding-bottom: 20px;
}

@media (max-width: 1139px)
.img-bg-section {
    padding-top: 80px;
}

.img-bg-section {
    background: url(asset/img/type-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px;
    image-rendering: pixelated;
    margin-bottom: 50px;
    padding-top: 120px;
    position: relative;
    box-shadow: inset 0 -4px 6px rgb(21 24 33 / 25%);
        margin-left: -26px;
}
.row {
    max-width: 1000px;
    margin: 0 auto;
}
@media (max-width: 920px)
.img-bg-section ul.tabs {
    overflow-x: auto;
    white-space: nowrap;
    margin-left: -20px;
    margin-right: -20px;
}

.ul.tabs {
    text-align: center;
    padding-left: 0;
    margin-top: 0;
    padding-top: 30px;
    font-size: 0;
    margin-bottom: 60px;
}
.ul.tabs .li {
    list-style: none;
    display: inline-block;
    margin: 0;
}
ul.tabs li a.active {
    background: #252a38;
    color: #2597c7;
}
ul.tabs li a {
    display: block;
    padding: 22px 30px;
    background: #2a3040;
    font-size: 14px;
    color: #fff;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    position: relative;
}
ul.tabs li+li {
    border-left: 1px solid #1e212c;
}

ul.tabs li {
    list-style: none;
    display: inline-block;
    margin: 0;
}
.img-bg-section ul.tabs {
    overflow-x: hidden;
    white-space: nowrap;
    margin-left: -20px;
    margin-right: -20px;
}
.mob-tab-nav {
    display: block;
}

.mob-main-tabs {
    padding-top: 30px;
    margin-bottom: 60px;
}
.mob-tab-nav {
    max-width: 400px;
    margin: 0 auto;
    display: none;
}
.ui.dropdown.mob-tabular {
    background: #2e3344;
    width: 100%;
    padding: 14px 15px;
    border-bottom: 3px solid #2597c7;
}
.ui.dropdown.mob-tabular .menu {
    /* margin-left: -22px; */
    min-width: 100%;
    margin-top: -36px;
}

/*.ui.dropdown.mob-tabular .menu {*/
/*    margin-left: 0;*/
/*    min-width: 100%;*/
/*}*/
/*@media (max-width: 480px)*/
.content-box {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    margin-left: -30px;
}

.ui.dropdown .menu {
    left: 0;
    margin-left: -45px;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #2E3344;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}
.visible.transition {
    display: block!important;
    visibility: visible!important;
}
.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent;
}
.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    transition: none;
}

.mob-tab-nav .text {
    font-size: 16px;
    vertical-align: middle;
    color: #2597c7!important;
    white-space: nowrap;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.dropdown.mob-tabular>.dropdown.icon {
    float: right;
    margin-top: 7px;
}

.ui.dropdown>.dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto;
}
.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 3px;
}
.ui.dropdown>.dropdown.icon:before {
    border: 5px solid transparent;
    border-top-color: #2597C7;
    border-bottom-width: 0;
}
ui.dropdown.mob-tabular .menu {
    margin-left: 0;
    min-width: 100%;
}

.ui.dropdown .menu {
    left: 0;
    margin-left: -45px;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #2E3344;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}
.ui.dropdown.mob-tabular .menu>.item {
    font-size: 16px;
    padding: 14px 15px!important;
    text-decoration: none;
    display: block;
    background: #2e3344;
    white-space: normal;
}

.ui.dropdown .menu>.item:first-child {
    border-top-width: 0;
}
.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: #fff;
    padding: 0.71428571rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.top-info {
    margin-bottom: 40px;
    text-align: center;
}
@media (max-width: 580px)
h2.title {
    font-size: 24px;
}

@media (max-width: 580px)
h2.title {
    font-size: 32px;
}
@media (max-width: 580px)
h1.main-title, h2.title {
    text-transform: uppercase;
}
h2.title {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 42px;
    margin-top: 0;
    color:#fff;
}
.offers, h2.title {
    color: #fff;
    text-align: center;
}
.blue-arrow {
    z-index: 2;
}

.blue-arrow {
    z-index: 2;
}
.blue-arrow {
    width: 36px;
    height: 35px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: -24px;
    /*background: url(https://blockstreamservice.com/assets/img/blue-arrow.svg) center center no-repeat;*/
    background-size: 36px 35px;
}
.pusher::after {
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity .5s ease 0s;
    will-change: opacity;
    z-index: 1000;
}

.bb-video:after, .pusher::after {
    content: "";
    right: 0;
}
@media (max-width: 580px)
.content-box {
    margin-bottom: 50px;
}

@media (max-width: 1000px)
.content-box {
    padding-left: 20px;
    padding-right: 20px;
}
.account-funding {
    color: #737e9a;
}

*, :after, :before {
    box-sizing: inherit;
}
.wallet-drop-func {
    padding-bottom: 30px;
    padding-right: 14px;
    padding-left: 14px;
}
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 440px)
.amount-dropdown {
    width: 100%;
}
.amount-dropdown {
    width: 400px;
    background: #252b3a;
    display: inline-block;
    cursor: pointer;
}
.ui.dropdown.amount-dropdown>.text {
    width: 100%;
    padding: 10px 15px!important;
}

.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    transition: none;
}
.ui.dropdown.amount-dropdown .text .amount-item {
    color: #fff;
    height: 100%;
}
.ui.dropdown.amount-dropdown>.text .amount-item .amount-val {
    font-weight: 700;
}
.ui.dropdown.amount-dropdown>.text .amount-item .amount-net {
    color: #ccc;
    font-size: 14px;
}

.ui.dropdown.amount-dropdown>.text span {
    display: block;
    color: #fff;
}
.ui.dropdown.amount-dropdown>.dropdown.icon {
    position: absolute;
    right: 15px;
    top: 50%;
    border-width: 6px;
    border-top-color: #fff!important;
    margin-top: -10px;
}

.ui.dropdown>.dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto;
}
.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 3px;
}

*, :after, :before {
    box-sizing: inherit;
}
.ui.dropdown.amount-dropdown>.dropdown.icon:before {
    border-top-color: #fff!important;
}

.ui.dropdown>.dropdown.icon:before {
    border: 5px solid transparent;
    border-top-color: #2597C7;
    border-bottom-width: 0;
}
.lang.ui.dropdown>.dropdown.icon:before, .ui.dropdown>.dropdown.icon:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
}
.wallet-drop-func .ui.dropdown .menu {
    background: #2d3142!important;
}

.ui.dropdown.amount-dropdown .menu {
    min-width: 100%;
    margin-left: 0;
    padding: 0;
}
.ui.dropdown .menu {
    left: 0;
    margin-left: -45px;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #2E3344;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}
.wallet-drop-func .ui.dropdown .menu {
    background: #2d3142!important;
}

.ui.dropdown.amount-dropdown .menu {
    min-width: 100%;
    margin-left: 0;
    padding: 0;
}
.ui.dropdown.amount-dropdown .menu>.item {
    padding: 10px 15px!important;
}

.ui.dropdown .menu .active.item {
    background: 0 0;
    box-shadow: none;
    z-index: 12;
}
.ui.dropdown .menu>.item:first-child {
    border-top-width: 0;
}
.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: #fff;
    padding: 0.71428571rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.ui.dropdown.amount-dropdown .menu>.item {
    padding: 10px 15px!important;
}

.ui.dropdown .menu .active.item {
    background: 0 0;
    box-shadow: none;
    z-index: 12;
}
.ui.dropdown .menu>.item:first-child {
    border-top-width: 0;
}
.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: #fff;
    padding: 0.71428571rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.amount-item span {
    color: #ccc;
}

.amount-id {
    display: block;
    font-size: 12px;
    text-align: right;
}
.wallet-drop-func .ui.dropdown .menu .amount-net, .wallet-drop-func .ui.dropdown .menu .amount-val {
    font-size: 14px;
}

.amount-dropdown .item .amount-val {
    padding: 5px 0;
    color: #FFf;
}
.wallet-drop-func .ui.dropdown .menu .amount-net, .wallet-drop-func .ui.dropdown .menu .amount-val {
    font-size: 14px;
}

.amount-item span {
    color: #ccc;
}
.ui.dropdown.amount-dropdown>.dropdown.icon {
    position: absolute;
    right: 15px;
    top: 50%;
    border-width: 6px;
    border-top-color: #fff!important;
    margin-top: -10px;
}

.ui.dropdown>.dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto;
}
.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 3px;
}
.ui.dropdown.amount-dropdown>.dropdown.icon:before {
    border-top-color: #fff!important;
}

.ui.dropdown>.dropdown.icon:before {
    border: 5px solid transparent;
    border-top-color: #2597C7;
    border-bottom-width: 0;
}
.wallet-drop-func .ui.dropdown .menu {
    background: #2d3142!important;
}

.ui.dropdown.amount-dropdown .menu {
    min-width: 100%;
    margin-left: 0;
    padding: 0;
}
.ui.dropdown .menu {
    left: 0;
    margin-left: -45px;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #2E3344;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}
.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0;
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #D4D4D5;
}
.ui.segment:last-child {
    margin-bottom: 0;
}
.ui.segment:first-child {
    margin-top: 0;
}
.ui.tab.active, .ui.tab.open {
    display: block;
}
.ui.segment {
    position: relative;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    margin: 1rem 0;
    padding: 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34,36,38,.15);
}
.ui.segment {
    background: 0 0!important;
    border: none!important;
}
.wd-warn {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.account-funding {
    color: #737e9a;
}
@media (max-width: 960px)
.tabular.pay-tabs {
    display: none;
}

.tabular.pay-tabs {
    display: table;
    width: 100%;
    margin-top: 70px;
}
.tabular {
    font-size: 0;
}
.tabular .item.active {
    background: #252a38;
    color: #2597c7;
}

.tabular.pay-tabs .item {
    padding: 30px 15px;
    min-height: 120px;
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 480px)
.tabular .item {
    padding: 20px!important;
}
.tabular .item {
    display: inline-block;
    padding: 22px 30px;
    background: #2a3040;
    font-size: 14px;
    color: #fff;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.recomended-label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background: center center no-repeat #2597c7;
}
.item.active .select-bitcoin {
    background-position: 0 -20px;
}

.select-bitcoin {

    width: 84px;
    height: 18px;
}
a img, .img {
    border: 0;
}
.tabular:not(.account-tabs) .item+.item {
    border-left: 1px solid #1e212c;
}

.tabular.pay-tabs .item {
    padding: 30px 15px;
    min-height: 120px;
    display: table-cell;
    vertical-align: middle;
}
.account-funding .mob-tab-nav {
    display: block;
}

@media (max-width: 767px)
.mob-tab-nav {
    display: block;
}
.mob-tab-nav {
    max-width: 400px;
    margin: 0 auto;
    display: none;
}
/*.funding-method-wrap .ui.dropdown.mob-tabular {*/
/*    background: #0a243b;*/
/*}*/

.ui.dropdown.mob-tabular {
    background: #2e3344;
    width: 100%;
    padding: 14px 15px;
    border-bottom: 3px solid #2597c7;
}
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent;
}
.funding-method-wrap .mob-tab-nav .text {
    color: #fff!important;
}

.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    transition: none;
}
.mob-tab-nav .text {
    font-size: 16px;
    vertical-align: middle;
    color: #2597c7!important;
    white-space: nowrap;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.dropdown.mob-tabular>.dropdown.icon {
    float: right;
    margin-top: 7px;
}

.ui.dropdown>.dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto;
}
.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 3px;
}
.ui.dropdown>.dropdown.icon:before {
    border: 5px solid transparent;
    border-top-color: #2597C7;
    border-bottom-width: 0;
}
.ui.dropdown.mob-tabular .menu {
    margin-left: 0;
    min-width: 100%;
}

.ui.dropdown .menu {
    left: 0;
    margin-left: -45px;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #2E3344;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}
.hidden.transition {
    display: none;
    visibility: hidden;
}
.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.mob-tab-nav .ui.dropdown .menu .selected.item {
    background: #2a3040;
}
.ui.dropdown.mob-tabular .menu>.item {
    font-size: 16px;
    padding: 14px 15px!important;
    text-decoration: none;
    display: block;
    background: #2e3344;
    white-space: normal;
}
.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
    background: rgba(0,0,0,.03);
}
.ui.dropdown .menu .active.item {
    background: 0 0;
    box-shadow: none;
    z-index: 12;
}
.ui.dropdown .menu>.item:first-child {
    border-top-width: 0;
}
.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: #fff;
    padding: 0.71428571rem 1.14285714rem;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.account-funding .pay-tabs-content {
    margin-bottom: -50px;
}

.account-funding .pay-tabs-content {
    padding-top: 15px;
        padding-right: 15px;
        max-width:100%;
}
.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.visible.transition {
    display: block!important;
    visibility: visible!important;
}
.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #D4D4D5;
}
.ui.segment:first-child {
    margin-top: 0;
}
.ui.segment {
    position: relative;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    margin: 1rem 0;
    padding: 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34,36,38,.15);
}
.h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
    margin-top: 0;
}

.info-selected-pay {
    color: #fff;
}
.bonus-wrap h3, .info-selected-pay, .mini-withdraw-form, .pay-tabs-content {
    margin-bottom: 40px;
}
.p {
    margin: 0 0 1em;
}
.ui.attached+.ui.attached.segment:not(.top) {
    border-top: none;
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0;
}
.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
    border-radius: 0 0 0.28571429rem 0.28571429rem;
}
.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #D4D4D5;
}
.ui.segment:last-child {
    margin-bottom: 0;
}
.ui.tab.active, .ui.tab.open {
    display: block;
}
.ui.segment {
    position: relative;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    margin: 1rem 0;
    padding: 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34,36,38,.15);
}
.ui.segment {
    background: 0 0!important;
    border: none!important;
}
.ui.tab {
    display: none;
}
@media (max-width: 860px)
.mini-withdraw-form {
    display: block;
}

.mini-withdraw-form {
    display: table;
    width: 100%;
}
.bonus-wrap h3, .info-selected-pay, .mini-withdraw-form, .pay-tabs-content {
    margin-bottom: 40px;
}
.mini-withdraw-form>div.add-card-button {
    width: 100%;
    display: block;
}

.mini-withdraw-form .add-card-button {
    width: 220px;
    background: #2a3040;
    text-align: center;
}
.mini-withdraw-form>div {
    padding: 30px;
    background: #252a38;
    min-height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.mini-withdraw-form .add-card-button .ui.button {
    width: 200px;
}

.mini-withdraw-form .add-card-button .ui.button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    min-height: 40px;
}
.ui.button.op, .ui.primal.button {
    font-family: 'Open Sans',sans-serif;
}
.ui.primal.button, .ui.primal.button:hover {
    background-color: #2597c7;
    color: #FFF;
    text-shadow: none;
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 1rem;
}
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0,0,0,.6);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 0.25em 0 0;
    padding: 0.78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}
.ui.button, .ui.button:hover {
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgb(34 36 38 / 15%) inset;
}
.body, .button, .html, .input, .select, .textarea {
    font-family: "Open Sans",sans-serif!important;
}
.add-card-button span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.a {
    background: 0 0;
    color: #2597c7;
}
.mini-withdraw-form>div.input-amount-wrap {
    width: 100%;
    display: block;
    border-top: 1px solid #1f232e;
    border-left: none;
}

.mini-withdraw-form>div {
    padding: 30px;
    background: #252a38;
    min-height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.input-amount-wrap label {
    margin-right: 0;
    text-align: center;
}

@media (max-width: 767px)
.input-amount-wrap label {
    display: block;
    margin-bottom: 5px;
}
.input-amount-wrap label {
    color: #fff;
    margin-right: 20px;
}
@media (max-width: 480px)
.input-amount-wrap input[type=text] {
    width: 100%!important;
    margin-bottom: 20px;
}

@media (max-width: 767px)
.input-amount-wrap input[type=text] {
    width: calc(100% - 142px);
}
.input-amount-wrap input[type=text] {
    width: calc(100% - 370px)!important;
}
.input-amount-wrap input[type=text] {
    width: calc(100% - 335px);
    margin-right: 28px;
}
.input-amount-wrap .ui.button, .input-amount-wrap input[type=text], .input-amount-wrap label {
    display: inline-block;
}
.input[type=text], input[type=email], .input[type=search], .input[type=password], .input[type=tel] {
    padding: 0.78571429em 1em;
}
.input[type=text], .input[type=email], .input[type=search], .input[type=password], .input[type=tel] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    height: 40px;
    border: none;
    border-radius: 3px;
    width: 100%;
    min-height: 2.7142em;
    background: #2d3344;
    display: inline-block;
    padding: 0.78571429em 2.6em 0.78571429em 1em;
    font-weight: 300;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    color: #fff;
}
.body {
    color:#737e9a;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: 800;
    color: #737e9a;
}
@media (max-width: 480px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    vertical-align: baseline;
    text-decoration: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    /*max-width: 364px;*/
    width:100%;
    
    overflow-x: visible;
}
}

@media (max-width: 480px) {
    .content-box {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
}
}
.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.visible.transition {
    display: block!important;
    visibility: visible!important;
}
    
    
    .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    /* margin-right: 19px; */
    margin-left: -100px;
    margin-left: -38px;
}
.funding-method-wrap .ui.dropdown.mob-tabular {
    background: transparent;
    /* display: none; */
    border: none;
}
    .ui.attached+.ui.attached.segment:not(.top) {
    border-top: none;
    margin-top: 75px;
}
.ui.tab.active, .ui.tab.open {
    display: block;
    margin-top: 75px;
}
#header.header-inner-pages {
    padding: 10px 0;
    background: #111 !important;
    box-shadow: none;
    color: #fff;
}
</style>











