Copy environment

Front Page

<header class="header  ">
    <div class="container">
        <a href="#" class="logo  header__logo">
    <span class="logo__label">gotoAndPlay</span>
    <svg xmlns="http://www.w3.org/2000/svg" width="170" height="29" viewBox="0 0 170 29" class="logo__img" fill="#353635" fill-rule="evenodd">
        <path d="M17.689,12.756c1.278,0.734,1.278,1.934,0,2.668s-3.366,1.935-4.643,2.668-2.321.133-2.321-1.335V11.422c0-1.466,1.043-2.066,2.321-1.333ZM28.049,26V13.952a14.015,14.015,0,1,0-5.184,10.824v1.668a0.494,0.494,0,0,0,.144.355c0.18,0.14.582,0.518,2.36,0.518a3.982,3.982,0,0,0,2.523-.506,0.551,0.551,0,0,0,.157-0.42V26ZM14.024,23.486a9.535,9.535,0,1,1,9.582-9.534A9.568,9.568,0,0,1,14.024,23.486ZM42.695,12.074q-2.9,0-2.894,3.485v2.36a4.168,4.168,0,0,0,.634,2.552,2.624,2.624,0,0,0,2.206.823,4.391,4.391,0,0,0,3-1.153V13.419A3.884,3.884,0,0,0,42.695,12.074Zm5.35,10.893Q48.045,29,42.474,29a9.3,9.3,0,0,1-3.749-.659,1.025,1.025,0,0,1-.359-1.756,0.866,0.866,0,0,1,.827-0.219,6.62,6.62,0,0,0,.634.192l0.663,0.165a8.061,8.061,0,0,0,1.847.22q3.308,0,3.309-3.868V22.308a5.933,5.933,0,0,1-3.419,1.1q-4.854,0-4.853-5.761V15.833q0-5.87,4.909-5.872A5.272,5.272,0,0,1,45.646,11.2V11.169a1.183,1.183,0,0,1,.344-0.851,1.127,1.127,0,0,1,.84-0.357,1.171,1.171,0,0,1,.883.343,1.2,1.2,0,0,1,.332.864v11.8Zm11.028-7.326q0-3.457-3.143-3.457-3.115,0-3.116,3.457v2.826q0,3.486,3.116,3.485,3.145,0,3.143-3.485V15.641ZM60.2,22.473a5.318,5.318,0,0,1-4.274,1.674,5.28,5.28,0,0,1-4.246-1.674,5.933,5.933,0,0,1-1.3-4.006V15.641a5.937,5.937,0,0,1,1.3-4.006A5.283,5.283,0,0,1,55.93,9.961,5.321,5.321,0,0,1,60.2,11.635a5.94,5.94,0,0,1,1.3,4.006v2.826A5.936,5.936,0,0,1,60.2,22.473Zm10.327,1.18a1.05,1.05,0,0,1-.787.329H68.918a4.341,4.341,0,0,1-3.833-1.619,7.746,7.746,0,0,1-.966-4.308V12.184h-0.8a1.011,1.011,0,0,1-.743-0.3,0.973,0.973,0,0,1-.3-0.713,1.033,1.033,0,0,1,1.047-1.043h0.8V7.3a1.157,1.157,0,0,1,.358-0.85,1.171,1.171,0,0,1,.855-0.357,1.126,1.126,0,0,1,.842.357,1.184,1.184,0,0,1,.344.85v2.827h2.564a1.02,1.02,0,0,1,.745.3,1.009,1.009,0,0,1,.3.741,0.975,0.975,0,0,1-.3.713,1.016,1.016,0,0,1-.745.3H66.518v5.845a5.764,5.764,0,0,0,.523,2.935,2.375,2.375,0,0,0,2.152.823h0.551a1.076,1.076,0,0,1,.787.315,1.064,1.064,0,0,1,.317.783A1.076,1.076,0,0,1,70.531,23.653Zm9.94-8.012q0-3.457-3.144-3.457-3.115,0-3.116,3.457v2.826q0,3.486,3.116,3.485,3.145,0,3.144-3.485V15.641ZM81.6,22.473a6.257,6.257,0,0,1-8.519,0,5.929,5.929,0,0,1-1.3-4.006V15.641a5.933,5.933,0,0,1,1.3-4.006,6.257,6.257,0,0,1,8.519,0,5.936,5.936,0,0,1,1.3,4.006v2.826A5.932,5.932,0,0,1,81.6,22.473ZM92.975,12.444Q92.161,10.125,91.2,7.711q-1.875,4.8-3.309,9.356H94.5Q93.788,14.764,92.975,12.444Zm5.708,10.468a1.181,1.181,0,0,1,.013.165,1.026,1.026,0,0,1-.385.837,1.365,1.365,0,0,1-.884.315,1.13,1.13,0,0,1-1.183-.96q-0.195-.768-0.469-1.742T95.14,19.317H87.252q-0.386,1.318-1.075,3.951a1.116,1.116,0,0,1-1.157.96,1.287,1.287,0,0,1-.856-0.329,1.066,1.066,0,0,1-.385-0.851,1.447,1.447,0,0,1,.055-0.329q1.048-4.335,2.509-8.725t3.308-8.917a1.607,1.607,0,0,1,3.172,0q1.763,4.336,3.213,8.711t2.606,8.931C98.659,22.793,98.673,22.858,98.683,22.912ZM110.73,23.8a1.178,1.178,0,0,1-.867.342,1.145,1.145,0,0,1-.841-0.342,1.167,1.167,0,0,1-.345-0.864V15.2a3.538,3.538,0,0,0-.523-2.14,2.485,2.485,0,0,0-2.095-.824,3.539,3.539,0,0,0-3.338,1.729V22.94a1.144,1.144,0,0,1-.358.864,1.2,1.2,0,0,1-.855.342,1.223,1.223,0,0,1-1.214-1.207V13.693a1.759,1.759,0,0,0-.855-1.729,0.834,0.834,0,0,1-.469-0.8,0.991,0.991,0,0,1,1.187-1.043,2.349,2.349,0,0,1,1.488.576,2.643,2.643,0,0,1,.608.906,5.552,5.552,0,0,1,4.3-1.646q4.521,0,4.522,5.022V22.94A1.164,1.164,0,0,1,110.73,23.8Zm10.631-10.5a3.913,3.913,0,0,0-2.868-1.262q-2.951,0-2.95,3.7v2.991q0,3.32,3.006,3.32a4.221,4.221,0,0,0,2.812-1.153v-7.6Zm2.454,10.838a2.136,2.136,0,0,1-1.986-1.207,5.914,5.914,0,0,1-3.611,1.207q-5.1,0-5.1-5.542v-2.5q0-6.146,4.935-6.146a5.461,5.461,0,0,1,3.309,1.07V5.3a1.131,1.131,0,0,1,.345-0.836,1.179,1.179,0,0,1,.868-0.344,1.148,1.148,0,0,1,.841.344,1.135,1.135,0,0,1,.345.836V20.58a1.774,1.774,0,0,0,.772,1.728,0.836,0.836,0,0,1,.469.8A0.99,0.99,0,0,1,123.815,24.147ZM137.3,9.413a2.765,2.765,0,0,0-.827-2.086,4.383,4.383,0,0,0-3.2-1.015h-3.86V13.8h4.219a3.963,3.963,0,0,0,2.811-.905,2.839,2.839,0,0,0,.855-2.141V9.413Zm0.855,5.213a6.461,6.461,0,0,1-4.467,1.455h-4.273v6.914a1.242,1.242,0,1,1-2.483,0V5.215a1.206,1.206,0,0,1,.358-0.864,1.178,1.178,0,0,1,.883-0.371h5.267a6.642,6.642,0,0,1,4.936,1.728,5.077,5.077,0,0,1,1.405,3.677v1.4A4.953,4.953,0,0,1,138.153,14.626Zm6.065,9.521a2.281,2.281,0,0,1-1.489-.576,3.058,3.058,0,0,1-1.075-2.552V5.3a1.111,1.111,0,0,1,.359-0.836,1.234,1.234,0,0,1,1.709,0,1.114,1.114,0,0,1,.359.836V20.58a1.754,1.754,0,0,0,.855,1.728,0.836,0.836,0,0,1,.468.8A0.989,0.989,0,0,1,144.218,24.147Zm10.341-6.365h-2.9q-2.923,0-2.923,2.14V20.14q0,2.14,2.839,2.14,2.979,0,2.979-2.881V17.781Zm2.453,6.365a1.95,1.95,0,0,1-1.433-.576,1.8,1.8,0,0,1-.551-0.823,5.01,5.01,0,0,1-3.861,1.4,5.256,5.256,0,0,1-3.695-1.152,3.781,3.781,0,0,1-1.13-2.881v-0.22a3.563,3.563,0,0,1,1.213-2.853,5.945,5.945,0,0,1,3.86-1.126h3.144V15.257a4.159,4.159,0,0,0-.552-2.469,2.735,2.735,0,0,0-2.289-.823,5.81,5.81,0,0,0-2.811.686,1.226,1.226,0,0,1-.58.165A0.947,0.947,0,0,1,147.6,12.5a1.044,1.044,0,0,1-.289-0.727,0.987,0.987,0,0,1,.5-0.851,7.594,7.594,0,0,1,4.054-.96,5.081,5.081,0,0,1,4.026,1.4,6.394,6.394,0,0,1,1.074,4.115v5.1a1.813,1.813,0,0,0,.772,1.728,0.912,0.912,0,0,1,.469.8A0.989,0.989,0,0,1,157.012,24.147Zm9.184-2.085a14.981,14.981,0,0,1-2.787,5.158A5.725,5.725,0,0,1,159.385,29a1.227,1.227,0,0,1-.966-0.33,1.159,1.159,0,0,1-.358-0.851,1.038,1.038,0,0,1,1.13-1.152q2.427-.082,3.888-2.8-1.572-3.923-2.73-7.01t-1.875-5.42c-0.019-.072-0.032-0.137-0.042-0.192a1.335,1.335,0,0,1-.013-0.192,0.992,0.992,0,0,1,.358-0.8,1.287,1.287,0,0,1,.855-0.3,1.078,1.078,0,0,1,1.048.823q0.744,2.334,1.64,4.843t1.944,5.227l3.419-10.1a1.1,1.1,0,0,1,1.1-.8,1.253,1.253,0,0,1,.855.316,1.029,1.029,0,0,1,.358.809,1.473,1.473,0,0,1-.082.466Z"/>
    </svg>
</a>
        <button class="header__nav-button js-nav-toggle">
                <svg class="icon  header__nav-toggle-icon header__nav-toggle-icon--open">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#menu"></use>
</svg>
                <svg class="icon  header__nav-toggle-icon header__nav-toggle-icon--close">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#menu-close"></use>
</svg>
                <span class="header__nav-button-label">Navigation</span>
            </button>
        <nav class="header__nav">
            <ul class="header__nav-list">
                <li class="header__nav-item is-current">
                    <a href="#" class="link  header__nav-link">
    Work
</a>
                </li>
                <li class="header__nav-item">
                    <a href="#" class="link  header__nav-link">
    Team
</a>
                </li>
                <li class="header__nav-item">
                    <a href="#" class="link  header__nav-link">
    Contact
</a>
                </li>
                <li class="header__nav-item">
                    <a href="#" class="link  header__nav-link">
    About
</a>
                </li>
                <li class="header__nav-item header__nav-item--mobile">
                    <a href="#" class="link  header__nav-link">
    Brand kit
</a>
                </li>
                <li class="header__nav-item header__nav-item--mobile">
                    <a href="#" class="link  header__nav-link">
    Privacy Policty
</a>
                </li>
            </ul>
        </nav>
    </div>
    <div class="header__background">
        <svg class="header__background-triangle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 177.23">
            <path d="M142.34,61.33a30.14,30.14,0,0,1,0,54.87l-95,54.6C21.41,185.88,0,173.51,0,143.35V33.88C0,3.72,21.41-8.65,47.34,6.43l95,54.9"/>
        </svg>
    </div>
    <div class="header__footer">
        <ul class="list  social header__social">
            <li class="list__item "> <a href="https://www.facebook.com/gotoandplay.ee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#facebook"></use>
</svg>
            <span class="social__label">Visit our Facebook page</span>
        </a>
            </li>
            <li class="list__item "> <a href="https://www.instagram.com/gotoandplayee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#instagram"></use>
</svg>
            <span class="social__label">Visit our Instagram feed</span>
        </a>
            </li>
            <li class="list__item "> <a href="https://twitter.com/gotoandplayee" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#twitter"></use>
