<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="hu" />
        <title>Sign up</title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />

                <meta name="robots" content="noindex" />
        
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest">
        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="theme-color" content="#ffffff">

                <!-- meta name="viewport" content="width=device-width, initial-scale=1.0" -->

                
                <meta name="viewport" content="maximum-scale=10">

                                <link type="text/css" rel="stylesheet" href="/css/779cb9f.css?v102">
                    
        <script>
            var alerts = [];
            var triggers = [];
            var player_ready = false;
            var is_owner = false;
            var geoip_country_code = 'US';
            var lang = 'hu';
            var lang_pref = '/hu';
        </script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        
            <!-- script src="https://www.google.com/recaptcha/api.js?render=6Lfm1eoUAAAAAI3zH1ogaCl3uMOnxCDbPOW6aHET"></script -->
    <!-- script>
        grecaptcha.ready(function() {
            grecaptcha.execute('6Lfm1eoUAAAAAI3zH1ogaCl3uMOnxCDbPOW6aHET', {action: 'homepage'}).then(function(token) {

                // send recaptcha for validation
                //console.log("token", token);
                $.ajax({
                    type: "POST",
                    url: location.href,
                    data: {
                        "_captcha_response": token,
                        "_user_agent": navigator.userAgent,
                        "_referrer": document.referrer
                    },
                    success: function(data) {
                        console.log("DATA", data);
                        if (data.success == true) {
                            console.log("reCaptcha ok");
                            //setTimeout("location.href='" + data.redir + "'", 100);
                        } else {
                            // TODO: show error fields
                            Toast.defaults.displayDuration=8000;
                            Toast.error(data.message, 'Error');
                        }
                    },
                    fail: function() {
                        console.log('Send data failed');
                        Toast.defaults.displayDuration=8000;
                        Toast.error('reCaptcha failed', 'Error');
                    },
                    statusCode: {
                        500: function(data) {
                            console.log('Error', data.responseJSON.message);
                            Toast.defaults.displayDuration=8000;
                            Toast.error('reCaptcha failed: ' + data.responseJSON.message, 'Error');
                        }
                    }
                });

            });
        })
    </script -->

    </head>
    <body>

        
    
<!-- steady bg -->
<div id="bg"
     style="background:url(/i/bg/942b2b432260edda69d1f1651f81d55c.jpg) center no-repeat;
		background-size:cover;">
</div>
<script>
    var bg_move_mode = 2;
    var bgimg = "/i/bg/wide-road-dark.jpg";
</script>



