<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- v1.42 from 07.09.2022  -->
<html>
<head>
  <link type="text/css" rel="stylesheet" href="./style/style.css"   />
  <meta name="keywords" content="restaracny system, menu, bezkontaktne menu, qr kod, qr code, objednavanie, donaska, jedla, odber" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <meta name="language" content="sk" />
  <meta charset="utf-8" />
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  
  <script type="text/javascript" src="/script/jquery-1.3.2.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="/script/jquery-ui.min2.js"></script>
  <script type="text/javascript" src="./script/nasemenu.js"></script>
  
  <link rel="shortcut icon" href="./faviconm/favicon.ico" />
  <link rel="icon" type="image/png" sizes="32x32" href="./faviconm/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="./faviconm/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="./faviconm/favicon-16x16.png">
  <link href="/style/fa/css/all.css" rel="stylesheet"  />

<title> Na&#353;e menu | Home</title>
</head>
<body>
    <div class="container">
        <div id="main">
        <div id="header" >
            <div id="topNavBar">
		        <div id="header-pic" style="height: 66px; width: 260px;">
                 <img src="./img/inres_logo.png" alt="INRES logo">  
                </div>
                <div id="MainNav">
                 <a class=" topNavBarX" href="./index.html">HOME</a>
                 <a class=" topNavBarX" href="./plan.html">SLU&#381;BY</a>
                 <a class=" topNavBarX" href="./webinar.php">WEBIN&#193;R</a>
                </div>
            </div>
			<div class="lang"><a href="./index_en.html">EN</a></div>
       </div>
	   
	    <div  class="contact_us_div" ><a href="./contact_form.html">
	        <div><img src="./img/icon_contact_us_fial.png"></div>
	        <div>Skontaktujte n&#225;s</div></a>
	    </div>

		<div id="bottom" hidden>  <!-- </div><div must be because CR is causing space between divs!!! -->
          <div class="bottom-menu"><a class="menu menu-highlighted" href="./index.html"> <img src="./img/icon_home_highlight.png"><br>HOME</a>
          </div><div class="bottom-menu"><a class="menu" href="./plan.html">    <img src="./img/icon_service.jpg"><br>SLU&#381;BY</a>
          </div><div class="bottom-menu"><a class="menu" href="./webinar.php"> <img src="./img/icon_webinar.png"><br>WEBIN&#193;R</a>
          </div><div class="bottom-menu"><a class="menu" href="./contact_form.html"> <img src="./img/icon_contact.jpg"><br>KONTAKT</a></div>
       </div>
<style>

@font-face {
font-family: 'gotham-book';
src: url('/fonts/Gotham-Font5/gothambook-webfont.eot');
src: url('/fonts/Gotham-Font5/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/Gotham-Font5/gothambook-webfont.woff2') format('woff2'),
     url('/fonts/Gotham-Font5/gothambook-webfont.woff') format('woff'),
     url('/fonts/Gotham-Font5/gothambook-webfont.svg#webfont') format('svg'),
     url('/fonts/Gotham-Font5/gothambook-webfont.ttf') format('truetype'),
     url('/fonts/Gotham-Font2/Gotham-Book.otf') format('opentype');

font-weight: normal;
font-style: normal;
}

a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, title, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
	list-style: disc;
	list-style-position: inside;
	marker-offset: 0.4em;
}

ol {
	list-style: none;
}

ul li::marker {
  font-size: 1.5em;
}

.lang {
    font-size: 16px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    padding: 1px;
    border: 1px #795a7a solid;
    border-radius: 2px;
}

.lang a {
    text-decoration: none;
    color: #795a7a;
}

.contact_us_div {
	background-color: #7c5d7d;
}

#topNavBar {
    width: 100%;
	padding: 0px 0 0 20px;
	box-sizing: border-box;
}

#header {
    position: relative;
}

#bottom {
    display: none;
    background-color: #fafafd;
    padding: 8px 0px 3px 0px;
    margin: 0px 0px;
    height: 70px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    border-top: 1px gray solid;
    font-size: 10px;
    font-weight: bold;
    color: #4B5056;
    box-sizing: border-box;
}

.bottom-menu {
    text-align: center;
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    margin: 0;
}

#bottom a {
    padding: 0px 2px;
}

.bottom-menu a {
    text-decoration: none;
    color: gray;
}

.bottom-menu img {
    height: 30px;
}

.menu-highlighted {
    color: #007ab8;
}

.bottom-menu a.menu-highlighted {
    color: #007ab8;
}

#sec_2 {
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    --padding: 0px;
    --margin: 0px;
    --firstChildMarginTop: -1px;
    --lastChildMarginBottom: -1px;
	left: 0;
    margin-left: 0;
    width: 100%;
	min-width: 980px;
	display: flex;
}

:root {
--color_11: 255,255,255;
--color_15: 0,0,0;
--color_17: 200,189,154;
--color_18: 124,93,125;
--color_18o: 172,156,104;
--color_24: 69,69,69;
--color_30: 58,58,58;
--color_dots: #101010;
--font_3: normal normal normal 88px/1.2em questrial,sans-serif;
--font_8: normal normal normal 18px/1.4em wfont_2d882f_416456ab7f464b47b62cd9ab13438ea2,wf_416456ab7f464b47b62cd9ab1,orig_muli_light;
--alpha-brd: 0.87;
--fnt: normal normal normal 16px/1.4em font-family: Arial, Helvetica, sans-serif;
--trans2: color 0.4s ease 0s;
--shd: 0.00px 1.00px 4px 0px rgba(0,0,0,0.48);
--nav-dot-section-bottom-margin: 20px;
--sec1_height: 559px;
/* --slide1_start: -79px; */
--slide1_start: 0px;
--slide1_offset: 280px;
--slide1_tabs_width: 1140px;
--slide1_tabs_height: 480px;
}

/* min height of section1 (karusel) should be 559, header/menu is 66 => 625 */
@media only screen and (min-height: 626px) { 
:root {
--sec1_height: calc(100vh - 66px); 
}

}

@media only screen and (max-width: 1190px) { 
:root {
--slide1_start: 0px; 
}

.bg_layers1 { min-width: var( --slide1_tabs_width, 1180px); }
.div_slide_title { padding: 0px 16px; }
}

.box-content-text {
    text-align: left; 
	background: rgba( 42,56,52, 0.8);
	color: white;
	position: absolute; top: 50px; left: 100px; width: 35%;
	padding: 1em; font-size: 20px;
	}

.adv_div_container1 {
    pointer-events: none;
    min-height: var(--min-height);
    position: relative;
    margin: 77px 0px 17px calc((100% - 980px) * 0.5);
    left: 96px;
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
    width: 382px;
    height: auto;
}

.adv_title_div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: 2em;
    position: relative;
    margin: 40px 0px 0px 0;
    height: auto;
}

.adv_text_div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: 3em;
    position: relative;
    margin: 20px 0px 30px 0px;
    height: auto;
}

.div_a_learn_btn {
    pointer-events: auto;
    position: relative;
    width: 134px;
    height: 43px;
}

.adv_grid_container2 {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
}

.adv_title {
   font: var(--font_3);
   color: rgb(var(--color_18));
   font-weight:bold;
   font-size:40px;
}

.adv_title_div1 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: 2em;

    position: relative;
    margin: 0px 0px 23px 0;
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;

    width: 382px;
    height: 144px;

    height: auto;
}

.adv_text {
   font: var(--font_8);
   color: rgb(var(--color_24));
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 18px;
   line-height: 1.3em;
   text-align: justify;
 }


.adv_text_div1 {
    --bg-overlay-color: rgb(var(--color_11));
    --bg-gradient: none;
    --fill-layer-background-media-position: absolute;
    --fill-layer-background-media-pointer-events: none;
    --column-width: 980px;
    --column-flex: 980;

    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: 4em;
	
	position: relative;
    margin: 0px 0px 0px 0;
    left: 0px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;

	width: 382px;
    height: 94px;
	
	height: auto;
}

/* Run marketing */
.adv_div_container3 {
    pointer-events: none;
    min-height: var(--min-height);
    position: relative;
    margin: 0px 0px 17px calc((100% - 980px) * 0.5);
    left: 96px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    width: 382px;
    height: auto;
}

.adv_div_container2 {
    pointer-events: none;
    min-height: var(--min-height);
    position: relative;
    margin: 0px 0px 17px calc((100% - 980px) * 0.5);
    left: 556px;
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: 339px;
    height: auto;
}

.image_iphone_div_container {
    
	pointer-events: auto;
	top: var(--top,40px);
    z-index: var(--z-index,auto);
	
	position: relative;
    margin: 0px 0px 10px calc((100% - 980px) * 0.5);
    left: 548px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 359px;
    height: 449px;
}

.image_iphone_div {
--rd: 10px 10px 10px 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	
	display: block;
	
	overflow: hidden;
	border-radius: var(--rd,5px);
}

body:not(.device-mobile-optimized) .cl_columns {
    display: flex;
    position: relative;
    width: calc(100% - var(--padding) * 2);
    margin: 0 auto;
}

