<!DOCTYPE html>
<html class="win-magic svg-magic" data-magic-ua="firefox" data-magic-ua-ver="89" data-magic-engine="gecko" data-magic-engine-ver="89"><head><link id="sirv-stylesheet-spin" rel="stylesheet" type="text/css" href="/studio/360photo_files/sirv.css"><style id="sirv-spin-css-reset" type="text/css"></style><style id="sirv-zoom-css-reset" type="text/css"></style><style id="sirv-core-css-reset" type="text/css"></style>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="yandex-verification" content="03d49f83d6974e4">
    <title>360° tuotekuva (3d tuotekaruselli)</title>

    <meta name="format-detection" content="telephone=no">

    <meta name="description" content="360-asteen tuotekuvaus: 3d tuotekuva, Amazon tuotekuvaus, tuotekaruselli">

    <link rel="canonical" href="">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="/studio/360photo_files/tilda-grid-3.css" type="text/css" media="all">
    <link rel="stylesheet" href="/studio/360photo_files/tilda-blocks-2.css" type="text/css" media="all">
    <!--    bootstrap-->
    <link type="text/css" rel="stylesheet"
          href="/studio/360photo_files/assets/style/bootstrap-4.5.3-dist/css/bootstrap.min.css?v89">

    <!--    <link rel="stylesheet" href="/studio/360photo_files/assets/style/ambalco_top.css" type="text/css" media="screen">-->
    <link rel="stylesheet" href="/studio/360photo_files/my.css?v=7" type="text/css" media="screen">

    <link rel="stylesheet" href="/studio/dist/style.css?v=17">

    <link href="/studio/360photo_files/leaflet.css" rel="stylesheet" type="text/css">
    <link href="/studio/360photo_files/pro360.css" media="screen, projection" rel="stylesheet" type="text/css">

    <script type="text/javascript" id="www-widgetapi-script" src="/studio/360photo_files/www-widgetapi.js" async=""></script>
    <script type="text/javascript" async="" src="/studio/360photo_files/index.htm"></script>
    <!-- script async="" src="/studio/360photo_files/tag.js"></script -->
    <!-- script async="" src="/studio/360photo_files/analytics.js"></script -->
    <script src="/studio/360photo_files/iframe_api"></script>
    <!-- script type="text/javascript" src="/studio/360photo_files/underscore.js"></script -->
    <script type="text/javascript" src="/studio/360photo_files/konva.js"></script>
    <script type="text/javascript" src="/studio/360photo_files/EasePack.js"></script>
    <script type="text/javascript" src="/studio/360photo_files/TweenLite.js"></script>

    <script type="text/javascript" src="/studio/360photo_files/pre-loader.js"></script>
    <script type="text/javascript" src="/studio/360photo_files/preloader.js"></script>
    <script type="text/javascript" src="/studio/360photo_files/pro360_002.js"></script>
    <script type="text/javascript" src="/studio/360photo_files/pro360.js"></script>

    <script src="/studio/360photo_files/jquery-1.js"></script>
    <script src="/studio/360photo_files/bootstrap.js"></script>
    <script src="/studio/360photo_files/tilda-scripts-2.js"></script>
    <script src="/studio/360photo_files/tilda-blocks-2.js"></script>

    <script src="/studio/360photo_files/jquery.js"></script>
    <script src="/studio/360photo_files/tilda-forms-1.js"></script>
    <script src="/studio/360photo_files/leaflet.js"></script>
    <!-- script>
        (function(s,i,r,v) {
            v = i.createElement(r); v.async=1;
            v.src = ('file:'==location.protocol?'//':'') + '//scripts.sirv.com/sirv.js';
            i.getElementsByTagName(r)[0].parentNode.appendChild(v);
        })(window, document, 'script');
    </script -->
    <script>
        window.topicSlide = 0;
    </script>
    <!-- script async="" src="/studio/360photo_files/sirv.js"></script -->
    <!-- script src="/studio/360photo_files/main.js" charset="utf-8"></script>
    <script src="/studio/360photo_files/sync.js"></script -->
    <!-- script src="/studio/360photo_files/studying.htm"></script -->
    <script async src="https://scripts.sirv.com/sirv.js"></script>
    <link type="text/css" rel="stylesheet" href="/studio/360photo_files/lpt_widget_btn.css">
    <script src="/studio/360photo_files/check.js"></script>
    <!-- script src="/studio/360photo_files/bundle5.js"></script -->

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Jura:wght@500;700&display=swap" rel="stylesheet">
</head>

<body class="t-body" style="margin:0;" data-new-gr-c-s-check-loaded="8.878.0" data-gr-ext-installed="">

