@font-face {font-family: 'OrpheusPro-Bold';font-style: normal; font-weight:normal; src: url(../fonts/CanadaType-OrpheusPro-Bold.otf);}
@font-face {font-family: 'OrpheusPro-Medium';font-style: normal; font-weight:normal; src: url(../fonts/CanadaType-OrpheusPro-Medium.otf);}
@font-face {font-family: 'NeacademiaDisplay';font-style: normal; font-weight:normal; src: url(../fonts/Rosetta-NeacademiaDisplay.otf);}

body { margin:0; -webkit-font-smoothing: antialiased; background:#fff;}
.gohome{ display:block; width:106px; height:106px; cursor:pointer; overflow:hidden; border-radius:50%; position:absolute; top:1px; left:50%; margin-left:-53px;
	background:url(../images/LogoLK_b.svg) no-repeat center center; background-size:contain; } 
img.res { width:100%; height:auto;}
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;}
.bl { width:100%; height:auto; overflow:hidden; }
.see { width:100%; height:0px; overflow:hidden; margin:0; padding:0; }
.bsp { width:100%; height:65px; overflow:hidden; }
.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;}
.rel { position:relative;}

p {font-family:NeacademiaDisplay, "Times New Roman", Times, serif; font-weight:300;}
a.btn {background:#f9f2e7;border-radius:0;font-family:NeacademiaDisplay, "Times New Roman", Times, serif;letter-spacing:.1em;padding: 14px 20px 10px 20px;color: #715030;
text-decoration:none; margin:10px 0; font-size:1.1em;}
a.btn:hover { background:#292217; color:#fff;}
h1, h2, h3, h4 {font-weight:normal;}
section { width:100%; overflow:hidden;}
.w { width:96%; max-width:1400px;overflow:hidden; margin:0 auto;}

#s1 { position:relative; text-align:center;}
#s1 .c1 { width:23%; overflow:hidden; float:left; padding-top:75px; margin-left:7%;}
#s1 .c2 { width:40%; height:490px; overflow:hidden; float:left; position:relative; margin-bottom:-20px;}
#s1 .c3 { width:25%; overflow:hidden; float:left; padding:110px 0 2em 0; margin-right:5%}
#s1 .bg { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; width:100%; height:400px; overflow:hidden; position:absolute; top:0; left:0; z-index:-1;}
#s1 .c1 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.5em; font-size:36px; line-height:1.85}
#s1 .c1 h2 span { letter-spacing:.6em;}
#s1 .c1 h2 em { display:inline-block; width:1em; height:1.3em; overflow:hidden; color:transparent; text-indent:1.1em; background:url(../images/karel-hynek-macha-maj/k.svg) no-repeat; background-size:contain; vertical-align:-.33em; margin-right:.2em}
#s1 .c3 h1 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.75em; font-size:64px; text-indent:.6em; margin-bottom:.2em;}
#s1 .c { width:100%; padding:0 0 3em 0; overflow:hidden; }
#s1 .c h3 { margin-top:0; font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.45em; font-size:27px;}
#s1 .c h3 span {font-family:OrpheusPro-Bold, "Times New Roman", Times, serif;}

#s1 .c2 div { width:100%; height:490px; overflow:hidden; background-repeat:no-repeat; background-size:contain; background-position:top center; position:absolute; top:0; left:0; animation:kn ease-in-out infinite 8s;}
#s1 .c2 div:first-child { background-image:url(../images/karel-hynek-macha-maj/kniha13.webp); animation-delay:0;}
#s1 .c2 div:last-child { background-image:url(../images/karel-hynek-macha-maj/kniha23.webp); animation-delay:4s; opacity:0;}

#s2 { position:relative; text-align:center;}
#s2 .bg { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; width:100%; height:400px; overflow:hidden; position:absolute; top:0; left:0; z-index:-1;}
#s2 .b1 { background: url(../images/karel-hynek-macha-maj/set.webp) no-repeat top center; background-size:contain; width:100%; max-width:1400px; height:450px; overflow:hidden; margin:0 auto;}
#s2 .b2, #s2 .b3 { width:100%; overflow:hidden;}
#s2 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.6em; font-size:22px;}
#s2 p { color:#827056; font-size:17px; line-height:2; }
#s2 .b3 { margin:1.8em 0 1em 0;}

#s3 { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; width:100%;overflow:hidden;}
#s3 .w { height:145px;margin:40px auto; overflow:hidden;}

#s4 { position:relative;}
/*#s4 .b1 {width:100%; overflow:hidden; background-color:#242021;}*/
#s4 .b1 { width:100%; max-width:1400px; overflow:hidden; margin:0 auto;}
#s4 .parallax-window { height:120vw; max-width:100%; background: transparent;}
#s4 .b2 {width:100%; padding:1.5em 0; overflow:hidden; position:absolute; left:0; top:50vw;background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; text-align:center;}
#s4 h2 { font-size:28px; font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.1em; margin-bottom:.3em;}
#s4 p { font-size:22px; color:#fff; line-height:1.4; }

#s5 .b1 { width:100%; overflow:hidden; margin:5em 0 0 0;}
#s5 .b1 .c1, #s5 .b1 .c3 { width:calc((100% - 470px) / 2); height:19px; overflow: hidden; border-bottom:1px solid #8c704e;}
#s5 .b1 .c2 { width:470px; overflow: hidden; float:left;} #s5 .b1 .c1 { float:left;} #s5 .b1 .c3 { float:right;}
#s5 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.25em; font-size:27px; text-align:center; margin:0;}
#s5 h3 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.2em; font-size:22px; text-align:center; margin:.3em 0;}
#s5 p { color:#8c704e; font-size:19px; line-height:2; text-align:center; }

#s6 { text-align:center; display:flex; justify-content: center; margin:4em 0; }
#s6 .b { width:3768px; background-color:#242021;flex-shrink:0;}
#s6 .b, #s6 .b div, #s6 .b div span {height:400px; overflow:auto;}
#s6 .b div { margin:0 6px; float:left;background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#s6 .b div span {position:absolute; left:0; top:0; opacity:0;animation:kv ease-in-out infinite 18s;}
#s6 .b div:nth-child(2), #s6 .b div:nth-child(5), #s6 .b div:nth-child(8), #s6 .b div:nth-child(2) span, #s6 .b div:nth-child(5) span, #s6 .b div:nth-child(8) span { width:600px;}
#s6 .b div:nth-child(1), #s6 .b div:nth-child(3), #s6 .b div:nth-child(4), #s6 .b div:nth-child(6), #s6 .b div:nth-child(7), #s6 .b div:nth-child(9), #s6 .b div:nth-child(1) span, 
#s6 .b div:nth-child(3) span, #s6 .b div:nth-child(4) span, #s6 .b div:nth-child(6) span, #s6 .b div:nth-child(7) span, #s6 .b div:nth-child(9) span { width:310px;}
#s6 .b div:nth-child(1) { background-image:url(../images/karel-hynek-macha-maj/usmej-sa-laska.webp);}
#s6 .b div:nth-child(2) { background-image:url(../images/karel-hynek-macha-maj/poviem-to-kvetom.webp) }
#s6 .b div:nth-child(3) { background-image:url(../images/karel-hynek-macha-maj/hrdlicka.webp) }
#s6 .b div:nth-child(4) { background-image:url(../images/karel-hynek-macha-maj/cesty-lasky.webp); }
#s6 .b div:nth-child(5) { background-image:url(../images/karel-hynek-macha-maj/secesna.webp) }
#s6 .b div:nth-child(6) { background-image:url(../images/karel-hynek-macha-maj/o-laske.webp); }
#s6 .b div:nth-child(7) { background-image:url(../images/karel-hynek-macha-maj/usmej-sa-laska.webp) }
#s6 .b div:nth-child(8) { background-image:url(../images/karel-hynek-macha-maj/poviem-to-kvetom.webp) }
#s6 .b div:nth-child(9) { background-image:url(../images/karel-hynek-macha-maj/hrdlicka.webp) }
#s6 .b div:nth-child(1) span { background-image:url(../images/karel-hynek-macha-maj/cesty-lasky.webp); animation-delay:12s; }
#s6 .b div:nth-child(2) span { background-image:url(../images/karel-hynek-macha-maj/secesna.webp); animation-delay:15s; }
#s6 .b div:nth-child(3) span { background-image:url(../images/karel-hynek-macha-maj/o-laske.webp); animation-delay:9s; }
#s6 .b div:nth-child(4) span { background-image:url(../images/karel-hynek-macha-maj/usmej-sa-laska.webp); animation-delay:3s; }
#s6 .b div:nth-child(5) span { background-image:url(../images/karel-hynek-macha-maj/poviem-to-kvetom.webp); }
#s6 .b div:nth-child(6) span { background-image:url(../images/karel-hynek-macha-maj/hrdlicka.webp); animation-delay:6s; }
#s6 .b div:nth-child(7) span { background-image:url(../images/karel-hynek-macha-maj/cesty-lasky.webp); animation-delay:12s; }
#s6 .b div:nth-child(8) span { background-image:url(../images/karel-hynek-macha-maj/secesna.webp); animation-delay:9s; }
#s6 .b div:nth-child(9) span { background-image:url(../images/karel-hynek-macha-maj/o-laske.webp);  animation-delay:15s; }

#s7 .b1 { width:100%; overflow:hidden; margin:5em 0 0 0;}
#s7 .b1 .c1, #s7 .b1 .c3 { width:calc((100% - 470px) / 2); height:19px; overflow: hidden; border-bottom:1px solid #8c704e;}
#s7 .b1 .c2 { width:470px; overflow: hidden; float:left;} #s7 .b1 .c1 { float:left;} #s7 .b1 .c3 { float:right;}
#s7 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.25em; font-size:27px; text-align:center; margin:0;}
#s7 h3 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.2em; font-size:22px; text-align:center; margin:.3em 0;}
#s7 p { color:#8c704e; font-size:19px; line-height:2; text-align:center; }
#s7 .b4 {width:100%; max-width:1400px; height:500px; overflow:hidden; margin:-90px auto 0 auto; background: url(../images/karel-hynek-macha-maj/ilustrace.webp) no-repeat top center; background-size:75%;}

#s8 { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover;}
#s8 .v { width:640px; height:165px; padding-top:150px; overflow:hidden; background:#777; margin:4em auto; color:#fff; text-align:center; vertical-align:middle; letter-spacing:2px;}
#s8 .c { width:100%; max-width:640px; height:58.1vw; max-height:315px; overflow:hidden; background:#000; margin:4em auto; }

#s9 { margin:4em 0; text-align:center;font-family:OrpheusPro-Medium, "Times New Roman", Times, serif;}
#s9 h2 { letter-spacing:.25em; font-size:27px; margin:0;}
#s9 h3 { letter-spacing:.2em; font-size:22px; margin:.3em 0;color:#8c704e;}
#s9 h4 { letter-spacing:.2em; font-size:22px;margin:.3em 0;}
#s9 p { color:#8c704e; font-size:19px; line-height:2; text-align:center; }
#s9 .c1 { width:20%; overflow:hidden; float:left; padding-top:180px; margin-left:5%;}
#s9 .c2 { width:50%; overflow:hidden; float:left; position:relative; box-sizing:border-box; padding:50px 7%;}
#s9 .c3 { width:20%; overflow:hidden; float:left; padding-top:180px; margin-right:5%}
#s9 .c2 div { display:block;width:250px;height:342px; overflow:hidden; background-repeat:no-repeat; background-position:top center;background-size:cover;box-shadow:0 7px 18px #999; /*position:absolute;top:30px;*/}
#s9 .c2 div:first-child {background-image: url(../images/karel-hynek-macha-maj/g2.webp); transform:rotate(5deg); margin:15px -5px 0 0; float:right; }
#s9 .c2 div:last-child {background-image: url(../images/karel-hynek-macha-maj/g1.webp); transform:rotate(-5deg); margin-left:-5px; float:left;}

#s10 { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; text-align:center; padding:2.5em 0 3.5em 0;}
#s10 h2 { letter-spacing:.25em; font-size:27px; margin:2em 0 0 0;}
#s10 p { color:#fff; font-size:19px; line-height:2; text-align:center; }

#s11 { background:#fff/*#58595b*/; }
#s11 h2 { letter-spacing:.25em; font-size:27px; margin:2em 0 0 0; text-align:center;}

#s12 { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; text-align:center; padding:2.5em 0 3.5em 0;}
#s12 h2 { letter-spacing:.25em; font-size:27px; margin:2em 0 0 0; }
#s12 p { color:#fff; font-size:19px; line-height:2; }
#s12 p.b2, #s12 p.b3 { font-style:italic;}
#s12 p.b3 { text-align:right; margin-right:23.5%;}

#s13 .b1 { width:100%; max-width:1400px; overflow:hidden; margin:0 auto; background: url(../images/karel-hynek-macha-maj/autori.webp) no-repeat top center; background-size:contain;}
#s13 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.25em; font-size:27px; text-align:center; margin:8em 0 1em 0;color:#8c704e; }
#s13 h3 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.2em; font-size:22px; text-align:center; margin:1.5em 0;}
#s13 .c { width:29.33%; overflow:hidden; margin:1em 2%; float:left; }
#s13 .f { width:240px; height:240px; overflow:hidden; margin:1em auto; border-radius:50%; background-position:center center; background-size:cover;}
#s13 .c:nth-child(2) .f { background-image: url(../images/karel-hynek-macha-maj/macha.webp)}
#s13 .c:nth-child(3) .f { background-image: url(../images/karel-hynek-macha-maj/kv.webp)}
#s13 .c:nth-child(4) .f { background-image: url(../images/karel-hynek-macha-maj/bb.webp)}
#s13 p { color:#8c704e; font-size:17px; line-height:1.6; text-align:justify; }
#s14 .parallax-window { height:40vw; max-width:100%; background: transparent;}
#s15 { background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover; text-align:center; padding:1em 0;}
#s15 h2 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.25em; font-size:27px; text-align:center; margin:1em 0;}
#s15 .c { width:100%; max-width:1600px; overflow:hidden;}
#s15 .c1 { width:60%; height:500px; overflow:hidden; float:left;background: url(../images/karel-hynek-macha-maj/set-zaver.webp) no-repeat top right; background-size:contain;}
#s15 .c2 { width:24%; overflow:hidden; float:left;}
#s15 h3 { font-family:OrpheusPro-Medium, "Times New Roman", Times, serif; letter-spacing:.75em; font-size:64px; text-indent:.6em; margin:0;}
#s15 h4 { letter-spacing:.05em; font-size:20px;margin:.3em 0;}
#s15 h4.ze { color:#fff; margin-bottom:.6em;}
#s15 h5 { letter-spacing:.05em; font-size:32px;margin:.5em 0;}
#s15 a.btn { display:inline-block; }

span.k { display:inline-block; width:26px; height:36px; overflow:hidden; color:transparent; text-indent:34px; background:url(../images/karel-hynek-macha-maj/k.svg) no-repeat; background-size:contain; vertical-align:-9px; margin-right:2px}

.slider { width:100%; height:auto; overflow:hidden; margin-top:-30px;} .slider .bl { width:100%; height:auto; overflow:hidden; position:relative;}
.slider .move { width:36px; height:50px; overflow:hidden; color:#bbb; cursor:pointer; position:absolute; top:45%; z-index:333;}
.slider .move:hover { background:#999;}	
.slider .item img { width:100%; height:auto;}
.slider #zcontainer {  overflow:hidden; margin:0 auto; /*border:1px solid #ccc;*/ position:relative;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}  
.slider .move.prev{background:url(../images/karel-hynek-macha-maj/arrl.svg) no-repeat; background-size:contain; left:0; } 
.slider .move.next{background:url(../images/karel-hynek-macha-maj/arrr.svg) no-repeat; background-size:contain; right:0;}
.slider #zitems { overflow:hidden; position:relative; }
.slider #zitems .item { overflow:hidden; position:absolute; left:0; top:0; } 
.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:-50px 6px 40px 0;}
.indicators span { display:inline-block; width:8px; height:8px; overflow:hidden; border-radius:4px; background:#999; cursor:pointer; margin-right:.9em; }
.indicators span.ac { background:#000;}
.poem-section { height: auto; /*display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;*/box-sizing: border-box;}
.poem-container { text-align: center;padding:20px 0; /*max-width: 100%;*/ height: 50px;position: relative;/*display: flex;*/ /*justify-content: center; align-items: center;*/ }
.line {font-family:NeacademiaDisplay, "Times New Roman", Times, serif; font-weight:300;font-size:40px; color:#fff; line-height: 1.5; letter-spacing: 1px; opacity: 0;filter: blur(8px); position: absolute; transition: opacity 2.5s ease-in-out, filter 3s ease-in-out; width: 100%; white-space: nowrap; pointer-events: none; }
.line.active {opacity: 1;filter: blur(0);}
.indicators-container {position: relative; /*display: flex; gap: 12px;*/ margin:10px auto; text-align:center; }
.indicator-wrapper {padding: 10px 4px;cursor: pointer; display:inline-block; margin:0 2px; }
.indicator-dash {width:30px;height:3px;background-color: rgba(240, 248, 253, 0.3);border-radius: 2px;transition: background-color 1.5s ease, box-shadow 1.5s ease, transform 1.5s ease;}
.indicator-wrapper:hover .indicator-dash { background-color: rgba(160, 144, 109, 0.6); transform: scaleY(1.2);}
.indicator-dash.passed {background-color: rgba(160, 144, 109, 0.6); }
.indicator-dash.active { background-color: #90805d;box-shadow: 0 0 12px #90805d, 0 0 4px #90805d;transform: scaleY(1.5);}

.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	{background:#f9f2e7; color:#000;}
.legenda .r	{background:#898277; color:#fff;} 
.legenda .p	{background:#494237; ; 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 {  background:#f9f2e7; color:#000; cursor:pointer;} .bt .v:hover {color:#fff; background:#333;} /* #b08e5f */
.bt .r {  background-color:#898277;color:#fff;}
.bt .p {  background-color:#494237;color:#fff;}

.btn-buy { display:block; width:230px; height:58px; padding:0 15px;  overflow:hidden; z-index:11; cursor:pointer; font-family:OrpheusNormal,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; /*background:rgba(220,230,240,.3);*/}
.obj h1 { text-align:center; font-size:3em; font-weight:400; margin:1em 0 0 0; color:#000; letter-spacing:3px; text-transform: uppercase;}
.obj h2 { font-size:1.8em; font-weight:400; text-align:center; letter-spacing:2px;} .obj h2 span { color:#000;}
.obj h3 { font-size:1.7em; color:#444; font-weight:500; 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; /* font-family: SteelfishLt-Regular; font-weight:400; letter-spacing:1px;*/}
.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;	
	font-family: Open Sans, sans-serif, Helvetica, Arial; cursor:pointer;
	background: #5e5e5d;	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:#333;	}

#o1 p { text-align:center;}
#o2 h2 { text-align:center;}
#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;}

#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:rgba(180,180,190,.5);}		
.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%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #47B183;} 
.freg input[type=tel].no { width:47%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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 { width:100%; max-width:100%;}*/
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 kn { 0% {opacity:0;} 3% {opacity:1;} 40% {opacity:1;} 60% {opacity:0;} 100% {opacity:0;}} 
@keyframes bp { 0% {margin-top:0;} 100% {margin-top:-15em;}} 
@keyframes kv { 0% {opacity:0;} 40% {opacity:0;} 60%,80% {opacity:1;} 100% {opacity:0;}} 

@media (min-width: 1441px) {
.mw { width:100%;}
}
@media (max-width: 1440px)  {
#s9 .c1 { width:19%;}
#s9 .c2 { width:52%;}
#s9 .c3 { width:19%;}
}
@media (max-width: 1360px)  {
#s9 .c1 { width:19%;}
#s9 .c2 { width:52%; padding:50px 6%;}
#s9 .c3 { width:19%;}
}
@media (max-width: 1300px)  {
#s9 .c2 div { width:19vw;height:26vw;}
#s15 .c2 { width:28%;}
}
@media (max-width: 1200px) {
#s1 .c1 { width:20%;}
#s1 .c2 { width:46%;}
#s1 .c3 { width:22%;}
#s1 .c1 h2 { font-size:32px; }
#s1 .c3 h1 { font-size:56px;text-indent:.35em;}
#s1 .c h3 { font-size:26px;}
#s2 .bg { height:31vw;}
#s2 .b1 { background-size:contain; height:36vw; }
#s6 .b { width:1884px;}
#s6 .b, #s6 .b div, #s6 .b div span {height:200px; }
#s6 .b div { margin:0 3px; }
#s6 .b div:nth-child(2), #s6 .b div:nth-child(5), #s6 .b div:nth-child(8), #s6 .b div:nth-child(2) span, #s6 .b div:nth-child(5) span, #s6 .b div:nth-child(8) span { width:300px;}
#s6 .b div:nth-child(1), #s6 .b div:nth-child(3), #s6 .b div:nth-child(4), #s6 .b div:nth-child(6), #s6 .b div:nth-child(7), #s6 .b div:nth-child(9), #s6 .b div:nth-child(1) span, 
#s6 .b div:nth-child(3) span, #s6 .b div:nth-child(4) span, #s6 .b div:nth-child(6) span, #s6 .b div:nth-child(7) span, #s6 .b div:nth-child(9) span { width:155px;}
#s15 .c2 { width:30%;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:92vw;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:57vw;}
}
@media (max-width: 1140px)  {
#s9 .c1, #s9 .c3 {  padding-top:14vw;}
#s13 .b1 {background-size:120%;}
}
@media (max-width: 1080px)  {
#s15 .c2 { width:34%;}
#slide, #slide div { height:60vw; }
}
@media (max-width: 980px)  {
#s1 .w { width:100%;}
#s1 .c1 { width:100%; margin:0;}
#s1 .c2 { width:100%;}
#s1 .c3 { width:100%; margin:-60px 0 0 0; padding:50px 0; background: url(../images/karel-hynek-macha-maj/zlata.webp) no-repeat center center; background-size:cover;}
#s1 .c { padding:3em 0 1.3em 0;}
#s2 .bg { height:39vw;}
#s2 .b1 { background-size:110%; height:41vw; margin-top:3vw; }
#s5 .b1 { margin:4em 0 0 0;}
#s7 .b1 { margin:0;}
#s7 .b4 {height:50vw; margin:-30px auto 0 auto; background-size:100%;}
#s13 .c { width:96%; margin:1em 2%; float:none; }
#s13 .b1 {background-size:150%;}
#s13 h2 { margin:6em 0 1em 0;}
#s15 .c1 { width:69%; margin-left:-9%;}
#s15 .c2 { width:36%;}
#s15 h3 { font-size:60px; text-indent:.5em; }
#s15 h5 { font-size:30px;}
}
@media (max-width: 800px)  {
#s4 .b2 {position:relative; left:auto; top:auto;}
#s8 .v { width:80vw; height:27vw; padding-top:23vw; }
#s9 h2 { letter-spacing:.2em; font-size:26px; }
#s9 h3, #s9 h4 { font-size:17px;}
#s9 .c1 { width:14%; margin-left:3%;}
#s9 .c2 { width:66%;}
#s9 .c3 { width:14%; margin-right:3%}
#s9 .c2 div { width:25vw;height:34vw;}
#s15 .c1 { width:100%; height:61vw; margin-left:0; float:none;}
#s15 .c2 { width:60%; float:none; margin:0 auto;}
.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)  {
#s5 .b1 .c1, #s5 .b1 .c3 { width:calc((100% - 200px) / 2); height:64px;}
#s5 .b1 .c2 { width:200px;}
#s5 h3 { margin-top:1em;}
#s7 .b1 .c1, #s7 .b1 .c3 { width:calc((100% - 250px) / 2); height:42px;}
#s7 .b1 .c2 { width:250px;}
#s7 h3 { margin-top:1em;}
#s7 .b4 {height:63vw; background-size:130%;}
#s9 h3, #s9 h4 { font-size:13px;}
#s9 .c2 div { width:26vw;height:36vw;}
#s11 h2 { letter-spacing:.15em; margin:1em 0 0 0;}
#s13 .b1 {background-size:180%;}
#s14 .parallax-window { height:80vw;}
#s15 .c2 { width:100%;}
.slider { margin-top:0;} 
.slider .move {top:41%;}
.indicators {margin:-20px 6px 40px 0;}
.line {font-size:6vw; }
.obj h1 { font-size:2.3em; }
.obj h2 { font-size:1.35em; }
.obj h3 { font-size:1.15em;}
}
@media (max-width: 600px)  {
.see { height:0;}
.gohome{width:80px;height:80px;top:5px;margin-left:-40px;} 
#s4 h2 { font-size:26px; }
#s4 p { font-size:20px;}
.obj { width:92%; padding:0 4% 10px 4%;}
.indicators span { margin-right:.4em; }
}
@media (max-width: 480px)  {
#s1 .bg { height:300px;}
#s1 .c1 { padding-top:15px;}
#s1 .c2 { margin-top:-30px;}
#s1 .c3 { margin:-150px 0 0 0; padding:20px 0 35px 0;}
#s13 .b1 {background-size:200%;}
}