<!DOCTYPE html>
<html lang="en">
<head>
    <title>Active24</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <base href="https://cdn.active24.eu">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link rel="shortcut icon" type="image/x-icon" href="/logos/favicon.ico">

    <style>
      @font-face {
        font-family: 'Active24';
        src: url('https://cdn.active24.eu/fonts/OTF/Active24-Regular.otf') format("opentype"),
        url('https://cdn.active24.eu/fonts/OTF/Active24-Regular.woff2') format("woff2");
        font-weight: 400;
        font-display: swap;
      }
      @font-face {
        font-family: 'Active24';
        src: url('https://cdn.active24.eu/fonts/OTF/Active24-Medium.otf') format("opentype"),
        url('https://cdn.active24.eu/fonts/OTF/Active24-Medium.woff2') format("woff2");
        font-weight: 500;
        font-display: swap;
      }

      @font-face {
        font-family: 'Active24';
        src: url('https://cdn.active24.eu/fonts/OTF/Active24-Bold.otf') format("opentype"),
        url('https://cdn.active24.eu/fonts/OTF/Active24-Bold.woff2') format("woff2");
        font-weight: 600;
        font-display: swap;
      }

      :root {
        --a24-primary: #2EF379;
        --a24-primary-hover: #19ED56;
        --a24-primary-60: #82F8AE;
        --a24-primary-40: #ABFAC9;
        --a24-primary-20: #D6FDE4;
        --a24-primary-hover-40: #1c9249;
        --a24-champagne: #ECEBD5;
        --a24-champagne-60: #BDBCAA;
        --a24-champagne-40: #F7F7EE;
        --a24-mint: #3AE1D1;
        --a24-mustard: #FFD830;
        --a24-lavender: #B8A5FF;
        --a24-lavender-hover: #9c85ff;
        --a24-red: #FF685E;
        --a24-black: #282828;
        --a24-black-60: #7e7e7e;
        --a24-white: #ffffff;

        --bg: var(--a24-champagne-40);
        --text: var(--a24-black);
      }

      * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
      * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      .up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
      .up html { -webkit-text-size-adjust: none; }
      .up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
      .up input[type="button"]   { -webkit-appearance: none !important; }
      .up a { text-decoration: none; }
      .up img { border: 0 none; max-width: 100%; vertical-align: top; }
      .up a { outline: none; cursor: pointer; }
      .up a:hover { text-decoration: none; }
      .up a:focus { text-decoration: none !important; outline: none !important; }
      .up img { max-width: 100%; }
      .up button:focus {outline:0;}
      .up img { vertical-align: bottom; }
      /*Placeholder opacity cross browsers*/
      .up input::-webkit-input-placeholder { color: var(--a24-champagne-60); }
      .up input:-moz-placeholder { color: #000000; opacity:0.6; }
      .up input::-moz-placeholder { color: #000000; opacity:0.6; }
      .up input:-ms-input-placeholder { color: #000000; opacity:0.6; }
      .up button::-moz-focus-inner, .up input[type="submit"]::-moz-focus-inner { border: 0; }
      .up #login-form .sbSelector a{ color: #000 !important; }
      /* ~~~~~ Typography ~~~~~ */
      h1, h2, h3, h4, h5, h6 {font-family: 'Active24'; font-weight: normal;font-style: normal; padding: 0; margin: 0; line-height: 1.3; color: var(--text); letter-spacing: 0; }
      /* #Page Structure
      ================================================== */
      body.up { margin: 0; padding: 0; font-size: 16px; color: var(--text); background: var(--bg); font-family: "Arial", sans-serif; font-weight: 400; overflow-x: hidden;}
      .up .wrapper {width: 100%;
        min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 30px 0 70px 0;}
      .up .main { max-width: 1200px; margin: 0 auto; padding: 0 45px 45px;}
      /* page_1 Style
      ================================================== */
      .up .mid-container {width: 100%;}
      .up .logo img {width: 100%;max-width: 123px;}
      .up .imgblk {text-align: center;}
      .up .imgblk .imgbox {margin-bottom: 50px;}
      .up .imgblk .imgbox img {max-width: 630px;width: 100%;}
      .up .imgblk .content {margin-bottom: 52px;}
      .up .imgblk .content h1 {color: var(--text);font-size: 24px;text-align: center;line-height:1.17;margin-bottom: 16px;font-weight: 600;font-family: Arial;letter-spacing: 0px;}
      .up .imgblk .content p {color: var(--a24-black-60);font-size: 16px;text-align: center;line-height: 1.5;font-family: Arial;font-weight: 400;margin-bottom: 50px;}
      /* page_3 Style
      ================================================== */
      .up .content .bottom_blk {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;max-width: 450px;width: 100%;}
      .up .content .bottom_blk ul {list-style: none;}
      .up .content .bottom_blk .social_blk ul {display: flex;}
      .up .content .bottom_blk .social_blk ul li:first-child {margin-left: 0px;}
      .up .content .bottom_blk .social_blk ul li {font-family: 'Active24', Arial, sans-serif;font-size: 16px;line-height: 1.26;color: var(--text);text-align: center;font-weight: 400;margin-left: 42px;}
      .up .content .bottom_blk .social_blk ul li a {color: var(--text);transition: color 150ms ease-in-out}
      .up .content .bottom_blk .social_blk ul li a:focus,.up .content .bottom_blk .social_blk ul li a:hover {color: var(--a24-mint);}
      /* page Style
      ================================================== */
      body.page {background: var(--bg);}
      .page.up .logox {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 120px;}
      .page.up .imgblk {text-align: center;display: flex;width: 100%;}
      .page.up .imgblk .content {width: 50%;margin-bottom: 0;}
      .page.up .imgblk .imgbox {width: 50%;text-align: center; padding-top: 10%; padding-left: 15px; padding-right: 15px;}
      .page.up .imgblk .content h1 {font-family: 'Active24', Arial, sans-serif;font-size: 64px;line-height: 1.112;margin-bottom: 17px;text-align: left;font-weight: bold;}
      .page.up .imgblk .content h2 {font-family: 'Active24', Arial, sans-serif;font-size: 22.5px;line-height: 1.266;margin-bottom: 7px;text-align: left;font-weight: bold;}
      .page.up .imgblk .content h4 {font-family: 'Active24', Arial, sans-serif;font-size: 28px;line-height: 1.266;margin-bottom: 7px;text-align: left;font-weight: bold;}
      .page.up .imgblk .content p {font-family: 'Arial', sans-serif; font-size: 18px;text-align: left;margin: 0 0 24px 0;}
      .page.up .imgblk .content p a {color: var(--a24-primary-hover-40);text-decoration: underline;transition: color 150ms ease-in-out}
      .page.up .imgblk .content p a:focus,.page.up .imgblk .content p a:hover {color:var(--a24-primary-hover);}
      .page.up .imgblk .imgbox {margin-bottom: 50px;}
      .page.up form
      {outline: 0;float: left;-webkit-border-radius: 50px;position: relative;z-index:0;margin-top:10px;border: 1px solid var(--a24-champagne-60);background-color: #ffffff}
      .page.up form > .textbox {outline: 0;height: 72px;width: 400px;padding: 0 18px 0 2em;background-color: #ffffff;color: var(--text);border: 0;float: left;
        -webkit-border-radius: 50px 0 0 50px;border-radius: 50px 0 0 50px;font-family: 'Active24';font-weight: 600;font-size: 24px;
        line-height: 1.34;}
      .page.up form .search_btn {outline: 0;height: 72px;width: 72px;min-width: 72px;line-height: 72px;padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        appearance: none;
        border: none;
        background: var(--a24-primary);
        transform: scale(.9);
        color: #ffffff;border: 0;float: left;-webkit-border-radius: 36px;border-radius: 36px;
        position: relative;z-index: 0;cursor: pointer;}
      .page.up form .search_btn img {max-width: 24px;}
      .page.up .search_blk {margin: 64px 0 110px 0;}
      .page.up .btn_all {text-align: left;margin-bottom: 65px;}
      .page.up .btn_all a.btn {font-family: 'Active24', Arial, sans-serif   ;color: #3C0500;font-size: 16px;line-height:1.25;font-weight: 600;
        padding: 14px 26px 14px;text-align: center;display: inline-block;border-radius: 6px;position: relative;z-index: 0;}
      .page.up .btn_all a.btn::before
      {content: "";background: var(--a24-lavender);width: 100%;height: 100%;position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: -1; border-radius: 50px; transition: all 200ms ease-in-out}
      .page.up .btn_all a.btn:hover::before, .page.up .btn_all a.btn:focus::before{background-color: var(--a24-lavender-hover);}
      .page.up .countries {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: 20px;}
      .page.up .countries .flags {display: flex;}
      .page.up .countries .flags a:hover {opacity: 0.8;}
      .page.up .countries img {width: 20px; height: 20px; margin-right: 14px;}
      .page.up .content .bottom_blk { align-items: flex-start; }
      /* Responsive Style
      ================================================== */
      @media (max-width: 1440px) {
        .up .imgblk .content p {margin-bottom: 30px;}
        .page.up .search_blk {margin: 30px 0 110px 0;}
        .page.up .imgblk .content { width: 50%; }
        .page.up .imgblk .imgbox { width: 50%; }
        .page.up .imgblk .content h1 {font-size: 44px;}
      }
      @media (max-width: 1200px) {
        .page.up .imgblk .content { width: 50%; }
        .page.up .imgblk .imgbox { width: 50%; }
        .page.up .imgblk .content h1 {font-size: 40px;}
        .page.up .imgblk .content h2 {font-size: 20px;}
        .page.up .search_blk { margin: 50px 0 80px 0; }
        .page.up .imgblk .content h1 br {display: none;}
        .page.up .search_blk { margin: 30px 0 90px 0; }
        .page.up form {display: flex;justify-content: space-between;float: none;align-items: center;}
        .page.up form > .textbox { height: 45px; width: 270px; padding: 0 15px; font-size: 16px; line-height: 1;}
        .page.up form a.search_btn { height: 45px; width: 50px; line-height: 45px; }
        .page.up form a.search_btn img {max-width: 20px;}
      }
      @media (max-width: 767px) {
        .up .main {padding: 0 30px 30px;}
        .up .wrapper {padding: 10px 0;}
        .up .logo img { max-width: 80px; }
        .up .imgblk .content h1 {font-size: 20px;}
        .up .imgblk .content p {margin-bottom: 30px;}
        .up .imgblk .content p br {display: none;}
        .up .imgblk .imgbox { display: none; }
        .up .content .bottom_blk {padding: 20px 0;flex-wrap: wrap;max-width: 100%;}
        .up .social_blk {justify-content: center;width: 100%;margin-bottom: 15px;}
        .up .content .bottom_blk .social_blk ul {justify-content: space-between;}
        .page.up .imgblk {flex-wrap: wrap; width: 100%; max-width: 530px; margin: 0 auto;}
        .page.up .imgblk .content { width: 100%; order: 2;}
        .page.up .imgblk .imgbox { width: 100%; }
        .page.up .imgblk .content h1 { font-size: 34px;}
        .page.up .imgblk .content h2 {text-align: center;}
        .page.up .imgblk .content h4 {display: none;}
        .page.up form > .textbox { height: 42px; width: 240px; padding: 0 12px; font-size: 16px; line-height: 1; }
        .page.up form a.search_btn { height: 42px; width: 42px; line-height: 42px; }
        .page.up .search_blk { margin: 30px 0px; }
        .up .content .bottom_blk .social_blk ul li{margin-left: 25px;}
        .page.up .countries { width: 100%; align-items: center;}
        .page.up .btn_all {text-align: center;margin-bottom: 65px;}
        .page.up .btn_all .btn {width: 100%;}
        .page.up .logox {display: flex; align-items: center; justify-content: center;}
      }</style>
</head>
<body class="up page">

<div class="wrapper">
    <div class="mid-container">
        <div class="main">
            <div class="logox">
                <a href="https://www.active24.cz/">
                    <img src="/logos/a24-logo-green-no-safezone.svg" width="224" height="60" alt="Active24">
                </a>
            </div>
            <div class="imgblk">
                <div class="content">
                    <div class="czech">
                        <h4>Ups!</h4>
                        <h1>Tady už někdo
                            <br>
                            parkuje.
                        </h1>
                        <p>
                            Tato doména je již obsazena a směruje na hosting Active24.
                            <br>
                            Pokud jste vlastníkem této domény a chcete
                            <br>
                            začít se svým webem, uděláte to rychle a snadno
                            <br>
                            prostřednictvím
                            <a href="https://admin.active24.cz/">klientské zóny Active24.</a>
                        </p>
                        <div class="btn_all">
                            <a
                                href="https://admin.active24.cz/" class="btn"
                            >Začněte se svým webem</a>
                        </div>
                        <div class="search_blk">
                            <h4>Najděte si svou doménu na Active24:</h4>
                            <form
                                action="https://www.active24.cz/cart/domain-checker"
                                role="search"
                                method="get"
                            >
                                <input
                                    autofocus
                                    type="text"
                                    name="qd"
                                    class="textbox"
                                    autocomplete="off"
                                    placeholder="moje-domena.cz"
                                />
                                <button type="submit" class="search_btn">
                                    <img src="/parking-pages/search-light.png" alt="Hledat" class="sear_icon">
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="english" style="display:none;">
                        <h4>Whoops!</h4>
                        <h1>Someone has
                            <br>
                            already parked here.
                        </h1>
                        <p>This domain name is purchased and parked by another Active24
                            <br>
                           customer. If you are the owner of this domain and want to
                            <br>
                           get started with your website you do it quickly and easily
                            <br>
                            <a href="https://admin.active24.cz/">via Active24 Customer Zone.</a>
                        </p>
                        <div class="btn_all">
                            <a
                                href="https://admin.active24.cz/en" class="btn"
                            >Get started with your website</a>
                        </div>
                        <div class="search_blk">
                            <h4>Find your own domain at Active24:</h4>
                            <form
                                action="https://www.active24.cz/cart/domain-checker"
                                role="search"
                                method="get"
                            >
                                <input
                                    type="text"
                                    name="qd"
                                    autocomplete="off"
                                    class="textbox"
                                    placeholder="my-domain.com"
                                />
                                <button type="submit" class="search_btn">
                                    <img src="/parking-pages/search-light.png" alt="Hledat" class="sear_icon">
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="bottom_blk">
                        <div class="countries">
                            <div class="flags">
                                <a href="javascript:void(0);" onclick="changeLanguage('cz')">
                                    <img src="/parking-pages/flag_cz.png" alt="CZ" />
                                </a> <a href="javascript:void(0);" onclick="changeLanguage('en')">
                                    <img src="/parking-pages/flag_eng.png" alt="EN" />
                                </a>
                            </div>
                        </div>
                        <div class="social_blk">
                            <ul class="czech">
                                <li><a href="https://admin.active24.cz/">Klientská zóna</a></li>
                                <li><a href="https://www.active24.cz/">Active24</a></li>
                                <li><a href="https://www.active24.cz/support/">Pomoc</a></li>
                            </ul>
                            <ul class="english" style="display:none;">
                                <li><a href="https://admin.active24.cz/">Customer zone</a></li>
                                <li><a href="https://www.active24.cz/">Active24</a></li>
                                <li><a href="https://www.active24.cz/support/">Help</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="imgbox">
                    <img src="/parking-pages/a24-parking-eyes.png" alt="Ups!" aria-hidden="true">
                </div>
            </div>
        </div>
    </div>
</div>

<script>
  var czech = document.querySelectorAll('.czech');
  var english = document.querySelectorAll('.english');

  function getLang() {
    return (navigator.languages !== undefined) ? navigator.languages[0] : navigator.language;
  }

  function show(elements) {
    elements.forEach((element) => {
      element.style.display = null;
    });
  }

  function hide(elements) {
    elements.forEach((element) => {
      element.style.display = 'none';
    });
  }

  function changeLanguage(countryCode) {
    if (countryCode === 'cz') {
      show(czech);
      hide(english);
    } else {
      hide(czech);
      show(english);
    }
  }

  var locale = getLang();
  if (locale === 'en-US' || locale === 'en-GB' || locale === 'en') {
    changeLanguage('en');
  } else {
    changeLanguage('cz');
  }
</script>
</body>
</html>