<!--allrecords-->
<div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-page-id="39087">
    <div id="rec5791323" class="r" style="padding-top:0px; " data-animationappear="off" data-record-type="257">

        <!-- T228 -->
        <div id="nav5791323marker"></div>
        <div id="nav5791323" class="t228 t228__positionfixed " style="background-color: rgba(255,255,255,1); height:90px; box-shadow: 0px 1px 3px rgba(0,0,0,0.30);" data-bgcolor-hex="#ffffff" data-bgcolor-rgba="rgba(255,255,255,1)" data-navmarker="nav5791323marker" data-appearoffset="" data-bgopacity-two="" data-menushadow="30" data-bgopacity="1" data-menu-items-align="right" data-menu="yes">
            <div class="t228__maincontainer " style="height:90px;">
                <div class="t228__padding40px"></div>

                <div class="t228__leftside">
                    <div class="t228__leftcontainer" style="display: block;">
                        <a href="/" style="color:#ffffff;font-family:'Open Sans';text-transform:uppercase;">
                            <img src="/studio/360photo_files/gethigh-studio-logo-big.png" style="height:3em" class="t228__imglogo "
                                 imgfield="img" alt="Gethigh Studio Oy. Helsinki, Turku">
                        </a>
                    </div>
                </div>

                <div class="t228__centerside t228__menualign_right desktop-menu">
                    <div class="t228__centercontainer">
                        <ul class="t228__list">
                            <li class="t228__list_item">
                                <a href="#main" class="topmenu-item" data-menu-item-number="1">360°-tuotekuva</a>
                            </li>
                            <!-- li class="t228__list_item">
                                <a href="#free5" class="topmenu-item" data-menu-item-number="2">5 ilmaista kuvaa</a>
                            </li -->
                            <li class="t228__list_item">
                                <a href="#form" class="topmenu-item" data-menu-item-number="3">Tilaa</a>
                            </li>
                            <li class="t228__list_item">
                                <a href="#contacts" class="topmenu-item" data-menu-item-number="4">Ota yhteyttä</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="t228__rightside desktop-menu">
                    <div class="t228__rightcontainer">

                        <div class="t228__right_social_links">
                            <div class="t228__right_social_links_wrap">

                                <!-- div class="t228__right_social_links_item">
                                    <a href="https://www.facebook.com/Ambalco/?ref=aymt_homepage_panel" target="_blank">
                                    <svg style="fill:#fe5226;" version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
                                    <path d="M47.761,24c0,13.121-10.638,23.76-23.758,23.76C10.877,47.76,0.239,37.121,0.239,24c0-13.124,10.638-23.76,23.764-23.76
                                        C37.123,0.24,47.761,10.876,47.761,24 M20.033,38.85H26.2V24.01h4.163l0.539-5.242H26.2v-3.083c0-1.156,0.769-1.427,1.308-1.427
                                        h3.318V9.168L26.258,9.15c-5.072,0-6.225,3.796-6.225,6.224v3.394H17.1v5.242h2.933V38.85z"></path>
                                    </svg>
                                    </a>
                                </div -->



                                <!-- div class="t228__right_social_links_item">
                                    <a href="https://vimeo.com/ambalco" target="_blank">
                                    <svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="-455 257 48 48" enable-background="new -455 257 48 48" xml:space="preserve">
                                    <path style="fill:#fe5226;" d="M-431,256.971c13.267,0,24.023,10.755,24.023,24.023s-10.755,24.023-24.023,24.023s-24.023-10.755-24.023-24.023
                                    S-444.267,256.971-431,256.971z M-443.262,276.117l0.996,1.306c0,0,2.054-1.619,2.739-0.81c0.685,0.81,3.299,10.584,4.171,12.387
                                    c0.761,1.581,2.862,3.672,5.166,2.179c2.302-1.493,9.959-8.03,11.329-15.749c1.369-7.717-9.213-6.1-10.335,0.623
                                    c2.802-1.682,4.297,0.683,2.863,3.362c-1.431,2.676-2.739,4.421-3.424,4.421c-0.683,0-1.209-1.791-1.992-4.92
                                    c-0.81-3.236-0.804-9.064-4.17-8.403C-439.09,271.136-443.262,276.117-443.262,276.117L-443.262,276.117z"></path>
                                    </svg>
                                    </a>
                                </div -->


                                <div class="t228__right_social_links_item">
                                    <a href="https://www.instagram.com/tuotekuva.3d/" target="_blank">
                                        <svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="-455 257 48 48" enable-background="new -455 257 48 48" xml:space="preserve">
                              <path style="fill:#fe5226;" d="M-430.938,256.987c13.227,0,23.95,10.723,23.95,23.95c0,13.227-10.723,23.95-23.95,23.95
                                  c-13.227,0-23.95-10.723-23.95-23.95C-454.888,267.71-444.165,256.987-430.938,256.987z M-421.407,268.713h-19.06
                                  c-1.484,0-2.688,1.204-2.688,2.69v19.07c0,1.485,1.203,2.689,2.688,2.689h19.06c1.484,0,2.688-1.204,2.688-2.689v-19.07
                                  C-418.72,269.917-419.923,268.713-421.407,268.713z M-430.951,276.243c2.584,0,4.678,2.096,4.678,4.681
                                  c0,2.585-2.095,4.68-4.678,4.68c-2.584,0-4.678-2.096-4.678-4.68C-435.629,278.339-433.535,276.243-430.951,276.243z
                                   M-421.579,289.324c0,0.54-0.437,0.978-0.977,0.978h-16.779c-0.54,0-0.977-0.438-0.977-0.978V279.08h2.123
                                  c-0.147,0.586-0.226,1.199-0.226,1.831c0,4.144,3.358,7.504,7.5,7.504c4.142,0,7.5-3.359,7.5-7.504c0-0.632-0.079-1.245-0.226-1.831
                                  h2.061V289.324L-421.579,289.324z M-421.516,275.23c0,0.54-0.438,0.978-0.977,0.978h-2.775c-0.54,0-0.977-0.438-0.977-0.978v-2.777
                                  c0-0.54,0.438-0.978,0.977-0.978h2.775c0.54,0,0.977,0.438,0.977,0.978V275.23z"></path>
                              </svg>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="t228__right_buttons">
                            <div class="t228__right_buttons_wrap">
                                <div class="t228__right_buttons_but">
                                    <a href="tel:+358406784402" target="" class="t-btn" style="color:#000000; font-size: 1.1em; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;">
                                        <table style="width:100%; height:100%;">
                                            <tbody>
                                            <tr>
                                                <td>+358 406784402</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="t228__padding40px"></div>
            </div>
        </div>

        <script type="text/javascript">

            $(document).ready(function() {
                t228_highlight();
            });

        </script>



        <script type="text/javascript">

            $(window).resize(function() {
                t228_setBg('5791323');
            });
            $(document).ready(function() {
                t228_setBg('5791323');
            });

        </script>





        <style>
            #rec5791323 .t228__list_item .t-active{
                color:#fc643a !important;
                font-weight:600 !important;

            }
        </style>

    </div>

    <div id="rec4352592" class="r" style="opacity: 1;" data-record-type="270">
        <script type="text/javascript">

            $(document).ready(function(){
                var $root = $('html, body');
                $('a[href*=#]:not([href=#],.carousel-control,.t-carousel__control,[href^=#price])').click(function() {
                    var target = $(this.hash);
                    if (target.length == 0){ target = $('a[name="' + this.hash.substr(1) + '"]'); }
                    if (target.length == 0){
                        return true;
                    }
                    $root.animate({ scrollTop: target.offset().top + 3 }, 500);
                    return false;
                });
            });

        </script>
    </div>

    <div id="rec4344819" class="r" style="opacity: 1;" data-record-type="215">
        <a name="chapter0"></a>

    </div>

    <div id="rec5434732" class="r" style=" " data-animationappear="off" data-record-type="46">
        <!-- cover -->

        <div class="t-cover slider-upper-section" id="recorddiv5434732" bgimgfield="img" style="position:relative">

            <div class="desktop-hide mobile-phone-wrap">
                <a href="tel:+358406784402" target="">
                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                         viewBox="0 0 24 24" style="width: 1.3rem; enable-background:new 0 0 24 24;" xml:space="preserve">
 	<title>phone-hand-hold-1</title>
                        <g>
                            <path d="M12,24c-1.862,0-3.394-1.331-3.693-3.115L6.75,21.508v1.742C6.75,23.664,6.414,24,6,24s-0.75-0.336-0.75-0.75V21
 	c0-0.309,0.185-0.582,0.472-0.696l2.452-0.981c0.132-0.053,0.268-0.118,0.414-0.198c0.034-0.022,0.07-0.042,0.107-0.059
 	c0.486-0.287,0.891-0.672,1.206-1.145l1.645-2.467c0.184-0.276,0.184-0.633,0-0.909L11.52,14.51
 	c-0.131-0.176-0.323-0.289-0.54-0.32c-0.04-0.006-0.08-0.009-0.12-0.009c-0.177,0-0.345,0.057-0.489,0.164L8.7,15.6
 	c-0.131,0.098-0.286,0.15-0.449,0.15c-0.235,0-0.459-0.112-0.6-0.3c-0.12-0.161-0.171-0.358-0.143-0.556
 	C7.536,14.696,7.64,14.52,7.8,14.4l0.45-0.337v-3.176L5.695,11.98c-0.889,0.381-1.588,1.081-1.969,1.97l-1.173,2.744
 	c-0.202,0.47-0.304,0.968-0.304,1.479v5.076C2.25,23.664,1.914,24,1.5,24s-0.75-0.336-0.75-0.75v-5.076
 	c0-0.716,0.143-1.412,0.425-2.07l1.172-2.744c0.533-1.245,1.512-2.225,2.757-2.758L8.25,9.255V3.75C8.25,1.682,9.932,0,12,0h7.5
 	c2.068,0,3.75,1.682,3.75,3.75v16.5c0,2.068-1.682,3.75-3.75,3.75H12z M9.75,20.25c0,1.241,1.009,2.25,2.25,2.25h7.5
 	c1.241,0,2.25-1.009,2.25-2.25V19.5H10.546c-0.239,0.246-0.506,0.469-0.796,0.668V20.25z M21.75,18V3.75
 	c0-1.241-1.009-2.25-2.25-2.25H12c-1.241,0-2.25,1.009-2.25,2.25v9.216c0.34-0.187,0.718-0.285,1.11-0.285
 	c0.111,0,0.224,0.008,0.334,0.024c0.613,0.088,1.156,0.409,1.527,0.906c0.025,0.033,0.048,0.066,0.071,0.1
 	c0.522,0.784,0.523,1.794,0.002,2.575L11.651,18H21.75z"/>
                        </g>
 	</svg>
                    +358 468 416 066
                </a>
            </div>

            <div class="desktop-hide insta-icon-wrap">
                <a href="https://www.instagram.com/tuotekuva.3d/" target="_blank">
                    <svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="-455 257 48 48" enable-background="new -455 257 48 48" xml:space="preserve">
                          <path style="fill:#fe5226;" d="M-430.938,256.987c13.227,0,23.95,10.723,23.95,23.95c0,13.227-10.723,23.95-23.95,23.95
                              c-13.227,0-23.95-10.723-23.95-23.95C-454.888,267.71-444.165,256.987-430.938,256.987z M-421.407,268.713h-19.06
                              c-1.484,0-2.688,1.204-2.688,2.69v19.07c0,1.485,1.203,2.689,2.688,2.689h19.06c1.484,0,2.688-1.204,2.688-2.689v-19.07
                              C-418.72,269.917-419.923,268.713-421.407,268.713z M-430.951,276.243c2.584,0,4.678,2.096,4.678,4.681
                              c0,2.585-2.095,4.68-4.678,4.68c-2.584,0-4.678-2.096-4.678-4.68C-435.629,278.339-433.535,276.243-430.951,276.243z
                               M-421.579,289.324c0,0.54-0.437,0.978-0.977,0.978h-16.779c-0.54,0-0.977-0.438-0.977-0.978V279.08h2.123
                              c-0.147,0.586-0.226,1.199-0.226,1.831c0,4.144,3.358,7.504,7.5,7.504c4.142,0,7.5-3.359,7.5-7.504c0-0.632-0.079-1.245-0.226-1.831
                              h2.061V289.324L-421.579,289.324z M-421.516,275.23c0,0.54-0.438,0.978-0.977,0.978h-2.775c-0.54,0-0.977-0.438-0.977-0.978v-2.777
                              c0-0.54,0.438-0.978,0.977-0.978h2.775c0.54,0,0.977,0.438,0.977,0.978V275.23z"></path>
                          </svg>
                </a>
            </div>

            <div class="t-cover__filter slider-upper-section slider-cover"></div>
            <div id="coverGradient" class="t-cover__filter slider-upper-section slider-gradient" style="background: linear-gradient(62deg, rgba(200, 131, 70, 0.5) 0%, rgba(255, 253, 109, 0.6) 35%, rgba(255, 203, 0, 0.23) 100%);"></div>

            <div class="t-container">
                <div class="t-cover__filter slider-upper-section ceci-cover"></div>
                <script>
                    const alexVer = Math.ceil(Math.random()*2);
                    document.write('<div class="t-cover__filter slider-upper-section alex-' + alexVer + '"></div>');
                </script>
            </div>


            <div class="t-container">
                <div class="t-cover__wrapper t-valign_middle" style="height:100vh; padding-bottom: 10rem">
                    <div class="t032">
                        <div class="cover-container" data-hook-content="covercontent">

                            <div id="mxVolumeSlider">
                                <div>
                                    <div class="mxOrderVolumeSliderValues">

                                        <div class="number-wrap">
                                            <span id="numberOfPhotos" class="steady-number steady-height"></span>
                                            <div class="number-caption">Kuvien määrä</div>
                                        </div>

                                        <div class="number-wrap" style="display:none">
                                            <span id="pricePerPhoto" class="mxPhotoPrice steady-height"></span>
                                            <div class="number-caption">Hinta</div>
                                        </div>

                                        <div class="number-wrap">
                                            <span id="totalSum" class="steady-number steady-height"></span>
                                            <div class="number-caption">Tilauksen kokonaissumma</div>
                                        </div>
                                    </div>

                                    <div class="mxOrderVolumeSliderWrapper">
                                        <div id="mxOrderVolumeSlider"></div>
                                    </div>

                                </div>
                            </div>

                            <div class="main">
                                <input
                                        type="range"
                                        name="amount"
                                        min="1"
                                        max="200"
                                        value="1"
                                >
                            </div>
                            <div class="t-row">
                                <div class="slider-flex-spacer">
                                    <div class="slider-hint">
                                        <svg class="animated-arrow animated-arrow-left" style="position:absolute; left: -2rem; top: 0.2rem; width:1.2rem; enable-background:new 0 0 24 24;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve">
                                            <g>
                                                <path d="M10.58,23.997c-0.246,0-0.476-0.12-0.616-0.322l-7.826-11.25c-0.178-0.256-0.178-0.6,0-0.856l7.826-11.25 c0.14-0.202,0.37-0.322,0.616-0.322c0.154,0,0.302,0.047,0.428,0.135c0.164,0.114,0.274,0.286,0.31,0.483 	c0.036,0.197-0.008,0.396-0.123,0.561L3.667,11.997l7.528,10.822c0.236,0.339,0.152,0.807-0.187,1.044 C10.882,23.95,10.733,23.997,10.58,23.997z"/>
                                                <path d="M17.474,23.991c-0.852-0.045-1.62-0.441-2.127-1.086l-6.739-9.676c-0.472-0.754-0.477-1.703-0.021-2.432l6.729-9.675 	c0.527-0.674,1.292-1.076,2.112-1.121l3.344-0.004c0.547,0,0.982,0.233,1.193,0.64c0.211,0.407,0.153,0.895-0.16,1.341 	l-6.706,9.641c-0.136,0.218-0.132,0.537,0.02,0.779l6.688,9.614c0.311,0.447,0.369,0.935,0.157,1.34 	c-0.212,0.406-0.646,0.638-1.192,0.638H17.474z M17.471,1.5c-0.349,0.02-0.711,0.212-0.948,0.513L9.84,11.622 	c-0.135,0.218-0.131,0.538,0.02,0.78l6.693,9.61c0.216,0.273,0.58,0.459,0.962,0.479l2.799-0.001l-6.445-9.266	c-0.474-0.754-0.478-1.703-0.02-2.433l6.464-9.295L17.471,1.5z"/>
                                            </g>
                                        </svg>

                                        Siirrä säätääksesi hintaa

                                        <svg class="animated-arrow animated-arrow-right" style="position:absolute; right:-2rem; top:0.2rem; width:1.2rem; enable-background:new 0 0 24 24;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve">
                                            <g>
                                                <path d="M13.51,23.997c-0.154,0-0.302-0.046-0.428-0.135c-0.339-0.236-0.423-0.704-0.187-1.044l7.528-10.822L12.895,1.175 	c-0.114-0.164-0.158-0.364-0.123-0.561c0.035-0.197,0.146-0.369,0.31-0.483c0.126-0.088,0.274-0.134,0.428-0.134 	c0.245,0,0.476,0.12,0.616,0.322l7.826,11.25c0.178,0.256,0.178,0.6,0,0.857l-7.826,11.25 	C13.986,23.877,13.756,23.997,13.51,23.997z"/>
                                                <path d="M3.318,23.994c-0.546,0-0.98-0.232-1.192-0.637c-0.212-0.405-0.155-0.893,0.156-1.341l6.707-9.647 	c0.135-0.218,0.131-0.538-0.02-0.78L2.28,1.975C1.969,1.531,1.912,1.042,2.123,0.637c0.212-0.406,0.646-0.64,1.192-0.64L6.621,0 	c0.851,0.046,1.619,0.442,2.126,1.086l6.734,9.68c0.474,0.753,0.478,1.703,0.02,2.433L8.77,22.872 	c-0.528,0.673-1.292,1.075-2.111,1.121L3.318,23.994z M6.618,22.494c0.349-0.021,0.711-0.213,0.948-0.514l6.684-9.608 	c0.136-0.218,0.132-0.537-0.02-0.779L7.541,1.978C7.325,1.706,6.96,1.52,6.578,1.499L3.775,1.497l6.446,9.266 	c0.472,0.754,0.476,1.702,0.02,2.432l-6.464,9.3H6.618z"/>
                                            </g>
                                        </svg>
                                    </div>
                                    <br>
                                    <button onclick="composeOrder()" class="t186C__submit t-submit" style="color:#ffffff; border:1px solid ; background-color:#fe5226; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;width: 13rem;display: inline-block;margin-top: 1rem;padding: 0.5rem 1.5rem;height: auto;line-height: normal;">
                                        Ota yhteyttä
                                    </button>
                                    <script>
                                        function composeOrder() {
                                            const orderText = "Kuvien määrä: " + sliderData.numberOfPhotos + "\n" +
                                                "Hinta: " + sliderData.price + currency + "\n" +
                                                "Tilauksen kokonaissumma: " + (sliderData.price * sliderData.numberOfPhotos) + currency + "\n";
                                            document.getElementById('orderText').value = orderText;
                                            location.href='https://gethigh.studio/#form';
                                        }
                                    </script>

                                </div>
                            </div>

                            <!-- script src="https://code.jquery.com/jquery-3.6.0.js"></script -->
                            <!-- script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script -->
                            <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

                            <script src='https://andreruffert.github.io/rangeslider.js/assets/rangeslider.js/dist/rangeslider.min.js?v=5'></script>
                            <script src='//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js?v=5'></script>
                            <script src="/studio/dist/script.js?v=22"></script>

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

                <div class="left-job">
                    <a href="mailto:info@gethigh.studio">
                        Alex Belinski, CEO
                    </a>
                </div>
                <div class="right-job">
                    <a href="mailto:sales@gethigh.studio">
                        Cecilia Aho, CSO
                    </a>
                </div>
            </div>

            <!-- arrow -->
            <!-- div class="t-cover__arrow"><div class="t-cover__arrow-wrapper t-cover__arrow-wrapper_animated"><div class="t-cover__arrow_mobile"><svg class="t-cover__arrow-svg" style="fill:#ffffff;" x="0px" y="0px" width="38.417px" height="18.592px" viewBox="0 0 38.417 18.592"><g><path d="M19.208,18.592c-0.241,0-0.483-0.087-0.673-0.261L0.327,1.74c-0.408-0.372-0.438-1.004-0.066-1.413c0.372-0.409,1.004-0.439,1.413-0.066L19.208,16.24L36.743,0.261c0.411-0.372,1.042-0.342,1.413,0.066c0.372,0.408,0.343,1.041-0.065,1.413L19.881,18.332C19.691,18.505,19.449,18.592,19.208,18.592z"></path></g></svg></div></div></div -->
            <!-- arrow -->

        </div>

        <div class="slider-lower-section">
            <h1 class="slider-header" field="title">
                <span class="mobile-hide">Laadukas 3D kuva</span>
                <span class="desktop-hide">Laadukas 3D kuva</span>
            </h1>
            <h2 class="slider-descr">
                Auttaa yritystäsi asiakkaiden palautus ongelmissa
            </h2>
        </div>


    </div>


    <div id="rec2971187" class="r t-screenmin-1200px" style=" " data-record-type="131" data-screen-min="1200px">
        <!-- T123 -->
        <div class="t123">
            <div class="t-container_100 ">
                <div class="t-width t-width_ ">

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


    </div>


    <div id="rec4343913" class="r" style="padding-top: 0px; padding-bottom: 0px; opacity: 1;" data-record-type="215">
        <a name="main"></a>

    </div>

    <div id="rec4352596" class="r" style="opacity: 1;" data-record-type="270">
        <script type="text/javascript">

            $(document).ready(function(){
                var $root = $('html, body');
                $('a[href*=#]:not([href=#],.carousel-control,.t-carousel__control,[href^=#price])').click(function() {
                    var target = $(this.hash);
                    if (target.length == 0){ target = $('a[name="' + this.hash.substr(1) + '"]'); }
                    if (target.length == 0){
                        return true;
                    }
                    $root.animate({ scrollTop: target.offset().top + 3 }, 500);
                    return false;
                });

            });

        </script>
    </div>

    <div id="rec5842360" class="r" style="padding-top:3rem;padding-bottom:0px;background-color:#ffffff; " data-record-type="65" data-bg-color="#ffffff" data-animationappear="off">
        <!-- T056 -->
        <div class="t056">
            <div class="t-container t-align_center">
                <div class="t-col t-col_10 t-prefix_1">
                    <div class="t056__title t-name t-name_xl" field="title">
                        <div style="font-size:42px;text-align:center;color:#000000;" data-customstyle="yes">
                            360°-/3D-tuotekuvat verkkokaupoille<br>
                        </div>
                    </div>

                    <div class="t056__descr t-text t-text_sm" field="descr">
                        <div style="padding-bottom:43px; text-align:center;font-family:'Open Sans';color:#000000;" data-customstyle="yes">
                            <span style="font-weight: 400;">
                                Tämä interaktiivinen esitystapa on jopa videota parempi, sillä sen avulla verkkosivujen vierailijat pääsevät vuorovaikuttamaan tuotteiden kanssa. Vierailijat voivat itse tarkastella tuotteita kääntämällä, kallistamalla ja suurentamalla niitä. Interaktiiviset 360°-kuvat vievät käyttäjäkokemuksen aivan uudelle tasolle ja kasvattavat myyntiä.
                            </span><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div id="rec2528986" class="r photo360-container" style="padding-top:0;padding-bottom:10px; " data-animationappear="off"
         data-record-type="5">
        <div style="width:100%; margin: 0 auto;">
            <div id="myCarousel2528986" class="carousel slide" data-ride="carousel" data-interval="false">

                <!-- Indicators -->
                <ol class="carousel-indicators dotsbottom">

                    <li id="slide0" data-target="#myCarousel2528986" data-slide-to="0" class=" active"></li>

                    <li id="slide1" data-target="#myCarousel2528986" data-slide-to="1" class=""></li>

                    <li id="slide2" data-target="#myCarousel2528986" data-slide-to="2" class=""></li>

                    <li id="slide3" data-target="#myCarousel2528986" data-slide-to="3" class=""></li>

                </ol>

                <div class="carousel-inner">

                    <div class="item active">
                        <img src="/studio/360photo_files/5fe9d5a6-6f51-4579-b0bf-c136746ada5c__transp.png" alt=""
                             class="t-width t-width_12" style="margin: 0 auto; ">
                        <div class="myslide"
                             style="position: absolute; width: 986px; height: 560px; left: 426px; top: 0px; border: 0; background-color: white;">
                            <div class="ms-desc"
                                 style="width: 40%; padding: 2em; font-family: &quot;Open Sans&quot;, sans-serif; position: absolute;">
                                <p class="ms-title">Klassinen yksisuuntainen 360°-kuva</p>
                                <p class="ms-text" style="font-size:0.85em;line-height: 1.7em;">
                                    Klassikko, joka on hyvin toimiva. Kuvataajuus voi olla 36, 72 tai 144 valokuvakaappauksia – riippuen tuotteesta ja budjetista.
                                </p>
                            </div>
                            <div style="background-position-y: center; background-repeat: no-repeat; background-size: contain; background-image: url(/studio/360photo_files/cover/1.jpg); margin-left: 45%; margin-top: 0px; width: 55%; height: 560px;"
                                 class="ms-cont">
                                <div id="Sirv1" class="Sirv"
                                     data-src="//ambalco.sirv.com/f-musiikki/gtr-yamaha-silent/gtr-yamaha-silent.spin">
                                    <div class="sirv-spin-container desktop"
                                         style="display: inline-block; overflow: hidden; position: relative; text-align: center; width: 100%; height: 100%;">
                                        <div class="spin-figure desktop spin-x-axis zoom-in"
                                             style="visibility: visible; user-select: none; height: 100%; max-width: 542px; max-height: 542px; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; text-decoration: none; color: rgb(0, 0, 0); background-repeat: no-repeat; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); outline: currentcolor none medium;">
                                            <img style="width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 0;"
                                                 src="/studio/360photo_files/001.webp" width="542" height="542">
                                            <canvas style="display: block; width: 542px; height: 542px; padding: 0px; margin: auto; position: absolute; inset: 0px; opacity: 1; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px);"
                                                    width="600" height="600"></canvas>
                                        <span style="position: absolute; z-index: 999; visibility: visible;"
                                              class="sirv-spin-hint">
														<span class="hint-side right"></span>
														<span class="hint-side left"></span>
														<span style="display: inline-block; height: 100%; width: 1px; vertical-align: middle;"></span>
														<span style="position: relative; margin: auto; display: inline-block; vertical-align: middle;"
                                                              class="hint-text">&lt;rotaatio&gt;</span>
													</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="item ">
                        <img src="/studio/360photo_files/5fe9d5a6-6f51-4579-b0bf-c136746ada5c__transp.png" alt=""
                             class="t-width t-width_12" style="margin: 0 auto; ">
                        <div class="myslide"
                             style="position: absolute; width: 986px; height: 560px; left: 426px; top: 0px; border: 0; background-color: white;">
                            <div class="ms-desc"
                                 style="width: 40%; padding: 2em; font-family: &quot;Open Sans&quot;, sans-serif; position: absolute;">
                                <p class="ms-title">360°-kuva Flycam-gimbaalilla</p>
                                <p class="ms-text" style="font-size:0.85em;line-height: 1.7em;">
                                    Yksisuuntainen kuva, joka on otettu Flycam-gimbaalilla varustetulla kameralla, joka kiertää akselinsa ympäri. Kamera ulottuu joka puolelle kohdetta – erittäin tyylikäs vaihtoehto tietyille tuotteille. Kiertoefekti on upea.
                                </p>
                            </div>
                            <div style="background-position-y: center; background-repeat: no-repeat; background-size: contain; background-image: url(/studio/360photo_files/cover/2.jpg); margin-left: 45%; margin-top: 0px; width: 55%; height: 560px;"
                                 class="ms-cont">
                                <div id="Sirv2" class="Sirv"
                                     data-src="https://ambalco.sirv.com/Spins/Trainers/Trainers.spin">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="item ">
                        <img src="/studio/360photo_files/5fe9d5a6-6f51-4579-b0bf-c136746ada5c__transp.png" alt=""
                             class="t-width t-width_12" style="margin: 0 auto; ">
                        <div class="myslide"
                             style="position: absolute; width: 986px; height: 560px; left: 426px; top: 0px; border: 0; background-color: white;">
                            <div class="ms-desc"
                                 style="width: 40%; padding: 2em; font-family: &quot;Open Sans&quot;, sans-serif; position: absolute;">
                                <p class="ms-title">360°-kuva epäsäännöllisistä tuotteista</p>
                                <p class="ms-text" style="font-size:0.85em;line-height: 1.7em;">
                                    Pyörät, moottoripyörät, skootterit ja muut kaksipyöräiset näyttävät paremmilta pystyasennossa. Onnistuu meiltä ongelmitta!
                                </p>
                            </div>
                            <div style="background-position-y: center; background-repeat: no-repeat; background-size: contain; background-image: url(/studio/360photo_files/cover/11.jpg); margin-left: 45%; margin-top: 0px; width: 55%; height: 560px;"
                                 class="ms-cont">
                                <div id="Sirv3" class="Sirv"
                                     data-src="https://ambalco.sirv.com/portfolio/f2_bike/f2_bike.spin">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="item ">
                        <img src="/studio/360photo_files/5fe9d5a6-6f51-4579-b0bf-c136746ada5c__transp.png" alt=""
                             class="t-width t-width_12" style="margin: 0 auto; ">
                        <div class="myslide"
                             style="position: absolute; width: 986px; height: 560px; left: 426px; top: 0px; border: 0; background-color: white;">
                            <div class="ms-desc"
                                 style="width: 40%; padding: 2em; font-family: &quot;Open Sans&quot;, sans-serif; position: absolute;">
                                <p class="ms-title">360°-kuva suuremmista tuotteista</p>
                                <p class="ms-text" style="font-size:0.85em;line-height: 1.7em;">
                                    Kyllä, isojenkin tuotteiden kuvaus on mahdollista! Kuvaus voidaan suorittaa studiollamme (toimitus maksaa noin 120 euroa). Kuvaus voidaan toteuttaa myös valitsemassasi tilassa, jos tila on riittävän suuri kuvausta varten.
                                </p>
                            </div>
                            <div style="background-position-y: center; background-repeat: no-repeat; background-size: contain; background-image: url(/studio/360photo_files/cover/12.jpg); margin-left: 45%; margin-top: 0; width: 55%; height: 560px;"
                                 class="ms-cont">
                                <div id="Sirv4" class="Sirv"
                                     data-src="https://ambalco.sirv.com/Spins/Egg-Chair/Egg%20Chair%20Anniversary%2072.spin">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

            <a class="left carousel-control" href="#myCarousel2528986" data-slide="prev"><span
                        class="carousel-control-left"></span></a>
            <a class="right carousel-control" href="#myCarousel2528986" data-slide="next"><span
                        class="carousel-control-right"></span></a>

        </div>
        <a name="free5"></a>
        <div class="t-container_8" style="padding-top:55px;">
            <div class="row" style="margin-left:10px; margin-right:10px;">

            </div>
        </div>

    </div>