</svg>
            <span class="social__label">Visit our Twitter feed</span>
        </a>
            </li>
        </ul>

        <nav class="languages  header__lang">
            <ul class="list  languages__list">
                <li class="list__item languages__item"> <a href="#" class="link  languages__link is-current">
    eng
</a>
                </li>
                <li class="list__item languages__item"> <a href="#" class="link  languages__link">
    est
</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

<div class="main  ">
    <div class="main__content">
        <div class="canvas  ">
            <div class="canvas__inner">

                <section class="section section--full section--stretch home-hero" data-theme="white" id="home-hero">
                    <div class="section__inner">
                        <div class="section__content">
                            <div class="home-hero__inner">
                                <div class="home-hero__main">

                                    <h1 class="heading heading--h1 home-hero__heading">
                                        <span class="heading__small">the capital of</span>
                                        <span class="heading__main">
                    web development
            </span>
                                    </h1>
                                </div>
                                <div class="home-hero__bottom">
                                    <div class="h-container h-text-center">

                                        <a href="#keywords" class="button button--tertiary button--w-shadow js-scroll-to">
    Click to see why
</a>
                                    </div>
                                </div>
                                <div class="pattern-game  snake-game home-hero__game" data-type="SnakeGame" data-size="27" data-pattern="&#x5B;&#x5B;0,8&#x5D;,&#x5B;0,9&#x5D;,&#x5B;0,10&#x5D;,&#x5B;0,11&#x5D;,&#x5B;0,12&#x5D;,&#x5B;0,13&#x5D;,&#x5B;0,14&#x5D;,&#x5B;0,15&#x5D;,&#x5B;0,16&#x5D;,&#x5B;1,6&#x5D;,&#x5B;1,7&#x5D;,&#x5B;1,8&#x5D;,&#x5B;1,9&#x5D;,&#x5B;1,10&#x5D;,&#x5B;1,11&#x5D;,&#x5B;1,12&#x5D;,&#x5B;1,13&#x5D;,&#x5B;1,14&#x5D;,&#x5B;1,15&#x5D;,&#x5B;1,16&#x5D;,&#x5B;1,17&#x5D;,&#x5B;1,18&#x5D;,&#x5B;2,5&#x5D;,&#x5B;2,6&#x5D;,&#x5B;2,7&#x5D;,&#x5B;2,8&#x5D;,&#x5B;2,9&#x5D;,&#x5B;2,10&#x5D;,&#x5B;2,11&#x5D;,&#x5B;2,12&#x5D;,&#x5B;2,13&#x5D;,&#x5B;2,14&#x5D;,&#x5B;2,15&#x5D;,&#x5B;2,16&#x5D;,&#x5B;2,17&#x5D;,&#x5B;2,18&#x5D;,&#x5B;2,19&#x5D;,&#x5B;3,3&#x5D;,&#x5B;3,4&#x5D;,&#x5B;3,5&#x5D;,&#x5B;3,6&#x5D;,&#x5B;3,7&#x5D;,&#x5B;3,8&#x5D;,&#x5B;3,9&#x5D;,&#x5B;3,10&#x5D;,&#x5B;3,11&#x5D;,&#x5B;3,12&#x5D;,&#x5B;3,13&#x5D;,&#x5B;3,14&#x5D;,&#x5B;3,15&#x5D;,&#x5B;3,16&#x5D;,&#x5B;3,17&#x5D;,&#x5B;3,18&#x5D;,&#x5B;3,19&#x5D;,&#x5B;3,20&#x5D;,&#x5B;3,21&#x5D;,&#x5B;4,3&#x5D;,&#x5B;4,4&#x5D;,&#x5B;4,5&#x5D;,&#x5B;4,6&#x5D;,&#x5B;4,7&#x5D;,&#x5B;4,8&#x5D;,&#x5B;4,9&#x5D;,&#x5B;4,15&#x5D;,&#x5B;4,16&#x5D;,&#x5B;4,17&#x5D;,&#x5B;4,18&#x5D;,&#x5B;4,19&#x5D;,&#x5B;4,20&#x5D;,&#x5B;4,21&#x5D;,&#x5B;5,2&#x5D;,&#x5B;5,3&#x5D;,&#x5B;5,4&#x5D;,&#x5B;5,5&#x5D;,&#x5B;5,6&#x5D;,&#x5B;5,7&#x5D;,&#x5B;5,17&#x5D;,&#x5B;5,18&#x5D;,&#x5B;5,19&#x5D;,&#x5B;5,20&#x5D;,&#x5B;5,21&#x5D;,&#x5B;5,22&#x5D;,&#x5B;6,1&#x5D;,&#x5B;6,2&#x5D;,&#x5B;6,3&#x5D;,&#x5B;6,4&#x5D;,&#x5B;6,5&#x5D;,&#x5B;6,6&#x5D;,&#x5B;6,18&#x5D;,&#x5B;6,19&#x5D;,&#x5B;6,20&#x5D;,&#x5B;6,21&#x5D;,&#x5B;6,22&#x5D;,&#x5B;6,23&#x5D;,&#x5B;7,1&#x5D;,&#x5B;7,2&#x5D;,&#x5B;7,3&#x5D;,&#x5B;7,4&#x5D;,&#x5B;7,5&#x5D;,&#x5B;7,19&#x5D;,&#x5B;7,20&#x5D;,&#x5B;7,21&#x5D;,&#x5B;7,22&#x5D;,&#x5B;7,23&#x5D;,&#x5B;8,0&#x5D;,&#x5B;8,1&#x5D;,&#x5B;8,2&#x5D;,&#x5B;8,3&#x5D;,&#x5B;8,4&#x5D;,&#x5B;8,20&#x5D;,&#x5B;8,21&#x5D;,&#x5B;8,22&#x5D;,&#x5B;8,23&#x5D;,&#x5B;8,24&#x5D;,&#x5B;9,0&#x5D;,&#x5B;9,1&#x5D;,&#x5B;9,2&#x5D;,&#x5B;9,3&#x5D;,&#x5B;9,4&#x5D;,&#x5B;9,9&#x5D;,&#x5B;9,10&#x5D;,&#x5B;9,11&#x5D;,&#x5B;9,12&#x5D;,&#x5B;9,13&#x5D;,&#x5B;9,14&#x5D;,&#x5B;9,15&#x5D;,&#x5B;9,20&#x5D;,&#x5B;9,21&#x5D;,&#x5B;9,22&#x5D;,&#x5B;9,23&#x5D;,&#x5B;9,24&#x5D;,&#x5B;10,0&#x5D;,&#x5B;10,1&#x5D;,&#x5B;10,2&#x5D;,&#x5B;10,3&#x5D;,&#x5B;10,9&#x5D;,&#x5B;10,10&#x5D;,&#x5B;10,11&#x5D;,&#x5B;10,12&#x5D;,&#x5B;10,13&#x5D;,&#x5B;10,14&#x5D;,&#x5B;10,15&#x5D;,&#x5B;10,16&#x5D;,&#x5B;10,21&#x5D;,&#x5B;10,22&#x5D;,&#x5B;10,23&#x5D;,&#x5B;10,24&#x5D;,&#x5B;11,0&#x5D;,&#x5B;11,1&#x5D;,&#x5B;11,2&#x5D;,&#x5B;11,3&#x5D;,&#x5B;11,9&#x5D;,&#x5B;11,10&#x5D;,&#x5B;11,11&#x5D;,&#x5B;11,12&#x5D;,&#x5B;11,13&#x5D;,&#x5B;11,14&#x5D;,&#x5B;11,15&#x5D;,&#x5B;11,16&#x5D;,&#x5B;11,21&#x5D;,&#x5B;11,22&#x5D;,&#x5B;11,23&#x5D;,&#x5B;11,24&#x5D;,&#x5B;12,0&#x5D;,&#x5B;12,1&#x5D;,&#x5B;12,2&#x5D;,&#x5B;12,3&#x5D;,&#x5B;12,9&#x5D;,&#x5B;12,10&#x5D;,&#x5B;12,11&#x5D;,&#x5B;12,12&#x5D;,&#x5B;12,13&#x5D;,&#x5B;12,14&#x5D;,&#x5B;12,15&#x5D;,&#x5B;12,21&#x5D;,&#x5B;12,22&#x5D;,&#x5B;12,23&#x5D;,&#x5B;12,24&#x5D;,&#x5B;13,0&#x5D;,&#x5B;13,1&#x5D;,&#x5B;13,2&#x5D;,&#x5B;13,3&#x5D;,&#x5B;13,10&#x5D;,&#x5B;13,11&#x5D;,&#x5B;13,12&#x5D;,&#x5B;13,13&#x5D;,&#x5B;13,14&#x5D;,&#x5B;13,21&#x5D;,&#x5B;13,22&#x5D;,&#x5B;13,23&#x5D;,&#x5B;13,24&#x5D;,&#x5B;14,0&#x5D;,&#x5B;14,1&#x5D;,&#x5B;14,2&#x5D;,&#x5B;14,3&#x5D;,&#x5B;14,10&#x5D;,&#x5B;14,11&#x5D;,&#x5B;14,12&#x5D;,&#x5B;14,13&#x5D;,&#x5B;14,14&#x5D;,&#x5B;14,21&#x5D;,&#x5B;14,22&#x5D;,&#x5B;14,23&#x5D;,&#x5B;14,24&#x5D;,&#x5B;15,0&#x5D;,&#x5B;15,1&#x5D;,&#x5B;15,2&#x5D;,&#x5B;15,3&#x5D;,&#x5B;15,4&#x5D;,&#x5B;15,11&#x5D;,&#x5B;15,12&#x5D;,&#x5B;15,13&#x5D;,&#x5B;15,20&#x5D;,&#x5B;15,21&#x5D;,&#x5B;15,22&#x5D;,&#x5B;15,23&#x5D;,&#x5B;15,24&#x5D;,&#x5B;16,0&#x5D;,&#x5B;16,1&#x5D;,&#x5B;16,2&#x5D;,&#x5B;16,3&#x5D;,&#x5B;16,4&#x5D;,&#x5B;16,12&#x5D;,&#x5B;16,20&#x5D;,&#x5B;16,21&#x5D;,&#x5B;16,22&#x5D;,&#x5B;16,23&#x5D;,&#x5B;16,24&#x5D;,&#x5B;17,1&#x5D;,&#x5B;17,2&#x5D;,&#x5B;17,3&#x5D;,&#x5B;17,4&#x5D;,&#x5B;17,5&#x5D;,&#x5B;17,19&#x5D;,&#x5B;17,20&#x5D;,&#x5B;17,21&#x5D;,&#x5B;17,22&#x5D;,&#x5B;17,23&#x5D;,&#x5B;18,1&#x5D;,&#x5B;18,2&#x5D;,&#x5B;18,3&#x5D;,&#x5B;18,4&#x5D;,&#x5B;18,5&#x5D;,&#x5B;18,6&#x5D;,&#x5B;18,18&#x5D;,&#x5B;18,19&#x5D;,&#x5B;18,20&#x5D;,&#x5B;18,21&#x5D;,&#x5B;18,22&#x5D;,&#x5B;18,23&#x5D;,&#x5B;19,2&#x5D;,&#x5B;19,3&#x5D;,&#x5B;19,4&#x5D;,&#x5B;19,5&#x5D;,&#x5B;19,6&#x5D;,&#x5B;19,7&#x5D;,&#x5B;19,17&#x5D;,&#x5B;19,18&#x5D;,&#x5B;19,19&#x5D;,&#x5B;19,20&#x5D;,&#x5B;19,21&#x5D;,&#x5B;19,22&#x5D;,&#x5B;20,3&#x5D;,&#x5B;20,4&#x5D;,&#x5B;20,5&#x5D;,&#x5B;20,6&#x5D;,&#x5B;20,7&#x5D;,&#x5B;20,8&#x5D;,&#x5B;20,9&#x5D;,&#x5B;20,15&#x5D;,&#x5B;20,16&#x5D;,&#x5B;20,17&#x5D;,&#x5B;20,18&#x5D;,&#x5B;20,19&#x5D;,&#x5B;20,20&#x5D;,&#x5B;20,21&#x5D;,&#x5B;20,22&#x5D;,&#x5B;20,23&#x5D;,&#x5B;21,3&#x5D;,&#x5B;21,4&#x5D;,&#x5B;21,5&#x5D;,&#x5B;21,6&#x5D;,&#x5B;21,7&#x5D;,&#x5B;21,8&#x5D;,&#x5B;21,9&#x5D;,&#x5B;21,10&#x5D;,&#x5B;21,11&#x5D;,&#x5B;21,12&#x5D;,&#x5B;21,13&#x5D;,&#x5B;21,14&#x5D;,&#x5B;21,15&#x5D;,&#x5B;21,16&#x5D;,&#x5B;21,17&#x5D;,&#x5B;21,18&#x5D;,&#x5B;21,19&#x5D;,&#x5B;21,20&#x5D;,&#x5B;21,21&#x5D;,&#x5B;21,22&#x5D;,&#x5B;21,23&#x5D;,&#x5B;21,24&#x5D;,&#x5B;22,5&#x5D;,&#x5B;22,6&#x5D;,&#x5B;22,7&#x5D;,&#x5B;22,8&#x5D;,&#x5B;22,9&#x5D;,&#x5B;22,10&#x5D;,&#x5B;22,11&#x5D;,&#x5B;22,12&#x5D;,&#x5B;22,13&#x5D;,&#x5B;22,14&#x5D;,&#x5B;22,15&#x5D;,&#x5B;22,16&#x5D;,&#x5B;22,17&#x5D;,&#x5B;22,18&#x5D;,&#x5B;22,19&#x5D;,&#x5B;22,20&#x5D;,&#x5B;22,21&#x5D;,&#x5B;22,22&#x5D;,&#x5B;22,23&#x5D;,&#x5B;22,24&#x5D;,&#x5B;23,6&#x5D;,&#x5B;23,7&#x5D;,&#x5B;23,8&#x5D;,&#x5B;23,9&#x5D;,&#x5B;23,10&#x5D;,&#x5B;23,11&#x5D;,&#x5B;23,12&#x5D;,&#x5B;23,13&#x5D;,&#x5B;23,14&#x5D;,&#x5B;23,15&#x5D;,&#x5B;23,16&#x5D;,&#x5B;23,17&#x5D;,&#x5B;23,18&#x5D;,&#x5B;23,19&#x5D;,&#x5B;23,20&#x5D;,&#x5B;23,21&#x5D;,&#x5B;23,22&#x5D;,&#x5B;23,23&#x5D;,&#x5B;23,24&#x5D;,&#x5B;24,8&#x5D;,&#x5B;24,9&#x5D;,&#x5B;24,10&#x5D;,&#x5B;24,11&#x5D;,&#x5B;24,12&#x5D;,&#x5B;24,13&#x5D;,&#x5B;24,14&#x5D;,&#x5B;24,15&#x5D;,&#x5B;24,16&#x5D;,&#x5B;24,17&#x5D;,&#x5B;24,18&#x5D;,&#x5B;24,19&#x5D;,&#x5B;24,20&#x5D;,&#x5B;24,21&#x5D;,&#x5B;24,22&#x5D;,&#x5B;24,23&#x5D;,&#x5B;24,24&#x5D;&#x5D;">
                                    <svg class="pattern-game__pattern" xmlns="http://www.w3.org/2000/svg" fill="#000">    <defs>
        <pattern id="play-pattern" width="216" height="216" x="50%" y="50%" patternUnits="userSpaceOnUse">
            <path d="M65.97 43.69c.3.194.662.31 1.031.31.368 0 .732-.116 1.031-.31a2.41 2.41 0 0 0 .742-.759L70.629 40c.22-.352.368-.748.371-1.185.001-.264-.06-.54-.186-.787a1.812 1.812 0 0 0-.853-.802A2.624 2.624 0 0 0 68.857 37h-3.711c-.511.003-1.008.112-1.434.42A1.708 1.708 0 0 0 63 38.815c.003.437.15.833.374 1.185l1.854 2.93c.193.307.44.57.741.762zM95.186 36c-.437 0-.833.149-1.187.372l-2.929 1.854c-.306.195-.57.438-.762.742-.194.299-.308.661-.308 1.03 0 .37.114.734.308 1.033.193.302.456.548.762.74.804.511 2.124 1.346 2.93 1.855.353.224.75.371 1.186.374.264 0 .54-.062.787-.189.37-.188.645-.511.802-.855.16-.345.224-.715.225-1.102v-3.71c-.003-.512-.112-1.007-.42-1.435a1.724 1.724 0 0 0-.607-.523 1.72 1.72 0 0 0-.787-.186zM117 41.187c0 .264.062.542.188.787a1.8 1.8 0 0 0 .853.803c.347.16.717.223 1.104.223h3.71c.513 0 1.008-.11 1.435-.42a1.74 1.74 0 0 0 .524-.606c.126-.245.187-.521.186-.787-.001-.437-.149-.833-.372-1.185l-1.855-2.931a2.426 2.426 0 0 0-.74-.762c-.3-.193-.664-.309-1.034-.309-.368 0-.731.116-1.032.31-.3.192-.546.454-.739.76l-1.856 2.932c-.223.352-.37.748-.372 1.185zM42.93 38.228L40 36.372c-.352-.222-.75-.37-1.187-.372a1.74 1.74 0 0 0-.787.188c-.37.187-.644.51-.803.854A2.625 2.625 0 0 0 37 38.145v3.71c.001.511.112 1.007.42 1.433.152.212.361.398.606.524s.523.19.787.188c.438-.003.835-.15 1.187-.374l2.93-1.854c.306-.193.57-.44.764-.741.191-.3.307-.662.306-1.031a1.925 1.925 0 0 0-.306-1.032 2.461 2.461 0 0 0-.763-.74M9 41.187c-.001.264.062.542.186.787.19.37.511.645.856.803.346.16.716.223 1.103.223h3.711c.512 0 1.007-.11 1.435-.42A1.697 1.697 0 0 0 17 41.187c0-.436-.149-.832-.372-1.186l-1.855-2.93a2.41 2.41 0 0 0-.74-.76c-.3-.194-.663-.31-1.032-.31-.37 0-.732.116-1.033.31a2.41 2.41 0 0 0-.74.76l-1.856 2.932c-.222.352-.37.748-.372 1.185zM150.93 38.228c-.805-.511-2.125-1.346-2.931-1.856-.352-.222-.75-.37-1.185-.372-.265 0-.541.062-.788.188-.369.187-.645.51-.803.854a2.58 2.58 0 0 0-.223 1.103v3.71c.001.511.112 1.007.42 1.433.153.212.362.398.606.524.247.126.521.19.788.188.436-.003.833-.15 1.186-.374l2.93-1.854c.306-.193.57-.44.762-.741.193-.3.31-.662.308-1.031a1.914 1.914 0 0 0-.308-1.032 2.426 2.426 0 0 0-.761-.74M203.187 44c.264 0 .54-.062.785-.189a1.8 1.8 0 0 0 .805-.855c.159-.345.222-.715.223-1.102v-3.71c-.001-.512-.112-1.007-.42-1.434a1.744 1.744 0 0 0-.608-.524 1.711 1.711 0 0 0-.787-.186c-.436 0-.833.149-1.185.372l-2.93 1.854a2.446 2.446 0 0 0-.762.742c-.194.299-.308.661-.308 1.03 0 .37.114.734.308 1.034.193.3.456.547.761.739L202 43.626c.354.224.75.371 1.187.374zM200.968 70.692c.3.193.663.31 1.032.308.37.003.733-.115 1.032-.308a2.41 2.41 0 0 0 .74-.761c.51-.806 1.346-2.125 1.854-2.931.225-.352.373-.75.374-1.185a1.721 1.721 0 0 0-.188-.787 1.796 1.796 0 0 0-.854-.803 2.58 2.58 0 0 0-1.101-.225h-3.711c-.511.003-1.01.112-1.436.42-.21.154-.398.361-.522.608a1.735 1.735 0 0 0-.188.787c.001.436.152.834.372 1.185l1.856 2.93c.193.306.438.57.74.762zM201 90.374c-.352-.224-.75-.373-1.187-.374-.264 0-.542.06-.785.188a1.806 1.806 0 0 0-.805.854 2.634 2.634 0 0 0-.223 1.103v3.71c.001.511.112 1.007.42 1.435.152.21.36.396.608.522.243.128.52.19.785.188.438-.001.835-.15 1.187-.372l2.93-1.856c.306-.193.57-.438.762-.74.192-.3.31-.661.308-1.032a1.927 1.927 0 0 0-.308-1.032 2.441 2.441 0 0 0-.761-.74L201 90.374zM203.032 117.308a1.94 1.94 0 0 0-1.033-.308c-.368 0-.73.116-1.03.308a2.446 2.446 0 0 0-.742.761l-1.855 2.933c-.222.352-.37.748-.372 1.185-.001.264.06.54.186.785.19.373.511.647.855.805.347.16.717.223 1.104.223h3.71c.511-.001 1.008-.11 1.436-.42a1.707 1.707 0 0 0 .709-1.393c-.001-.437-.15-.833-.372-1.185-.51-.808-1.346-2.126-1.855-2.931a2.435 2.435 0 0 0-.741-.763zM202 151.628c.354.222.75.37 1.187.372.264 0 .54-.062.785-.186.371-.19.646-.513.805-.855.159-.346.222-.717.223-1.104v-3.71c-.001-.511-.112-1.007-.418-1.435a1.713 1.713 0 0 0-1.397-.71c-.436.001-.833.15-1.185.372-.806.51-2.125 1.346-2.93 1.854-.306.195-.57.44-.762.742A1.93 1.93 0 0 0 198 148c0 .37.114.732.308 1.032.193.302.456.547.761.74l2.931 1.856zM203.93 173.228c-.805-.511-2.124-1.345-2.93-1.854-.352-.224-.75-.373-1.187-.374a1.73 1.73 0 0 0-.785.188 1.806 1.806 0 0 0-.805.854 2.63 2.63 0 0 0-.223 1.103v3.709c.001.512.112 1.008.42 1.436a1.711 1.711 0 0 0 1.394.71c.437-.003.834-.15 1.186-.374.806-.508 2.125-1.343 2.93-1.852.306-.195.57-.44.762-.742.192-.3.31-.663.308-1.032a1.927 1.927 0 0 0-.308-1.032 2.441 2.441 0 0 0-.761-.74M203.773 199.07a2.445 2.445 0 0 0-.741-.761 1.93 1.93 0 0 0-1.033-.309c-.368 0-.73.116-1.03.309a2.445 2.445 0 0 0-.742.761l-1.855 2.931c-.222.35-.37.749-.372 1.185-.001.265.06.54.186.787.19.37.511.645.855.801.347.16.717.223 1.104.226h3.71c.511-.003 1.008-.113 1.436-.42a1.706 1.706 0 0 0 .709-1.393c-.001-.437-.15-.835-.372-1.187-.51-.805-1.346-2.124-1.855-2.93M203.032 9.309A1.931 1.931 0 0 0 201.999 9c-.368 0-.73.116-1.03.309a2.444 2.444 0 0 0-.742.76l-1.855 2.926c-.222.352-.37.748-.372 1.183-.001.265.06.541.186.785.19.37.511.646.855.802.347.161.717.224 1.104.224h3.71c.511-.001 1.008-.111 1.436-.419.21-.154.397-.361.521-.607.128-.244.19-.52.188-.785 0-.435-.15-.832-.372-1.183-.51-.806-1.346-2.12-1.855-2.926a2.444 2.444 0 0 0-.741-.76zM173.969 43.69c.3.194.662.31 1.032.31.368 0 .731-.116 1.032-.31a2.42 2.42 0 0 0 .74-.759L178.628 40c.222-.352.37-.748.372-1.185 0-.264-.06-.54-.188-.787a1.796 1.796 0 0 0-.854-.802 2.612 2.612 0 0 0-1.102-.225h-3.707c-.513.003-1.011.112-1.438.42-.21.154-.396.361-.522.607a1.74 1.74 0 0 0-.189.787c.003.437.152.833.375 1.185.508.807 1.344 2.125 1.852 2.93.195.307.441.57.742.762zM175 63.374c-.354-.224-.75-.371-1.187-.374-.263 0-.54.062-.786.188a1.806 1.806 0 0 0-.804.854 2.636 2.636 0 0 0-.223 1.104v3.71c.001.51.112 1.006.42 1.434.152.21.361.398.607.522.245.126.523.19.786.188.436-.001.834-.15 1.186-.372.807-.51 2.125-1.346 2.93-1.856.307-.193.57-.438.76-.74.195-.3.311-.663.311-1.032 0-.37-.116-.732-.31-1.032a2.41 2.41 0 0 0-.76-.74L175 63.374zM176.03 90.308c-.298-.193-.66-.31-1.03-.308a1.923 1.923 0 0 0-1.034.308 2.457 2.457 0 0 0-.74.761c-.508.807-1.344 2.125-1.854 2.931-.222.354-.37.75-.372 1.187 0 .264.06.54.188.787.189.37.51.645.853.803.348.16.717.223 1.104.223h3.709c.512-.001 1.008-.11 1.436-.42.21-.154.396-.361.521-.606.127-.246.189-.523.189-.787-.003-.437-.149-.833-.374-1.187a2028.62 2028.62 0 0 0-1.854-2.93 2.404 2.404 0 0 0-.741-.762zM176.186 125c.266.001.542-.062.787-.188.37-.187.645-.51.802-.854.16-.345.224-.717.225-1.102v-3.709c-.003-.512-.112-1.01-.42-1.436a1.727 1.727 0 0 0-.607-.522 1.737 1.737 0 0 0-.787-.189c-.437.003-.833.152-1.187.374l-2.929 1.855a2.39 2.39 0 0 0-.76.74c-.194.3-.311.662-.31 1.032a1.9 1.9 0 0 0 .31 1.032c.19.302.456.547.759.74l2.932 1.855c.352.222.75.37 1.185.372zM173.969 151.692c.3.192.662.308 1.032.308.368 0 .731-.116 1.032-.308.302-.194.547-.456.74-.763l1.855-2.93c.222-.353.37-.75.372-1.186 0-.264-.06-.54-.188-.787a1.796 1.796 0 0 0-.854-.803 2.59 2.59 0 0 0-1.102-.223h-3.707c-.513.001-1.011.11-1.438.418-.21.154-.396.363-.522.608a1.742 1.742 0 0 0-.189.787c.003.437.152.833.375 1.185.508.808 1.344 2.126 1.852 2.931.195.307.441.569.742.763zM176.773 172.07a2.41 2.41 0 0 0-.743-.764A1.916 1.916 0 0 0 175 171a1.924 1.924 0 0 0-1.033.306 2.416 2.416 0 0 0-.74.763l-1.855 2.932c-.22.35-.37.75-.372 1.185 0 .267.062.541.188.788.188.37.51.645.854.801.346.162.717.225 1.102.225h3.71c.511-.001 1.007-.11 1.435-.42a1.75 1.75 0 0 0 .522-.606c.126-.245.189-.521.189-.788a2.223 2.223 0 0 0-.375-1.186c-.508-.806-1.344-2.125-1.852-2.93M176.186 206c.266.003.542-.06.787-.185.37-.19.645-.512.802-.856.16-.347.224-.717.225-1.103v-3.71c-.003-.512-.112-1.01-.42-1.436a1.716 1.716 0 0 0-1.395-.71c-.436.001-.832.152-1.186.372-.804.511-2.123 1.345-2.929 1.856-.304.193-.57.438-.76.74-.194.3-.311.663-.31 1.033-.001.37.116.731.31 1.032.19.302.456.547.759.74l.001.002c.806.51 2.125 1.343 2.93 1.854.353.22.75.37 1.186.37zM176.186 17c.266.001.542-.06.787-.186.37-.19.645-.511.802-.856.16-.346.224-.716.225-1.103v-3.71c-.003-.513-.112-1.008-.42-1.436a1.724 1.724 0 0 0-.607-.521 1.698 1.698 0 0 0-.787-.188c-.437.001-.833.15-1.187.372l-2.929 1.856c-.304.193-.57.437-.76.74-.194.3-.311.663-.31 1.033-.001.37.116.731.31 1.03.19.304.456.55.759.742L175 16.628c.352.222.75.37 1.185.372zM67 63.374c-.353-.224-.75-.371-1.186-.374-.264 0-.54.062-.785.188a1.799 1.799 0 0 0-.804.854c-.16.347-.224.717-.225 1.104v3.71c.003.51.112 1.006.42 1.434.154.21.361.398.607.522.245.126.523.19.787.188.437-.001.833-.15 1.185-.372.806-.51 2.127-1.346 2.93-1.856a2.43 2.43 0 0 0 .763-.74c.192-.3.308-.663.308-1.032 0-.37-.116-.732-.308-1.032a2.44 2.44 0 0 0-.76-.74l-2.933-1.854zM95.855 64h-3.709c-.512.001-1.008.11-1.436.42a1.739 1.739 0 0 0-.524.606 1.744 1.744 0 0 0-.186.789c0 .436.15.833.372 1.185l1.855 2.93c.193.306.438.57.741.762.301.193.662.31 1.033.308.37.001.73-.116 1.03-.308a2.43 2.43 0 0 0 .742-.761L97.628 67c.222-.354.37-.75.372-1.187a1.714 1.714 0 0 0-.186-.785 1.796 1.796 0 0 0-.855-.803A2.594 2.594 0 0 0 95.855 64zM121 70.628c.353.222.75.37 1.186.372.263.001.542-.062.785-.188.372-.187.646-.51.804-.854a2.61 2.61 0 0 0 .225-1.103v-3.709c-.003-.513-.113-1.008-.42-1.436a1.754 1.754 0 0 0-.609-.522 1.733 1.733 0 0 0-.785-.188c-.438.001-.834.15-1.187.374l-2.927 1.854a2.42 2.42 0 0 0-.763.741A1.92 1.92 0 0 0 117 67c0 .37.116.732.309 1.032.193.302.456.549.761.74.806.511 2.123 1.346 2.93 1.856zM41.033 63.308A1.94 1.94 0 0 0 40.001 63c-.37 0-.732.116-1.033.308a2.446 2.446 0 0 0-.74.763c-.511.805-1.346 2.123-1.856 2.93-.222.353-.37.75-.372 1.186 0 .266.06.54.186.787.19.37.511.645.855.803.347.16.717.223 1.104.223h3.71c.511-.001 1.007-.11 1.436-.42.21-.152.395-.361.523-.606.126-.245.187-.521.186-.787-.001-.437-.15-.833-.37-1.187l-1.857-2.93a2.462 2.462 0 0 0-.74-.762zM13 70.628c.353.222.75.37 1.187.372.263.001.54-.062.786-.188.369-.187.645-.51.8-.854.163-.345.226-.718.227-1.103v-3.709c-.001-.513-.112-1.008-.42-1.436a1.737 1.737 0 0 0-.607-.522 1.738 1.738 0 0 0-.786-.188c-.438.001-.836.15-1.186.374l-2.93 1.854c-.305.193-.569.44-.762.741-.195.3-.31.662-.309 1.031-.001.37.114.732.31 1.032.192.302.456.549.76.74L13 70.628zM149.033 63.308a1.94 1.94 0 0 0-1.032-.308c-.37 0-.732.116-1.033.308a2.435 2.435 0 0 0-.741.763c-.51.805-1.346 2.123-1.855 2.93-.223.353-.372.75-.372 1.186-.001.266.06.54.186.787a1.8 1.8 0 0 0 .856.803c.346.16.716.223 1.102.223h3.711c.511-.001 1.008-.11 1.436-.42.21-.152.395-.361.521-.606s.19-.521.188-.787c-.001-.437-.15-.833-.372-1.187l-1.855-2.93a2.462 2.462 0 0 0-.74-.762zM68.03 90.308c-.298-.193-.66-.31-1.03-.308a1.918 1.918 0 0 0-1.032.308 2.426 2.426 0 0 0-.74.761L63.372 94c-.222.354-.37.75-.372 1.187 0 .264.062.54.189.787.186.37.51.645.853.803.347.16.716.223 1.103.223h3.709c.512-.001 1.01-.11 1.434-.42.214-.154.401-.361.526-.606.124-.246.186-.523.186-.787 0-.437-.149-.833-.374-1.187a2028.75 2028.75 0 0 0-1.854-2.93 2.42 2.42 0 0 0-.741-.762zM96.93 92.228L94 90.374c-.354-.224-.75-.373-1.185-.374-.266 0-.543.06-.787.188-.371.189-.646.51-.803.854-.16.347-.224.717-.225 1.103v3.71c.001.511.112 1.007.42 1.435a1.7 1.7 0 0 0 1.394.71c.436-.001.834-.15 1.186-.372l2.93-1.856c.306-.193.57-.438.762-.74.193-.3.31-.661.308-1.032a1.914 1.914 0 0 0-.308-1.032 2.441 2.441 0 0 0-.761-.74M125 92.813a1.72 1.72 0 0 0-.186-.787 1.796 1.796 0 0 0-.856-.801 2.566 2.566 0 0 0-1.103-.225h-3.711c-.512.001-1.007.11-1.435.42a1.735 1.735 0 0 0-.523.606 1.68 1.68 0 0 0-.186.787c.002.437.149.833.371 1.185l1.856 2.931c.192.307.438.57.74.762.3.193.664.309 1.034.309.368 0 .731-.116 1.032-.308.3-.193.547-.456.739-.761.513-.807 1.346-2.125 1.856-2.933.222-.352.37-.748.372-1.185zM40.002 97.628c.35.222.747.37 1.185.372.264.001.54-.06.785-.188a1.81 1.81 0 0 0 .805-.853c.159-.348.222-.719.223-1.104v-3.709c-.001-.513-.112-1.008-.42-1.436a1.704 1.704 0 0 0-1.393-.71c-.438.001-.835.15-1.187.372l-2.93 1.856a2.461 2.461 0 0 0-.764.74c-.192.3-.306.664-.306 1.032 0 .37.114.732.306 1.032.195.302.458.547.763.74l2.933 1.856zM11.969 97.692c.3.192.662.308 1.032.308.369 0 .73-.116 1.03-.308a2.43 2.43 0 0 0 .742-.761c.51-.807 1.344-2.125 1.853-2.933.222-.352.371-.748.374-1.185 0-.264-.062-.54-.188-.787a1.792 1.792 0 0 0-.854-.801A2.571 2.571 0 0 0 14.854 91h-3.707c-.512.001-1.009.11-1.436.42A1.72 1.72 0 0 0 9 92.812c.003.437.152.833.374 1.185.51.808 1.344 2.126 1.855 2.931.191.307.438.57.74.763zM148.002 97.628c.35.222.748.37 1.183.372a1.7 1.7 0 0 0 .787-.188c.37-.189.646-.51.803-.853.16-.348.224-.719.225-1.104v-3.709c-.003-.513-.112-1.008-.42-1.436a1.725 1.725 0 0 0-.608-.522 1.735 1.735 0 0 0-.787-.188c-.436.001-.833.15-1.185.372l-2.93 1.856a2.446 2.446 0 0 0-.764.74c-.191.3-.307.664-.306 1.032-.001.37.115.732.306 1.032.195.302.457.547.763.74l2.933 1.856zM68.186 125c.265.001.543-.062.788-.188.37-.187.645-.51.803-.854.16-.345.222-.717.223-1.102v-3.709c-.001-.512-.11-1.01-.42-1.436a1.723 1.723 0 0 0-.606-.522 1.742 1.742 0 0 0-.788-.189c-.438.003-.834.152-1.186.374-.806.51-2.125 1.344-2.93 1.855a2.43 2.43 0 0 0-.764.74 1.896 1.896 0 0 0 0 2.064c.195.302.457.547.762.74l.534-.845-.533.845 2.932 1.855c.352.222.749.37 1.185.372zM95.032 117.308A1.935 1.935 0 0 0 94 117c-.37 0-.732.116-1.033.308a2.43 2.43 0 0 0-.741.761l-1.855 2.933c-.222.352-.372.748-.372 1.185-.001.264.06.54.188.785.187.373.51.647.853.805.347.16.717.223 1.104.223h3.71c.511-.001 1.008-.11 1.436-.42.21-.154.397-.361.521-.606a1.69 1.69 0 0 0 .188-.787c-.002-.437-.149-.833-.372-1.185-.509-.808-1.346-2.126-1.855-2.931a2.435 2.435 0 0 0-.741-.763zM120.998 117.372c-.35-.222-.748-.37-1.183-.372-.266 0-.543.062-.789.188a1.81 1.81 0 0 0-.803.854 2.634 2.634 0 0 0-.223 1.103v3.71c.003.511.112 1.007.42 1.435a1.71 1.71 0 0 0 1.395.71c.435-.001.833-.15 1.185-.372l2.93-1.856c.307-.193.57-.438.762-.74.193-.3.31-.661.308-1.032a1.914 1.914 0 0 0-.308-1.032 2.426 2.426 0 0 0-.761-.74l-2.933-1.856zM38.97 124.694c.3.191.661.307 1.03.306.369.001.734-.115 1.033-.306.303-.194.547-.457.741-.763L43.628 121c.222-.352.37-.749.372-1.185 0-.265-.06-.543-.188-.787a1.806 1.806 0 0 0-.853-.803 2.61 2.61 0 0 0-1.103-.225h-3.709c-.51.001-1.008.112-1.436.42-.21.154-.398.363-.522.608a1.76 1.76 0 0 0-.189.787c.004.436.152.833.375 1.186.508.806 1.344 2.124 1.854 2.93.193.305.438.57.741.763zM13 117.372c-.353-.222-.75-.37-1.184-.372-.266 0-.542.062-.787.188-.37.189-.646.51-.804.854a2.635 2.635 0 0 0-.225 1.103v3.71c.003.511.112 1.007.422 1.435a1.704 1.704 0 0 0 1.394.71c.436-.001.831-.15 1.185-.372.805-.51 2.125-1.345 2.929-1.856a2.43 2.43 0 0 0 .762-.74c.192-.3.308-.661.308-1.032 0-.37-.116-.732-.308-1.032a2.44 2.44 0 0 0-.76-.74l-2.933-1.856zM152 119.814c0-.264-.062-.54-.189-.787a1.784 1.784 0 0 0-.852-.803 2.614 2.614 0 0 0-1.104-.223h-3.709c-.512.002-1.008.11-1.434.42-.212.153-.4.362-.524.606a1.74 1.74 0 0 0-.188.787c.001.437.15.833.375 1.187.507.806 1.343 2.124 1.851 2.93.195.306.44.57.742.763.3.191.663.307 1.032.306a1.93 1.93 0 0 0 1.034-.306c.3-.194.545-.457.738-.762.513-.807 1.346-2.125 1.854-2.932.224-.353.373-.749.374-1.186zM65.97 151.692c.3.192.662.308 1.031.308.368 0 .732-.116 1.031-.308.304-.194.549-.456.742-.763l1.855-2.93c.22-.353.368-.75.371-1.186a1.724 1.724 0 0 0-.186-.787 1.812 1.812 0 0 0-.853-.803 2.6 2.6 0 0 0-1.104-.223h-3.711c-.511.001-1.008.11-1.434.418a1.723 1.723 0 0 0-.712 1.395c.003.437.15.833.374 1.185l1.854 2.931c.193.307.44.569.741.763zM94 151.628c.353.222.75.37 1.186.372.264 0 .54-.062.787-.186.369-.19.645-.513.802-.855.16-.346.224-.717.225-1.104v-3.71c-.003-.511-.112-1.007-.42-1.435a1.71 1.71 0 0 0-1.394-.71c-.437.001-.833.15-1.187.372a3310.4 3310.4 0 0 1-2.929 1.854c-.304.195-.57.44-.762.742A1.93 1.93 0 0 0 90 148c0 .37.114.732.308 1.032.193.302.458.547.762.74.804.511 2.125 1.345 2.93 1.856zM117 149.187c0 .264.062.542.188.785.187.373.51.647.853.803.347.16.717.225 1.104.225h3.71c.513-.001 1.008-.11 1.435-.42.212-.152.398-.361.524-.606a1.72 1.72 0 0 0 .186-.787c-.001-.437-.149-.835-.372-1.187l-1.855-2.93a2.43 2.43 0 0 0-.74-.762A1.932 1.932 0 0 0 121 144a1.93 1.93 0 0 0-1.032.308c-.3.193-.546.456-.739.761-.51.807-1.346 2.125-1.856 2.933-.223.352-.37.75-.372 1.185zM42.93 146.226c-.806-.508-2.124-1.344-2.93-1.854-.352-.223-.75-.37-1.187-.372a1.721 1.721 0 0 0-.787.188 1.8 1.8 0 0 0-.803.853 2.64 2.64 0 0 0-.223 1.104v3.709c.001.511.112 1.006.42 1.436.152.21.361.396.606.521.245.127.523.189.787.189.438-.001.835-.152 1.187-.374l2.93-1.854a2.45 2.45 0 0 0 .764-.741c.191-.3.307-.662.306-1.032a1.924 1.924 0 0 0-.306-1.031 2.466 2.466 0 0 0-.763-.742M9 149.187c-.001.264.062.542.186.785.19.373.511.647.856.803.346.16.716.225 1.103.225h3.711c.512-.001 1.007-.11 1.435-.42a1.702 1.702 0 0 0 .709-1.394c0-.436-.149-.834-.372-1.186-.509-.806-1.345-2.124-1.855-2.93a2.415 2.415 0 0 0-.74-.762 1.927 1.927 0 0 0-1.032-.308c-.37 0-.732.114-1.033.308a2.426 2.426 0 0 0-.74.761c-.51.807-1.346 2.125-1.856 2.933-.222.352-.37.75-.372 1.185zM150.93 146.226c-.805-.508-2.125-1.344-2.931-1.854-.352-.223-.75-.37-1.185-.372a1.726 1.726 0 0 0-.788.188 1.8 1.8 0 0 0-.803.853c-.16.348-.223.717-.223 1.104v3.709c.001.511.112 1.006.42 1.436.153.21.362.396.606.521.247.127.521.189.788.189.436-.001.833-.152 1.186-.374l2.93-1.854c.306-.193.57-.438.762-.741.193-.3.31-.662.308-1.032a1.913 1.913 0 0 0-.308-1.031 2.43 2.43 0 0 0-.761-.742M68.03 171.306A1.917 1.917 0 0 0 67 171a1.929 1.929 0 0 0-1.032.306 2.4 2.4 0 0 0-.74.763l-1.856 2.932c-.222.35-.37.75-.372 1.185 0 .267.062.541.189.788.186.37.51.645.853.801.347.162.716.225 1.103.225h3.709c.512-.001 1.01-.11 1.434-.42.214-.153.401-.362.526-.606.124-.245.186-.521.186-.788 0-.436-.149-.834-.374-1.186-.508-.806-1.344-2.125-1.854-2.93a2.405 2.405 0 0 0-.741-.764zM96.93 173.228c-.805-.511-2.124-1.345-2.93-1.854-.354-.224-.75-.373-1.185-.374-.266 0-.543.062-.787.188-.371.189-.646.51-.803.854-.16.347-.224.716-.225 1.103v3.709c.001.512.112 1.008.42 1.436a1.717 1.717 0 0 0 1.394.71c.436-.003.834-.15 1.186-.374.806-.508 2.125-1.343 2.93-1.852.306-.195.57-.44.762-.742.193-.3.31-.663.308-1.032a1.914 1.914 0 0 0-.308-1.032 2.441 2.441 0 0 0-.761-.74M125 173.813a1.72 1.72 0 0 0-.186-.787 1.806 1.806 0 0 0-.856-.803 2.586 2.586 0 0 0-1.103-.223h-3.711c-.512.001-1.007.11-1.435.42a1.684 1.684 0 0 0-.709 1.394c.002.436.149.832.371 1.184l1.856 2.931c.192.305.438.57.74.763.3.192.664.308 1.034.308.368 0 .731-.116 1.032-.308.3-.193.547-.456.739-.763.513-.805 1.346-2.123 1.856-2.93.222-.354.37-.75.372-1.186zM37.07 176.774l2.932 1.854c.35.222.747.37 1.185.372.264.001.54-.062.785-.186.373-.19.646-.513.805-.856a2.63 2.63 0 0 0 .223-1.103v-3.709c-.001-.511-.112-1.01-.42-1.436a1.732 1.732 0 0 0-.606-.522 1.726 1.726 0 0 0-.787-.188c-.438.001-.835.15-1.187.372l-2.93 1.856a2.461 2.461 0 0 0-.764.74c-.192.3-.306.664-.306 1.032 0 .37.116.733.306 1.032.195.302.458.549.763.742M11.969 178.692c.3.192.662.308 1.032.308.369 0 .73-.116 1.03-.308a2.42 2.42 0 0 0 .742-.763c.51-.805 1.344-2.123 1.853-2.93.222-.353.371-.75.374-1.186a1.74 1.74 0 0 0-.188-.787 1.802 1.802 0 0 0-.854-.803 2.591 2.591 0 0 0-1.104-.223h-3.707c-.512.001-1.009.11-1.436.42A1.708 1.708 0 0 0 9 173.812c.003.438.152.833.374 1.187l1.855 2.93c.191.304.438.57.74.762zM145.07 176.774l2.932 1.854c.35.222.748.37 1.183.372.266.001.543-.062.787-.186.371-.19.646-.513.803-.856.16-.345.224-.717.225-1.103v-3.709c-.003-.511-.112-1.01-.42-1.436a1.717 1.717 0 0 0-1.395-.71c-.436.001-.833.15-1.185.372l-2.93 1.856a2.446 2.446 0 0 0-.764.74c-.191.3-.307.664-.306 1.032-.001.37.115.733.306 1.032.195.302.457.549.763.742M68.186 206c.265.003.543-.06.788-.185.37-.19.645-.512.803-.856.16-.347.222-.717.223-1.103v-3.71c-.001-.512-.11-1.008-.42-1.436a1.737 1.737 0 0 0-.606-.522 1.722 1.722 0 0 0-.788-.188c-.438.001-.834.152-1.186.372l-2.93 1.856a2.446 2.446 0 0 0-.764.74 1.898 1.898 0 0 0 0 2.065c.195.302.457.547.762.74l.001.002 2.932 1.854c.352.22.749.37 1.185.37zM95.773 199.07a2.445 2.445 0 0 0-.741-.761A1.924 1.924 0 0 0 94 198c-.37 0-.732.116-1.033.309a2.43 2.43 0 0 0-.741.761l-1.855 2.931c-.222.35-.372.749-.372 1.185-.001.265.06.54.188.787.187.37.51.645.853.801.347.16.717.223 1.104.226h3.71c.511-.003 1.008-.113 1.436-.42.21-.155.397-.363.521-.607.128-.246.19-.522.188-.787-.002-.436-.149-.834-.372-1.186-.509-.805-1.346-2.124-1.855-2.93M120.998 198.374c-.35-.224-.748-.373-1.183-.374-.266 0-.543.062-.789.188-.37.189-.644.51-.803.854a2.634 2.634 0 0 0-.223 1.103v3.709c.003.512.112 1.008.42 1.436a1.708 1.708 0 0 0 1.395.71c.435-.001.833-.15 1.185-.372l2.93-1.856c.307-.193.57-.438.762-.74.193-.3.31-.663.308-1.032a1.918 1.918 0 0 0-.308-1.032 2.426 2.426 0 0 0-.761-.74c-.806-.51-2.125-1.345-2.933-1.854zM38.97 205.692c.3.194.661.308 1.03.308s.734-.114 1.033-.308c.303-.193.547-.456.741-.761l1.854-2.933c.222-.352.37-.748.372-1.185 0-.264-.06-.54-.188-.785a1.796 1.796 0 0 0-.853-.805 2.608 2.608 0 0 0-1.103-.223h-3.709c-.51.001-1.008.11-1.436.42-.21.152-.398.361-.522.606a1.765 1.765 0 0 0-.189.787c.004.437.152.833.375 1.187.508.807 1.344 2.124 1.854 2.93.193.306.438.57.741.762zM13 198.374c-.353-.224-.75-.373-1.184-.374-.266 0-.542.062-.787.188-.37.189-.646.51-.804.854a2.635 2.635 0 0 0-.225 1.103v3.709c.003.512.112 1.008.422 1.436a1.691 1.691 0 0 0 1.394.71c.436-.001.831-.15 1.185-.372l2.929-1.856a2.43 2.43 0 0 0 .762-.74c.192-.3.308-.663.308-1.032 0-.368-.116-.732-.308-1.032a2.44 2.44 0 0 0-.76-.74l-2.933-1.854zM152 200.813c0-.264-.062-.54-.189-.785a1.78 1.78 0 0 0-.852-.805 2.614 2.614 0 0 0-1.104-.223h-3.709c-.512.001-1.008.11-1.434.42-.212.152-.4.361-.524.606a1.74 1.74 0 0 0-.188.787c.001.437.15.833.375 1.187.507.806 1.343 2.124 1.851 2.93.195.306.44.57.742.762.3.194.663.308 1.032.308.37 0 .733-.114 1.034-.308.3-.193.545-.456.738-.761.513-.807 1.346-2.125 1.854-2.933.224-.352.373-.748.374-1.185zM36.374 13c.508.806 1.344 2.125 1.854 2.93a2.4 2.4 0 0 0 .741.762c.3.193.662.31 1.031.308a1.92 1.92 0 0 0 1.034-.308c.302-.192.545-.455.74-.761.51-.806 1.343-2.125 1.855-2.931l.036-.056-.036.056c.22-.352.37-.749.371-1.187.001-.263-.06-.54-.188-.785a1.8 1.8 0 0 0-.853-.803A2.61 2.61 0 0 0 41.855 10h-3.709c-.511.001-1.008.112-1.434.42-.212.154-.4.361-.524.608a1.757 1.757 0 0 0-.188.785c.003.438.15.835.374 1.187M68.186 17c.265.001.543-.06.788-.186.37-.19.645-.511.803-.856.16-.346.222-.716.223-1.103v-3.71c-.001-.513-.11-1.008-.42-1.436A1.704 1.704 0 0 0 68.187 9c-.438.001-.833.15-1.186.372l-2.93 1.856a2.43 2.43 0 0 0-.764.74 1.898 1.898 0 0 0 0 2.064c.195.303.457.548.762.741L67 16.628c.352.222.749.37 1.185.372zM95.032 9.31C94.732 9.115 94.369 9 94 9c-.37 0-.732.116-1.033.31a2.43 2.43 0 0 0-.741.76L90.372 13c-.222.354-.372.75-.372 1.186-.001.266.06.542.188.787.187.37.51.646.853.802.347.162.717.225 1.104.225h3.71c.511-.001 1.008-.112 1.436-.42.21-.154.397-.361.521-.607.128-.245.19-.521.188-.787-.002-.435-.149-.833-.372-1.185-.509-.807-1.346-2.124-1.855-2.93a2.446 2.446 0 0 0-.741-.762zM120.998 9.374c-.35-.224-.748-.373-1.183-.374-.266 0-.543.062-.789.188-.37.187-.644.51-.803.854a2.634 2.634 0 0 0-.223 1.103v3.71c.003.511.112 1.007.42 1.435a1.71 1.71 0 0 0 1.395.71c.435-.001.833-.15 1.185-.372l2.93-1.856a2.43 2.43 0 0 0 .762-.741c.193-.3.31-.662.308-1.031a1.914 1.914 0 0 0-.308-1.032 2.426 2.426 0 0 0-.761-.74c-.806-.511-2.125-1.346-2.933-1.854zM149.855 10h-3.71c-.512.001-1.007.11-1.435.42-.21.154-.398.36-.522.606a1.748 1.748 0 0 0-.188.787c.001.438.15.835.375 1.187h-.001c.508.806 1.344 2.125 1.852 2.93.195.306.44.57.742.762.3.193.663.31 1.032.308.37.001.732-.115 1.034-.308.3-.193.545-.455.738-.761l.002-.002c.51-.804 1.344-2.123 1.852-2.93.224-.353.373-.75.374-1.186 0-.263-.062-.54-.189-.785a1.777 1.777 0 0 0-.852-.803 2.615 2.615 0 0 0-1.104-.225M13 9.373c-.353-.223-.75-.372-1.184-.373-.266 0-.542.061-.787.187-.37.188-.646.51-.804.854a2.628 2.628 0 0 0-.225 1.1v3.705c.003.51.112 1.005.422 1.433a1.704 1.704 0 0 0 1.394.708c.436 0 .831-.15 1.185-.371l2.929-1.853c.306-.193.57-.438.762-.74.192-.3.308-.66.308-1.03 0-.368-.116-.73-.308-1.03a2.44 2.44 0 0 0-.76-.739c-.806-.51-2.126-1.343-2.933-1.85z"/>
        </pattern>
    </defs>
    <mask id="play-mask">
        <rect x="0" y="0" width="100%" height="100%" fill="#fff"></rect>
        <rect x="0" y="0" width="100%" height="100%" fill="url(#play-pattern)"></rect>
    </mask>
    <rect x="0" y="0" width="100%" height="100%" class="snake-game__background" mask="url(#play-mask)"></rect>