.cl_columns {
    display: flex;
    position: relative;
    width: calc(100% - var(--padding) * 2);
    margin: 0 auto;
}


.learn_btn{
--txt: var(--color_11);
    font: var(--fnt,var(--font_5));
	font-family: Arial, Helvetica, sans-serif;
    transition: var(--trans2,color .4s ease 0s);
    position: relative;
    white-space: nowrap;
    margin: 0;
}

.a_learn_btn {
--alpha-brd: 0.87;
--alpha-bg: 1;
--brw: 0px;
--bg: var(--color_18);
--label-align: center;
--rd: 10px 10px 10px 10px;
--trans1: border-color 0.4s ease 0s, background-color 0.4s ease 0s, color 0.4s ease 0s, font-weight .4s ease 0s;
--shd: 0.00px 1.00px 4px 0px rgba(0,0,0,0.48);
    
	text-decoration: none;

    text-align: initial;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    justify-content: var(--label-align);
    min-width: 100%;

    border-radius: var(--corvid-border-radius,var(--rd,0));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: var(--trans1,border-color .4s ease 0s,background-color .4s ease 0s,color .4s ease 0s, font-weight .4s ease 0s);
    box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));

    background-color: var(--corvid-background-color,rgba(var(--bg,var(--color_17)),var(--alpha-bg,1)));
    border: solid var(--corvid-border-color,rgba(var(--brd,var(--color_15)),var(--alpha-brd,1))) var(--corvid-border-width,var(--brw,0));
    cursor: pointer!important;
    color: white; 
}

.a_learn_btn:hover { 
  background-color: white;
 /* color: rgba(var(--color18), 124,93,125 ); */
  color: rgba(124,93,125);
  font-weight: bold;
}
/*
.a_learn_btn:hover .slide2_bnt_text { 
  color: rgba(var(--color18), 124,93,125 );
}*/

.image_directorder_div_container {
    pointer-events: auto;

    position: relative;
    margin: 50px 0px 0px calc((100% - 980px) * 0.5);
    left: 86px;
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
    width: 399px;
    height: 370px;
}

.image_div {
--rd: 10px 10px 10px 10px;
--shd: 0 1px 3px rgba(0, 0, 0, 0.5);
--brd: var(--color_11);
--alpha-brd: 0;
--brw: 0px;

    width: 100%;
    height: 100%;
    box-sizing: border-box;

    display: block;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-style: solid;
    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);
    overflow: hidden;
}

.image_directorder, .image_iphone, .image_tablet {
    --mask-image: url(data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A);
	--mask-position: 0% 0%;
    --mask-size: 100% 100%;
    --mask-repeat: no-repeat;
	--sizeRd: 10px 10px 10px 10px;
    --sizeBrw: 0px;
	
	width: 100%;
    height: 100%;
    display: block;
	
	min-height: var(--image-min-height);
    min-width: var(--image-min-width);
	
	overflow: hidden;
    border-radius: calc(var(--sizeRd, var(--rd, 5px)) - var(--sizeBrw, var(--brw, 2px)));
	

    -o-object-position: var(--object-position);
    object-position: var(--object-position);
    filter: var(--filter-effect-svg-url);
    -webkit-mask-image: var(--mask-image,none);
    mask-image: var(--mask-image,none);
    -webkit-mask-position: var(--mask-position,0);
    mask-position: var(--mask-position,0);
    -webkit-mask-size: var(--mask-size,100% 100%);
    mask-size: var(--mask-size,100% 100%);
    -webkit-mask-repeat: var(--mask-repeat,no-repeat);
    mask-repeat: var(--mask-repeat,no-repeat);
	
	object-fit: cover;
    object-position: 50% 50%;
}

.image_tablet_div_container {

    pointer-events: auto;

    top: var(--top,auto);
    z-index: var(--z-index,auto);

    position: relative;
    margin: 77px 0px 0px calc((100% - 980px) * 0.5);
    left: 556px;
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;

    /* width: 340px; */
    width: 330px;
    height: 430px;
}

.image_tablet_div {
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    display: block;
    overflow: hidden;
}

[data-mesh-id=sec_2_inlineContent-gridContainer], .sec_2_inlineContent-gridContainer {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 1618px;
    grid-template-rows: repeat(3, min-content) 1fr;
    grid-template-columns: 100%;
}

.inline_content1 {
    
	position: relative;
    pointer-events: none;
	
	height: auto;
    width: 100%;
}

.container1 {
    --column-flex: 980;
    --padding: 0px;
	--margin: 0px;
	
	overflow: visible;
	
	flex: var(--column-flex) 1 0%;
    min-width: 0;
    margin-top: var(--padding);
    margin-bottom: var(--padding);
    position: relative;
    left: 0;
    top: 0;
    margin-left: var(--margin);
	
	width: 980px;
	
	width: 100%;
}

#sec_2 h3, #sec_2 p {
    margin: 0;
}

#sec_1 {
    
	display: grid;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 50px;
	
	position: relative;
    margin: 0px 0px -1px calc((100% - 980px) * 0.5);
    /*left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;*/
	
	left: 0;
    margin-left: 0;
    width: 100%;
    min-width: 980px;
	
	/* height: 762px;  */
	height: calc(100vh - 66px);
	min-height: 559px;
	
	font-family: Arial, Helvetica, sans-serif;
}

.button_prev, .button_next {
    --nav-button-display: block;
	--nav-button-width: 50px;
	--nav-button-offset: 50px;
	display: var(--nav-button-display);
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: var(--nav-button-width);
    grid-area: 1/1/1/1;
    align-self: center;
    margin: 0 var(--nav-button-offset);
	background: transparent;
	border-width: 0px;
}

.button_prev {
	justify-self: start;
}

.button_next {
	transform: scaleX(-1);
	
	justify-self: end;
}

.slides_wrapper {
    --slides-overflow: visible;
    grid-area: 1/1/1/1;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: var(--slides-overflow);
}

.slides_wrapper2 {
    
	overflow: var(--slides-overflow);
	
	width: 980px;
	
	position: absolute;
    width: 100%;
    height: 100%;
}

.bg_layers1 {
    --rd: 0px;
	
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
	left: 0;
    overflow: hidden;
    -webkit-mask-image: var(--mask-image,none);
    mask-image: var(--mask-image,none);
    -webkit-mask-position: var(--mask-position,0);
    mask-position: var(--mask-position,0);
    -webkit-mask-size: var(--mask-size,100%);
    mask-size: var(--mask-size,100%);
    -webkit-mask-repeat: var(--mask-repeat,no-repeat);
    mask-repeat: var(--mask-repeat,no-repeat);
    pointer-events: var(--fill-layer-background-media-pointer-events);
	
	border-radius: var(--rd,0);
}

.bg_layers1_1 {
	--bg-overlay-color: rgb(var(--color_11));
    --bg-gradient: none;
	
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
    background-color: var(--bg-overlay-color);
    background-image: var(--bg-gradient);
}

.bg_layers1_2 {
    height: 100%;
}

.image1 {
    --fill-layer-image-opacity: 1;

    display: block;
	
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
	opacity: var(--fill-layer-image-opacity);
    height: var(--fill-layer-image-height,100%);
	
	transform: scale(var(--scale,1));
    transition: var(--transform-duration,transform 0s);
}

.slide1_cover {
    --brw: 0px;
	--brd: var(--color_11);
	--alpha-brd: 1;
	--rd: 0px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--brw,0) solid rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-radius: var(--rd,0);
    pointer-events: none;
}

.slides_grid_container {
    
	position: static;
    display: grid;
    height: auto;
    width: 100%;
    /* min-height: 762px; */
	min-height: calc(100% - 66px);
    grid-template-rows: min-content var( --slide1_tabs_height, 480px) 1fr;
    grid-template-columns: 100%;
}

.div_slide_title {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);
	
	position: relative;
    /* margin: calc((100vh - 432px) * 0.5 - 74px) 0px 0.6em calc((100% - 980px) * 0.5); */
    margin: 0.6em auto;
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	width: auto;
    height: 84px;
	
	height: auto;
}

.slide_title {
    color: rgb(var(--color_30));
	font-size:35px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.div_slide1_tabs {
    --container-corvid-border-color: rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));
    --container-corvid-border-size: var(--brw,1px);
    --container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
	
	--brw: 0px;
    --brd: 66,55,55;
    --bg: 200,238,245;
    --rd: 0px;
    --shd: none;
    --alpha-brd: 1;
    --alpha-bg: 0;
    --boxShadowToggleOn-shd: none;
    --shc-mutated-brightness: 100,119,123;
	
	pointer-events: auto;
	
	position: relative;
    margin: 1px 0px 10px calc((100% - 980px) * 0.5);

    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
	width: var( --slide1_tabs_width, 1180px);
	height: var( --slide1_tabs_height, 480px);
}

@media only screen and 
(min-device-width: 1141px) { 

.div_slide1_tabs {
    width: var( --slide1_tabs_width, 1180px);
	margin: 1px 0px 10px calc((100% - var( --slide1_tabs_width, 1180px)) * 0.5);
}

}
	