</div>

<div id="rec5759536" class="r" style="padding-top:15px;padding-bottom:15px;background-color:#ffffff; " data-record-type="106" data-bg-color="#ffffff" data-animationappear="off">
    <!-- T004 -->
    <!--div class="t004">
        <div class="t-container t-align_right">
            <div class="t-col t-col_12 ">
                <div field="text" class="t-text t-text_md  "><div style="font-size:18px;line-height:26px;text-align:center;font-family:'Open Sans';color:#000000;" data-customstyle="yes"><span style="font-weight: 400;"></span>
          <span style="font-weight: 400;"><span style="color:#fc643a">Стоимость 3D/360°фотографий включает в себя обработку.</span></span><span style="font-weight: 400;"></span><span style="font-weight: 300;"></span><span style="font-weight: 300;"> </span></div></div>
            </div>
        </div>
    </div-->

    <div class="t004">
        <div class="t-container t-align_right">
            <div class="t-col t-col_12 ">
                <div field="text" class="t-text t-text_md  ">
                    <!-- div style="font-size:18px;line-height:26px;text-align:center;font-family:'Open Sans';color:#000000;" data-customstyle="yes">
                        <em><span style="font-weight: 100;">
                        Jos haluat viisi 360°-kuvaa tuotteestasi ilmaiseksi, voit pyytää ilmaista kokeilua.
                    </span></em>
                    </div -->

                    <!-- T142 -->
                    <!-- div class="t142" style="margin-top:30px">
                        <div class="t-container_100">
                            <div class="t142__wrapone">
                                <div class="t142__wraptwo">
                                    <a style="text-decoration: none" href="#form" target="">
                                        <div class="t142__submit " style="color:#fc643a; border:1px solid #fc643a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center">
                                            PYYDÄ ILMAINEN KOKEILU
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div -->

                    <!-- div style="width:100%; text-align: center">
                        <img src="/files/360photo/backstage.jpg" style="display:inline-block; width:60%; height: auto !important; margin-top: 30px">
                    </div -->

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