</svg>
                                    <canvas class="pattern-game__canvas"></canvas>
                                    <div class="snake-game__controller js-snake-game-controller">
                                        <button type="button" class="snake-game__controller-button snake-game__controller-button--up"></button>
                                        <button type="button" class="snake-game__controller-button snake-game__controller-button--down"></button>
                                        <button type="button" class="snake-game__controller-button snake-game__controller-button--left"></button>
                                        <button type="button" class="snake-game__controller-button snake-game__controller-button--right"></button>
                                    </div>
                                    <div class="snake-game__orientation-dialog js-snake-game__orientation-dialog">
                                        <div class="snake-game__orientation-dialog__inner">
                                            <div class="snake-game__orientation-dialog__icon"><img src="../../inc/img/landscape.svg" class="orientation-dialog__icon-img"></div>
                                            <div class="snake-game__orientation-dialog__text">
                                                Please turn your device sideways
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="dialog  js-snake-game-dialog ">
                                    <div class="dialog__inner dialog__inner--results">
                                        <h2 class="h2 dialog__title">sinu aeg oli</h2>
                                        <div class="counter counter--large ">
                                            <div class="counter__text">2:01</div>
                                        </div>
                                        <br class="h-hidden-xs">
                                        <form class="grid js-snake-form">
                                            <div class="grid__col grid__col--sm-12">
                                                <div class="form-textfield form-textfield--inverse js-snake-name">
                                                    <div class="form-textfield__inner">
                                                        <input type="text" class="form-textfield__input" id="" name="" value="">
                                                        <label class="form-textfield__label" for="">Sinu nimi</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="grid__col grid__col--sm-12">

                                                <button type="submit" class="button button--secondary button--block button--w-shadow js-snake-submit">
    Sisesta oma tulemus