@media only screen and 
(max-device-width: 1140px) {
.div_slide1_tabs {
    width: 100vw;
	overflow-x: scroll;
	margin: 1px 0px 10px 0px;
}
}

.div_slide1_tabs_inside {
	pointer-events: auto;
	
	position: relative;
    margin: 0;
	width: var( --slide1_tabs_width, 1180px);
	height: var( --slide1_tabs_height, 480px);
}

.slide1_tab {
    --container-corvid-border-color: rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));
    --container-corvid-border-size: var(--brw,1px);
    --container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
	
	--brw: 0px;
    --brd: 66,55,55;
    --bg: 200,238,245;
    --rd: 0px;
    --shd: none;
    --alpha-brd: 1;
    --alpha-bg: 0;
    --boxShadowToggleOn-shd: none;
    --shc-mutated-brightness: 100,119,123;
	
	pointer-events: auto;
	position: absolute;
	width: 297px;
	top: 0px;
}
/*
#slide1_tab1:not(.is-animating), #slide1_tab1:not(.is-animating) > :not(.is-animating) {
    transition: all 0.4s ease-in-out 0s;
}*/

#slide1_tab1 {
	left: var(--slide1_start, -79px);
}

#slide1_tab2 {
    left: calc(var(--slide1_start, -79px) + 1 * var(--slide1_offset, 280px));
}

#slide1_tab3 {
    left: calc(var(--slide1_start, -79px) + 2 * var(--slide1_offset, 280px));
}

#slide1_tab4 {
    left: calc(var(--slide1_start, -79px) + 3 * var(--slide1_offset, 280px));
}

.slide1_tab_bg {
    --container-corvid-border-color: rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));
	--container-corvid-border-size: var(--brw,1px);
	--container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
    border: var(--container-corvid-border-width,var(--brw,1px)) solid var(--container-corvid-border-color,rgba(var(--brd,var(--color_15)),var(--alpha-brd,1)));
    background-color: var(--container-corvid-background-color,rgba(var(--bg,var(--color_11)),var(--alpha-bg,1)));
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	
	/* transition: all 0.4s ease-in-out 0s; */
}

.slide_inline_content1 {
    
	position: relative;
    pointer-events: none;
	
	height: auto;
    width: 297px;
    display: flex;
}

.slide_inline_content1_grid_container {
    
	position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    margin-bottom: -2px;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
/*	transition: all 0.4s ease-in-out 0s;*/
}

.slide_inline_content1_grid_container .slide1_tab_text
{top: 0px;
 transition: top 0.5s ease-in-out 0s;
}

.slide_inline_content1_grid_container:hover .slide1_tab_text 
{top: -50px;
}

.slide_inline_content1_grid_container .slide1_tab_text_bckg {
   background-color: rgba( 35, 35, 35 );
   transition: background-color 0.5s ease-in-out 0s;
}

.slide_inline_content1_grid_container:hover .slide1_tab_text_bckg {
   background-color: white; 
}


.div_slide1_img1 {
     
	pointer-events: auto;
	 
	cursor: pointer;
	 
	position: relative;
    margin: 12px 0px -64px 0;
    left: 17px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	 
	width: 265px;
    height: 402px;
}

.slides_a_img {
    
	--rd: 10px 10px 10px 10px;
    --shd: 0 1px 3px rgba(0, 0, 0, 0.5);
    --brd: var(--color_11);
    --brw: 0px;
    --sizeRd: 10px 10px 10px 10px;
    --sizeBrw: 0px;
    --contentPaddingLeft: 0px;
    --contentPaddingRight: 0px;
    --contentPaddingBottom: 0px;
    --contentPaddingTop: 0px;
    --alpha-brd: 0;
    --height: 402px;
    --width: 265px;
    --mask-image: url(data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A);
    --mask-position: 0% 0%;
    --mask-size: 100% 100%;
    --mask-repeat: no-repeat;
	
	
	cursor: pointer;
    text-decoration: none;
	
	width: 100%;
    height: 100%;
    box-sizing: border-box;
	
    display: block;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-style: solid;
    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);
    overflow: hidden;
    height: 100%;	
}

.slides_div_img1 {

    --sizeRd: 10px 10px 10px 10px;
    --sizeBrw: 0px;
	
    width: 100%;
    height: 100%;
    display: block;
	
	min-height: var(--image-min-height);
    min-width: var(--image-min-width);
	
	overflow: hidden;
    border-radius: calc(var(--sizeRd, var(--rd, 5px)) - var(--sizeBrw, var(--brw, 2px)));
}

.slides_div_img1 img {
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
	object-position: 50% 50%;
}

.slide1_tab_text {
    
	pointer-events: auto;
	
	position: relative;
    margin: 0px 0px 0px 0;
    left: 42px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 210px;
	
/*	transition: all 0.4s ease-in-out 0s; */
}

.slide1_tab_text {
    --container-corvid-border-color: rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));
    --container-corvid-border-size: var(--brw,1px);
    --container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
}

#slide1_tab_text3 {
    width: 250px;
	left: 22px;
	}
	
#slide1_tab_text4 {
    width: 230px;
	left: 32px;
	}

.slide1_tab_text_bckg {
--rd: 5px;
--bg: 36,35,35;
--shd: 0 1px 4px rgba(0, 0, 0, 0.6);
--brw: 0px;
--brd: var(--color_15);
--alpha-bg: 1;
--container-corvid-background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
--container-corvid-border-color: rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));
--container-corvid-border-size: var(--brw,1px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
    background: var(--container-corvid-background-color,rgba(var(--bg,var(--color_11)),var(--alpha-bg,1))) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAAEwK2r2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdDNUE3MDQyRkM0MTFFMThGMjdFNDIwRTdDRkVFODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdDNUE3MDUyRkM0MTFFMThGMjdFNDIwRTdDRkVFODQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0M1QTcwMjJGQzQxMUUxOEYyN0U0MjBFN0NGRUU4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozN0M1QTcwMzJGQzQxMUUxOEYyN0U0MjBFN0NGRUU4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqFzOEIAAACoSURBVHjaFMRZCgAQFABAS5KSJLn/TZ9mPiZFROLp6mhraWqoq6mqKH8BBCLEQYQoiBAGEYIggh9E8IIILhDBASLYQAQLQi9AAMHtFYezROHOEIa7RRDVQbxwV3HDjeeE28EOt4gVbhuac8EEA0CAtufoBAAQBmKo6AD1S9x/UhFqwx1mgrz25FsPlr4wxBVr9jdLHrVrz4xzbwQcYBDBwjZU2T/eRN8OXo4KQa+0dfMAAAAASUVORK5CYII=) repeat-x 0 0;
    border: var(--container-corvid-border-width,var(--brw,1px)) solid var(--container-corvid-border-color,rgba(var(--brd,var(--color_15)),var(--alpha-brd,1)));
}

.slide_inline_content2 {
    /* transition: all 0.4s ease-in-out 0s; */
    
	position: relative;
    pointer-events: none;
	
    height: auto;
    /* width: 210px; */
	width: 100%;
}

.slide_inline_content2_grid_container {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 100%;
}

.div_inline1 {

    pointer-events: auto;
	
	position: relative;
    margin: 21px 0px 3px 0;
    /* left: 34px;                      * here better text-align center */
    left: 0px;                      /* here better text-align center */
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
	/* width: 144px;                    * here better w: 160px or 100% */
	width: 100%;                    /* here better w: 160px or 100% */
    height: 40px;
	text-align: center;
}

.div_inline1_a {

    text-decoration: none;

    text-align: center;
    
    align-items: center;
    box-sizing: border-box;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    justify-content: var(--label-align);
    min-width: 100%;
    
	cursor: pointer;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.inline1_title {
    
	font: var(--fnt,var(--font_5));
	font-size: 1.4em;
   /* transition: var(--trans,color .4s ease 0s); */
    color: var(--corvid-color,rgb(var(--txt,var(--color_15))));
    white-space: nowrap;
	color: #B0A06D;
	/* transition: all 0.4s ease-in-out 0s, visibility 0s; */
}

.div_inline2 {
    
	word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);
	
	position: relative;
    margin: 0px 0px 23px 0;
    left: 0px;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	/* width: 158px; */
	width: 100%;
    height: 34px;
	
	height: auto;
}

.inline2_title {

    pointer-events: auto;

    font: var(--font_2);
    color: rgb(var(--color_15));
    letter-spacing: 0em;
	
	line-height: normal;
    letter-spacing: normal;
	
	margin: 0;
	
	transition: all 0.4s ease-in-out 0s, visibility 0s;
	
	font-size: 13px;
    line-height: 1.2em;
    text-align: center;
	
	color: #B0A06D;
	font-style: normal;
	font-weight: 400;
}

 .slide2_bg_img_div {
 
    overflow: var(--slides-overflow);
 
    width: 980px;
 
    position: absolute;
    width: 100%;
    height: 100%;
    --bg-overlay-color: rgb(var(--color_11));
    --bg-gradient: none;
    --fill-layer-image-opacity: 1;
 }
 
 .slide2_bg_layers {
 
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	 
	left: 0;
    overflow: hidden;
    -webkit-mask-image: var(--mask-image,none);
    mask-image: var(--mask-image,none);
    -webkit-mask-position: var(--mask-position,0);
    mask-position: var(--mask-position,0);
    -webkit-mask-size: var(--mask-size,100%);
    mask-size: var(--mask-size,100%);
    -webkit-mask-repeat: var(--mask-repeat,no-repeat);
    mask-repeat: var(--mask-repeat,no-repeat);
    pointer-events: var(--fill-layer-background-media-pointer-events);
	
	border-radius: 0;
 }
 
 .slide2_color_underlay {
    
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
	background-color: var(--bg-overlay-color);
    background-image: var(--bg-gradient);
}