</div>

<div id="rec5842178" class="r" style="padding-bottom: 40px; opacity: 1;" data-record-type="191">
    <script type="text/javascript">
        $(document).ready(function() {
            t142_checkSize('5842178');
        });
    </script>
</div>

<!-- div id="rec5595385" class="r" style="padding-top:75px;padding-bottom:75px;background-color:#2f3545; " data-record-type="43" data-bg-color="#2f3545" data-animationappear="off">
    <div class="t030">
        <div class="t-container t-align_center">
            <div class="t-col t-col_12 ">
                <div class="t030__title t-title t-title_xxs" field="title">
                    <div style="font-size: 32px;line-height:60px;color:#ffffff;" data-customstyle="yes">
                        <span style="line-height: 36.9px;; font-weight: 300;">
                            360°-kuva parantaa asiakaskokemusta ja vähentää palautusprosenttia. Tämä luonnollisesti
                        </span>
                        <span style="color: rgb(252, 100, 58); font-weight: 400; line-height: 36.9px;">kasvattaa myyntiä.</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div -->

<!-- video block begin -->

<script>
    /*
    let playing = [];
    const togglePlay = function(videoContainer) {
        if (typeof playing[videoContainer.children[0].src] === 'undefined') {
            playing[videoContainer.children[0].src] = false;
        }
        if (playing[videoContainer.children[0].src] === false) {
            videoContainer.children[0].play();
            videoContainer.children[1].style.visibility='hidden';
            playing[videoContainer.children[0].src] = true;
        } else {
            videoContainer.children[0].pause();
            videoContainer.children[1].style.visibility='visible';
            playing[videoContainer.children[0].src] = false;
        }
    }
     */
</script>

<div class="full-width-container">

    <!-- 1 video yes im buying -->

    <div class="slide-wrap" style="background:url(/studio/360photo_files/tild3563-6538-4661-b935-643063393339__jyf.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;">

        <div class="slide-content-container dark-shade">

            <div class="slide-text-container">
                <div class="slide-header dark-slide-header">360° ja 3d tuotekuvaus</div>

                <div class="slide-text dark-slide-text">
                    <p>360°-kuva parantaa asiakaskokemusta ja vähentää palautusprosenttia. Tämä luonnollisesti <span class="t3d-orange">kasvattaa myyntiä</span></p>
                    <p></p>
                </div>
            </div>

            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_photo_intro_FI.mp4" poster="/files/video/3d_photo_intro_FI.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>

        </div>

    </div>

</div>

<!-- video block end -->

<div class="full-width-container">

    <div class="slide-wrap">

        <div class="slide-content-container light-shade">

            <div class="slide-text-container">

                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number" style="background-color:#fc643a; color:#ffffff;">1</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title"><div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;">
                        Edistää<br>vuorovaikutusta
                                </span>
                                <br>
                                <div style="font-size:22px;" data-customstyle="yes"></div>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr">
                            <div style="font-family:'Open Sans';" data-customstyle="yes">
                                360°-kuva on interaktiivinen animaatio. Vierailija voi itse tarkastella tuotetta joka kulmasta ja kokea tuotteen melkein kuin luonnossa. Gethigh-studion 360°-kuvat ovat interaktiivisia ja niiden kuvataajuus on riittävän nopea tuottamaan lähes aidon tuntuisen kokemuksen verkkokaupan tuotteesta.
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <!-- 2 video please spin -->
            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_please_spin.mp4" poster="/files/video/3d_please_spin.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>

        </div>

    </div>

</div>

<!-- video block end -->