<div id="all_wr">
    <div id="container">
        <div id="wdth">

                        
            <div id="top_wr">

                <div class="top_menu_wr">

                    <div id="soc_div">

                                                <div class="top_mitem" onclick="location.href='/hu/signin/'">
                            <span class="desktop-hide pad-hide mobile-show"><img src="/i/icon/lock-icon.svg"></span>
                            <span class="mobile-hide">Bejelentkezés</span>
                        </div>
                        
                        
                        <div class="top_mitem_green" id="add_vid_btn" onclick="toggle_modal()">
                            <span class="mobile-hide pad-hide">YouTube videó hozzáadása</span>
                            <span class="desktop-hide">+Video</span>
                        </div>

                        <!-- div id="top_mitem_allvids" class="top_mitem" onclick="all_videos()">
                            Összes videó
                        </div -->

                        <div id="top_mitem_filter" class="top_mitem" onclick="toggle_filter()">
                            <img src="/i/icon/search-icon-2.svg" class="search_btn">
                            <span class="mobile-hide pad-hide ml-05">Szűrő</span>
                        </div>

                        <div id="top_mitem_rating" class="top_mitem pad-hide" onclick="location.href='/hu/rating/all/'">
                            <!-- img src="/i/icon/search-icon-2.svg" class="search_btn" -->
                            World Rankings
                        </div>

                        
                        <div id="top_mitem_lang_sel" class="top_mitem lang_sel" data-shortcode="/hu" onclick="toggle_lang_sel(this)">
                            <span class="mobile-hide pad-hide">
                                                                                                                                                United States
                                     - magyar
                                                            </span>
                        </div>

                    </div>

                    <div id="logo_div">
                        <a href="/hu/">
                            <div id="lgo">
                                                                <img src="/i/gethigh-fitness.svg" id="lg" alt="GETHIGH" title="GETHIGH on fitness - indoor cycling videos" />
                                <div class="c3">
                                    <span>indoor cycling, enjoyable</span>
                                    <!-- span class="c2">is</span>
                                    <span>fun</span -->
                                </div>
                                                            </div>
                        </a>
                    </div>

                </div>

                <div class="filter_rel">
                    <div class="filter_wrap filter_panel" id="filter" style="display: none">

                        <div class="panel-content-width">
                            <div class="content_padd">

                                <div id="filter_extra" class="filter_row">
                                    <br>
                                    <form action="/hu/search-videos/" method="get" id="search_form">
                                        <input name="query" class="textinputs" type="text"
                                               value="search query" style="color:#ccc"
                                               onfocus="this.style.color='#000'; if(this.value=='search query') this.value=''"
                                               onblur="if(this.value=='') { this.value=''; this.style.color='#ccc'; }"
                                        />
                                        <img src="/i/icon/search-icon-2.svg" class="search_btn"
                                             onclick="document.getElementById('search_form').submit()">
                                        <input type="submit" class="hidden_1px">
                                    </form>

                                </div>

                                <div class="filter_row">

                                    <div class="quarter_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="time_0_20" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/1.png) 1rem center no-repeat; background-size: auto 80%; padding: 1rem 1rem 1rem 4rem; text-align: left;">
                                                <span>10-20 perc</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="quarter_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="time_20_40" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/2.png) 1rem center no-repeat; background-size: auto 80%; padding: 1rem 1rem 1rem 4rem; text-align: left;">
                                                <span>20-40 perc</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="quarter_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="time_40_80" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/3a.png) 1rem center no-repeat; background-size: auto 80%; padding: 1rem 1rem 1rem 4rem; text-align: left;">
                                                <span>40-80 perc</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="quarter_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="time_80_1000" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/4.png) 1rem center no-repeat; background-size: auto 80%; padding: 1rem 1rem 1rem 4rem; text-align: left;">
                                                <span>&gt;80 perc</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="clear"></div>

                                    <div class="filter_genres">

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1001" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-sport.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>Sport</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1005" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-road.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>Úti</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1002" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-commute.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>Ingázás</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1003" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-mtb.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>MTB</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1006" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-cross.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>Cross</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="six_block">
                                            <div class="filter_option_padd">
                                                <div class="filter_option" id="tag_genre_1004" onclick="sel_btn(this.id)"
                                                     style="background: url(/i/tag/tag-bmx.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                    <span>BMX</span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="clear"></div>


                                    <div class="third_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_season_2005" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-summer.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Nyár</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="third_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_season_2006" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-winter.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Tél</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="third_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_season_2007" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-other.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Egyéb évszak</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="clear"></div>


                                    <div class="half_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_music_3008" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-music.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Zenés</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="half_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_music_3009" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-no_music.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Zene nélküli</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="clear"></div>


                                    <div class="half_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_time-of-day_4010" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-day.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Reggeli/nappali</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="half_block">
                                        <div class="filter_option_padd">
                                            <div class="filter_option" id="tag_time-of-day_4011" onclick="sel_btn(this.id)"
                                                 style="background: url(/i/tag/tag-night.svg) 1rem center no-repeat; background-size: auto 80%;">
                                                <span>Este/éjszaka</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>


                                </div>

                                <div class="filter_row">

                                    <!-- div class="spoiler_link spl_left mobile-hide">
                                        <span class="spl"
                                              id="more_options_link"
                                              onclick="toggle_more_options()"
                                        >további opciók ▼</span>
                                    </div -->

                                    <div class="top_mitem_green inline_btn" id="filter_btn" onclick="apply_filter()">
                                        Show
                                    </div>

                                    <div class="spoiler_link spl_right" onclick="toggle_filter()">
                                        <span class="spl">bezárás ▲</span>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>
                </div>

                <div class="filter_rel">
    <div class="filter_wrap lang_sel_panel" id="lang_sel">
        <div class="panel-content-width">
            <div class="content_padd">

                <div class="filter_row">

                                          <ul class="quarter_block">
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/US.png) 0 center no-repeat;"
                                    data-shortcode="en_US"
                                     onclick="sel_locale('en_US', '/signup/');">
                                    <span><strong>United States</strong> - English</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/CZ.png) 0 center no-repeat;"
                                    data-shortcode="cs_CZ"
                                     onclick="sel_locale('cs_CZ', '/cs/signup/');">
                                    <span><strong>Česko</strong> - Čeština</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/DK.png) 0 center no-repeat;"
                                    data-shortcode="da_DK"
                                     onclick="sel_locale('da_DK', '/da/signup/');">
                                    <span><strong>Danmark</strong> - Dansk</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/DE.png) 0 center no-repeat;"
                                    data-shortcode="de_DE"
                                     onclick="sel_locale('de_DE', '/de/signup/');">
                                    <span><strong>Deutschland</strong> - Deutsch</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/ES.png) 0 center no-repeat;"
                                    data-shortcode="es_ES"
                                     onclick="sel_locale('es_ES', '/es/signup/');">
                                    <span><strong>España</strong> - Español</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/FR.png) 0 center no-repeat;"
                                    data-shortcode="fr_FR"
                                     onclick="sel_locale('fr_FR', '/fr/signup/');">
                                    <span><strong>France</strong> - Français</span>
                                </div>
                            </li>
                                              </ul>

                                          <ul class="quarter_block">
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/ID.png) 0 center no-repeat;"
                                    data-shortcode="id_ID"
                                     onclick="sel_locale('id_ID', '/id/signup/');">
                                    <span><strong>Indonesia</strong> - Indonesia</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/IT.png) 0 center no-repeat;"
                                    data-shortcode="it_IT"
                                     onclick="sel_locale('it_IT', '/it/signup/');">
                                    <span><strong>Italia</strong> - Italiano</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/HU.png) 0 center no-repeat;"
                                    data-shortcode="hu_HU"
                                     onclick="sel_locale('hu_HU', '/hu/signup/');">
                                    <span><strong>Magyarország</strong> - Magyar</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/NO.png) 0 center no-repeat;"
                                    data-shortcode="nb_NO"
                                     onclick="sel_locale('nb_NO', '/nb/signup/');">
                                    <span><strong>Norge</strong> - Bokmål</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/PL.png) 0 center no-repeat;"
                                    data-shortcode="pl_PL"
                                     onclick="sel_locale('pl_PL', '/pl/signup/');">
                                    <span><strong>Polska</strong> - Polski</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/BR.png) 0 center no-repeat;"
                                    data-shortcode="pt_BR"
                                     onclick="sel_locale('pt_BR', '/pt/signup/');">
                                    <span><strong>Brasil</strong> - Português</span>
                                </div>
                            </li>
                                              </ul>

                                          <ul class="quarter_block">
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/RO.png) 0 center no-repeat;"
                                    data-shortcode="ro_RO"
                                     onclick="sel_locale('ro_RO', '/ro/signup/');">
                                    <span><strong>România</strong> - Română</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/FI.png) 0 center no-repeat;"
                                    data-shortcode="fi_FI"
                                     onclick="sel_locale('fi_FI', '/fi/signup/');">
                                    <span><strong>Suomi</strong> - Suomi</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/SE.png) 0 center no-repeat;"
                                    data-shortcode="sv_SE"
                                     onclick="sel_locale('sv_SE', '/sv/signup/');">
                                    <span><strong>Sverige</strong> - Svenska</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/TR.png) 0 center no-repeat;"
                                    data-shortcode="tr_TR"
                                     onclick="sel_locale('tr_TR', '/tr/signup/');">
                                    <span><strong>Türkiye</strong> - Türkçe</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/CN.png) 0 center no-repeat;"
                                    data-shortcode="zh_CN"
                                     onclick="sel_locale('zh_CN', '/zh/signup/');">
                                    <span><strong>中国</strong> - 中文</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/JP.png) 0 center no-repeat;"
                                    data-shortcode="ja_JP"
                                     onclick="sel_locale('ja_JP', '/ja/signup/');">
                                    <span><strong>日本</strong> - 日本語</span>
                                </div>
                            </li>
                                              </ul>

                                          <ul class="quarter_block">
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/AE.png) 0 center no-repeat;"
                                    data-shortcode="ar_AE"
                                     onclick="sel_locale('ar_AE', '/ar/signup/');">
                                    <span><strong>الإمارات العربية المتحدة</strong> - العربية</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/KR.png) 0 center no-repeat;"
                                    data-shortcode="ko_KR"
                                     onclick="sel_locale('ko_KR', '/ko/signup/');">
                                    <span><strong>대한민국</strong> - 한국어</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/RU.png) 0 center no-repeat;"
                                    data-shortcode="ru_RU"
                                     onclick="sel_locale('ru_RU', '/ru/signup/');">
                                    <span><strong>Россия</strong> - Русский</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/RS.png) 0 center no-repeat;"
                                    data-shortcode="sr_RS"
                                     onclick="sel_locale('sr_RS', '/sr/signup/');">
                                    <span><strong>Србија</strong> - Српски</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/IN.png) 0 center no-repeat;"
                                    data-shortcode="hi_IN"
                                     onclick="sel_locale('hi_IN', '/hi/signup/');">
                                    <span><strong>भारत</strong> - हिन्दी</span>
                                </div>
                            </li>
                                                    <li
                                                            >
                                                                <div rel="nofollow" style="background: url(/i/rating/flags16/TH.png) 0 center no-repeat;"
                                    data-shortcode="th_TH"
                                     onclick="sel_locale('th_TH', '/th/signup/');">
                                    <span><strong>ไทย</strong> - ไทย</span>
                                </div>
                            </li>
                                              </ul>

                    
                    <div class="clear"></div>

                </div>

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




                                <div class="cat-menu">
                    <div class="cat-menu-pad">

                        <a class="cat-menu-howto" href="/hu/blog/1-minute-indoor-cycling-game-setup/">
                            Hogyan kell<span>?</span>
                        </a>

                                                <a class="cat-menu-item" href="/hu/cat/%C5%91r%C3%BClt/">Őrült</a>
                                                <a class="cat-menu-item" href="/hu/cat/motiv%C3%A1ci%C3%B3/">Motiváció</a>
                        
                        <a class="cat-menu-item" href="/hu/indoor-cycling/15-min/">~15 perc</a>
                        <a class="cat-menu-item" href="/hu/indoor-cycling/45-min/">~45min</a>
                        <a class="cat-menu-item" href="/hu/indoor-cycling/60-min/">&gt;60 perc</a>
                        <a class="cat-menu-item" href="/hu/geo/">Utazás a Világ</a>
                        <a class="cat-menu-item" href="/hu/search-videos/?query=latest">Legújabb videók</a>

                        <a class="cat-menu-item" href="/hu/all-categories/">Minden kategóriában</a>

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

            
            <table id="main"><tr><td>

                        <div class="main_wrap">

    <div class="content_width">
        <div class="content_padd">


            <div class="content ">

                
                
                
                
    <style type="text/css">
        .content_width {
            max-width: 29rem;
            min-width: 29rem;
        }
        .oauth_btn_a {
            text-decoration: none;
            height: 3rem;
            vertical-align: middle;
            cursor: pointer;
        }
        .oauth_login_btn {
            border: 1px solid #ccc;
            /* width: 20.5rem; */
            height: 3rem;
            line-height: 3rem;
            /*-webkit-box-shadow: 1px 2px 8px 0px rgba(0,0,0,0.57);
            -moz-box-shadow: 1px 2px 8px 0px rgba(0,0,0,0.57);
            box-shadow: 1px 2px 8px 0px rgba(0,0,0,0.57);*/
        }
        img.oauth_logo {
            height: 2.4rem;
            float: left;
            vertical-align: middle;
            margin: 0.3rem 0.5rem 0 0.3rem;
        }
        img.oauth_logo_google {
            height: 1.5rem;
            float: left;
            vertical-align: middle;
            margin: 0.8rem 4rem 0 0.9rem;
        }
        .oauth_login_label {
            margin: 0 0 0 1.5rem;
            color: #666;
            font-size: 0.85rem;
        }
        .oauth_login_btn.fb_oauth {
            background-color: #3b5998;
            border-color: #3b5998;
            color:#fff;
        }
        .oauth_login_btn.fb_oauth:hover {
            background-color: #2f4998;
        }
        .fb_oauth .oauth_login_label {
            color:#fff;
        }
        .fb_oauth .oauth_logo {
            height: 1.6rem;
            margin: 0.7rem 3.8rem 0 0.8rem;
        }

        .login_btns_liner {
            margin: 1.5rem 0 1.5rem 0;
            border-bottom: 1px solid #ccc;
        }

        .login_btns_or {
            float: left;
            width: 100%;
            text-align: center;
            margin: -2.5rem 0 0 0;
        }

        .login_btns_or_caption {
            padding: 0 1rem 0 1rem;
            background: #fff;
            display: inline-block;
            color: #666;
        }

        .auth_error {
            text-align: center;
            font-size: 0.8rem;
            margin-bottom: 1rem;
            color: #d90404;
        }

        .terms_links {
            font-size: 0.8rem;
            text-align: center;
            margin: 1.5rem 0 0 0;
            line-height: 135%;
        }

        .signup_link {
            text-align: center;
            font-size: 0.9rem;
            margin: 1rem 0 1.5rem 0;
        }

        .back_btn_body {
            width: 2.8rem;
            height: 2.8rem;
            border: 0.15rem solid #666;
            border-radius: 1.5rem;
            display: inline-block;
            background: url(/i/icon/arrow-left.png) 0.9rem center no-repeat;
            background-size: auto;
            background-size: 0.8rem auto;
        }

        .round_back_btn {
            text-align: center;
            cursor:pointer;
        }

    </style>

    <script>

    var switch_to_form = function() {
        $("#login_buttons").slideUp();
        $("#login_form").slideDown();
    };

    var back_to_social_buttons = function() {
        $("#login_buttons").slideDown();
        $("#login_form").slideUp();
    };


    var ajax_signup = function() {

        $("#loading_gif").show();
        var loading = true;

        $.ajax({
            type: "POST",
            url: '/api/v1/register_user',
            data: {
                "email": $("#login").val(),
                "password": $("#password").val(),
                "password_repeat": $("#password_repeat").val(),
                "lang": 'hu',
                "firstname": $("#fname").val(),
                "lastname": $("#lname").val(),
                "nick": $("#nick").val(),
                "power_tuning": 1
            },
            success: function(data) {
                console.log("DATA", data);
                $("#loading_gif").hide();
                loading = false;
                if (data.success == true) {
                    console.log("registration ok");
                    setTimeout("location.href='" + data.redir + "'", 100);
                } else {

                    Toast.defaults.displayDuration=8000;
                    Toast.error(data.message, 'Error');
                }
            },
            fail: function() {
                $("#loading_gif").hide();
                loading = false;
                console.log('Send data failed');
                Toast.defaults.displayDuration=8000;
                Toast.error('reCaptcha failed', 'Error');
            },
            statusCode: {
                500: function(data) {
                    $("#loading_gif").hide();
                    loading = false;
                    console.log('Error', data.responseJSON.message);
                    Toast.defaults.displayDuration=8000;
                    Toast.error('reCaptcha failed: ' + data.responseJSON.message, 'Error');
                }
            }
        });

    }

    </script>


    
    <form id="signup_form" action="" method="post" onsubmit="return false">

        <label for="login">e-mail <span style="color:red">*</span></label><br>
        <input id="login" name="_username" class="textinputs" value="" type="text"><br>

        <label for="fname">first name <span style="color:red">*</span></label><br>
        <input id="fname" name="fname" class="textinputs" value="" type="text"><br>

        <label for="lname">last name <span style="color:red">*</span></label><br>
        <input id="lname" name="lname" class="textinputs" value="" type="text"><br>

        <label for="nick">game nickname <span style="color:red">*</span></label><br>
        <input id="nick" name="nick" class="textinputs" value="" type="text"><br>

        <label for="password">Jelszó <span style="color:red">*</span></label><br>
        <input id="password" name="_password" class="textinputs" type="password"><br>

        <label for="password_repeat">jelszó ismét <span style="color:red">*</span></label><br>
        <input id="password_repeat" name="_password_repeat" class="textinputs" type="password"><br>

        <div class="form_line" style="text-align: center; width: 20.6rem;">
            <button class="btn green-bg color-while" onclick="ajax_signup()">
                <img id="loading_gif" src="/i/loader/loader-in-button-green.gif" class="in-button-loader none">
                Sign Up
            </button>
        </div>

        

        <div class="signup_link">
            Already a Member? <a href="/hu/signin/">Sign in</a>
        </div>

    </form>

    <div class="terms_links">
        By signing up for Ambalco, you agree to the <br>
        <a target="_blank" href="/hu/page/terms/">Terms of Service</a> and our <a target="_blank" href="/hu/page/privacy/">Privacy Policy</a>.
    </div>


            </div>

        </div>
    </div>

    
                    </div> <!-- main wrap end -->


                <div id="foot_wr">

                    <div id="foot_left">
                        <a class="foot_padd" href="/hu/page/team/">Csapat<span class="mobile-hide">&amp; készítők</span></a>
                        <a class="foot_padd" href="/hu/blog/">Blog</a>
                        <!-- a class="foot_padd mobile-hide" href="/hu/page/api/">API</a -->
                        <a class="foot_padd" href="/hu/page/contacts/">Kapcsolat</a>
                    </div>

                    <div id="foot_right">
                        <a rel="nofollow" target="_blank" href="https://www.tiktok.com/@gethigh.fit"><img src="/i/icon/tiktok-icon.svg"></a>
                        <a rel="nofollow" target="_blank" href="https://instagram.com/gethigh.fitness"><img src="/i/icon/insta-icon.svg" style="width:1.5rem"></a>
                        <a rel="nofollow" target="_blank" href="https://www.youtube.com/channel/UCykfD3dPetIsRsRxxjgmaGQ"><img src="/i/icon/youtube-icon.svg"></a>
                        <a rel="nofollow" target="_blank" href="https://twitter.com/ambalco"><img src="/i/icon/twitter-icon.svg"></a>
                        <a rel="nofollow" target="_blank" href="https://www.linkedin.com/company/gethigh-fitness/"><img src="/i/icon/li-icon.svg"></a>
                        <a rel="nofollow" target="_blank" href="https://www.facebook.com/ambalco"><img src="/i/icon/facebook-icon.svg"></a>
                    </div>

                    <div class="clear"></div>
                    <div id="fb-root"></div>

                </div>


            </td></tr></table>

        <!-- foot was here -->

        </div><!-- wdth end -->

    </div>