</button>

                                                <button type="button" class="button button--link-secondary button--block js-snake-again">
    Proovi uuesti
</button>
                                            </div>
                                        </form>

                                        <div class="dialog__results ">
                                            <div class="dialog__results-title">
                                                <button type="button" class="dialog__results-label" data-open="Vaata tulemusi" data-close="Sulge">
                        Vaata tulemusi
                    </button>
                                            </div>
                                            <div class="dialog__results-container">
                                                <div class="table  ">
                                                    <table class="table__data">
                                                        <tbody>
                                                            <tr class="table__data-row">
                                                                <td class="table__data-row-item">1</td>
                                                                <td class="table__data-row-item table__data-row-item--large">Ardo</td>
                                                                <td class="table__data-row-item text-right">0:11:11</td>
                                                            </tr>
                                                            <tr class="table__data-row">
                                                                <td class="table__data-row-item">2</td>
                                                                <td class="table__data-row-item table__data-row-item--large">Pärt</td>
                                                                <td class="table__data-row-item text-right">0:12:12</td>
                                                            </tr>
                                                            <tr class="table__data-row">
                                                                <td class="table__data-row-item">3</td>
                                                                <td class="table__data-row-item table__data-row-item--large">Mihkel</td>
                                                                <td class="table__data-row-item text-right">0:13:13</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </section>
                <section class="section section--no-padding keywords" data-theme="bright" id="keywords">
                    <div class="section__inner">
                        <div class="section__content">
                            <div class="keywords__inner">
                                <div class="keywords__sticky">
                                    <a href="#quote" class="mouse keywords__mouse">
    <span class="mouse__shape"></span>
    <span class="mouse__trace"></span>