<div class="full-width-container">

    <div class="slide-wrap" style="background:url(/studio/360photo_files/tild3563-6538-4661-b935-643063393339__jyf.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;">

        <div class="slide-content-container dark-shade">

            <div class="slide-text-container">

                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number" style="background-color:#fc643a; color:#ffffff;">2</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title"><div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;color:#fff">
                                    Kasvattaa<br>myyntiä
                                </span>
                                <br>
                                <div style="font-size:22px;" data-customstyle="yes"></div>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr">
                            <div style="font-family:'Open Sans'; color:#fff" data-customstyle="yes">
                                Mitä enemmän aikaa vierailija viettää sivustollasi, sen parempi. Kun saat vierailijan viihtymään sivustollasi kauemmin ja kokeilemaan eri tuotteita, myyntisi kasvaa huomattavasti. 360°-kuvat ovat interaktiivisia, joten vierailija voi tarkastella tuotetta monipuolisesti. Vierailija jää todennäköisemmin tutkimaan tuotteita 360°-kuvien kuin tavallisten kuvien kautta.
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <!-- 2 video please spin -->
            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_we_spin_FI.mp4" poster="/files/video/3d_we_spin_FI.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>

        </div>

    </div>

</div>

<!-- video block end -->
<a name="palautusongelma"></a>
<div class="full-width-container">
    <div class="slide-wrap">
        <div class="slide-content-container light-shade">
            <div class="slide-text-container">
                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number" style="background-color:#fc643a; color:#ffffff;">3</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title"><div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;">
                                    Vähentää tuotteiden palautusprosenttia
                                </span>
                                <br>
                                <div style="font-size:22px;" data-customstyle="yes"></div>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr">
                            <div style="font-family:'Open Sans';" data-customstyle="yes">
                                360°-kuvien avulla tuotteitasi palautetaan vähemmän. Joillakin yrityksillä palautukset ovat vähentyneet jopa 5- tai 7-kertaisesti. Usein palautusten syynä on puutteelliset tiedot tuotteesta, ratkaisu tähän on 360°-tuotekuvat. Niiden avulla asiakkaat ovat tyytyväisempiä ja tekevät todennäköisemmin ostopäätöksiä.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 2 video please spin -->
            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_palautus_FI.mp4" poster="/files/video/3d_palautus_FI.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- video block end -->

<!-- div id="rec2529058" class="r" style="padding-top: 105px; padding-bottom: 105px; opacity: 1;" data-record-type="84">

    <div class="t073">
        <div class="t-container">
            <div class="t-col t-col_4">
                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number" style="background-color:#fc643a; color:#ffffff;">1</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title"><div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;">
                                    Edistää<br>vuorovaikutusta
                                </span>
                                <br>
                                <div style="font-size:22px;" data-customstyle="yes"></div>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr">
                            <div style="font-family:'Open Sans';" data-customstyle="yes">
                                360°-kuva on interaktiivinen animaatio. Vierailija voi itse tarkastella tuotetta joka kulmasta ja kokea tuotteen melkein kuin luonnossa. Ambalco-studion 360°-kuvat ovat interaktiivisia ja niiden kuvataajuus on riittävän nopea tuottamaan lähes aidon tuntuisen kokemuksen verkkokaupan tuotteesta.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t-col t-col_4">
                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number2" style="background-color:#fc643a; color:#ffffff;">2</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title2">
                            <div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;">Kasvattaa<br>myyntiä</span>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr2">
                            <div style="font-family:'Open Sans';" data-customstyle="yes">
                                Mitä enemmän aikaa vierailija viettää sivustollasi, sen parempi. Kun saat vierailijan viihtymään sivustollasi kauemmin ja kokeilemaan eri tuotteita, myyntisi kasvaa huomattavasti. 360°-kuvat ovat interaktiivisia, joten vierailija voi tarkastella tuotetta monipuolisesti. Vierailija jää todennäköisemmin tutkimaan tuotteita 360°-kuvien kuin tavallisten kuvien kautta.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t-col t-col_4">
                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number3" style="background-color:#fc643a; color:#ffffff;">3</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title3">
                            <div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                            <span style="font-weight: 400;">
                                Vähentää tuotteiden<br>palautusprosenttia</span><br>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr3">
                            <div style="font-family:'Open Sans';" data-customstyle="yes">
                                360°-kuvien avulla tuotteitasi palautetaan vähemmän. Joillakin yrityksillä palautukset ovat vähentyneet jopa 5- tai 7-kertaisesti. Usein palautusten syynä on puutteelliset tiedot tuotteesta, ratkaisu tähän on 360°-tuotekuvat. Niiden avulla asiakkaat ovat tyytyväisempiä ja tekevät todennäköisemmin ostopäätöksiä.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div -->


<div id="rec5246927" class="r" style="padding-top: 0px; padding-bottom: 0px; opacity: 1;" data-record-type="179">
    <!-- cover -->

    <div class="t-cover" id="recorddiv5246927" bgimgfield="img" style="height:35vh; background-image:-webkit-linear-gradient(top, #000, #ccc); background-image:-moz-linear-gradient(top, #ccc, #777); background-image:-o-linear-gradient(top, #ccc, #777); background-image:-ms-linear-gradient(top, #ccc, #777); background-image:linear-gradient(top, #000, #ccc); ">
        <div class="t-cover__carrier" id="coverCarry5246927" data-content-cover-id="5246927" data-content-cover-bg="/studio/360photo_files/tild3563-6538-4661-b935-643063393339__jyf.jpg" data-content-cover-height="35vh" data-content-cover-parallax="fixed" style="background-image:url('/studio/360photo_files/tild3563-6538-4661-b935-643063393339__jyf.jpg');height:35vh; "></div>

        <div class="t-cover__filter" style="height:35vh;background-color:#000000;filter: alpha(opacity:0); KHTMLOpacity: 0.0; MozOpacity: 0.0; opacity: 0.0;"></div>


        <!-- T164 -->
        <div class="t164">
            <div class="t-container">
                <div class="t-cover__wrapper t-valign_middle" style="height:35vh;">
                    <div class="t-col t-col_10 t-prefix_1 t-align_center">
                        <div data-hook-content="covercontent">
                            <div class="t164__wrapper">
                                <div class="t164__descr t-descr t-descr_xxxl" field="descr">
                                    <div style="font-size:32px;line-height:60px;text-align:center;font-family:'Open Sans';" data-customstyle="yes">
                                        360°-kuvat vähentävät kuvien ja videoiden tuottamisesta koituvia kustannuksia, koska 360°-kuvissa
                                        <span style="color: rgb(252, 100, 58); font-weight: 400;">
                                            yhdistyvät sekä kuva että video.
                                        </span>
                                        <br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>


</div>

<div id="rec4714377" class="r" style="padding-top: 105px; padding-bottom: 75px; opacity: 1;" data-record-type="180">
    <!-- T165 -->
    <div class="t165">
        <div class="t-container">
            <div class="t-col t-col_6  t165__vtop t165__center">
                <img src="/studio/360photo_files/68928d81-ccac-4421-b875-d91354185923__anntaylorcrop.jpg" imgfiled="img" class="t165__img ">                </div>
            <div class="t-col t-col_7  t165__vtop t165__center">
                <div class="t165__textwrapper">
                    <div class="t165__title t-heading t-heading_md" field="title">
                        <div style="font-size:34px;text-align:left;" data-customstyle="yes">
                            <span style="font-weight: 400;"><br>360°-kuva on myös klassinen kuva</span>
                        </div>
                    </div>
                    <div class="t165__text t-text t-text_sm" field="text">
                        <div style="font-size:18px;text-align:left;font-family:'Open Sans';" data-customstyle="yes">
                            360°-kuva on klassisen kuvan tehostetumpi versio. Kun tilaat meiltä 360°-kuvan, saat tuotteesta korkealla resoluutiolla varustetut kuvat, jotka sopivat sekä nettiin että painettuna. Tällainen kuva on yleensä tuotteen pääkuva.
                            <br><br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div id="rec4714683" class="r" style="padding-top: 0px; padding-bottom: 110px; opacity: 1;" data-record-type="180">
    <!-- T165 -->
    <div class="t165">
        <div class="t-container">
            <div class="t-col t-col_6  t165__vmiddle t165__center">
                <div class="t165__textwrapper">
                    <div class="t165__title t-heading t-heading_md" field="title">
                        <div style="font-size:34px;text-align:left;" data-customstyle="yes">
                            <span style="font-weight: 400;">360°tuotekaruselli<br>Instagramiin</span><br></div></div>
                    <div class="t165__text t-text t-text_sm" field="text">
                        <div style="font-size:18px;text-align:left;font-family:'Open Sans';" data-customstyle="yes">
                            Kuvakarusellit ja Boomerang-videot ovat Instagramin ominaisuuksia, joilla voi myös lisätä myyntiä. Niiden luominen on kuitenkin aikaavievää. 360°-kuva ratkaisee tämän ongelman. Sen voi helposti muuntaa videoksi ja mukauttaa sosiaalisen median eri formaatteihin. Luomalla kuvakarusellin, joka on luotu 360°-kuvasta, saat ihmiset kiinnostumaan tuotteistasi myös sosiaalisessa mediassa.
                        </div>
                    </div>
                </div>
            </div>
            <div class="moto t-col t-col_7  t165__vmiddle t165__center" style="position:relative;">
                <!-- img src="/studio/360photo_files/moto.jpg" imgfiled="img" class="t165__img " style="margin-top: -30px;">
                <img class="video-loader" src="/studio/360photo_files/puff.svg" -->
                <video cover="/studio/360photo_files/moto.jpg" autoplay="autoplay" muted src="/studio/360photo_files/moto.mp4" style="max-width: 100%;" loop=""></video>
            </div>
        </div>
    </div>

</div>



<!-- video block begin -->

<div class="full-width-container">
    <div class="slide-wrap" style="background: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)), url(/studio/360photo_files/adbc1a35-5be6-41e3-9507-55a0accdb2da__jck.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;">
        <div class="slide-content-container">
            <div class="slide-text-container">
                <div class="t073__tablewrapper">
                    <div class="t073__circlewrapper">
                        <div class="t073__circle t-title" field="number" style="background-color:#fc643a; color:#ffffff;">?</div>
                    </div>
                    <div class="t073__textwrapper">
                        <div class="t073__title t-title" field="title"><div style="font-size:30px;line-height:34px;" data-customstyle="yes">
                                <span style="font-weight: 400;color:#fff">
                                    360-asteen kuva vai 3d kuva
                                </span>
                                <br>
                                <div style="font-size:22px;" data-customstyle="yes"></div>
                            </div>
                        </div>
                        <div class="t073__blockdescr t-text t-text_xs" field="descr">
                            <div style="font-family:'Open Sans'; color:#fff" data-customstyle="yes">
                                Mitä on parempi? Yleensä 360 asteen valokuva riittää. Voimme tehdä 3D-skannauksen puolestasi, jos haluat täyden 3d-mallin käytettäväksi Metaverse- ja verkkopeleissä.
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 2 video real 3d -->
            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_real_3d_FI.mp4" poster="/files/video/3d_real_3d_FI.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>

        </div>

    </div>