.slide2_bg_media {
    height: 100%;
}

.slide2_img_div1 {
    pointer-events: auto;
	width: 100%;
    height: 100%;
    display: block;
	
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	
	transform: scale(var(--scale,1));
    transition: var(--transform-duration,transform 0s);
}

.slide2_img_div1 img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    object-position: 50% 50%;
}

.slide2_div1 {
    --brw: 0px;
	--brd: var(--color_11);
	--alpha-brd: 1;
	--rd: 0px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--brw,0) solid rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-radius: var(--rd,0);
    pointer-events: none;
}

.slide2_inline_content {

    position: relative;
    pointer-events: none;
	
    height: auto;
    width: 100%;
}

.slide2_grid_container, .slide3_grid_container {

    position: static;
    display: grid;
    height: auto;
    width: 100%;
    /* min-height: 762px; */
    min-height: calc(100vh - 66px);
    grid-template-rows: repeat(3, min-content) 1fr;
    grid-template-columns: 100%;
}

.slide3_grid_container {
    grid-template-rows: repeat(2, min-content) 1fr;
}

.slide2_link_element {
    --rd: 10px 10px 10px 10px;
	--shd: 0 1px 3px rgba(0, 0, 0, 0.5);
	--brd: var(--color_11);
	--alpha-brd: 0;
	--brw: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    display: block;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-style: solid;
    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);
    overflow: hidden;
    height: 100%;
}

.slide3_link_element {
    --rd: 20px 20px 20px 20px;
	--shd: 0 1px 4px rgba(0, 0, 0, 0.6);
	--brd: var(--color_11);
	--alpha-brd: 0;
	--brw: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    display: block;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-style: solid;
    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);
    overflow: hidden;
    height: 100%;
}

.slide2_grid_div1 {
    pointer-events: auto;
	
	position: relative;
    /* margin: 40px 0px -29px calc((100% - 980px) * 0.5); */
    /* margin: calc((100vh - 432px) * 0.5 - 40px) 0px -29px calc((100% - 980px) * 0.5); */
	/* 179 = 135 + 31 + 13 - see slide2_text_div1 */
    margin: calc(var(--sec1_height) * 0.5 - 179px) 0px -29px calc((100% - 980px) * 0.5);
    left: 562px;
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	width: 403px;
    height: 216px;
}

.slide2_img_div3 {
    
	pointer-events: auto;
	
	position: var(--position-fixed,static);
    left: var(--left,auto);
    top: var(--top,auto);
    z-index: var(--z-index,auto);
	
	position: relative;
    /*  margin: 62px 0px -11px calc((100% - 980px) * 0.5);  */
    /* margin: calc((100vh - 432px) * 0.5 - 18px) 0px -11px calc((100% - 980px) * 0.5); */
	/* 22px lower than slide2_grid_div1 */
    margin: calc(var(--sec1_height) * 0.5 - 157px) 0px -11px calc((100% - 980px) * 0.5);
    left: 440px;
    grid-area: 1 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 177px;
    height: 360px;
}

.slide2_link_element2 {

    width: 100%;
    height: 100%;
    box-sizing: border-box;

    display: block;
	
	overflow: hidden;
}

.slide_img_div {
    pointer-events: auto;
    width: 100%;
    height: 100%;
    display: block;
	overflow: hidden;
	box-sizing: border-box;
}

.slide_img_div img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    object-position: 50% 50%;
}

.slide2_img_div4 {

    pointer-events: auto;

    width: 100%;
    height: 100%;
    display: block;

    min-height: var(--image-min-height);
    min-width: var(--image-min-width);
	
	overflow: hidden;
}

.slide2_img_div4 img {
    
	-o-object-position: var(--object-position);
    object-position: var(--object-position);
    filter: var(--filter-effect-svg-url);
    -webkit-mask-image: var(--mask-image,none);
    mask-image: var(--mask-image,none);
    -webkit-mask-position: var(--mask-position,0);
    mask-position: var(--mask-position,0);
    -webkit-mask-size: var(--mask-size,100% 100%);
    mask-size: var(--mask-size,100% 100%);
    -webkit-mask-repeat: var(--mask-repeat,no-repeat);
    mask-repeat: var(--mask-repeat,no-repeat);
	
	position: static;
    box-shadow: 0 0 0 #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#slide3_qr_img {
    padding: 10%;
	background-color: white;
}

.slide2_text_div1,.slide3_div_text1 {

    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);

    position: relative;
    /* margin: calc((100vh - 432px) * 0.5 - 40px) 0px 0 calc((100% - 980px) * 0.5); */
    margin: calc(var(--sec1_height) * 0.5 - 135px - 31px - 13px) 0px 13px calc((100% - 980px) * 0.5);
    left: 15px;
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
    width: 403px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif; 
	color: rgb(var(--color_30));
}

/* 183 size of title, 40 gap title to button (used in  margin-top and bottom, 110 = 2xbuttons 50px + gap 10 */
.slide3_div_text1 {
    width: 409px;
	margin: calc((var(--sec1_height) - 183px - 40px - 110px) / 2) 0px 40px 0px;
    left: calc((100% - 980px) * 0.5 + 90px);
}

.slide3_div_text1_en
{
	margin: calc((var(--sec1_height) - 183px - 80px - 110px) / 2) 0px 40px 0px;
}

.slide2_title {

    pointer-events: auto;
	
	font: var(--font);
    color: rgb(var(--color_15));
    letter-spacing: 0em;
	
	line-height: normal;
    letter-spacing: normal;
	
	margin: 0;
	
	font-size: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #242323;
	color: rgb(var(--color_30));
}

.slide2_text_div2 {

    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);
	
	position: relative;
    margin: 0px 0px 29px calc((100% - 980px) * 0.5);
    left: 15px;
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
	width: 403px;
	height: auto;
}

.slide2_text1 {

    font: var(--font_8);
    color: rgb(var(--color_30));
    letter-spacing: 0em;
	
	line-height: normal;
    letter-spacing: normal;
	
	margin: 0;
	
	font-size: 18px;
    font-family: Arial, Helvetica, sans-serif; 	
	
    line-height: 1.3em;
}

.slide2_text2 {

    pointer-events: auto;
	
	font: var(--font_8);
    color: rgb(var(--color_30));
    letter-spacing: 0em;
	
	line-height: normal;
    letter-spacing: normal;
	
	margin: 0;
	
	font-size: 27px;
    line-height: 1.4em;
}

.slide2_a_div1 {

    pointer-events: auto;
	
	position: relative;
    margin: 0px 0px 10px calc((100% - 980px) * 0.5);
    left: 15px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 140px;
    height: 50px;
}

.slide2_bnt_text {
    font: var(--fnt,var(--font_5));
    transition: var(--trans2,color .4s ease 0s);
  /*  color: white; */
    position: relative;
    white-space: nowrap;
    margin: 0;
}

.slide2_a_div2 {
    pointer-events: auto;
	position: relative;
    margin: 0px 0px 10px calc((100% - 980px) * 0.5);
    left: 171px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 240px;
    height: 50px;
}

.slide2_a_div3 {
    
	pointer-events: auto;
	cursor: pointer;
	
	position: relative;
    margin: 49px 0px 0 calc((100% - 980px) * 0.5);
    left: 639px;
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
	width: 146px;
    height: 146px;
	
	padding: 2px;
	box-sizing: border-box;
}

.slide3_a_div1 {

    pointer-events: auto;
	
	position: relative;
    margin: 0px 0px 10px 0px;
    left: calc((100% - 980px) * 0.5 + 90px);
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
	
	width: 240px;
    height: 50px;
}

.slide3_a_div2 {

    pointer-events: auto;
	
	position: relative;
    margin: 0px 0px 0px 0px;
    left: calc((100% - 980px) * 0.5 + 90px);
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 160px;
    height: 50px;
}

.slide3_text_div1 {

    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);
	
	position: relative;
    /* margin: 10px 0px 10px calc((100% - 980px) * 0.5); */
    /* left: 446px; */
    left: calc(100% * 0.5 - 47px);
	top: calc((var(--sec1_height) - 325px) * 0.5 + 345px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	width: 99px;
    height: 15px;
	
	height: auto;
	
	color: rgb(58, 58, 58);
	font-size:10px;
	text-align: center;
}

