
<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" charset="utf-8" async="" src="loader.js"></script>
    <script type="text/javascript" async="" src="bundle.js"></script>
    <script type="text/javascript">
    (function() { 
        var options = { 
            whatsapp: "coming soon....", // 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>
    
    <style>
        

body { 
  top: 0px !important;
}

/* ================================== *\
    Mediaqueries
\* ================================== */

p { 
    font-size: 1rem;
}
</style>
    <!-- Standard Meta -->
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#181818">
    <!-- Site Properties -->
    <title>{$settings.site_name}</title>
    <!-- critical preload -->
    <link rel="stylesheet" href="front/files/uikit.min-1.js">
    <link rel="stylesheet" href="front/files/uikit.min.css">
    <link rel="stylesheet" href="front/files/style.css">
    <!-- icon preload -->
    <link rel="stylesheet" href="front/files/fa-brands-400.woff2" type="font/woff2">
    <link rel="stylesheet" href="front/files/fa-solid-900-1.woff2" type="font/woff2">
    <!-- font preload -->
    <link rel="stylesheet" href="front/files/archivo-v9-latin-regular-1.woff2" type="font/woff2">
    <link rel="stylesheet" href="front/files/archivo-v9-latin-300-1.woff2" type="font/woff2">
    <link rel="stylesheet" href="front/files/archivo-v9-latin-700-1.woff2" type="font/woff2">
    <!-- Favicon and apple icon -->
    <link rel="shortcut icon" href="front/files/logo.png?672102e47f95e" type="image/x-icon">
    
    <!-- css -->
    <link rel="stylesheet" href="front/files/uikit.min.css">
    <link rel="stylesheet" href="front/files/style.css">
    <style>
    .myWhite { 
        color: #fff !important;
    }

    .my-white { 
        color: #fff !important;
    }

    .my-danger { 
        color: #ec4e70 !important;
    }

    .my-success { 
        color: #2db47f !important;
    }

    .myBgBlue { 
        background-color: #4886d9 !important;
        color: #fff !important;
    }

    .myYello { 
        color: #fcb42d !important;
    }

    .myBgYello { 
        background-color: #fcb42d !important;
        color: #fff !important;
    }

    .in-mobile-nav .uk-button { 
        font-size: 35px;
        padding: 2px 16px;
        color: #fff;
        box-shadow: none;
    }


    .in-slideshow .in-slide-text { 
        margin-top: -20px;
    }




    .watkey { 
        z-index: 9;
        position: fixed;
        bottom: 15px;
        left: 15px;
        padding: 4px;
        border: 1px solid #0d9f16;
        border-radius: 50%;
    }






    

    body { 
        top: 0px !important;
    }

    /* ================================== *\
    Mediaqueries
\* ================================== */
    
    </style>
    <style>
    #flipper { 
        position: absolute;
        right: 50px;
        top: 150px;
        width: 45%;
        z-index: 1;
        padding: 50px 5px;
    }

    @media only screen and (max-width: 768px) { 
        #flipper { 
            right: 25px;
            top: 62px;
            width: 60px;
        }
    }


    .flip-box { 
        perspective: 1000px;
    }

    #modal-full { 
        background-color: #181818 !important;
        background: #181818 !important;
    }

    .in-faq-2 .uk-accordion-title .uk-card-default::after { 
        content: "";
    }

    .flip-box-inner { 
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 1.5s;
        transform-style: preserve-3d;
    }

    .flip-box:hover .flip-box-inner { 
        transform: rotateY(180deg);
    }

    .flip-box-front { 
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }


    .flip-box-back { 
        transform: rotateY(180deg);
    }


    .roundDiv { 
        position: absolute;
        right: -26px;
        text-align: center;
        top: 118px;
        width: 45%;
        z-index: 9;
        padding: 50px 5px;
    }

    .roundCoin { 
        border: 5px dotted transparent;
        border-radius: 50%;
        border-top: 5px dotted #fcb42d;
        border-bottom: 5px dotted #fcb42d;
        width: 400px;
        height: 400px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }



    @media only screen and (max-width: 768px) { 
        .roundDiv { 
            position: absolute;
            right: 20px;
            text-align: center;
            top: 90px;
            width: 80px;
            z-index: 9;
            padding: 50px 5px;
        }

        .roundCoin { 
            border: 5px dotted transparent;
            border-radius: 50%;
            border-top: 3px dotted #fcb42d;
            border-bottom: 3px dotted #fcb42d;
            width: 75px;
            height: 75px;
        }
    }


    @-webkit-keyframes spin { 
        0% { 
            -webkit-transform: rotate(0deg);
        }

        100% { 
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin { 
        0% { 
            transform: rotate(0deg);
        }

        100% { 
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spinBack { 
        0% { 
            -webkit-transform: rotate(0deg);
        }

        100% { 
            -webkit-transform: rotate(-360deg);
        }
    }

    @keyframes spinBack { 
        0% { 
            transform: rotate(0deg);
        }

        100% { 
            transform: rotate(-360deg);
        }
    }

    .check-star { 
        color: #fcb42d;
    }

    .in-slide-text { 
        text-align: left !important;
    }
    </style>
    <style data-styled="active" data-styled-version="5.1.1">
    .hXaMVG { 
        flex-shrink: 0;
        opacity: 1;
        text-decoration: none !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: block;
        background-color: rgb(77, 194, 71) !important;
        order: 1;
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        overflow: hidden;
        box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px;
        transition: all 0.5s ease 0s;
        position: relative;
        z-index: 200;
    }

    .hXaMVG:hover { 
        cursor: pointer;
        color: rgb(255, 255, 255) !important;
    }

    .ldNXqx { 
        order: 1;
        position: relative;
    }

    .WidkV { 
        display: flex;
        margin: 7px;
        position: relative;
        -moz-box-pack: start;
        justify-content: flex-start;
    }

    .WidkV:hover .q8c6tt-2 { 
        display: flex;
        animation: 0.1s linear 0s 1 normal none running eAwxTZ;
    }

    .dmopMx { 
        position: relative;
        width: 64px;
        margin: auto;
    }

    .dRnRIb { 
        opacity: 1;
        display: block;
        margin-top: 7px;
        white-space: nowrap;
        margin-right: auto;
        text-decoration: none;
        width: 64px;
        font-family: Roboto, "Helvetica Neue", sans-serif;
        font-size: 11px;
        line-height: 11px;
        color: rgb(175, 175, 175) !important;
        border: 0px;
        max-width: inherit;
    }

    .dRnRIb:hover { 
        cursor: pointer;
    }

    #gb-widget-6323>* { 
        box-sizing: border-box !important;
    }

    @keyframes eAwxTZ { 
        0% { 
            opacity: 0;
            margin-left: -20px;
        }

        100% { 
            opacity: 1;
        }
    }

    @keyframes eAwxTZ { 
        0% { 
            opacity: 0;
            margin-left: -20px;
        }

        100% { 
            opacity: 1;
        }
    }
    </style>
   
</head>

<body>
    <div class="in-loader" style="background-color: #181818;">
        <div></div>
        <div></div>
        <div></div>
    </div>
    <header>
        <!-- header content begin -->
        <div class="uk-section uk-padding-remove-vertical" style="z-index: 10;">
            <nav class="uk-navbar-container ">
                <div class="uk-container uk-navbar" data-uk-navbar="">
                    <div class="uk-navbar-left">
                        <div class="uk-navbar-item">
                            <!-- logo begin -->
                            
                            <a class="uk-logo" href="?a=home">
                                <img src="front/files/logo.png?672102e47f96c" data-src="front/files/logo.png?672102e47f96d" alt="" width="146" height="39" data-uk-img="">
                            </a>
                            <!-- logo end -->
                            <!-- navigation begin -->
                            <ul class="uk-navbar-nav uk-visible@m">
                                <li class="uk-active"><a href="#" aria-expanded="false">Company<i class="fas fa-chevron-down"></i></a>
                                    <div class="uk-navbar-dropdown">
                                        <ul class="uk-nav uk-navbar-dropdown-nav">
                                            <li><a href="?a=about">About Us</a></li>
                                            <li><a href="?a=faq">FAQ's</a></li>
                                            <li><a href="?a=support">Contact Us</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="?a=mkts">Markets</a></li>
                                <li><a href="?a=pricing">Plans</a></li>
                                <li><a href="?a=services">Our Services</a></li>
                                <li><a href="?a=buy-btc">Buy/Sell</a></li>
                                <li><a href="?a=legal">Legal</a></li>
                            </ul>
                            <!-- navigation end -->
                            <div class="uk-navbar-item in-mobile-nav uk-hidden@m"><a class="uk-button" href="#modal-full" data-uk-toggle="" aria-expanded="false"><i class="fas fa-bars"></i></a>
                                <div id="modal-full" class="uk-modal-full uk-modal" data-uk-modal="">
                                    <div class="uk-modal-dialog uk-flex uk-flex-center uk-flex-middle" data-uk-height-viewport="">
                                        <a class="uk-modal-close-full uk-button"><i class="fas fa-times"></i></a>
                                        <div class="uk-width-large uk-padding-large">
                                            <ul class="uk-nav-default uk-nav-parent-icon uk-nav" data-uk-nav="">
                                                <li class="uk-active uk-parent"><a href="#">Company</a>
                                                    <ul class="uk-nav-sub" hidden="">
                                                        <li><a href="?a=about">About Us</a></li>
                                                        <li><a href="?a=faq">FAQ's</a></li>
                                                        <li><a href="?a=support">Contact Us</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="?a=mkts">Markets</a></li>
                                                <li><a href="?a=pricing">Plans</a></li>
                                                <li><a href="?a=services">Our Services</a></li>
                                                <li><a href="?a=buy-btc">Buy/Sell</a></li>
                                                <li><a href="?a=legal">Legal</a></li>
                                            </ul>
                                            <a href="?a=login" class="uk-button uk-button-primary uk-border-rounded uk-align-center" style="margin-bottom : -12px">Log in<i class="fas fa-sign-in-alt uk-margin-small-left"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="uk-navbar-right">
                        <div class="uk-navbar-item uk-visible@m in-optional-nav">
                            <a href="?a=login" class="uk-button uk-button-text">Log in<i class="fas fa-arrow-circle-right uk-margin-small-left"></i></a>
                            <a href="?a=signup" class="uk-button uk-button-primary uk-border-rounded">Sign up<i class="fas fa-arrow-circle-right uk-margin-small-left"></i></a>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>