</a>
                                    <div class="h-container">
                                        <div class="intro keywords__intro">

                                            <h2 class="heading  keywords__heading">
                                                <span class="heading__small">we excel in</span>
                                                <span class="heading__main">
                    more than expected
            </span>
                                            </h2>
                                            <div class="intro__content keywords__description">
                                                <div class="keywords__description-item">
                                                    <p>HTML5 ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores,
                                                        ratione similique saepe!</p>
                                                </div>
                                                <div class="keywords__description-item">
                                                    <p>WordPress ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores,
                                                        ratione similique saepe!</p>
                                                </div>
                                                <div class="keywords__description-item">
                                                    <p>Prototype ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores,
                                                        ratione similique saepe!</p>
                                                </div>

                                            </div>
                                        </div>
                                        <hr class="separator separator--small ">
                                        <div class="honeycomb js-in-viewport keywords__honeycomb">
                                            <div class="honeycomb__inner">
                                                <div class="honeycomb__items">
                                                    <div class="honeycomb__item" data-category="html">
                                                        <div class="honeycomb__hexagon">
                                                            <div class="honeycomb__hexagon-inner">
                                                                <svg class="icon  honeycomb__hexagon-icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#apps"></use>
</svg> web apps
                                                            </div>
                                                        </div>
                                                        <div class="honeycomb__content">
                                                            JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>
                                                        </div>
                                                    </div>
                                                    <div class="honeycomb__item" data-category="wordpress">
                                                        <div class="honeycomb__hexagon">
                                                            <div class="honeycomb__hexagon-inner">
                                                                <svg class="icon  honeycomb__hexagon-icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#web"></use>