.slide2_link_element3 {

    cursor: pointer;
    text-decoration: none;
	
	width: 100%;
    height: 100%;
    box-sizing: border-box;
	
	display: block;
    border-radius: var(--rd,5px);
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-style: solid;
    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);
    overflow: hidden;
}

.slide2_img_div5 {
    --sizeRd: 20px 20px 20px 20px;
	--sizeBrw: 0px;
	--rd: 20px 20px 20px 20px;
    --shd: 0.00px 1.00px 4px 0px rgba(0,0,0,0.6);
    --brd: var(--color_11);
    --brw: 0px;

    width: 100%;
    height: 100%;
    display: block;
	
	min-height: var(--image-min-height);
    min-width: var(--image-min-width);
	
	overflow: hidden;
    border-radius: calc(var(--sizeRd, var(--rd, 5px)) - var(--sizeBrw, var(--brw, 2px)));
}

.slide2_img_div5 img {
    
	-o-object-position: var(--object-position);
    object-position: var(--object-position);
    filter: var(--filter-effect-svg-url);
    -webkit-mask-image: var(--mask-image,none);
    mask-image: var(--mask-image,none);
    -webkit-mask-position: var(--mask-position,0);
    mask-position: var(--mask-position,0);
    -webkit-mask-size: var(--mask-size,100% 100%);
    mask-size: var(--mask-size,100% 100%);
    -webkit-mask-repeat: var(--mask-repeat,no-repeat);
    mask-repeat: var(--mask-repeat,no-repeat);
}