</div>



        <div id="add_vid_form">
            <form id="msform">
                <!-- fieldsets -->
                <fieldset id="add_vid_fieldset">
                    <div id="add_vid_fields">
                        <h2 class="fs-title">YouTube videó hozzáadása</h2>
                        <h3 class="fs-subtitle">hogy bekerüljenek a játékba</h3>
                        <input type="text" id="add_yt_code" placeholder="YouTube link" />
                        <input type="text" id="add_title" placeholder="Videó címe (opcionális)" />
                        <input type="text" id="add_nick" placeholder="Beceneved" />
                        <!-- input type="text" name="add_description" placeholder="Leírás (opcionális)" / -->
                        <br><br>
                        <a onclick="toggle_modal()" class="add_vid_cancel">cancel</a>
                        <input type="submit" name="submit" class="submit action-button wel_green_btn" value="Videó hozzáadása" />
                    </div>
                </fieldset>
                <div id="add_vid_form_errors"></div>
            </form>

        </div>

        <link href='//fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>

                        <link type="text/css" rel="stylesheet" href="/css/4d841cd.css?v102" />
                
                            <script src="/js/c71a356.js?v102"></script>
                
        
        
        
        <!-- script src="https://unpkg.com/vue/dist/vue.js"></script -->
                    <!-- Global site tag (gtag.js) - Google Analytics -->
                        <!-- Google Analytics -->
            <script>
                window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
                ga('create', 'UA-23790048-1', 'auto');
                ga('send', 'pageview');
            </script>
            <script async src='https://www.google-analytics.com/analytics.js'></script>
            <!-- End Google Analytics -->

            <!-- Yandex.Metrika counter -->
            <!-- script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter47462014 = new Ya.Metrika2({ id:47462014, clickmap:true, trackLinks:true, accurateTrackBounce: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/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script>
            <noscript><div><img src="https://mc.yandex.ru/watch/47462014" style="position:absolute; left:-9999px;" alt="" /></div></noscript -->
            <!-- /Yandex.Metrika counter -->
        
        
        <div id="modal" class="none"><div id="modal-body"></div></div>

    </body>
</html>