</svg> websites
                                                            </div>
                                                        </div>
                                                        <div class="honeycomb__content">
                                                            JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>
                                                        </div>
                                                    </div>
                                                    <div class="honeycomb__item" data-category="prototype">
                                                        <div class="honeycomb__hexagon">
                                                            <div class="honeycomb__hexagon-inner">
                                                                <svg class="icon  honeycomb__hexagon-icon">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#mvp"></use>
</svg> MVP
                                                            </div>
                                                        </div>
                                                        <div class="honeycomb__content">
                                                            JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="honeycomb__terms">
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--1" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">Twig</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--2" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">Themes</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--3" data-category="prototype">
                                                        <div class="honeycomb__hexagon-title">UX Design</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--4" data-category="">
                                                        <div class="honeycomb__hexagon-title">NodeJS</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--5" data-category="">
                                                        <div class="honeycomb__hexagon-title">Bootstrap</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--6" data-category="">
                                                        <div class="honeycomb__hexagon-title">Analyze</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--7" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">BEM</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--8" data-category="wordpress">
                                                        <div class="honeycomb__hexagon-title">PHP</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--9" data-category="">
                                                        <div class="honeycomb__hexagon-title">ES2016</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--10" data-category="">
                                                        <div class="honeycomb__hexagon-title">Bower</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--11" data-category="">
                                                        <div class="honeycomb__hexagon-title">SVG animations</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--12" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">Themes</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--13" data-category="">
                                                        <div class="honeycomb__hexagon-title">Analyze</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--14" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">BEM</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--15" data-category="">
                                                        <div class="honeycomb__hexagon-title">PHP</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--16" data-category="wordpress">
                                                        <div class="honeycomb__hexagon-title">ES2016</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--17" data-category="">
                                                        <div class="honeycomb__hexagon-title">SVG animations</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--18" data-category="">
                                                        <div class="honeycomb__hexagon-title">Themes</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--19" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">Twig</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--20" data-category="html wordpress">
                                                        <div class="honeycomb__hexagon-title">Themes</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--21" data-category="prototype">
                                                        <div class="honeycomb__hexagon-title">UX Design</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--22" data-category="">
                                                        <div class="honeycomb__hexagon-title">NodeJS</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--23" data-category="">
                                                        <div class="honeycomb__hexagon-title">Themes</div>
                                                    </div>
                                                    <div class="honeycomb__hexagon honeycomb__hexagon--24" data-category="">
                                                        <div class="honeycomb__hexagon-title">Analyze</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

                <section class="section section--no-padding quote" data-theme="primary" id="quote">
                    <div class="section__inner">
                        <div class="section__content">
                            <h2 class="h-visible-sr-only">our mantra</h2>
                            <div class="quote__inner">
                                <div class="quote__sticky">
                                    <a href="#uncommon-talent" class="mouse mouse--light  quote__mouse">
    <span class="mouse__shape"></span>
    <span class="mouse__trace"></span>