.slide3_img_div1 {
    
	pointer-events: auto;
	
	position: absolute;
    top: calc((var(--sec1_height) - 325px) * 0.5 - 78px);
    z-index: var(--z-index,auto);
	
    /* margin: 40px 0px -21px calc((100% - 980px) * 0.5); */
    /* margin: calc((100vh - 432px) * 0.5 - 40px) 0px -21px calc((100% - 980px) * 0.5); */
    /* left: 653px; */ 
    left: calc(100% * 0.5 + 160px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	/* width: 280px; */
	width: 254px;
    /* height: 327px; */
    height: 330px;
}

.slide3_img_div2 {
    pointer-events: auto;
	position: absolute;
    top: calc((var(--sec1_height) - 325px) * 0.5);
    z-index: var(--z-index,auto);
	/* left: 532px; */
	left: calc(100% * 0.5 + 39px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	width: 160px;
    height: 325px;
}

.slide3_img_div3 {
	pointer-events: auto;
	position: absolute;
    top: calc((var(--sec1_height) - 325px) * 0.5 + 240px);
    z-index: var(--z-index,auto);
	
	/* position: relative; */
    /* left: 446px; */
    left: calc(100% * 0.5 - 47px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	cursor: pointer;
	
	width: 100px;
    height: 100px;
}

.slide2_text_div3 {
    
	word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
    min-height: var(--min-height);
	
	position: relative;
    margin: 5px 0px 10px calc((100% - 980px) * 0.5);
    left: 639px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
	
	width: 146px;
    height: 15px;
	
	--min-height: 15px;
    height: auto;
}

.slide2_text_div3 h4 {
    
	pointer-events: auto;
	
	font: var(--font_0);
    color: rgb(var(--color_30));
    letter-spacing: 0em;
	
	line-height: normal;
    letter-spacing: normal;
	
	margin: 0;
	
	font-size: 10px;
    text-align: center;
}

.nav_dots, .arrow {
--nav-dot-section-display: block;
    display: var(--nav-dot-section-display);
    grid-area: 1/1/1/1;
    align-self: end;
    position: absolute;
    justify-self: center;
    margin-bottom: var(--nav-dot-section-bottom-margin);
    transform: translateY(50%);
}

.arrow {
    margin-bottom: 60px;
	transition: margin-bottom .4s ease 0s;
}

.arrow:hover {
    margin-bottom: 55px;
}

.arrow path { stroke:  var(--color_dots); }
.arrow path, .button_prev path, .button_next path { transition: stroke .4s ease 0s; }
.arrow:hover path, .button_prev:hover path, .button_next:hover path { stroke:  #a07e71; }

.nav_dots_ol {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    pointer-events: none;
}

.nav_dot {
--nav-dot-size: 6px;
--nav-dot-margin:  6px;
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    pointer-events: auto;
    margin: 0 var(--nav-dot-margin);
    width: var(--nav-dot-size);
    height: var(--nav-dot-size);
	border-radius: 50%; 
	background-color: var(--color_dots);
}

.nav_dot_selected {
    background-color: rgba( 158, 41, 86, 0.3);
}

.sec_2_bgLayers {opacity: 1; visibility: inherit; transform: translate3d(0px, 0px, 0px);}

@media only screen and 
(max-device-width: 700px) and 
(-webkit-min-device-pixel-ratio: 1) and 
(orientation: portrait) {

#header {
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
}

:root {
--color_dots: white;
}

.box-content-text {
	position: absolute; 
	top: 20vh; 
	left: 10vw; 
	width: 80vw;
	padding: 1em; font-size: 20px;
	box-sizing: border-box;
	}

#sec_1 {
    width: 100%;
    min-width: 100vw;
    height: calc(100vh - 66px - 70px);
    /* height: 50vh; */
    min-height: 150vh;
	margin-top: 66px;
}

.div_slide1_tabs {
    width: 100vw;
	overflow-x: scroll;
	margin: 0;
	height: 100%;
}

.bg_layers1 { min-width: unset; }

.slides_grid_container {
    grid-template-rows: repeat(3, min-content) 1fr;
}

.div_slide_title {
    text-align: center;
    position: relative;
    margin: 1em auto;
    left: 0px;
    grid-area: 1 / 1 / 1 / 2;
    width: 96vw;
    height: auto;
	box-sizing: border-box;
}

.slide1_tab {
    margin: 0 0;
}

.slide2_title { text-align: center; }

.slide2_grid_container {
    grid-template-rows: calc(100vh - 66px - 70px) repeat(4, min-content) 1fr;
}

.slide2_grid_div1 {
    margin: 0px auto;
    top: 20px;
    left: 0px;
    grid-area: 1 / 1 / 1 / 2;
    width: calc(100% - 20px);
    height: 216px;
}

.slide2_img_div3 {
    left: 140px;
    top: 140px;
    z-index: 800;
    position: absolute;
    grid-area: 1 / 1 / 1 / 2;
    margin: 0 0;
}

.slide2_text_div1 {
    text-align: center;
    left: 0px;
    grid-area: 2 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: 96vw;
    margin: 0 auto;
}

.slide2_text_div2 {
    text-align: start;
    margin: 1rem auto;
    left: 0px;
    grid-area: 3 / 1 / 3 / 2;
    width: 96vw;
    height: auto;
}

.slide2_a_div1 {
    margin: 0 0;
    left: 15px;
    grid-area: 4 / 1 / 4 / 2;
    width: 140px;
}

.slide2_a_div2 {
    left: 15px;
    grid-area: 5 / 1 / 5 / 2;
    width: 240px;
    margin: 15px 0 0;
}

.slide2_a_div3 {
    position: absolute;
    margin: 0px 0px 0 0;
    left: 50px;
    top: 369px;
    grid-area: 1 / 1 / 1 / 2;
    z-index: 900;
}

.slide2_text_div3 {
    position: absolute;
    margin: 0 0;
    left: 50px;
    grid-area: 1 / 1 / 1 / 2;
    top: 520px;
}

.slide3_grid_container {
    grid-template-rows: calc(100vh - 66px - 70px) repeat(3, min-content) 1fr;
}

.slide3_div_text1 {
	width: 96vw;
    margin: 0px auto 50px;
    top: 10px;
    left: 0px;
    grid-area: 2 / 1 / 2 / 2;
}

.slide3_a_div1 {
    left: 10px;
    grid-area: 3 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    top: 0px;
    margin: 0 0;
}

.slide3_a_div2 {
    left: 10px;
    grid-area: 4 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    top: 0px;
    margin: 20px 0;
}

.slide3_img_div1 {
    top: 22px;
    left: calc((100% - 334px) * 0.5 + 80px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	/* width: 280px; */
	width: 254px;
    /* height: 327px; */
    height: 330px;
}

.slide3_img_div2 {
    top: 98px;
    z-index: var(--z-index,auto);
	/* left: 532px; */
	left: calc((100% - 334px) * 0.5 + 40px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	/* 
	width: 160px;
    height: 325px; */
}

.slide3_img_div3 {
	pointer-events: auto;
	position: absolute;
    top: calc((100vh - 66px - 70px) * 0.75 - 90px);
	left: calc((100% - 334px) * 0.5);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	width: 100px;
    height: 100px;
}

.slide3_text_div1 {
    left: calc((100% - 334px) * 0.5);
	top: calc((100vh - 66px - 70px) * 0.75 + 25px);
    grid-area: 1 / 1 / 1 / 2;
    justify-self: start;
    align-self: start;
	
	width: 99px;
}

#sec_2 {
    min-width: 100vw;
}

[data-mesh-id=sec_2_inlineContent-gridContainer], .sec_2_inlineContent-gridContainer {
    grid-template-rows: repeat(6, min-content) 1fr;
}

.adv_div_container1, .adv_div_container2, .adv_div_container3,
.image_tablet_div_container, .image_directorder_div_container, .image_iphone_div_container 
{
    margin: 3rem 0px 0 0px; 
  /*  margin-left: 0px; */
    left: 2vw;
    width: 96vw;
	top: 0px;
}

.adv_div_container1, .adv_div_container2, .adv_div_container3
{
    margin: 1rem 0px 0 0px; 
}

.image_tablet_div_container { grid-area: 1 / 1 / 1 / 1; height: auto;}
.adv_div_container1        { grid-area: 2 / 1 / 2 / 1;}
.image_directorder_div_container { grid-area: 3 / 1 / 3 / 1;}
.adv_div_container2        { grid-area: 4 / 1 / 4 / 1;}
.image_iphone_div_container { grid-area: 5 / 1 / 5 / 1;}
.adv_div_container3        { grid-area: 6 / 1 / 6 / 1;}

.adv_title_div {
   text-align: center;
   margin-top: 0.25rem;
 }
 
 .div_a_learn_btn {
   margin: 0 auto;
 }
 
#bottom {
    display: block;
}

.button_prev, .button_next {
--nav-button-offset: 5vw;
--nav-button-width: 25px;
  margin: 0 var(--nav-button-offset);
  width: var(--nav-button-width);
  top: calc(50vh - 33px - 35px - 12px);
}  

.arrow {
    margin-bottom: 0;
	position: -webkit-sticky;
	position: sticky;
	bottom: 110px;
	z-index: 950;
}

.nav_dots {
	position: -webkit-sticky;
	position: sticky;
	bottom: 80px;
}

}

</style>

<section>
<div id="sec_1" class="ignore-focus" role="region" tabindex="-1" aria-label="Slideshow">
    <button data-testid="prevButton" aria-label="Previous" class="button_prev" onclick="karuselButton('L')">
	    <svg viewBox="0 0 21 41"><path d="M20.3 40.8L0 20.5 20.3.2l.7.7L1.3 20.5 21 40.1z" stroke="#101010" ></path></svg>
	</button>
	<button data-testid="nextButton" aria-label="Next" class="button_next" onclick="karuselButton('R')">
	    <svg viewBox="0 0 21 41"><path d="M20.3 40.8L0 20.5 20.3.2l.7.7L1.3 20.5 21 40.1z" stroke="#101010" ></path></svg>
	</button>
	<div data-testid="slidesWrapper" aria-live="off" class="slides_wrapper">
	
		<div id="karusel_slide0" class="box" style="width: 100%; height: 100%; display: block;">
			<div id="header2" style="padding: 0px; height: 100%;">
				<div style="position: relative;top: 0px;text-align: center; height: 100%;">
					<img src="./img/home_pic1.jpg" alt="" style="width: 100%; height: 100%; max-height: 100%; object-fit: cover; object-position: 0% 0%;">

					<div class="box-content-text" >
						<h3 style="color: #9ba9ac;">INTERAKT&#205;VNY RE&#352;TAURA&#268;N&#221; SYST&#201;M:</h3>
						<ul>
							<li><span>Back-end pre mana&#158;ment re&#353;taur&#225;cie</span></li>
							<li><span>Interakt&#237;vne menu pre z&#225;kazn&#237;ka</span></li>
							<li><span>Interakt&#237;vna appka pre obsluhu</span></li>
						</ul>
					</div> <!-- box-content-text -->
				</div>
			</div>
		</div> <!-- box --> 
	
	
	    <!-- ============================================== -->
	    <!-- ONLINE DELIVERY -->
		<div id="karusel_slide2" class="slide2_bg_img_div" hidden>
			<div id="bgLayers_comp-slide2" data-hook="bgLayers" class="slide2_bg_layers">
				<div data-testid="colorUnderlay" class="slide2_color_underlay"></div>
				<div id="bgMedia_comp-slide2" class="slide2_bg_media">
				    <div class="slide2_img_div1">
						<img src="./img/background.png" alt="background.png" >
					</div>
				</div>
			</div>
			<div class="slide2_div1"></div>
			<div data-mesh-id="slide2inlineContent" data-testid="inline-content" class="slide2_inline_content">
				<div data-mesh-id="slide2inlineContent-gridContainer" data-testid="mesh-container-content" class="slide2_grid_container">
					<div id="slide2grid" class="slide2_grid_div1" title="">
						<div data-testid="linkElement" class="slide2_link_element">
							<div class="slide_img_div">
								<img src="./img/screen.jpg" alt="screen.jpg" >
							</div>
						</div>
					</div>
					<div id="slide2img" class="slide2_img_div3" title="">
						<div data-testid="linkElement" class="slide2_link_element2">
							<div class="slide_img_div">
							<img src="./img/iphone_menu2.png" alt="iphone_menu.jpg" >
							</div>
						</div>
					</div>
					<div id="slide2_title" class="slide2_text_div1" data-testid="richTextElement">
						<h3 class="slide2_title">
						Online Menu pre Doná&#353;ku a osobn&#253; odber
						</h3>
						<div style="font-size: 27px;">a nepla&#357;te &#158;iadnu prov&#237;ziu!</div>
					</div>
					<div id="slide2_text" class="slide2_text_div2" data-testid="richTextElement">
						<p class="slide2_text1">
						Zn&#237;&#158;te z&#225;vislos&#357; na Va&#353;om kuri&#233;rskom partnerovi a za&#269;nite prij&#237;ma&#357; 
						priame on-line objedn&#225;vky na don&#225;&#353;ku a osobn&#253; odber. Vytvorte Va&#353;e 
						don&#225;&#353;kov&#233; menu, ktor&#233; sa m&#244;&#158;e 
						l&#237;&#353;i&#357; od V&#225;&#353;ho re&#353;taura&#269;n&#233;ho menu a pripojte ho na 
						Va&#353;u web str&#225;nku a zdie&#318;ajte ho na Va&#353;ich soci&#225;lnych sie&#357;ach!
						</p>
					</div>
					<div id="slide2a1" aria-disabled="false" class="slide2_a_div1">
						<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/qr_menu_info.html" target="_self" class="a_learn_btn" aria-disabled="true"> -->
						<a data-testid="linkElement" href="./contact_form.html" target="_self" class="a_learn_btn" aria-disabled="true">
							<span class="slide2_bnt_text">Viac info</span>
						</a>
					</div>
					<div id="slide2a2" aria-disabled="false" class="slide2_a_div2">
						<a data-testid="linkElement" href="./plan.html" target="_blank" class="a_learn_btn" aria-disabled="true">
							<span class="slide2_bnt_text">Vysk&#250;&#353;ajte na 15 dn&#237; zdarma</span>
						</a>
					</div>
					<div id="slide2a3" class="slide2_a_div3" title="">
						<a data-testid="linkElement" href="https://nasemenu.sk/dev/clients/dev/guest.php?action=app&subaction=display_menu&table_id=&dtype=DELIVERY&cltag=MQ==&lang=sk" target="_blank" rel="noreferrer noopener" class="slide2_link_element3">
							<div class="slide_img_div">
							   <img src="./img/qr_delivery_dev.jpg" alt="scan-menu-for-online-delivery.png" >
							</div>
						</a>
					</div>
					<div id="slide3text3" class="slide2_text_div3" data-testid="richTextElement">
						<h4>Kliknite alebo zoskenujte Menu</h4>
					</div>
				</div>
			</div>
		</div>
	
	    <!-- ============================================== NEW -->
	    <!-- =============Designed to increase your sales by 30% ================== -->
	    <div id="karusel_slide3" class="slide2_bg_img_div" hidden>
			<div id="bgLayers_comp-slide3" data-hook="bgLayers" class="slide2_bg_layers">
				<div data-testid="colorUnderlay" class="slide2_color_underlay"></div>
				<div id="bgMedia_comp-slide3" class="slide2_bg_media">
				    <div class="slide2_img_div1">
						<img src="./img/background.png" alt="missing.png" >
					</div>
				</div>
			</div>
			<div class="slide2_div1"></div>
			<div data-mesh-id="slide3_inlineContent" data-testid="inline-content" class="slide2_inline_content">
				<div data-mesh-id="slide3_inlineContent-gridContainer" data-testid="mesh-container-content" class="slide3_grid_container">
					<div id="slide3_div_text1" class="slide3_div_text1" data-testid="richTextElement" style="z-index: 99;">
						<h3 class="slide2_title" style="font-size:53px;">
							Navrhnut&#233; na zv&#253;&#353;enie V&#225;&#353;ho predaja o 30%
						</h3>
					</div>
					<div id="slide3_img_div1" class="slide3_img_div1" title="" >
						<div data-testid="linkElement" class="slide2_link_element2">
						    <div class="slide_img_div">
								<img class="image_tablet"
									         src="./img/photo_tablet_hus.jpg" 
									         alt="tabletmenu" >
										     <!-- src="./img/photo_tablet2.png"  style="width:340px;height:340px;object-fit:cover;object-position:50% 50%"> -->
								<!-- <div style="position: absolute; top: 12px; left: 7px;">
								        <img class="image_tablet"
									         src="./img/photo_offer1.jpg"  OR new src="./img/photo_tablet2.png" 
									         alt="food" 
										     style="width:240px;height:160px;object-fit:cover;object-position:50% 50%">
								</div>
								<div style="position: absolute; top: 172px; left: 7px;padding: 2em 1em;width: 240px;box-sizing: border-box;font-family: gotham-book; font-size: 13px;">
								        <div style="font-size: 1.1em;color: #5d3327;font-weight: bold;">Husacie hody</div>
										<div style="font-size: 0.8em;margin: 0.4em 0;"><i>Neodolate&#318;n&#225; dom&#225;ca pe&#269;en&#225; h&#250;ska s lok&#353;ami a &#269;ervenou kapustou</i></div>
										<div style="color: darkred;font-size: 0.8em;">S m&#228;som</div>
										<div style="font-size: 0.8em;">600 cal</div>
										<div style="font-size: 1em;margin-top: 1em;"><b>16.50 EUR</b></div>
								</div> -->
							</div>
						</div>
					</div>
					<div id="slide3_img_div2" class="slide3_img_div2" title="" >
						<!-- <div data-testid="linkElement" class="slide2_link_element2"> -->
						    <div class="slide_img_div">
								<img src="./img/iphone_menu2.png" alt="iphone_menu.jpg" >
							</div>
						<!-- </div> -->
					</div>
					<div id="slide3_img_div3" class="slide3_img_div3" title="" > 
						<a data-testid="linkElement" href="https://nasemenu.sk/dev/clients/dev/guest.php?action=app&subaction=display_menu&table_id=&dtype=DELIVERY&cltag=MQ==&lang=sk" target="_blank" class="slide3_link_element">
							<div id="slide3_qr_img" class="slide2_img_div4" >
								<img src="./img/qr_delivery_dev.jpg" alt="scan-menu-for-online-delivery.png" style="width: 80px; height: 80px; object-fit: cover; object-position: 50% 50%;">
							</div>
						</a>
					</div>
					<div id="slide3_a_div1" aria-disabled="false" class="slide3_a_div1">
						<a data-testid="linkElement" href="./plan.html" target="_blank" class="a_learn_btn" aria-disabled="false">
							<span class="slide2_bnt_text">Vysk&#250;&#353;ajte na 15 dn&#237; zdarma</span>
						</a>
					</div>
					<div id="slide3_a_div2" aria-disabled="false" class="slide3_a_div2">
						<!-- <a data-testid="linkElement" href="https://mymenu.ewebinar.com/webinar/my-menu-introduction-and-short-demo-30-mins-1219" target="_blank" rel="noreferrer noopener" class="a_learn_btn" aria-disabled="false"> -->
						<a data-testid="linkElement" href="./webinar.php" target="_blank" rel="noreferrer noopener" class="a_learn_btn" aria-disabled="false">
							<span class="slide2_bnt_text">Pozrite si Webin&#225;r</span>
						</a>
					</div>
					<div id="slide3_text_div1" class="slide3_text_div1" data-testid="richTextElement">
						<p>
							Kliknite alebo zoskenujte Menu
						</p>
					</div>
				</div>
			</div>
		</div>
	
	
	
	    <!-- ============================================== -->
	    <div id="karusel_slide1" class="slides_wrapper2" hidden>
		    <div id="bg_layers1" data-hook="bgLayers" class="bg_layers1">
			    <div data-testid="colorUnderlay" class="bg_layers1_1"></div>
				<div id="bg_layers1_2" class="bg_layers1_2">
				    <div class="image1">
					    <img src="./img/background.png" alt="missing.png" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;">
					</div>
				</div>
			</div>
			<div class="slide1_cover"></div>
			<div data-mesh-id="slide1_inlineContent" data-testid="inline-content" class="inline_content1">
				<div data-mesh-id="slide1_inlineContent-gridContainer" data-testid="mesh-container-content" class="slides_grid_container">
					<div id="div_slide_title" class="div_slide_title" data-testid="richTextElement">
					    <h3 class="slide_title">
							V&#353;etko v jednej menu platforme pre re&#353;taur&#225;cie, kaviarne a hotely!
						</h3>
					</div>
					<div id="div_slide1_tabs" class="div_slide1_tabs">
					<div id="div_slide1_tabs_inside" class="div_slide1_tabs_inside">
					<div id="slide1_tab1" class="slide1_tab">
						<div class="slide1_tab_bg" data-testid="container-bg"></div>
						<div data-mesh-id="slide1_tab1_inlineContent" data-testid="inline-content" class="slide_inline_content1">
							<div data-mesh-id="slide1_tab1_inlineContent-gridContainer" data-testid="mesh-container-content" class="slide_inline_content1_grid_container">
								<div id="slide1_tab1_img" class="div_slide1_img1" title="">
									<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/restaurant-digital-tablet-ipad-menu" target="_self" class="slides_a_img"> -->
									<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="slides_a_img">
										<div class="slides_div_img1">
											<img src="./img/photo_slide1_1.jpg" alt="waiter smiling scrolling through a tablet menu in a restaurant" >
										</div>
									</a>
								</div>
								<div id="slide1_tab_text1" class="slide1_tab_text">
									<div class="slide1_tab_text_bckg" data-testid="container-bg"></div>
									<div data-mesh-id="slide1_tab1_inlineContent2" data-testid="inline-content" class="slide_inline_content2">
										<div data-mesh-id="slide1_tab1_inlineContent2-gridContainer" data-testid="mesh-container-content" class="slide_inline_content2_grid_container">
											<div aria-disabled="false" class="div_inline1">
												<!-- <a data-testid="linkElement" href="https://www.nasemenu.sk/restaurant-digital-tablet-ipad-menu" target="_self" class="div_inline1_a" aria-disabled="false"> -->
												<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="div_inline1_a" aria-disabled="false">
													<span class="inline1_title">Tabletov&#233; Menu</span>
												</a>
											</div>
											<div class="div_inline2" data-testid="richTextElement">
												<h2 class="inline2_title">
													Na&#353;a apka pre tabletov&#233; menu funguje na iOS aj na Androide
												</h2>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="slide1_tab2" class="slide1_tab">
						<div class="slide1_tab_bg" data-testid="container-bg"></div>
						<div data-mesh-id="slide1_tab2_inlineContent" data-testid="inline-content" class="slide_inline_content1">
							<div data-mesh-id="slide1_tab2_inlineContent-gridContainer" data-testid="mesh-container-content" class="slide_inline_content1_grid_container">
								<div id="slide1_tab2_img" class="div_slide1_img1" title="">
									<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/qr-menu" target="_self" class="slides_a_img"> -->
									<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="slides_a_img">
									    <div class="slides_div_img1">
											<img src="./img/photo_slide1_2.jpg" alt="waitress showing smart phone with qr code" >
										</div>
									</a>
								</div>
								<div id="slide1_tab2_text" class="slide1_tab_text">
									<div class="slide1_tab_text_bckg" data-testid="container-bg"></div>
									<div data-mesh-id="slide1_tab2_inlineContent2" data-testid="inline-content" class="slide_inline_content2">
										<div data-mesh-id="slide1_tab2_inlineContent2-gridContainer" data-testid="mesh-container-content" class="slide_inline_content2_grid_container">
											<div aria-disabled="false" class="div_inline1">
												<!-- <a data-testid="linkElement" href="https://www.nasemenu.sk/qr-menu" target="_self" class="div_inline1_a" aria-disabled="false"> -->
												<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="div_inline1_a" aria-disabled="false">
													<span class="inline1_title">QR Menu</span>
												</a>
											</div>
											<div class="div_inline2" data-testid="richTextElement">
												<h2 class="inline2_title">
													&#381;iadna in&#353;tal&#225;cia. Zoskenujte QR k&#243;d mobilom na zobrazenie menu
												</h2>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="slide1_tab3" class="slide1_tab">
						<div class="slide1_tab_bg" data-testid="container-bg"></div>
						<div data-mesh-id="slide1_tab3_inlineContent" data-testid="inline-content" class="slide_inline_content1">
							<div data-mesh-id="slide1_tab3_inlineContent-gridContainer" data-testid="mesh-container-content" class="slide_inline_content1_grid_container">
								<div id="slide1_tab3_img" class="div_slide1_img1" title="">
									<!-- <a data-testid="linkElement" href="https://www.nasemenu.sk/restaurant-digital-tablet-ipad-menu" target="_self" class="slides_a_img"> -->
									<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="slides_a_img">
										<div class="slides_div_img1">
										<img src="./img/photo_slide1_3.jpg" alt="Smartphone scan menu" >
										</div>
									</a>
								</div>
								<div id="slide1_tab_text3" class="slide1_tab_text">
									<div class="slide1_tab_text_bckg" data-testid="container-bg"></div>
									<div data-mesh-id="slide1_tab3_1inlineContent" data-testid="inline-content" class="slide_inline_content2">
										<div data-mesh-id="slide1_tab3_1inlineContent-gridContainer" data-testid="mesh-container-content" class="slide_inline_content2_grid_container">
											<div aria-disabled="false" class="div_inline1">
												<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/restaurant-digital-tablet-ipad-menu" target="_self" class="div_inline1_a" aria-disabled="false"> -->
												<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="div_inline1_a" aria-disabled="false">
													<span class="inline1_title">Objedn&#225;vanie cez mobil</span>
												</a>
											</div>
											<div class="div_inline2" data-testid="richTextElement">
												<h2 class="inline2_title">
													Unik&#225;tny QR k&#243;d identifikuje z ktor&#233;ho stola / izby pri&#353;la objedn&#225;vka
												</h2>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="slide1_tab4" class="slide1_tab">
						<div class="slide1_tab_bg" data-testid="container-bg"></div>
						<div data-mesh-id="slide1_tab4_inlineContent" data-testid="inline-content" class="slide_inline_content1">
							<div data-mesh-id="slide1_tab4_inlineContent-gridContainer" data-testid="mesh-container-content" class="slide_inline_content1_grid_container">
								<div id="slide1_tab4_img" class="div_slide1_img1" title="">
									<!-- <a data-testid="linkElement" href="https://www.nasemenu.sk/digital-menu-online-delivery-and-pick-up" target="_self" class="slides_a_img"> -->
									<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="slides_a_img">
										<div class="slides_div_img1">
										<img src="./img/photo_slide1_4.jpg" alt="" >
										</div>
									</a>
								</div>
								<div id="slide1_tab_text4" class="slide1_tab_text">
									<div class="slide1_tab_text_bckg" data-testid="container-bg"></div>
									<div data-mesh-id="slide1_tab4_inlineContent2" data-testid="inline-content" class="slide_inline_content2">
										<div data-mesh-id="slide1_tab4_inlineContent2-gridContainer" data-testid="mesh-container-content" class="slide_inline_content2_grid_container">
											<div aria-disabled="false" class="div_inline1">
												<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/digital-menu-online-delivery-and-pick-up" target="_self" class="div_inline1_a" aria-disabled="false"> -->
												<a data-testid="linkElement" href="./#karusel_slide1" target="_self" class="div_inline1_a" aria-disabled="false">
													<span class="inline1_title">Online Objedn&#225;vanie</span>
												</a>
											</div>
											<div class="div_inline2" data-testid="richTextElement">
												<h2 class="inline2_title">
													Za&#269;nite prij&#237;ma&#357; online objedn&#225;vky bez platenia akejkolvek prov&#237;zie
												</h2>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					</div>    <!--  div_slide1_tabs_inside end     -->
					</div>    <!--  div_slide1_tabs end     -->
					
				</div>
			</div>
		</div>
	</div>
	<div aria-label="arrow" id="arrow" class="arrow"><a href="./#sec_2">
	<svg height="40" width="36">
	    <path d="M9 25 L18 40 L27 25 M18 0 L18 40" stroke-width="3" fill="none"/>
	</svg></a>
	</div>
	<nav aria-label="Slides" class="nav_dots">
		<ol id="nav_dots" class="nav_dots_ol"> 
			<li aria-current="true"><a href="./#karusel_slide0" aria-label="Home page" class="nav_dot nav_dot_selected"> </a></li>
			<li><a href="./#karusel_slide1" aria-label="All in one menu platform" class="nav_dot"> </a></li>
			<li><a href="./#karusel_slide2" aria-label="Online ordering" class="nav_dot"> </a></li>
			<li><a href="./#karusel_slide3" aria-label="Increase sales" class="nav_dot"> </a></li>
		</ol>
	</nav>
</div>
</section>


<section id="sec_2" >
   
<div data-testid="columns" class="cl_columns">
    <div class="container1">
		<div data-mesh-id="sec_2_inlineContent" data-testid="inline-content" class="inline_content1">
		    <div data-mesh-id="sec_2_inlineContent-gridContainer" data-testid="mesh-container-content" class="sec_2_inlineContent-gridContainer">
		        <div class="adv_div_container1">
					<div class="adv_title_div" data-testid="richTextElement">
					    <h3 class="adv_title" >
							Ukážte svoje jedlá na krásnych fotkách a videách
						</h3>
					</div>
					<div class="adv_text_div" >
						<p class="adv_text">
							Toto zaručene zvýši predaj Vašich jedál, pretože fotografie budú priťahovat Vašich hostí, ktorí neodolajú pokušeniu a objednajú viac! 
						</p>
					</div>
					<div class="div_a_learn_btn">
						<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/restaurant-digital-tablet-ipad-menu" target="_self" class="a_learn_btn" aria-disabled="false"> -->
						<a data-testid="linkElement" href="./contact_form.html" target="_self" class="a_learn_btn" aria-disabled="false">
							<span class="learn_btn">Viac info</span>
						</a>
					</div>
				</div>
				
				<div class="image_tablet_div_container" title="">
				    <div data-testid="linkElement" class="image_tablet_div">
				        <img class="image_tablet"
					         src="./img/photo_tablet_sk.jpg" 
					         alt="tabletmenu">
					</div>
					<!-- <div style="position: absolute; top: 15px; left: 23px;">
				        <img class="image_tablet"
					         src="./img/photo_food1.jpg" 
							 alt="food" 
							style="width:302px;height:200px;object-fit:cover;object-position:50% 50%">
					</div>
					<div style="position: absolute; top: 215px; left: 23px;padding: 2em 1em;width: calc(100% - 40px);box-sizing: border-box;font-family: gotham-book;">
					    <div style="font-size: 1.1em;color: #5d3327;font-weight: bold;">Lievance s lesn&#253;mi plodmi</div>
						<div style="font-size: 0.8em;margin: 0.4em 0;"><i>Neodolate&#318;n&#225; poch&#250;&#357;ka, ozdoben&#225; sez&#243;nnymi lesn&#253;mi plodmi a exotick&#253;mi figami</i></div>
						<div style="color: green;font-size: 0.8em;">Vegetari&#225;nske</div>
						<div style="font-size: 0.8em;">200 cal</div>
						<div style="font-size: 1em;margin-top: 1em;"><b>4.50 EUR</b></div>
					</div> -->
				</div>

				<div class="image_directorder_div_container" title="">
				    <div data-testid="linkElement" class="image_div">
							<img class="image_directorder"
							     src="./img/photo_qrcode1.jpg" 
							     alt="scanning qr code" >
					</div>
				</div>
				
				<div class="adv_div_container2">
					<div class="adv_title_div" data-testid="richTextElement">
						<h3 class="adv_title" >
							Priame objednávanie cez QR kód na mieste alebo pre osobný odber či donášku
						</h3>
					</div>
					<div class="adv_text_div" data-testid="richTextElement">
						<p class="adv_text">
							Naša aplikácia vytvorí unikátny kód pre každý stôl, hotelovú izbu alebo lehátko pri bazéne alebo na pláži. Keď hosť naskenuje QR kód cez telefón alebo tablet, tak systém už vie odkiaľ prišla objednávka. 
						</p>
					</div>
					<div aria-disabled="false" class="div_a_learn_btn">
						<!-- ###LINK <a data-testid="linkElement" href="https://www.nasemenu.sk/qr-menu" target="_self" class="a_learn_btn" aria-disabled="false"> -->
						<a data-testid="linkElement" href="./contact_form.html" target="_self" class="a_learn_btn" aria-disabled="false">
							<span class="learn_btn">Viac info</span>
						</a>
					</div>
				</div>
				
				<div class="adv_div_container3" data-testid="richTextElement">
					<div class="adv_title_div" data-testid="richTextElement">
						<h3 class="adv_title">
							Spuťte marketingovú kampaň a propagácie!
						</h3>
					</div>
					<div class="adv_text_div" data-testid="richTextElement">
						<p class="adv_text" >
							Umožňuje vám spúšťať marketingové kampane zobrazujúce vyskakovacie obrázky a videá v určitom čase alebo pri výbere položky, čo vám dáva skvelú príležitosť buď predať určitú položku, alebo propagovať nadchádzajúcu či prebiehajúcu udalosť.
						</p>
					</div>
					<div aria-disabled="false" class="div_a_learn_btn">
						<!-- ###LINK  <a data-testid="linkElement" href="https://www.nasemenu.sk/qr-menu" target="_self" class="a_learn_btn" aria-disabled="false"> -->
						<a data-testid="linkElement" href="./contact_form.html" target="_self" class="a_learn_btn" aria-disabled="false">
							<span class="learn_btn">Viac info</span>
						</a>
					</div>
				</div>

				

				
				<div class="image_iphone_div_container" title="">
					<div class="image_div">
						<img class="image_iphone"
							src="./img/photo_iphone_offers2.jpg" 
							alt="mobil tlf s ponukou" >
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</section>

</div> <!-- main -->

<div id = "footer" style="text-align: center;">
<span>Dizajn stránok, obsah a kódovanie &copy; <a href="https://www.wflowz.com">wflowz 2021</a> </span> | <span><a href="./tos.html">Podmienky služieb</a></span> 
</div>

</div> <!-- container -->
</body>
</html>