@font-face {font-family: 'SouthEastBold';font-style: normal; font-weight:bold; src: url(../fonts/SouthEast-DemiBold.otf) format('opentype');
font-feature-settings: "ss05" 1, "swsh" 1; font-variant-alternates: stylistic(ss05) swash(1);}
@font-face {font-family: 'SouthEast';font-style: normal; font-weight:normal; src: url(../fonts/SouthEast-Regular.otf) format('opentype');
font-feature-settings: "ss01" 1, "swsh" 1; font-variant-alternates: stylistic(ss01) swash(1);}

body { margin:0; -webkit-font-smoothing: antialiased; background:#fff;}
.gohome{ display:block; width:70px; height:70px; cursor:pointer; margin:0 auto;  overflow:hidden; border-radius:35px; position: absolute; opacity:0;
	background: url(https://www.luxusnakniznica.sk/images/logo2.png) no-repeat center center #fff; background-size:contain;  transition: all 0.4s ease-in-out;}
nav { top:-73px; background:rgba(248,248,248,.8); transition: all 0.4s ease-in-out; padding:0; width:100%; left:0; margin-left:0; position:relative;}
nav ul { margin:0!important;} .gohome:hover ~ nav {top:0;} nav:hover {top:0;} .gohome:hover {opacity:1;}
.bl { width:100%; height:auto; overflow:hidden; }
.see { width:100%; height:0px; overflow:hidden; margin:0; padding:0; }
.err { padding:1%; font-weight:bold; color:#fff; background-color:#c00; margin-bottom:0; font-size:1.1em; line-height:1.3; font-family:Arial, Helvetica, sans-serif;}

p {font-family:"Times New Roman", Times, serif; }
a.btn {font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-size: 28px; letter-spacing:0px;padding: 14px 25px 12px 25px;color:#4c3620;background:#b1926a;
	text-decoration:none; margin:10px 0; border:1px solid #b1926a; border-radius:28px;}
a.btn:hover { background:#fff; } 
h1, h2, h3, h4 {font-weight:normal;} h2 span, h3 span {font-feature-settings: "ss07" 1, "swsh" 1; font-variant-alternates: stylistic(ss07) swash(1);}
h2, h3 {font-family:SouthEastBold, Arial, Helvetica, sans-serif;letter-spacing: .13em;}
section { width:100%; overflow:hidden;}
.w { width:96%; max-width:1400px;overflow:hidden; margin:0 auto;}

#s1 { position: relative;}
#s1 .b1 {width: 780px; overflow: hidden; margin: 0 auto;}
#s1 .c1 {width: 280px; overflow: hidden;  float: left; }
#s1 h1 {color: transparent; width: 280px; height: 350px; background: url(../images/dekameron/dgb.webp) no-repeat top left; background-size: contain; margin: 2px 0 57px 0; }
#s1 h2  { color: #b1926a; font-size: 31px; margin: 0; padding: 0.5em 0; background: #fff;}
#s1 .c1 .l { width: 100%; overflow: hidden; }
#s1 .c1 .l a { display: block; width: 70px; height: 70px; background: url(https://www.luxusnakniznica.sk/images/logo2.png) no-repeat center center ; background-size:contain; margin-bottom: 20px;}
#s1 .c2 {width: 450px; height: 560px;overflow: hidden; background: url(../images/dekameron/gbu.webp) no-repeat top center; background-size: contain; margin: 20px 0 0 0; float: right; }
#s1 .c3 {width:860px; height:510px; background:url(../images/dekameron/dekameron_edging.webp) no-repeat top center;background-size:contain;position:absolute;top:348px;left:50%; margin-left: -76px;}
#s1 .le {width:180px; height:auto; overflow: hidden;position:absolute;top:180px;left:50%; margin-left: 500px;font-family:SouthEast, Arial, Helvetica, sans-serif;letter-spacing:1px; font-size:20px; font-weight: 300; color: #666;} #s1 .le strong { font-weight: 700; color:#ac9167;}
#s1 .c4 {width: 420px; overflow: hidden;  float: left; margin-top: -75px;}
#s1 .c4 p { color: #b1926a;font-family:SouthEast, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.3; letter-spacing: 2px; font-weight: 700; background: #fff; margin: 0; padding: .5em 0; }
#s1 .c4 div { width: 100%; padding: 30px 0; overflow: hidden;}
#s1 .b2 {width: 1000px; overflow: hidden; margin-left:calc((100% - 780px) / 2);}
#s1 .b2 p { font-family: Georgia,Times,Serif; line-height: 1.3; margin-bottom: 5em;}
.ic1 {width:1370px;height:1020px;overflow:hidden;position:absolute;left:50%;top:-30px;margin-left:-854px;z-index:-1;background:url(../images/dekameron/c1.svg) no-repeat top left;background-size:contain;}

#s2 .parallax-window { height:50vw; max-width:100%; background: transparent;}
#s2 .w {width: 950px; overflow: hidden;margin-left:calc((100% - 780px) / 2); }
#s2 p { color: #e8d1a8;font-family:SouthEast, Arial, Helvetica, sans-serif; font-size: 45px; line-height: 1.4; letter-spacing: 2px; margin: 100px 0 0 0; font-weight: 300; }

#s3 { text-align:center;}
#s3 .dc { width: 100vw;height: 430px;overflow: hidden;position: relative;cursor: grab;user-select: none;background-color: #111;}
#s3 .dc:active {cursor: grabbing;}
#s3 .im {height: 100%; width: auto; position: absolute; top: 0; left: 0; pointer-events: none; will-change: left;}
#s3 .in { position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff;
  background: rgba(0, 0, 0, 0.6);padding: 10px 18px;border-radius: 20px;font-size: 14px;font-weight: 500;letter-spacing: 1px;pointer-events: none;
  z-index: 10; transition: opacity 0.4s ease, transform 0.4s ease; font-family:SouthEastBold, Arial, Helvetica, sans-serif; animation: pulse-hint 2s infinite ease-in-out;}
#s3 .in.hide { opacity: 0;transform: translate(-50%, 10px); pointer-events: none; animation: none; display: none;  }

#s4 .w { width: 1500px; overflow:hidden; margin: 0 auto; position: relative;}
#s4 h2 { color: #b1926a; font-size: 31px; position: absolute; left: 200px; top:5px}

#s5 { position: relative;}

#s6 { position: relative;}
#s6 .b1 {width: 100%; overflow: hidden; background: #b1926a; padding: 100px 0 100px 0;}
#s6 .b1 .w { max-width: 900px; }
#s6 h2 { color: #4c3620; font-size: 31px; }
#s6 p { color: #4c3620; font-size: 16px; font-family:SouthEast, Arial, Helvetica, sans-serif;}
#s6 .sp { width : 20px; height: 1px; overflow: hidden; background: #4c3620;}
#s6 .box {width:900px; height:800px; background:url(../images/dekameron/box.webp) no-repeat top center;background-size:contain;position:absolute;top:15px;left:38%;}

#s6 .b2 {width: 100%; overflow: hidden; padding:100px 0 50px 0;}
#s6 .b2 .c1 { width: 40%; overflow: hidden; float: right;}
#s6 .b2 .c2 { width: 55%; overflow: hidden; float: left; margin-top: 110px;}
#s6 .b2 .c2 img { width: 100%;}

#s6 .b3 {width: 100%; overflow: hidden; background: linear-gradient(to bottom, #ffffff 50%, #b1926a 50%);}
#s6 .b3 .w { text-align: center;} 
#s6 .b3 .c { display: inline-block; width: 400px; height: 400px; overflow: hidden; border-radius: 50%; background-color: #dce8d0; background-position: center center; background-size: 101%; transition: all 1.5s ease-in-out;} #s6 .b3 .c:hover { background-size: 250%; }
#s6 .b3 .c:nth-child(1) { background-image:url(../images/dekameron/o1.webp);background-position: 85% 22%;}
#s6 .b3 .c:nth-child(2) { background-image:url(../images/dekameron/o2.webp); margin: 0 5%;background-position: 50% 25%;}
#s6 .b3 .c:nth-child(3) { background-image:url(../images/dekameron/o3.webp);background-position: 80% 41%;}

#s6 .b4 {width: 100%; overflow: hidden; background: #b1926a; }
#s6 .b4 .w { /*max-width: 1035px; position: relative; padding-bottom: 315px*/}
#s6 .b4 .c1 { width: 400px; overflow: hidden; float: left; margin-left: 13.2%;}
#s6 .b4 .f { display: block;width:240px; height:240px; background:#b1926a url(../images/dekameron/zl.webp) no-repeat; background-position: 65% top;background-size:contain;border: 1px solid #e8d1a8; border-radius: 50%; background-blend-mode: multiply; float: right; margin-bottom: 10px}
#s6 .b4 .zlp {width:300px; height:90px; background:url(../images/dekameron/zlp.webp) no-repeat bottom right;background-size:contain;}
#s6 .b4 p { letter-spacing: 1px; line-height: 1.4; font-size: 17px}
#s6 .b4 .c2 { width: 560px; height:710px; overflow: hidden;/*position: absolute; top:50px; right:30px;*/ float: left; margin:30px 0 0 -4%;}
#s6 .b4 .c2 div { width: 500px; height: 632px; overflow: hidden; background:#fff url(../images/dekameron/grafika2.webp) no-repeat top center; 
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); margin: 30px; background-size: cover;}
#s6 .b5 {width:100%; height:28vw; background:#b1926a url(../images/dekameron/rp.webp) no-repeat bottom center;background-size:contain;}

#s7 { background: #f2ece6; padding: 100px 0;}
#s7 .v { width: 800px; height: 500px; overflow: hidden; background: #fff;  margin: 0 auto; border-radius: 12px;}
#s7 .c { width:100%; max-width:640px; height:58.1vw; max-height:315px; overflow:hidden; background:#000; margin:4em auto; }

#s8 { padding: 40px 0;}
#s8 h2 { color: #b1926a; font-size: 31px; margin-bottom: 1.5em; }
#s8 h3 { color: #4c3620; font-size: 24px; text-align: center; margin: 1.5em 0 .2em 0; letter-spacing: 2px;}
#s8 h4 { color: #b1926a; font-size: 18px; font-family:SouthEast, Arial, Helvetica, sans-serif; text-align: center; margin-top: 0; letter-spacing: 1px;}
#s8 p { color: #b1926a; font-size: 16px; font-family:SouthEast, Arial, Helvetica, sans-serif; /*text-align: justify;*/}
#s8 .c { width: 30%; overflow: hidden; float: left;}
#s8 .c:nth-child(3) { margin:0 5%;}
#s8 .c .f { display: block;width:200px; height:200px; background-repeat: no-repeat; background-size:contain;border-radius:50%; margin: 0 auto 20px auto;}
#s8 .c:nth-child(2) .f { background-color:rgba(177,146,106,.5); background-image:url(../images/dekameron/gb1.webp);background-blend-mode: multiply;background-position: 70% 22%;
background-size:112%;}
#s8 .c:nth-child(3) .f { background-color:rgba(177,146,106,.5); background-image:url(../images/dekameron/zl.webp);background-blend-mode: multiply;background-position: 65% top;}
#s8 .c:nth-child(4) .f { background-color:rgba(177,146,106,.5); background-image:url(../images/dekameron/mr2.webp);background-blend-mode: multiply;background-position: 50% top;background-size:102%;}

#s9 .w { width: 1440px; max-width: 1440px; position: relative;}
#s9 h2 { color: #b1926a; font-size: 60px; margin-bottom: .3em; font-family:SouthEast, Arial, Helvetica, sans-serif; letter-spacing: .5px; line-height: 1.1;}
#s9 .c1 { width: 70%; margin:100px 0 0 15%;}
#s9 .c1 p { color: #b1926a; font-size: 15px; font-family:SouthEast, Arial, Helvetica, sans-serif; letter-spacing: 2px; line-height: 1.4; font-weight: 700;}
#s9 .c2 { width: 980px; height: 1180px; overflow: hidden; position: absolute; top:0; right:0;background-image:url(../images/dekameron/gb2.webp);background-repeat: no-repeat; background-size:contain;  }
#s9 .c3 { width: 52%; height: 580px; overflow: hidden;background-image:url(../images/dekameron/box2.webp);background-repeat: no-repeat; background-size:contain; position: relative; z-index: 55;}

#s9 .c4 { width:60%; overflow: hidden; margin: -126px 0 50px 37%; position: relative; z-index: 66;}
#s9 .c4 h3 { color: #b1926a; font-size:34px; margin: .1em 0 0 0; letter-spacing: 1px; position: relative;}
#s9 .c4 p { font-size: 17px;}
#s9 .c4 .bl { margin-top: -30px; }
#s9 .c41 {width: 200px; overflow: hidden; float: left; margin-top: 27px;}
#s9 .c41 h4 { color: #000;font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-size:28px; margin: 0; letter-spacing: 1px;}
#s9 .c41 p { margin-bottom: 6px;font-size: 17px;}
#s9 .c42 {width: 160px; height: 80px; overflow: hidden; float: left; margin-top: 31px;}
#s9 .c42 div { overflow: hidden; padding: 30px 0;}
#s9 .c43 { display:block; width:160px; height:160px; cursor:pointer; margin:0 0 0 15px; overflow:hidden; 
	background: url(https://www.luxusnakniznica.sk/images/logo2.png) no-repeat center center; background-size:contain; float: left;}
#s9 .c44 {width:355px; overflow: hidden; text-align: right; font-size: 14px; position: absolute; left: 0; bottom:12px ;}

.slider { width:100%; height:auto; overflow:hidden; margin-top: -100px; } .slider .bl { width:100%; height:auto; overflow:hidden; position:relative;}
.slider .move { width:46px; height:46px; overflow:hidden; border-radius: 50%; background-color: #b1926a; cursor:pointer;/* position:absolute; top:45%; z-index:333;*/ 
	background-repeat: no-repeat; background-size:43%;}
.slider .move:hover { background-color:#000;}	
.slider .item img { width:100%; height:auto; transform: rotate(5deg);width:180%; margin:-140px 0 0 -36%;}
.slider #zcontainer {  overflow:hidden; margin:0 auto; /*border:1px solid #ccc;*/ position:relative;
	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}  
.slider .move.prev{background-image:url(../images/dekameron/arrl.svg);background-position: 45% center; left:0; } 
.slider .move.next{background-image:url(../images/dekameron/arrr.svg);background-position: 55% center; right:0;}
.slider #zitems { overflow:hidden; position:relative; }
.slider #zitems .item { overflow:hidden; position:absolute; left:0; top:0; text-align: center; } 
.slider #zitems .item img {opacity:0; transition:all ease-in-out 1s; }
.slider #zitems .item img.ac, #fs1.ac { opacity:1;transition-delay:50ms;}
.slider #curt { position:absolute; top:0; right:0; width:6px;  overflow:hidden; }
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:1400px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:800px;}
.sbtns  { width:100%; height:auto; overflow:hidden;} 
.mbtns  { width:420px; height:auto; overflow:visible; margin:-26px auto 0 auto} 
.indicators { width:99%; height:auto; padding:0 0 0 1%;overflow:hidden; text-align:center; margin:0 6px 40px 0;display: flex; align-items: center;justify-content: center; z-index: 44; }
.indicators span { display:inline-block; width:6px; height:6px; overflow:hidden; border-radius:50%; background:#b1926a; cursor:pointer; margin-right:1.5em; }
.indicators span.ac { background:#000;width:12px; height:12px;}

.s { width:100%; height:auto; overflow:hidden; } .s .bl { width:100%; height:auto; overflow:hidden; position:relative;background: #b1926a;}
.s .m { width:46px; height:46px; overflow:hidden; border-radius: 50%; background-color: #b1926a; cursor:pointer; position:absolute; top:31vw; z-index:44; 
	background-repeat: no-repeat; background-size:43%;}
.s .m:hover { background-color:#000;}	
.s .i img { width:100%; height:auto;}
.s #zc {  overflow:hidden; margin:0 auto; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}  
.s .m.p {background-image:url(../images/dekameron/arrl.svg);background-position: 45% center; left:2vw; } 
.s .m.n {background-image:url(../images/dekameron/arrr.svg);background-position: 55% center; right:2vw;}
.s #zi { overflow:hidden; position:relative; }
.s #zi .i { overflow:hidden; position:absolute; left:0; top:0; text-align: center; } 
.s #zi .i img {opacity:0; transition:all ease-in-out 1s; }
.s #zi .i img.ac { opacity:1;transition-delay:50ms;}
.s #zc, .s #zi, .s #zi .i { width:100%;}
.s #zc, .s #zi, .s #zi .i {height:66vw;}
.ins { width:99%; height:auto; padding:0 0 0 1%;overflow:hidden; text-align:center; margin:-6vw 6px 3vw 0; position: absolute; left:0; bottom:40px; z-index: 99; }
.ins span { display:inline-block; width:6px; height:6px; overflow:hidden; border-radius:50%; background:#b1926a; cursor:pointer; margin-right:1.5em; }
.ins span.ac { background:#fff;width:12px; height:12px;}

.tabl { font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.legenda { width:auto; height:1.5em; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; }
.legenda span {padding:0.6em 1.2em .8em 1.2em;}
.legenda .v, .bt .v	{background:#f2ece6; color:#4c3620;}
.legenda .r, .bt .r	{background:#b1926a; color:#4c3620;} 
.legenda .p, .bt .p	{background:#4c3620; color:#fff;}

.bt { width:100%; height:auto; overflow:hidden; color:#000; text-align:center; }
.bt div { width:50px; height:30px; line-height:1; overflow:hidden; margin:0 0 2px 0; padding-top:14px; text-align:center; display:inline-block; }
.bt .v {  cursor:pointer;} .bt .v:hover {color:#fff; background:#333;} 
 
.btn-buy { display:block; width:230px; height:58px; padding:0 15px;  overflow:hidden; z-index:11; cursor:pointer; font-family:Times,serif;
    font-size:1.25rem; line-height:58px; text-align:right;  color:#fff; text-decoration:none; position:fixed; left:50%; bottom:0px; margin-left:-118px;
    background:#997e3b url(../images/ico_btn-cart_white.png) left center no-repeat;background-size: contain; letter-spacing:1px;
    -webkit-border-radius: 6px 6px 0 0;  -moz-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; -webkit-transition: all 300ms;  transition: all 300ms;
	border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff; } 
.btn-buy.vi { width:86px; color:#fff; font-size:14px;margin-left:-50px; background:#997e3b; text-align:center; height:44px; line-height:44px;} .btn-buy:hover { color:#fff;}
.btn-buy.in { margin:0;}

#sft { width:100%; height:90px; overflow:hidden;}
#sfb { width:100%; height:90px; overflow:hidden;}

.obj { width:89%; max-width:1200px; height:auto; overflow:hidden; padding:0 5.5% 10px 5.5%; margin:0 auto; }
.obj h1 { text-align:center; font-size:3em; margin:1em 0 1em 0; color:#000; letter-spacing:3px; text-transform: uppercase;font-family:SouthEastBold, Arial, Helvetica, sans-serif;}
.obj h2 { font-size:1.8em; text-align:center; letter-spacing:2px;} .obj h2 span { color:#000;}
.obj h3 { font-size:1.7em; color:#444; letter-spacing:2px; font-weight:400;}
.obj h3 span { float:right; font-size:1em;font-weight:700;}
.obj p { line-height: 1.3;font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.obj p.small{font-size:75%}
.obj a { color:#000;} .obj a:hover { color:#c70000;}
.obj table{width:100%;font-family:'Open Sans',Arial, Helvetica, sans-serif; }
.obj table.dodacie td{padding:0}
.obj table th{text-align: right;border-bottom-width:2px}
.obj table td{text-align: right}
.obj table td a{color:#000}
.obj table td input[type=text],.obj table td input[type=number]{ background:#fff; font-size:1em;  width:90%}
.obj table td.leftalign, .obj table th.leftalign{text-align: left}
.obj table td.total{   font-weight: 700;   font-size:150%}
.obj .titul{width:50%;text-align: left}
.obj .summary{    display: block;    padding: 1em;    border: solid 2px #e5e5e5;    text-align: right;}
.obj .summary strong {font-weight: 700}
.obj form { width:100%;}
.obj .tab-content { width: 100%; height:auto; overflow: hidden; font-size: 17px;  line-height: 25px;  padding:0;  }
.obj .tab-content p { font-size:.9em;}
.obj input[type="text"], .obj input[type="email"], .obj input[type="tel"], .obj textarea { border:none;}
.obj button, .obj input[type=button], .obj input[type=submit] {display: block;	width:auto;height:auto;	 margin-top: 1em;
	font-family: Open Sans, sans-serif, Helvetica, Arial; cursor:pointer;
	background: #b1926a;	font-size:1em; 	border:0;	padding:1em 2em;	text-align: center;    color:#fff;    text-decoration: none;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;
	-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;}
.obj button:hover, .obj input[type=button]:hover, .obj input[type=submit]:hover {background:#4c3620;	}

#o1 p { text-align:center;font-family:SouthEast, Arial, Helvetica, sans-serif; font-size: 17px; color: #b1926a; line-height: 1.4;}
#o1 h1 { text-align:center;font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-size: 40px;color: #4c3620;}
#o2 h2 { text-align:center;font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-size: 31px;}
#o2 .o { overflow:hidden; margin:6px 11px 2px 12px; box-shadow:5px 5px 10px #444;}
#o2 .o img { width:100%; margin-bottom:-4px;}
#o2 .c1 { overflow:hidden; margin-bottom:1.5em}
#o2 .c11 { width:12%; overflow:hidden; float:left;}
#o2 .c11 h2 { margin:0 0 .1em 0;}
#o2 .c11 h4 { text-align:center;}
#o2 .c11 p { color:#fff;margin:.1em 0 1em 0; text-align:center;font-family:Arial, Helvetica, sans-serif;}
#o2 .c11 p span { }
#o2 .c12 { width:86%; overflow:hidden; float:right; margin-top:4px;}

html {scroll-behavior: smooth;}

#bfirma, #bdadr { display:none;}
.creg {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 1% 0 1% 0; }
.creg label {color:#668; font-family:'Open Sans';}
.freg { width:100%; height:auto; overflow:hidden; padding-bottom:2%;background:#f2ece6;}		
.freg input[type=text], .freg input[type=email], .freg input[type=tel], .freg input[type=password], .freg input[type=number], .freg textarea
	{background:#fff; font-size:1em; padding:1%; margin:2% 0 0 1.98%; border:none; float:left; }		
.freg input[type=text].s {width:13%;}
.freg input[type=text].ms {width:15%;}
.freg input[type=text].m {width:28%;}
.freg input[type=text].ic {width:28%;}
.freg input[type=text].dc {width:29%;}
.freg input.lh {width:45%;}
.freg input[type=text].lq {width:75%;}
.freg input[type=text].xl {width:94%;}
.freg textarea { font-family:'Open Sans', Arial, Helvetica, sans-serif; height:5em;}	
.freg p { padding: 2% 2% 0 2%;}
.freg p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.freg p.info label { display:inline-block; width:8em; height:auto;}
.freg p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 2%; margin:2% 0 -1% 0;}
.freg p.ll { margin:0; padding: 2% 2% 0 2%;color:#000; }
.freg input[type=radio] { margin:2% 1% 0 2%;}
#l_suhlas1 { display:block; width:1em; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 2%}
#r_suhlas1 { display:block; width:92%; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 0}
.freg label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.freg a { text-decoration:underline;}
.freg table {margin:2% 0 0 2%; width:96%;}
.freg table td {text-align:left; vertical-align:top;} .freg table td:nth-child(1) { min-width:8em;}
.freg span { color:#000; }
.hl, .obj .hl a  { color:#000;} .obj .hl a:hover { color:#c70000; text-decoration:none;}

#mobinf { display:none; position:absolute; left:2%; top:0; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.freg input[type=tel].ok { width:47%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:solid 1px #47B183;} 
.freg input[type=tel].no { width:47%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:solid 1px #c00;} 

.wrap { width:100%; max-width:100%; }
.fr input[type=text], .fr input[type=email], .fr input[type=tel], .fr input[type=password], .fr input[type=number], .fr textarea {border: 1px solid #888;}
.cr label {color: #666;}
footer .wrap { width:96%; max-width:1400px; background:none;}

.footer { width:100%; height:auto; padding:8px 0; position:relative; overflow:hidden; color:#fff; background:#000; z-index:12; text-align:center;}
.footer-content{ width:100%;  height:auto;  line-height:32px;  font-size:14px; font-weight:300; color:#fff; text-align: center; margin:0; /*display:table-cell; vertical-align:middle;*/}
.footer-content p{padding-top:2px;font-size:14px;}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#fff} .footer-content a:hover{color:#997e3b}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo-w.webp) no-repeat; background-size:contain;}

@keyframes pulse-hint { 0%, 100% { opacity: 0.8; transform: translate(-50%, 0); } 50% { opacity: 1; transform: translate(-50%, -4px); }}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto; }}
@media (min-width: 1401px) { .mw { width:100%;} #s6 .box {left:41%;}}
@media (max-width: 1570px)  {
#s1 .c3 {width:790px; height:500px; top:368px; margin-left:-80px;}
#s6 .b1 {padding: 6.5vw 0 7vw 0;}
#s6 .box {width:59vw; height:52vw; top:15px;left:38%;}
}
@media (max-width: 1500px)  {
#s1 .b1 {width: 780px; overflow: hidden; margin: 0 auto;}
#s1 .c1 {width: 280px; overflow: hidden;  float: left; }
#s1 h1 {color: transparent; width: 280px; height: 350px; background: url(../images/dekameron/dgb.webp) no-repeat top left; background-size: contain; margin: 2px 0 57px 0; }
#s1 h2  { color: #b1926a; font-size: 31px; margin: 0; padding: 0.5em 0; background: #fff;}
#s1 .c1 .l { width: 100%; overflow: hidden; }
#s1 .c1 .l a { display: block; width: 70px; height: 70px; background: url(https://www.luxusnakniznica.sk/images/logo2.png) no-repeat center center ; background-size:contain; margin-bottom: 20px;}
#s1 .c2 {width: 450px; height: 560px; background: url(../images/dekameron/gbu.webp) no-repeat top center; background-size: contain; margin: 20px 0 0 0; float: right; }
#s1 .le { margin-left: 34vw ;}
#s1 .c4 p { color: #b1926a;font-family:SouthEast, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.3; letter-spacing: 2px; font-weight: 700; background: #fff; margin: 0; padding: .5em 0; }
#s1 .c4 div { width: 100%; padding: 30px 0; overflow: hidden;}
#s1 .b2 p { font-family: Georgia,Times,Serif; line-height: 1.3; margin-bottom: 5em;}
#s4 .w { width: 100%; padding-top: 2em;}
#s6 h2 { margin-top: 2vw;}
#s6 .b1 {padding: 6vw 0 6.5vw 0;}
}
@media (max-width: 1440px)  {
#s1 .c3 {width:750px; height:500px; top:378px; margin-left:-90px;}
#s4 h2 { left: 16vw; top:4vw; margin: 0;}
#s6 .b1 {padding: 5.5vw 0 6vw 0;}
#s6 .b3 {width: 100%; overflow: hidden; background: linear-gradient(to bottom, #ffffff 50%, #b1926a 50%);}
#s6 .b3 .w { text-align: center;} 
#s6 .b3 .c { width:300px;height:300px;}
#s6 .b3 .c:nth-child(2) { margin: 0 3%;}
#s6 .b4 .c1 { margin-left: 16.6%;}
#s9 .w { width: 100%;}
#s9 .c1 { width: 70%; margin:9vw 0 0 15%;}
#s9 .c2 { width: 69%; height: 81vw;}
#s9 .c3 { width: 52%; height: 40vw;}
.slider .item img { margin:-7vw 0 0 -36%;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:100%;height:60vw;}
.slider #zcontainer { margin:0;}  
.s .m { top:30vw;}
}
@media (max-width: 1360px)  {
#s1 .c3 {width:700px; height:440px; top:378px; margin-left:-100px;}
#s6 .b1 {padding: 4vw 0 5vw 0;}
#s6 .b4 .c1 { margin-left: 15%;}
}
@media (max-width: 1300px)  {
#s1 .b2 {width: 960px;}
#s2 .parallax-window { height:60vw;}
#s2 p { font-size: 40px; }
#s6 h2 { margin-top: 1vw;}
#s6 .b1 {padding: 2vw 0 4vw 0;}
#s6 .b4 .c1 { margin-left: 13.3%;}
#s7 { padding: 7vw 0;}
}
@media (max-width: 1200px) {
#s1 .c3 {width:640px; height:400px; top:398px; margin-left:-110px;}
#s1 .b2 {width: 900px; }
#s1 .le {top:690px; margin-left: 30vw;}
#s2 .parallax-window { height:65vw;}
#s2 p { font-size: 36px; margin: 70px 0; }
#s2 .w {width:85%; margin:0 2% 0 13%; }
#s4 h2 { font-size: 26px;}
#s6 p { margin: .8em 0;}
#s6 .b4 .c1 { margin-left: 10.5%;}
#s9 .c1 {margin:9vw 0 0 10%;}
.s .m { top:29vw;}
}
@media (max-width: 1140px)  {
#s6 .b4 .c1 { margin-left: 8.8%;}
}
@media (max-width: 1080px)  {
a.btn { font-size: 24px;}
#s1 .b1 {width: 630px; }
#s1 .c1 {width: 220px;}
#s1 h1 { width: 220px; height: 275px; margin: 2px 0 27px 0; }
#s1 .c2 {width: 360px; height: 500px; margin: 15px 0 0 0; }
#s1 .c3 {width: 488px; height:260px; top:327px; margin-left:-57px;}
#s1 .c4 {margin-top: -111px;}
#s1 .b2 {width: 730px; margin-left:calc((100% - 630px) / 2);}
#s1 .b2 p { font-size: .9em;}
#s1 .le {top:590px; margin-left:24vw;}
#s2 .parallax-window { height:70vw;}
#s2 p { font-size: 33px; }
#s6 .b1 .w { width: 36%; margin: 0 0 0 4%; }
#s6 .box {width:63vw; height:56vw;left:32%;}
#s6 .b2 {padding:7vw 0 5vw 0;}
#s6 .b2 .c1 { width: 92%; float:none; margin-left: 4%}
#s6 .b2 .c2 { width: 90%; float:none; margin: 5px auto;}
#s6 .b3 { background:#b1926a; padding: 2vw 0;}
#s6 .b3 .c { width:320px;height:320px; margin: 20px 0;}
#s6 .b4 .c1 { width:41%; margin-left: 5%;}
#s6 .b4 .c2 { width: 56%; height:67vw; margin:30px 0 0 -5%;}
#s6 .b4 .c2 div { width: 89%; height: 59vw; }
#s9 h2 { font-size:55px;}
#s9 .c1 {margin:9vw 0 0 8%;}
#s9 .c4 { margin: -96px 0 50px 37%;}
#slide, #slide div { height:60vw; }
.s .m { top:28vw;}
.ic1 {width:100%;height:150vw;position:absolute;left:-25%;top:-11vw;margin-left:-3%; background-size:151%;}
}
@media (max-width: 980px)  {
#s2 .parallax-window { height:80vw;}
#s4 .w {padding-top: 4em;}
#s6 .b4 h2 { font-size: 3.1vw; }
#s6 .b4 p { font-size: 2vw;}
#s6 .b4 .f { width:200px; height:200px;}
#s6 .b4 .zlp {width:240px; height:80px; }
#s6 .b4 .c2 { width: 58%; height:68vw; margin:30px 0 0 -7%;}
#s6 .b4 .c2 div { width: 85%; height: 56vw; }
#s9 .c1 {margin:8vw 0 0 6%;}
#s9 h2 { font-size:50px;}
#s9 .c41 {width:170px; }
#s9 .c43 {margin:0 0 0 5px;}
#s9 .c44 {width:329px;}
}
@media (max-width: 900px)  {
#s1 .b1 {width: 540px; }
#s1 h2 { font-size: 28px}
#s1 .c2 {width: 300px; height: 400px; margin: 25px 0 0 0; }
#s1 .c3 {width: 385px; height:200px; top:324px; margin-left:-50px;}
#s1 .c4 {margin-top: -30px;}
#s1 .b2 {width: 600px; margin-left:calc((100% - 540px) / 2);}
#s6 .box {top:65px;}
#s6 .b4 .c2 div { width: 82%; height: 56.2vw; }
#s9 .c4 { width:65%;  margin: -86px 0 50px 35%;}
}
@media (max-width: 800px)  {
#s2 .parallax-window { height:90vw;}
#s2 p { font-size: 27px; margin: 50px 0; }
#s6 .b4 h2 { margin-top: 5vw;}
#s6 p { font-size: 19px;}
#s6 .b1 {padding: 3em 0 4vw 0;}
#s6 .b1 .w { width: 92%; margin: 0 4%; }
#s6 .box {width:90%; height:73vw; position:relative;top:25px;left:0; margin-left: 5%;}
#s6 .b2 {padding:3em 0 5vw 0;}
#s8 .c { width:70%; float:none; margin: 0 auto 2em auto;}
#s8 .c:nth-child(3) { margin:0 auto 2em auto;}
#s8 .c p { font-size: 18px;}
#s9 .c1 {margin:7vw 0 0 4%; position: relative; z-index: 12;}
#s9 .c2 { width: 54%; height: 64vw;}
#s9 .c3 { width: 70%; height: 52vw;}
#s9 .c4 { width:90%;  margin: 0 0 50px 4%;}
.ic1 {width:100%;height:150vw;position:absolute;left:-12%;top:-28vw;margin-left:-3%; background-size:186%;}
.slider .move {top:43%;}
}
@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 600px)  {
.see { display:none;}
.legenda { padding:1em 0; margin-left:-1em; }
.legenda span {padding:0.6em;font-size:14px!important; }
.legenda span:first-child {padding-left:0; }
}
@media (max-width: 680px)  {
#s1 .b1, #s1 .b2 {width: 90%; margin: 0 4% 0 6%; }
#s1 h1 {width: 100%; height:44vw;}
#s1 .c1 { width: 40%;}
#s1 .c1 .l a { width: 50px; height: 50px; margin-bottom: 13px;}
#s1 .c2 { width: 60%; height: 59vw; margin: 4vw 0 0 0;}
#s1 .c3 {width:100%; height:50vw; position:relative;top:auto;left:auto; margin: -6vw auto 0 auto; float: none;}
#s1 h2 { font-size: 5vw}
#s1 .c4 { width:100%;}
#s1 .c4 p { font-size: 3.5vw; }
#s1 .c4 p br {display: none;} #s1 .c4 p br::after {content: " ";display: inline;}
#s1 .le {width:96%;position:relative;top:auto;left:auto; margin-left:0;font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; background:#ac9167; padding:1em 2%; text-align: center; margin: -1em 0 2em 0;} #s1 .le strong {font-weight: 900; color:#ddd;}
.ic1 {width:100%;height:156vw;position:absolute;left:-22%;top:-27vw;margin-left:-3%; background-size:221%;}
#s2 .parallax-window { height:100vw;}
#s2 .w {width:94%; margin:0 3%; }
#s2 p { font-size: 4vw; margin: 40px 0; }
#s4 h2 { font-size: 24px; letter-spacing: 1px;}
#s6 .b4 .f { width:170px; height:170px; }
#s6 .b4 .zlp {width:170px; height:60px; margin-bottom: 15px; }
#s8 h2 { text-align: center;}
#s9 h2 { font-size:38px;}
.slider { margin-top:0;} .slider .move {top:41%;}.indicators {margin:-20px 6px 40px 0;}
.obj h1 { font-size:2.3em; }
.obj h2 { font-size:1.35em; }
.obj h3 { font-size:1.15em;}
.s .m { top:27vw;}
}
@media (max-width: 600px)  {
#s6 .b4 .c1 { width:50%; margin-left: 1%;}
#s6 .b4 .c2 { width: 60%; height:70vw; margin:30px 0 0 -12%;}
#s6 .b4 .c2 div { width: 80%; height: 56vw; }
.see { height:0;}
.gohome{width:80px;height:80px;top:5px;margin-left:-40px;} 
.obj { width:92%; padding:0 4% 10px 4%;}
/*.indicators span { margin-right:.4em; }*/
}
@media (max-width: 480px)  {
#s1 .c3 {height:53vw;  margin: -6.3vw auto 0 auto;}
#s1 h2 { font-size: 28px}
#s1 .c4 p { font-size: 17px; }
#s2 p { font-size: 18px; } #s2 p br {display: none;} #s2 p br::after {content: " ";display: inline;}
#s3 .dc { height: 90vw;}
#s6 .box {width:98%; height:76vw; margin-left: 1%;}
#s6 .b2 .c2 { width: 98%;}
#s6 .b4 .w { position: relative;}
#s6 .b4 .c1 { width:57%;}
#s6 .b4 .c2 { width: 60%; height:85vw; margin:100px 0 0 -18%;}
#s6 .b4 .c2 div { width: 77%; height: 55vw; }
#s6 .b4 .f { float: none;}
#s6 .b4 h2 { font-size: 24px; }
#s6 .b4 p { font-size: 16px;}
#s6 .b4 .zlp { position: absolute; right:5%; bottom:0;}
#s7 .c { height:90vw; max-height:600px;}
#s8 .c { width:92%;}
#s9 h2 { font-size:32px; margin: 2em 0 1em 0;}
#s9 .c1 {margin:9vw 0 0 4%; width:95%}
#s9 .c1 p { font-size: 14px; letter-spacing: 1px; }
#s9 .c3 { width:100%; height:75vw;}
#s9 .c4 { text-align: center; }
#s9 .c41 {width:100%;float:none;}
#s9 .c41 h4 { color: #000;font-family:SouthEastBold, Arial, Helvetica, sans-serif; font-size:28px; margin: 0; letter-spacing: 1px;}
#s9 .c42 {width:100%;float:none; margin-top:11px;}
#s9 .c43 {width:120px; height:120px; margin:0 auto;float:none;}
#s9 .c44 {width:90%;position:relative; margin: 2em auto 0 auto; text-align:center;}
.slider .item img { width: 220%; margin:-25vw 0 0 -56%;}
.s .m { top:26vw;}
}