</a>
                                    <div class="quote__lines">
                                        <div class="quote__line quote__line--1"></div>
                                        <div class="quote__line quote__line--2"></div>
                                        <div class="quote__line quote__line--3"></div>
                                        <div class="quote__line quote__line--4"></div>
                                        <div class="quote__line quote__line--5"></div>
                                        <div class="quote__line quote__line--6"></div>
                                        <div class="quote__line quote__line--7"></div>
                                        <div class="quote__line quote__line--8"></div>
                                        <div class="quote__line quote__line--9"></div>
                                        <div class="quote__line quote__line--10"></div>
                                        <div class="quote__line quote__line--11"></div>
                                        <div class="quote__line quote__line--12"></div>
                                        <div class="quote__line quote__line--13"></div>
                                        <div class="quote__line quote__line--14"></div>
                                        <div class="quote__line quote__line--15"></div>
                                        <div class="quote__line quote__line--16"></div>
                                        <div class="quote__line quote__line--17"></div>
                                        <div class="quote__line quote__line--18"></div>
                                        <div class="quote__line quote__line--19"></div>
                                        <div class="quote__line quote__line--20"></div>
                                        <div class="quote__line quote__line--21"></div>
                                        <div class="quote__line quote__line--22"></div>
                                        <div class="quote__line quote__line--23"></div>
                                        <div class="quote__line quote__line--24"></div>
                                        <div class="quote__line quote__line--25"></div>
                                        <div class="quote__line quote__line--26"></div>
                                    </div>
                                    <div class="quote__item is-current">
                                        <div class="quote__text">
                                            <p>With deep understanding of web technologies we help businesses and innovators open up new sources of value</p>
                                        </div>
                                    </div>
                                    <div class="quote__item ">
                                        <div class="quote__text">
                                            <p>You’ll work with a smart, focused, multi-disciplinary team that treats your business objectives as their own.</p>
                                        </div>
                                    </div>
                                    <div class="quote__item ">
                                        <div class="quote__text">
                                            <p>This means we have shared perspective on how we can work together to achieve your goals. Basically, your new BFF.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

                <section class="section  uncommon-talent" data-theme="dark" id="uncommon-talent">
                    <div class="section__inner">
                        <div class="section__content">
                            <div class="h-container">
                                <div class="text">
                                    <div class="intro ">

                                        <h2 class="heading heading--on-dark heading--secondary ">
                                            <span class="heading__small">meet the team of</span>
                                            <span class="heading__main">
                    uncommon-talent
            </span>
                                        </h2>
                                        <div class="intro__content ">
                                            <p>As we have experience in various development realms, we aim to turn your good ideas into functional solutions that will serve your business. Our work ethics will combine professional strive for perfection with
                                                a simple fun factor as we like what we do and we do it good.</p>
                                        </div>
                                    </div>
                                    <hr class="separator  ">
                                </div>
                            </div>
                            <div class="image image--fluid uncommon-talent__image">
                                <div class="image__inner">
                                    <picture class="image__picture">
                                        <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="../../inc/img/div-team.png" media="(min-width: 768px)" />
                                        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/360x244" data-sizes="auto" alt="" class="image__img lazyload">
                                    </picture>
                                </div>
                            </div>
                            <div class="h-container">
                                <div class="h-text-center">

                                    <button type="button" class="button button--secondary button--w-shadow ">
    Get to know us
</button>
                                </div>
                            </div>

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

                <section class="section  " data-theme="white" id="partners">
                    <div class="section__inner">
                        <div class="section__content">
                            <div class="h-container">
                                <div class="text">

                                    <h2 class="heading heading--tertiary ">
                                        <span class="heading__small">the clients</span>
                                        <span class="heading__main">
                    about us
            </span>
                                    </h2>
                                    <hr class="separator  ">
                                </div>
                            </div>
                            <div class="carousel  ">
                                <div class="carousel__slides js-slides-carousel">
                                    <div class="carousel__slide">
                                        <div class="carousel__slide-inner text">
                                            <h3 class="carousel__slide-title">Never have we been dissatisfied with them</h3>
                                            <div class="carousel__slide-content">Diapol Granite OÜ is very satisfied with our partner because gotoAndPlay always considers the client's wishes. Also their ideas are always innvoative, the work is fast and at a high level of quality!</div>
                                            <div class="carousel__slide-author">
                                                <div class="image image--fluid carousel__slide-author-image">
                                                    <div class="image__inner">
                                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                            data-sizes="auto" alt="" class="image__img lazyload">
                                                        <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                                    </div>
                                                </div>
                                                <div class="carousel__slide-author-content">
                                                    <div class="carousel__slide-name">Sandra Saviauk</div>
                                                    <div class="carousel__slide-role">Marketing officer at Diapol Granite</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__slide">
                                        <div class="carousel__slide-inner text">
                                            <h3 class="carousel__slide-title">Friendly, collaborative and responsive team</h3>
                                            <div class="carousel__slide-content">gotoAndPlay brought our new website design to life – they did a fantastic job and were a pleasure to work with. Ardo and his colleagues kept us fully informed during the pre-launch programming process, and were
                                                on-hand to help with minor site changes post-launch. Our new website looks great, and importantly has increased referrals! gotoAndPlay are a friendly, collaborative and responsive team. Highly recommended.</div>
                                            <div class="carousel__slide-author">
                                                <div class="carousel__slide-author-content">
                                                    <div class="carousel__slide-name">Shane Vaughan</div>
                                                    <div class="carousel__slide-role">Marketing Officer at Seedpsychology (AU)</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__slide">
                                        <div class="carousel__slide-inner text">
                                            <h3 class="carousel__slide-title">Deliverables with high quality standards</h3>
                                            <div class="carousel__slide-content">Our cooperation has been agile - we plan together and they complete assignments quickly and at a high level of quality. They adjust themselves to our company's processes. They have a lot of experience and thus
                                                they are able to teach the client to make better decisions.</div>
                                            <div class="carousel__slide-author">
                                                <div class="image image--fluid carousel__slide-author-image">
                                                    <div class="image__inner">
                                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                            data-sizes="auto" alt="" class="image__img lazyload">
                                                        <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                                    </div>
                                                </div>
                                                <div class="carousel__slide-author-content">
                                                    <div class="carousel__slide-name">Rait Vagula</div>
                                                    <div class="carousel__slide-role">Web & UX/UI team lead at Telia</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__slide">
                                        <div class="carousel__slide-inner text">
                                            <h3 class="carousel__slide-title">Passionate and quality outcome</h3>
                                            <div class="carousel__slide-content">I have worked with the gotoAndPlay team for several years and so far every project and release ends with the beginning of another. They work with great passion and quality in mind.</div>
                                            <div class="carousel__slide-author">
                                                <div class="image image--fluid carousel__slide-author-image">
                                                    <div class="image__inner">
                                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                            data-sizes="auto" alt="" class="image__img lazyload">
                                                        <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                                    </div>
                                                </div>
                                                <div class="carousel__slide-author-content">
                                                    <div class="carousel__slide-name">Lauri Post</div>
                                                    <div class="carousel__slide-role">CEO at Bit Finer</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="carousel__satellites js-satellites-carousel">
                                    <div class="carousel__satellites-slide carousel__satellites-slide--layout-2">
                                        <div class="image image--fluid carousel__satellite carousel__satellite--first">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--second">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--third">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__satellites-slide">
                                        <div class="image image--fluid carousel__satellite carousel__satellite--first">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--second">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__satellites-slide">
                                        <div class="image image--fluid carousel__satellite carousel__satellite--first">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--second">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel__satellites-slide carousel__satellites-slide--layout-2">
                                        <div class="image image--fluid carousel__satellite carousel__satellite--first">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--second">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                        <div class="image image--fluid carousel__satellite carousel__satellite--third">
                                            <div class="image__inner">
                                                <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2070%2070%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w"
                                                    data-sizes="auto" alt="" class="image__img lazyload">
                                                <noscript>
                <img src="//placehold.it/320x320" srcset="//placehold.it/320x320 320w, //placehold.it/640x640 640w, //placehold.it/960x960 960w, //placehold.it/1280x1280 1280w, //placehold.it/1600x1600 1600w, //placehold.it/70x70 70w, //placehold.it/140x140 140w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

    </div>
    <div class="sticky-footer  ">
        <ul class="list  social sticky-footer__social">
            <li class="list__item "> <a href="https://www.facebook.com/gotoandplay.ee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#facebook"></use>
</svg>
            <span class="social__label">Visit our Facebook page</span>
        </a>
            </li>
            <li class="list__item "> <a href="https://www.instagram.com/gotoandplayee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#instagram"></use>
</svg>
            <span class="social__label">Visit our Instagram feed</span>
        </a>
            </li>
            <li class="list__item "> <a href="https://twitter.com/gotoandplayee" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#twitter"></use>
</svg>
            <span class="social__label">Visit our Twitter feed</span>
        </a>
            </li>
        </ul>
        <nav class="languages languages--dark sticky-footer__languages">
            <ul class="list languages--dark languages__list">
                <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link is-current">
    eng
</a>
                </li>
                <li class="list__item languages__item"> <a href="#" class="link languages--dark languages__link">
    est
</a>
                </li>
            </ul>
        </nav>
    </div>
    <footer class="footer  main__footer">

        <h2 class="heading heading--on-dark footer__heading">
            <span class="heading__small">take a look at our</span>
            <span class="heading__main">
                    <a href="#" class="link link--h2 footer__heading">
    case studies
</a>
            </span>
        </h2>

        <nav class="footer__nav">
            <ul class="list  social footer__social">
                <li class="list__item "> <a href="https://www.facebook.com/gotoandplay.ee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#facebook"></use>
</svg>
            <span class="social__label">Visit our Facebook page</span>
        </a>
                </li>
                <li class="list__item "> <a href="https://www.instagram.com/gotoandplayee/" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#instagram"></use>
</svg>
            <span class="social__label">Visit our Instagram feed</span>
        </a>
                </li>
                <li class="list__item "> <a href="https://twitter.com/gotoandplayee" class="social__link">
            <svg class="icon  ">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#twitter"></use>
</svg>
            <span class="social__label">Visit our Twitter feed</span>
        </a>
                </li>
            </ul>

            <ul class="list  footer__menu">
                <li class="list__item "> <a href="#" class="link  footer__menu-link">
    Brand kit
</a>
                </li>
                <li class="list__item "> <a href="#" class="link  footer__menu-link">
    Privacy policy
</a>
                </li>
                <li class="list__item "> <a href="#" class="link  footer__menu-link">
    Something else
</a>
                </li>
            </ul>

            <nav class="languages  footer__lang">
                <ul class="list  languages__list">
                    <li class="list__item languages__item"> <a href="#" class="link  languages__link is-current">
    eng
</a>
                    </li>
                    <li class="list__item languages__item"> <a href="#" class="link  languages__link">
    est
</a>
                    </li>
                </ul>
            </nav>
        </nav>
    </footer>
    <div class="cookie  ">
        <div class="cookie__notice">
            <div class="cookie__content text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis molestias maxime odio id hic iste? Cumque, voluptates similique sit doloribus impedit, minus culpa odit quas tempore voluptatum. Odit, animi, ratione.
            </div>
            <div class="cookie__actions">

                <button type="button" class="button  cookie__accept-button">
    Nõustun