</div>

<!-- video block end -->

<!-- div id="rec5411179" class="r" style="padding-top: 0px; padding-bottom: 105px; opacity: 1;" data-record-type="180">
    <div class="t165">
        <div class="t-container">
            <div class="jewerly t-col t-col_6  t165__vtop t165__center" style="position:relative">
                <img src="/studio/360photo_files/watch2.png" imgfiled="img" class="t165__img ">
            </div>
            <div class="t-col t-col_7  t165__vtop t165__center">
                <div class="t165__textwrapper">
                    <div class="t165__title t-heading t-heading_md" field="title">
                        <div style="font-size:34px;text-align:left;" data-customstyle="yes">
                            <span style="font-weight: 400;">360°-kuvat videoihisi</span></div></div>
                    <div class="t165__text t-text t-text_sm" field="text">
                        <div style="font-size:18px;text-align:left;font-family:'Open Sans';" data-customstyle="yes">
                            360°-kuvat voi mukauttaa mainoksiin tai promovideoihin joko 5K-resoluutiolla. Kuvat voi sovittaa mainoksen tai videon tyyliin sekä kuvataajuutta voi lisätä, jotta kuva liikkuu sulavasti myös hitaammissa nopeuksissa.
                            <span class="redactor-invisible-space"> Se näyttää upealta mainosnäytöillä, näyttelyissä ja esityksissä.
                            <span class="redactor-invisible-space"></span></span><br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div -->

<div id="rec4174964" class="r" style="padding-top:135px;padding-bottom:45px;background-color:#2f3545; " data-record-type="43" data-bg-color="#2f3545" data-animationappear="off">
    <!-- T030 -->
    <div class="t030">
        <div class="t-container t-align_center">
            <div class="t-col t-col_12 ">
                <div class="t030__title t-title t-title_xxs" field="title">
                    <div style="font-size:34px;line-height:42px;color:#ffffff;" data-customstyle="yes">
              <span style="line-height: 36.9px;">
                  <span style="font-weight: 300">
                      Tuotekuvauksen osapuolten merkitys ostopäätöksessä:
                  </span>
              </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div id="rec5620917" class="r" style="padding-top:45px;padding-bottom:30px;background-color:#2f3545; " data-record-type="161" data-bg-color="#2f3545" data-animationappear="off">
    <!-- T149 -->



    <div class="t149">
        <div class="t-container">
            <div class="t-col t-col_4 t149__col t-align_center">
                <div class="t149__title t-name t-name_lg" field="title">
                    <div style="font-size:32px;color:#fc643a;" data-customstyle="yes">
                        <span style="font-weight: 400;">Teksti</span>
                        <br>
                    </div>
                </div>
                <div class="t149__sp"></div>
                <img src="/studio/360photo_files/Artboard%25205.png" imgfield="img" class="t149__img t149__circle">
                <!-- div class="t149__textwrapper"></div -->
            </div>
            <div class="t-col t-col_4 t149__col t-align_center">
                <div class="t149__title t-name t-name_lg" field="title">
                    <div style="font-size:32px;color:#fc643a;" data-customstyle="yes">
                        <span style="font-weight: 400;">Kuva &amp; video</span><br>
                    </div>
                </div>
                <div class="t149__sp"></div>

                <img src="/studio/360photo_files/Artboard%25201.png" imgfield="img2" class="t149__img t149__circle">
                <!-- div class="t149__textwrapper"></div -->
            </div>

            <div class="t-col t-col_4 t149__col t-align_center">
                <div class="t149__title t-name t-name_lg" field="title">
                    <div style="font-size:32px;color:#fc643a;" data-customstyle="yes">
                        <span style="font-weight: 400;">Interaktiivinen sisältö</span>
                        <br>
                    </div>
                </div>
                <div class="t149__sp"></div>
                <img src="/studio/360photo_files/Artboard%25204.png" imgfield="img3" class="t149__img t149__circle">
                <!-- div class="t149__textwrapper"></div -->
            </div>
        </div>
    </div>

</div>

<div id="rec5412475" class="r" style="padding-top:15px;padding-bottom:105px;background-color:#2f3545; " data-record-type="43" data-bg-color="#2f3545" data-animationappear="off">
    <!-- T030 -->
    <div class="t030">
        <div class="t-container t-align_center">
            <div class="t-col t-col_10 t-prefix_1">
                <div class="t030__title t-title t-title_xxs" field="title">
                    <div style="font-size:30px;line-height:44px;font-family:'Open Sans';color:#ffffff;" data-customstyle="yes">
                        <span style="font-weight: 300;">
                            Interaktiivinen 360°-kuva houkuttelee käyttäjää tutkailemaan tuotetta lähemmin, etenkin käytettäessä kosketusnäyttöä, kuten älypuhelinta tai tablettia.
                        </span>
                        <span class="redactor-invisible-space"></span><br><strong></strong>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<div id="rec4352647" class="r" style="padding-bottom: 0px; opacity: 1;" data-record-type="270">
    <script type="text/javascript">

        $(document).ready(function(){
            var $root = $('html, body');
            $('a[href*=#]:not([href=#],.carousel-control,.t-carousel__control,[href^=#price])').click(function() {
                var target = $(this.hash);
                if (target.length == 0){ target = $('a[name="' + this.hash.substr(1) + '"]'); }
                if (target.length == 0){
                    return true;
                }
                $root.animate({ scrollTop: target.offset().top + 3 }, 500);
                return false;
            });
        });

    </script>
</div>

<div style="position:relative">
    <div class="spin-and-zoom-ancor">
        <a name="spin-and-zoom"></a>
    </div>
</div>

<div id="rec5545150" class="r" style="padding-top: 30px; padding-bottom: 0px; opacity: 1;" data-record-type="180">
    <!-- T165 -->
    <div class="t165">
        <div class="t-container">
            <div class="t-col t-col_6  t165__vtop t165__center mobile-1-col">
                <div class="col col-12">
                    <div class="imageGallery"><!-- Sirv css & js --></p>
                        <style type="text/css">
                            .productWrapper { display: block; width: 100%; position: relative; margin: 0 auto; }
                            #spin-box,#spin-box-2 {
                                display: none;
                            }
                            .sirv-zoom-thumbnails .sirv-thumbnails ul li > img {
                                max-width: 80px;
                            }
                            .spin-box, .zoom-box {
                                min-height:378px;
                            }
                            .fullscreen-mode .sirv-zoom-thumbnails .sirv-thumbnails .thumbnails-wrapper {
                                overflow: hidden;
                                text-align: center;
                            }
                            .fullscreen-mode .sirv-zoom-thumbnails .sirv-thumbnails ul { white-space: nowrap; }
                            .fullscreen-mode .sirv-zoom-thumbnails .sirv-thumbnails ul li { margin: 0 4px; }
                            .fullscreen-mode .sirv-zoom-thumbnails .sirv-thumbnails ul > li[data-view="spin"] {
                                display: none;
                            }
                        </style>
                        <p><script type="text/javascript">
                                var SirvOptions = {};
                                SirvOptions.zoom = {
                                    onchange: function() {
                                        /* showZoom360( true, false ); */
                                    },
                                    onready: function(instance) {
                                        var img = document.createElement('img');
                                        img.src = '//demo.sirv.com/support/68292/spin360-thumb.jpg';
                                        var thumb = instance.thumbnails.addItem(img);
                                        var thumbP = thumb.parentNode;
                                        thumbP.insertBefore(thumb, thumbP.firstChild);
                                        thumb.setAttribute('data-view', 'spin');
                                        jQuery(instance.node).closest('.productWrapper').find( '.thumbs-box li' ).on( "click touchstart", function() {
                                            var isSpin = 'spin' == jQuery(this).data('view');
                                            if ( 'spin' == jQuery(this).data('view') ) {
                                                showZoom360( false, true, this );
                                            } else {
                                                showZoom360( true, false, this );
                                            }
                                        });
                                    }
                                };
                                function showZoom360(zoom, spin, elm) {
                                    jQuery(elm).closest('.productWrapper').find('.zoom-box')[0].style.display = (zoom) ? 'block' : 'none';
                                    jQuery(elm).closest('.productWrapper').find('.spin-box')[0].style.display = (spin) ? 'block' : 'none';
                                    return false;
                                }</script></p>
                        <div class="productWrapper group">
                            <!-- Spin --></p>
                            <div id="spin-box" class="spin-box image-item image-item-visible">
                                <div class="Sirv" style="max-height: 373px;" data-src="https://ambalco.sirv.com/helkama/se10_white_3d/se10_white_3d.spin" id="imgMain"></div>
                                </p></div>
                            <p>    <!-- Zooms --></p>
                            <div id="zoom-box" class="zoom-box image-item">
                                <div class="Sirv" id="zoom1" data-effect="zoom" data-options="thumbnails: #thumbs-box; square-thumbnails: false; fade: false;">
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/1_side_view.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/battery.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC03463c.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC03466.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC03469.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC03471.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC03472_motor_v2.jpg" alt="Helkama SE10 white" /><br />
                                    <img data-src="https://ambalco.sirv.com/helkama/se10_white_extras/DSC04788.jpg" alt="Helkama SE10 white" />
                                </div>
                                </p></div>
                            <p>    <!-- Thumbnails --></p>
                            <div id="thumbs-box" class="thumbs-box"></div>
                        </div>
                    </div>
                </div>
                <div class="t-col col-12 t165__vtop t165__center">
                    <div class="t165__textwrapper">
                        <div class="t165__title t-heading t-heading_md" field="title">
                            <div style="font-size:34px;text-align:left;" data-customstyle="yes">
                                            <span style="font-weight: 400;"><br><br>
                                                Erinomainen<br>
                                                verkkosivun latausnopeus
                                            </span>
                            </div>
                        </div>
                        <div class="t165__text t-text t-text_sm" field="text">
                            <div style="font-size:18px;text-align:left;font-family:'Open Sans';" data-customstyle="yes">
                                360°-kuvat sijaitsevat nopeassa CDN:ssä, joka on optimoitu graafista sisältöä varten.
                                Verkkosivullesi on tallennettu ainoastaan ensimmäiseksi näkyvät kuvat. Täten 360°-kuvasi latautuvat nopeasti.
                            </div>
                        </div>
                        <div style="text-align: left; margin-top:2rem">
                            <a href="/3d/spin-and-zoom/">
                                Kuinka käyttää 3D-kuvia kaupassasi &raquo;
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div id="rec5542931" class="r" style="padding-top: 105px; padding-bottom: 30px; opacity: 1;" data-record-type="180">
    <!-- T165 -->
    <div class="t165">
        <div class="t-container">
            <div class="t-col t-col_6  t165__vtop t165__center">
                <div class="t165__textwrapper">
                    <div class="t165__title t-heading t-heading_md" field="title">
                        <div style="font-size:34px;text-align:left;" data-customstyle="yes">
                            <span style="font-weight: 400;">Toimii kaikilla laitteilla:<br>alustariippumattomat kuvat</span>
                        </div>
                    </div>
                    <div class="t165__text t-text t-text_sm" field="text">
                        <div style="font-size:18px;text-align:left;font-family:'Open Sans';" data-customstyle="yes">
                            Kaikki 360°-kuvamme ovat luotu HTML5-formaattiin, joten ne näkyvät kaikilla selaimilla ja laitteilla, ml. iOS:llä.<br><br>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t-col t-col_7  t165__vtop t165__center">
                <img src="/studio/360photo_files/tild3434-6432-4764-b165-336464383664__20151224211539png.jpg" imgfiled="img" class="t165__img ">                </div>
        </div>
    </div>