</button>
            </div>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "header": {
      "logo": {
        "label": "gotoAndPlay",
        "link": "#"
      },
      "navButtonLabel": "Navigation",
      "navigation": [
        {
          "link": "#",
          "title": "Work",
          "current": true
        },
        {
          "link": "#",
          "title": "Team"
        },
        {
          "link": "#",
          "title": "Contact"
        },
        {
          "link": "#",
          "title": "About"
        },
        {
          "link": "#",
          "title": "Brand kit",
          "modifier": "header__nav-item--mobile"
        },
        {
          "link": "#",
          "title": "Privacy Policty",
          "modifier": "header__nav-item--mobile"
        }
      ],
      "social": {
        "items": [
          {
            "link": "https://www.facebook.com/gotoandplay.ee/",
            "icon": "facebook",
            "label": "Visit our Facebook page"
          },
          {
            "link": "https://www.instagram.com/gotoandplayee/",
            "icon": "instagram",
            "label": "Visit our Instagram feed"
          },
          {
            "link": "https://twitter.com/gotoandplayee",
            "icon": "twitter",
            "label": "Visit our Twitter feed"
          }
        ]
      },
      "languages": {
        "items": [
          {
            "link": "#",
            "title": "eng",
            "current": "true"
          },
          {
            "link": "#",
            "title": "est"
          }
        ]
      }
    },
    "footer": {
      "heading": {
        "prefix": "take a look at our",
        "text": "case studies",
        "link": "#"
      },
      "social": {
        "items": [
          {
            "link": "https://www.facebook.com/gotoandplay.ee/",
            "icon": "facebook",
            "label": "Visit our Facebook page"
          },
          {
            "link": "https://www.instagram.com/gotoandplayee/",
            "icon": "instagram",
            "label": "Visit our Instagram feed"
          },
          {
            "link": "https://twitter.com/gotoandplayee",
            "icon": "twitter",
            "label": "Visit our Twitter feed"
          }
        ]
      },
      "languages": {
        "items": [
          {
            "link": "#",
            "title": "eng",
            "current": "true"
          },
          {
            "link": "#",
            "title": "est"
          }
        ]
      },
      "navigation": [
        {
          "link": "#",
          "title": "Brand kit"
        },
        {
          "link": "#",
          "title": "Privacy policy"
        },
        {
          "link": "#",
          "title": "Something else"
        }
      ]
    },
    "homeHero": {
      "id": "home-hero",
      "heading": {
        "prefix": "the capital of",
        "text": "web development"
      },
      "button": {
        "link": "#keywords",
        "text": "Click to see why",
        "class": "js-scroll-to"
      },
      "snakeGame": {
        "patternId": "play-pattern",
        "maskId": "play-mask",
        "orientationDialog": "Please turn your device sideways",
        "dialog": {
          "title": "sinu aeg oli",
          "results": {
            "open": "Vaata tulemusi",
            "close": "Sulge",
            "table": {
              "rows": [
                {
                  "name": "Ardo",
                  "time": "0:11:11"
                },
                {
                  "name": "Pärt",
                  "time": "0:12:12"
                },
                {
                  "name": "Mihkel",
                  "time": "0:13:13"
                }
              ]
            }
          },
          "signup": {
            "name": {
              "label": "Sinu nimi"
            },
            "submit": {
              "text": "Sisesta oma tulemus"
            },
            "again": {
              "text": "Proovi uuesti"
            }
          },
          "counter": {
            "time": "2:01"
          }
        },
        "game": {
          "size": 27,
          "pattern": "[[0,8],[0,9],[0,10],[0,11],[0,12],[0,13],[0,14],[0,15],[0,16],[1,6],[1,7],[1,8],[1,9],[1,10],[1,11],[1,12],[1,13],[1,14],[1,15],[1,16],[1,17],[1,18],[2,5],[2,6],[2,7],[2,8],[2,9],[2,10],[2,11],[2,12],[2,13],[2,14],[2,15],[2,16],[2,17],[2,18],[2,19],[3,3],[3,4],[3,5],[3,6],[3,7],[3,8],[3,9],[3,10],[3,11],[3,12],[3,13],[3,14],[3,15],[3,16],[3,17],[3,18],[3,19],[3,20],[3,21],[4,3],[4,4],[4,5],[4,6],[4,7],[4,8],[4,9],[4,15],[4,16],[4,17],[4,18],[4,19],[4,20],[4,21],[5,2],[5,3],[5,4],[5,5],[5,6],[5,7],[5,17],[5,18],[5,19],[5,20],[5,21],[5,22],[6,1],[6,2],[6,3],[6,4],[6,5],[6,6],[6,18],[6,19],[6,20],[6,21],[6,22],[6,23],[7,1],[7,2],[7,3],[7,4],[7,5],[7,19],[7,20],[7,21],[7,22],[7,23],[8,0],[8,1],[8,2],[8,3],[8,4],[8,20],[8,21],[8,22],[8,23],[8,24],[9,0],[9,1],[9,2],[9,3],[9,4],[9,9],[9,10],[9,11],[9,12],[9,13],[9,14],[9,15],[9,20],[9,21],[9,22],[9,23],[9,24],[10,0],[10,1],[10,2],[10,3],[10,9],[10,10],[10,11],[10,12],[10,13],[10,14],[10,15],[10,16],[10,21],[10,22],[10,23],[10,24],[11,0],[11,1],[11,2],[11,3],[11,9],[11,10],[11,11],[11,12],[11,13],[11,14],[11,15],[11,16],[11,21],[11,22],[11,23],[11,24],[12,0],[12,1],[12,2],[12,3],[12,9],[12,10],[12,11],[12,12],[12,13],[12,14],[12,15],[12,21],[12,22],[12,23],[12,24],[13,0],[13,1],[13,2],[13,3],[13,10],[13,11],[13,12],[13,13],[13,14],[13,21],[13,22],[13,23],[13,24],[14,0],[14,1],[14,2],[14,3],[14,10],[14,11],[14,12],[14,13],[14,14],[14,21],[14,22],[14,23],[14,24],[15,0],[15,1],[15,2],[15,3],[15,4],[15,11],[15,12],[15,13],[15,20],[15,21],[15,22],[15,23],[15,24],[16,0],[16,1],[16,2],[16,3],[16,4],[16,12],[16,20],[16,21],[16,22],[16,23],[16,24],[17,1],[17,2],[17,3],[17,4],[17,5],[17,19],[17,20],[17,21],[17,22],[17,23],[18,1],[18,2],[18,3],[18,4],[18,5],[18,6],[18,18],[18,19],[18,20],[18,21],[18,22],[18,23],[19,2],[19,3],[19,4],[19,5],[19,6],[19,7],[19,17],[19,18],[19,19],[19,20],[19,21],[19,22],[20,3],[20,4],[20,5],[20,6],[20,7],[20,8],[20,9],[20,15],[20,16],[20,17],[20,18],[20,19],[20,20],[20,21],[20,22],[20,23],[21,3],[21,4],[21,5],[21,6],[21,7],[21,8],[21,9],[21,10],[21,11],[21,12],[21,13],[21,14],[21,15],[21,16],[21,17],[21,18],[21,19],[21,20],[21,21],[21,22],[21,23],[21,24],[22,5],[22,6],[22,7],[22,8],[22,9],[22,10],[22,11],[22,12],[22,13],[22,14],[22,15],[22,16],[22,17],[22,18],[22,19],[22,20],[22,21],[22,22],[22,23],[22,24],[23,6],[23,7],[23,8],[23,9],[23,10],[23,11],[23,12],[23,13],[23,14],[23,15],[23,16],[23,17],[23,18],[23,19],[23,20],[23,21],[23,22],[23,23],[23,24],[24,8],[24,9],[24,10],[24,11],[24,12],[24,13],[24,14],[24,15],[24,16],[24,17],[24,18],[24,19],[24,20],[24,21],[24,22],[24,23],[24,24]]"
        }
      }
    },
    "keywords": {
      "id": "keywords",
      "mouse": {
        "target": "#quote"
      },
      "heading": {
        "prefix": "we excel in",
        "text": "more than expected"
      },
      "description": [
        {
          "category": "html5",
          "content": "<p>HTML5 ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores, ratione similique saepe!</p>"
        },
        {
          "category": "wordpress",
          "content": "<p>WordPress ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores, ratione similique saepe!</p>"
        },
        {
          "category": "prototype",
          "content": "<p>Prototype ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quo, aliquid, ullam rerum eveniet maiores sapiente unde, repudiandae tenetur officia nulla explicabo quae facilis! Ex aliquam maiores, ratione similique saepe!</p>"
        }
      ],
      "honeycomb": {
        "categories": [
          {
            "name": "html",
            "icon": "apps",
            "title": "web apps",
            "content": "JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>"
          },
          {
            "name": "wordpress",
            "icon": "web",
            "title": "websites",
            "content": "JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>"
          },
          {
            "name": "prototype",
            "icon": "mvp",
            "title": "MVP",
            "content": "JSON, Angular JS, BEM, TWIG, NODEJS, PHP, Themes, Aurelia <a href='#'>...read more</a>"
          }
        ],
        "terms": [
          {
            "title": "Twig",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "Themes",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "UX Design",
            "category": [
              "prototype"
            ]
          },
          {
            "title": "NodeJS"
          },
          {
            "title": "Bootstrap"
          },
          {
            "title": "Analyze"
          },
          {
            "title": "BEM",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "PHP",
            "category": [
              "wordpress"
            ]
          },
          {
            "title": "ES2016"
          },
          {
            "title": "Bower"
          },
          {
            "title": "SVG animations"
          },
          {
            "title": "Themes",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "Analyze"
          },
          {
            "title": "BEM",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "PHP"
          },
          {
            "title": "ES2016",
            "category": [
              "wordpress"
            ]
          },
          {
            "title": "SVG animations"
          },
          {
            "title": "Themes"
          },
          {
            "title": "Twig",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "Themes",
            "category": [
              "html",
              "wordpress"
            ]
          },
          {
            "title": "UX Design",
            "category": [
              "prototype"
            ]
          },
          {
            "title": "NodeJS"
          },
          {
            "title": "Themes"
          },
          {
            "title": "Analyze"
          }
        ]
      }
    },
    "uncommonTalent": {
      "id": "uncommon-talent",
      "image": {
        "srcset": "//placehold.it/360x244",
        "sources": [
          {
            "srcset": "../../inc/img/div-team.png"
          }
        ]
      },
      "intro": {
        "heading": {
          "prefix": "meet the team of",
          "text": "uncommon-talent"
        },
        "content": "<p>As we have experience in various development realms, we aim to turn your good ideas into functional solutions that will serve your business. Our work ethics will combine professional strive for perfection with a simple fun factor as we like what we do and we do it good.</p>"
      },
      "button": {
        "text": "Get to know us"
      }
    },
    "partners": {
      "id": "partners",
      "heading": {
        "prefix": "the clients",
        "text": "about us"
      },
      "carousel": {
        "slides": [
          {
            "title": "Never have we been dissatisfied with them",
            "content": "Diapol Granite OÜ is very satisfied with our partner because gotoAndPlay always considers the client's wishes. Also their ideas are always innvoative, the work is fast and at a high level of quality!",
            "name": "Sandra Saviauk",
            "role": "Marketing officer at Diapol Granite",
            "authorImage": true,
            "image1": true,
            "image2": true,
            "image3": true,
            "satelliteLayout": 2
          },
          {
            "title": "Friendly, collaborative and responsive team",
            "content": "gotoAndPlay brought our new website design to life – they did a fantastic job and were a pleasure to work with. Ardo and his colleagues kept us fully informed during the pre-launch programming process, and were on-hand to help with minor site changes post-launch. Our new website looks great, and importantly has increased referrals! gotoAndPlay are a friendly, collaborative and responsive team. Highly recommended.",
            "name": "Shane Vaughan",
            "role": "Marketing Officer at Seedpsychology (AU)",
            "image1": true,
            "image2": true
          },
          {
            "title": "Deliverables with high quality standards",
            "content": "Our cooperation has been agile - we plan together and they complete assignments quickly and at a high level of quality. They adjust themselves to our company's processes. They have a lot of experience and thus they are able to teach the client to make better decisions.",
            "name": "Rait Vagula",
            "role": "Web & UX/UI team lead at Telia",
            "authorImage": true,
            "image1": true,
            "image2": true
          },
          {
            "title": "Passionate and quality outcome",
            "content": "I have worked with the gotoAndPlay team for several years and so far every project and release ends with the beginning of another. They work with great passion and quality in mind.",
            "name": "Lauri Post",
            "role": "CEO at Bit Finer",
            "authorImage": true,
            "image1": true,
            "image2": true,
            "image3": true,
            "satelliteLayout": 2
          }
        ]
      }
    },
    "quote": {
      "id": "quote",
      "title": "our mantra",
      "mouse": {
        "target": "#uncommon-talent"
      },
      "contents": [
        "<p>With deep understanding of web technologies we help businesses and innovators open up new sources of value</p>",
        "<p>You’ll work with a smart, focused, multi-disciplinary team that treats your business objectives as their own.</p>",
        "<p>This means we have shared perspective on how we can work together to achieve your goals. Basically, your new BFF.</p>"
      ]
    },
    "stickyFooter": {
      "social": {
        "items": [
          {
            "link": "https://www.facebook.com/gotoandplay.ee/",
            "icon": "facebook",
            "label": "Visit our Facebook page"
          },
          {
            "link": "https://www.instagram.com/gotoandplayee/",
            "icon": "instagram",
            "label": "Visit our Instagram feed"
          },
          {
            "link": "https://twitter.com/gotoandplayee",
            "icon": "twitter",
            "label": "Visit our Twitter feed"
          }
        ]
      },
      "languages": {
        "items": [
          {
            "link": "#",
            "title": "eng",
            "current": "true"
          },
          {
            "link": "#",
            "title": "est"
          }
        ]
      }
    },
    "cookie": {
      "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis molestias maxime odio id hic iste? Cumque, voluptates similique sit doloribus impedit, minus culpa odit quas tempore voluptatum. Odit, animi, ratione.",
      "button": {
        "text": "Nõustun"
      }
    }
  }
}