</div>

<div id="rec4640265" class="r" style="opacity: 1;" data-record-type="215">
    <a name="chapter2"></a>

</div>

<div id="rec5295338" class="r" style="opacity: 1;" data-record-type="215">
    <a name="chapter2"></a>

</div>


<script type="text/javascript">
    $(document).ready(function() {
        t341_showCaptions('5555851');
        t341_checkSize('5555851');
        $("#t-carousel5555851 .t-carousel__slides").swipe( {
            swipeLeft:function(event, direction, distance, duration) {
                $(this).parent().carousel('next');
            },
            swipeRight: function(event, direction, distance, duration) {
                $(this).parent().carousel('prev');
            },
            threshold: 50,
            preventDefaultEvents: false,
            allowPageScroll: "none"
        });
    });

    $(window).resize(function() {
        t341_checkSize('5555851');
    });
</script>


</div>

<!--div id="rec4252333" class="r" style="padding-top:30px;padding-bottom:120px;background-color:#ffffff; "  data-record-type="209"   data-bg-color="#ffffff"></div-->

<div id="rec4352650" class="r" style="padding-top: 0px; opacity: 1;" data-record-type="270">
    <script type="text/javascript">

        $(document).ready(function(){
            var $root = $('html, body');
            $('a[href*=#]:not([href=#],.carousel-control,.t-carousel__control,[href^=#price])').click(function() {
                var target = $(this.hash);
                if (target.length == 0){ target = $('a[name="' + this.hash.substr(1) + '"]'); }
                if (target.length == 0){
                    return true;
                }
                $root.animate({ scrollTop: target.offset().top + 3 }, 500);
                return false;
            });
        });

    </script>
</div>

<div id="rec4640383" class="r" style="opacity: 1;" data-record-type="215">
    <a name="chapter4"></a>

</div>

<!-- div id="rec5245818" class="r" style="padding-top: 0px; padding-bottom: 0px; opacity: 1;" data-record-type="179">

    <div class="t-cover" id="recorddiv5245818" bgimgfield="img" style="height:50vh; background-image:-webkit-linear-gradient(top, #ccc, #777); background-image:-moz-linear-gradient(top, #ccc, #777); background-image:-o-linear-gradient(top, #ccc, #777); background-image:-ms-linear-gradient(top, #ccc, #777); background-image:linear-gradient(top, #ccc, #777); ">
        <div class="t-cover__carrier" id="coverCarry5245818" data-content-cover-id="5245818" data-content-cover-bg="/studio/360photo_files/adbc1a35-5be6-41e3-9507-55a0accdb2da__jck.jpg"
        data-content-cover-height="50vh" data-content-cover-parallax="fixed" style="background-image:url('/studio/360photo_files/adbc1a35-5be6-41e3-9507-55a0accdb2da__jck.jpg');height:50vh; "></div>

        <div class="t-cover__filter" style="height:50vh;background-color:#000000;filter:alpha(opacity:40);KHTMLOpacity:0.4;MozOpacity:0.4;opacity:0.4;"></div>

        <div class="t164">
            <div class="t-container">
                <div class="t-cover__wrapper t-valign_middle" style="height:50vh;">
                    <div class="t-col t-col_12  t-align_left">
                        <div data-hook-content="covercontent">
                            <div class="t164__wrapper">
                                <div class="t164__descr t-descr t-descr_xxxl" field="descr">
                                    <div style="font-size:34px;line-height:60px;text-align:center;font-family:'Open Sans';" data-customstyle="yes">
                    <span style="font-weight: 300;">
                        <span style="color: rgb(252, 100, 58);">Teemme 360°-tuotekuvia ja olemme siinä parhaita.
                    </span>
                                    </div>
                                    <div style="font-size:34px;line-height:60px;text-align:center;font-family:'Open Sans';" data-customstyle="yes">
                                       <a href="/about.html" class="advantages-btn">Why choosing us</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div -->


<div class="full-width-container">

    <!-- last video zoom limit -->

    <div class="slide-wrap" style="background:url(/studio/360photo_files/adbc1a35-5be6-41e3-9507-55a0accdb2da__jck.jpg); background-color: #000; background-repeat:no-repeat; background-position:center; background-size:cover;">

        <div class="slide-content-container">

            <div class="slide-text-container">
                <div class="slide-header dark-slide-header">Zoom-zoom</div>

                <!-- div class="slide-text dark-slide-text">
                    <p>360°-kuva parantaa asiakaskokemusta ja vähentää palautusprosenttia. Tämä luonnollisesti <span class="t3d-orange">kasvattaa myyntiä</span></p>
                </div -->
            </div>

            <div class="vertical-video-embed-container" onclick="togglePlay(this)">
                <video src="/files/video/3d_zoom_limit_FI.mp4" poster="/files/video/3d_zoom_limit_FI.jpg" class="vertical-video" preload="auto"></video>
                <div class="play-icon-wrap">
                    <img src="/i/icon/play-orange.svg">
                </div>
            </div>

        </div>

    </div>

</div>


<div id="rec5511400" class="r" style="padding-top:60px;padding-bottom:15px;background-color:#ffffff; " data-record-type="212" data-bg-color="#ffffff" data-animationappear="off">

    <!-- T188 -->
    <div class="t188">
        <div class="t-container_100">
            <div class="t188__wrapone">
                <div class="t188__wraptwo">



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

</div>


<div id="rec4640974" class="r" style="opacity: 1;" data-record-type="215">
    <a name="chapter6"></a>

</div>
<a name="form"></a>
<!-- div id="rec4176940" class="r" style="padding-top:20px;padding-bottom:30px;background-color:#ffffff; " data-record-type="106" data-bg-color="#ffffff" data-animationappear="off">
    <div class="t004">
        <div class="t-container ">
            <div class="t-col t-col_10 t-prefix_1">
                <div field="text" class="t-text t-text_md  ">
                    <div style="font-size:26px; margin-bottom:10px; text-align:center;font-family:'Open Sans';color:#000000;" data-customstyle="yes">
                        <span style="font-weight: 400;">Tee tilaus tai lähetä kysymys, niin me vastaamme &laquo;saat parasta palveluamme&raquo;</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div -->

<div id="rec4352651" class="r" style="padding-bottom: 0px; opacity: 1;" data-record-type="270">
    <script type="text/javascript">

        $(document).ready(function(){
            var $root = $('html, body');
            $('a[href*=#]:not([href=#],.carousel-control,.t-carousel__control,[href^=#price])').click(function() {
                var target = $(this.hash);
                if (target.length == 0){ target = $('a[name="' + this.hash.substr(1) + '"]'); }
                if (target.length == 0){
                    return true;
                }
                $root.animate({ scrollTop: target.offset().top + 3 }, 500);
                return false;
            });
        });

    </script>
</div>

<div id="rec4344542" class="r" style="opacity: 1;" data-record-type="215">
    <a name="chapter6"></a>

</div>

<div id="rec4183213" class="r" style="padding-top:0px;padding-bottom:45px;background-color:#ffffff; " data-record-type="298" data-bg-color="#ffffff" data-animationappear="off">
    <!-- T186C -->

    <div class="t186C">
        <form id="form4183213" name="form4183213" role="form" action="/ajax/feedback/" method="POST" data-formactiontype="2" data-inputbox=".t186C__blockinput" class="js-form-proccess">
            <input type="hidden" name="formservices[]" value="b8f8ff3fad4d04dee7383d948d474719" class="js-formaction-services">
            <div class="t-container">
                <div class="t-col t-col_8 t-prefix_2">

                    <div class="t186C__wrapper">

                        <label class="t186C__blocktitle t-descr t-descr_md" style="">Nimi <span class="req_field">*</span></label>
                        <div class="t186C__blockinput">
                            <input type="text" name="name" class="t186C__input t-input js-tilda-rule" placeholder="" data-tilda-req="1" data-tilda-rule="none" style="color:0; border:1px solid #000000;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">
                        </div>

                        <label class="t186C__blocktitle t-descr t-descr_md" style="">Sähköpostiosoite <span class="req_field">*</span></label>
                        <div class="t186C__blockinput">
                            <input type="text" name="email" class="t186C__input t-input js-tilda-rule" placeholder="" data-tilda-req="1" data-tilda-rule="email" style="color:0; border:1px solid #000000;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">
                        </div>

                        <label class="t186C__blocktitle t-descr t-descr_md" style="">Puhelinnumero</label>
                        <div class="t186C__blockinput">
                            <input type="text" name="phone" class="t186C__input t-input js-tilda-rule" placeholder="" data-tilda-rule="phone" style="color:0; border:1px solid #000000;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">
                        </div>

                        <label class="t186C__blocktitle t-descr t-descr_md" style="">Yritys / liike</label>
                        <div class="t186C__blockinput">
                            <input type="text" name="company_name" class="t186C__input t-input js-tilda-rule" placeholder="" data-tilda-rule="" style="color:0; border:1px solid #000000;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">
                        </div>

                        <label class="t186C__blocktitle t-descr t-descr_md" style="color: #292f3b">Kysymykset tai kommentit</label>
                        <div class="t186C__blockinput">
                            <textarea name="comments" id="orderText" class="t186C__input t-input js-tilda-rule" placeholder="Type of goods" style="color:0; border:1px solid #000000;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;height:8em;" rows="3"></textarea>
                        </div>
                        <input type="text" name="sign" value="iseeyou" style="display:none">
                        <div class="t186C__blockbutton">
                            <button type="submit" class="t186C__submit t-submit" style="color:#ffffff; border:1px solid ; background-color:#fe5226; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">Lähettää</button>
                        </div>
                    </div>
                    <!-- div class="t-align_center" style="font-size: 12px; font-weight: 100;">I agree to send my data to Ambalco Oy. Data is processed according to the <a href="/policy.html">data protection policy</a>.</div -->
                </div>

                <div style="clear: both"></div>

                <div>
                    <div class="js-errorbox-all t186C__blockinput-errorbox" style="display:none;">
                        <div class="t186C__blockinput-errors-text t-text t-text_md">
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-all"></p>
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-req">Kenttä pitää täyttää</p>
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-email">Sähköpostiosoite ei ole oikein</p>
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-name">Nimi ei ole oikein, ole hyvä ja tarkista se</p>
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-phone">Epäkelpo puhelinnumero</p>
                            <p class="t186C__blockinput-errors-item js-rule-error js-rule-error-string">Siinä tulisi olla kirjaimia, numeroita ja välimerkkejä</p>
                        </div>
                    </div>
                    <div class="js-successbox t186C__blockinput-success t-text t-text_md" style="display:none;">
                        Kiitos! Olemme sinuun pian yhteydessä
                    </div>
                </div>



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



    <style>
        #rec4183213 input::-webkit-input-placeholder {color:#ffffff; opacity: 0.5;}
        #rec4183213 input::-moz-placeholder          {color:#ffffff; opacity: 0.5;}
        #rec4183213 input:-moz-placeholder           {color:#ffffff; opacity: 0.5;}
        #rec4183213 input:-ms-input-placeholder      {color:#ffffff; opacity: 0.5;}
        #rec4183213 textarea::-webkit-input-placeholder {color:#ffffff; opacity: 0.5;}
        #rec4183213 textarea::-moz-placeholder          {color:#ffffff; opacity: 0.5;}
        #rec4183213 textarea:-moz-placeholder           {color:#ffffff; opacity: 0.5;}
        #rec4183213 textarea:-ms-input-placeholder      {color:#ffffff; opacity: 0.5;}
    </style>

</div>

<div id="rec4643712" class="r" style="padding-top: 0px; opacity: 1;" data-record-type="126">
    <!-- T118 -->
    <div class="t118">
        <div class="t-container">
            <div class="t-col t-col_10 t-prefix_1">
                <hr class="t118__line" style="background-color:#000000;opacity:0.2;">
            </div>
        </div>
    </div>

</div>

<div id="rec4344511" class="r" style="opacity: 1;" data-record-type="215">
    <a name="contacts"></a>

</div>

<div id="rec2529504" class="r" style="padding-top: 90px; padding-bottom: 150px; opacity: 1;" data-record-type="3">
    <!-- T107 -->
    <div class="basement-cont" style="position:relative">
        <!-- a class="basement-email">Toimitusjohtaja Alex Belinski</a -->
        <a class="basement-phone" href="tel:+358406784402">+358 468 416 066</a>
        <a class="basement-email" href="mailto:info@gethigh.studio">info@gethigh.studio</a>

        <!-- div class="t188__sociallinkimg">
            <a href="https://www.facebook.com/Ambalco/?ref=br_rs&amp;pnref=lhc" target="_blank">
                <svg style="fill:#fc643a;" version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
    <path d="M47.761,24c0,13.121-10.638,23.76-23.758,23.76C10.877,47.76,0.239,37.121,0.239,24c0-13.124,10.638-23.76,23.764-23.76
        C37.123,0.24,47.761,10.876,47.761,24 M20.033,38.85H26.2V24.01h4.163l0.539-5.242H26.2v-3.083c0-1.156,0.769-1.427,1.308-1.427
        h3.318V9.168L26.258,9.15c-5.072,0-6.225,3.796-6.225,6.224v3.394H17.1v5.242h2.933V38.85z"></path>
    </svg>
            </a>
        </div>


        <div class="t188__sociallinkimg">
            <a href="https://vimeo.com/ambalco" target="_blank">
                <svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="-455 257 48 48" enable-background="new -455 257 48 48" xml:space="preserve">
	<path style="fill:#fc643a;" d="M-431,256.971c13.267,0,24.023,10.755,24.023,24.023s-10.755,24.023-24.023,24.023s-24.023-10.755-24.023-24.023
	S-444.267,256.971-431,256.971z M-443.262,276.117l0.996,1.306c0,0,2.054-1.619,2.739-0.81c0.685,0.81,3.299,10.584,4.171,12.387
	c0.761,1.581,2.862,3.672,5.166,2.179c2.302-1.493,9.959-8.03,11.329-15.749c1.369-7.717-9.213-6.1-10.335,0.623
	c2.802-1.682,4.297,0.683,2.863,3.362c-1.431,2.676-2.739,4.421-3.424,4.421c-0.683,0-1.209-1.791-1.992-4.92
	c-0.81-3.236-0.804-9.064-4.17-8.403C-439.09,271.136-443.262,276.117-443.262,276.117L-443.262,276.117z"></path>
	</svg>
            </a>
        </div -->

        <div class="t188__sociallinkimg" style="margin:40px 0 60px 0; position: relative; z-index: 2">
            <a href="https://www.instagram.com/tuotekuva.3d/" target="_blank">
                <svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xlink="//www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="-455 257 48 48" enable-background="new -455 257 48 48" xml:space="preserve">
	<path style="fill:#fc643a;" d="M-430.938,256.987c13.227,0,23.95,10.723,23.95,23.95c0,13.227-10.723,23.95-23.95,23.95
		c-13.227,0-23.95-10.723-23.95-23.95C-454.888,267.71-444.165,256.987-430.938,256.987z M-421.407,268.713h-19.06
		c-1.484,0-2.688,1.204-2.688,2.69v19.07c0,1.485,1.203,2.689,2.688,2.689h19.06c1.484,0,2.688-1.204,2.688-2.689v-19.07
		C-418.72,269.917-419.923,268.713-421.407,268.713z M-430.951,276.243c2.584,0,4.678,2.096,4.678,4.681
		c0,2.585-2.095,4.68-4.678,4.68c-2.584,0-4.678-2.096-4.678-4.68C-435.629,278.339-433.535,276.243-430.951,276.243z
		 M-421.579,289.324c0,0.54-0.437,0.978-0.977,0.978h-16.779c-0.54,0-0.977-0.438-0.977-0.978V279.08h2.123
		c-0.147,0.586-0.226,1.199-0.226,1.831c0,4.144,3.358,7.504,7.5,7.504c4.142,0,7.5-3.359,7.5-7.504c0-0.632-0.079-1.245-0.226-1.831
		h2.061V289.324L-421.579,289.324z M-421.516,275.23c0,0.54-0.438,0.978-0.977,0.978h-2.775c-0.54,0-0.977-0.438-0.977-0.978v-2.777
		c0-0.54,0.438-0.978,0.977-0.978h2.775c0.54,0,0.977,0.438,0.977,0.978V275.23z"></path>
	</svg>
            </a>
        </div>

        <div class="basement-address"><img title="Finland" src="/i/rating/flags48/FI.png"> Suomi</div>
        <div class="basement-address">Tykistökatu 4 D, 20520 Turku</div>
        <div class="basement-address">Kousankatu 1, 20610 Turku</div>
        <div class="basement-address">Helsinki<sup>uusi</sup></div>

        <div class="basement-map-container">
            <div class="basement-map"></div>
        </div>

    </div>

</div>

<div id="rec2979189" class="r" style="padding-top: 0px; padding-bottom: 0px; opacity: 1;" data-record-type="131">
    <!-- T123 -->
    <div class="t123">
        <div class="t-container_100 ">
            <div class="t-width t-width_ ">
                <div style="margin-top:-345px; margin-left:250px;
 background-color: #00ff00;
color: #fff;
opacity: 0;
width:200px;
height:30px;">
                    <a href="mailto:info@gethigh.studio">info@gethigh.studio</a>
                </div>
                <div style="margin-top:345px; margin-left:170px;">
                </div>


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


</div>



<!--/allrecords-->

<div class="t-tildalabel " id="tildacopy" data-tilda-sign="13248#39087">
    <div class="t-tildalabel__wrapper" style="width:100%">
        <div class="t-tildalabel__txtleft" style="font-size:14px">
            <a class="nodecor" href="tel:+358406784402">+358 468 416 066</a>
        </div>
        <div class="t-tildalabel__txtright">
            <span class="hide640">Gethigh Studio Oy 2023</span>
            <span style="position:relative;left:15px">
                <a class="nodecor" href="mailto:info@gethigh.studio">info@gethigh.studio</a>
            </span>
        </div>
    </div>
</div>

<!-- div class="t-tildalabel">
  <div class="t-tildalabel__wrapper" style="width:100%">
    <div class="t-align_center" style="font-size: 12px; font-weight: 100;"><a href="/policy.html" style="color: #aaaaaa;">Privacy statement and data protection rules</a></div>
  </div>
</div -->

<script src="/studio/360photo_files/my.js?v=5"></script>
<script src="/studio/360photo_files/antispam.js?v=5"></script>

<!-- div id="lptWidget" class="lpt-widget">
    <div class="js-lpt-buttons-wrapper lpt-buttons-wrapper">
        <div class="lpt-overlay js-lpt-overlay"></div>
        <div class="js-callback-mini lpt-callback-set-zindex  lpt-widget_position-right"></div>
        <div class="js-lpt-btn lpt-widget-btn_position-right"></div>
    </div>

    <div class="js-sidebar"></div>
    <div class="js-rotate-message-mobile"></div>
    <div class="js-modal lpt-modal"><iframe style="height: 100%; width: 100%; display: block !important" class="lpt-modal-frame"></iframe></div>
</div><div class="magic-temporary-img" style="position: absolute; top: -1000px; width: 10px; height: 10px; overflow: hidden;"></div -->
</body>
</html>