@font-face {
  font-family: 'CanadaType-OrpheusPro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/CanadaType-OrpheusPro.otf);
}@font-face {
  font-family: 'CanadaType-OrpheusPro-Medium';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/CanadaType-OrpheusPro-Medium.otf);
}@font-face {
  font-family: 'MyCreativeLand-TheSeasonsLight';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MyCreativeLand-TheSeasonsLight.otf);
}@font-face {
  font-family: 'MyCreativeLand-TheSeasonsRegular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MyCreativeLand-TheSeasonsRegular.otf);
}

body {background:#fff; margin:0; }
.mw { max-width:1140px;background:#fff; }
/* .wrap { padding:10px 2%; background:#fff; font-family: 'Open Sans', serif, Tahoma, Geneva, sans-serif; } */

.bl {width:100%; height:auto; 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;}
hr { size:0; border:0 0 2px 0; border-style:solid; border-color:#eee; }

.bg1 { width:100%; height:400px; overflow:visible; background:url(../images/vyznania/M.Augustin_23_077.jpg) no-repeat; background-position:center center; background-size:150%;
	position:absolute; top:0; left:0;}

#o1 { margin-top:30px; text-align:center; }
#o1 h1 { font-family: 'CanadaType-OrpheusPro-Medium', serif, Tahoma, Geneva, sans-serif; font-weight:400; letter-spacing:0; line-height:1.1; font-size:40px; color:#957548;
	margin:4.5vw 0 1.3vw 0;}
#o1 h3 {font-family: 'CanadaType-OrpheusPro-Medium', serif, Tahoma, Geneva, sans-serif; color:#957548; font-size:1.6rem; font-weight:400;}
#o1 .btn { padding:6px 25px; background:#c6b17d;border-radius:5px; text-decoration:none; }
#o1 p { font-family: 'CanadaType-OrpheusPro', serif, Tahoma, Geneva, sans-serif; color:#957548; font-size:1.3rem; line-height:1.5;}

#o2 h2, #o3a h2 {font-family: 'CanadaType-OrpheusPro-Medium', serif, Tahoma, Geneva, sans-serif; color:#957548; text-align:center; font-size:2.5rem; font-weight:400;}


#o3a { width:96%; height:auto; padding:2vh 2%; overflow:hidden; text-align:center; margin-top:1vh;  } #o3a h2 { margin:0;}

#o3 { width:100%;height:auto; overflow:hidden; background-color: #f0efeb; margin-bottom:6vh; }
#o3 .c1, #o3 .c2, #o3 .c3 { height:auto; overflow:hidden;float:left;}
#o3 .c1 { width:32%; padding:20px 1% 10px 1%; }
#o3 .c2 { width:32%; margin-bottom:-5px; } #o3 .c2 img { width:100%; height:auto;}
#o3 .c3 { width:32%; padding:20px 1% 2px 1%;   }
#o3 h3 { margin:.3em 0 .3em .3em; color:#957548;font-family: 'CanadaType-OrpheusPro-Medium', serif, Tahoma, Geneva, sans-serif; font-weight:400; font-size:2rem; line-height:1.3;}
#o3 ul { margin-top:25px;}
#o3 li { margin-bottom:.4em; color:#957548;font-family: 'CanadaType-OrpheusPro', serif, Tahoma, Geneva, sans-serif; font-weight:400;font-size:1.1rem; line-height:1.3;}
#o3 p { color:#957548;font-family: 'CanadaType-OrpheusPro', serif, Tahoma, Geneva, sans-serif; font-weight:400; font-size:1.3rem; line-height:1.5;} 
#o3 .c3 div { text-align:center;}
#o3 .c3 img { width:36%; height:auto; margin-top:3px;}

#o4a { width:96%; height:auto; padding:32px 2%; overflow:hidden; text-align:center;  font-family: 'Open Sans', serif, Tahoma, Geneva, sans-serif; font-size:32px; font-weight:300; 
	background-image: linear-gradient(0deg, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url(../images/vyznania/predsadka-zlata-1200.webp); color: #957548;}
#o4a span { font-weight:600;}	

#o4 { width:100%; }
#o4, #o4 .c1, #o4 .c2, #o4 .c3 { height:440px; overflow:hidden;}
#o4 .c1 { width:35%; background:url(../images/vyznania/krabica-persp-600.webp) no-repeat; background-position:center center; transition: all 500ms ease;
     float:left; background-size:100%;} #o4 .c1:hover { background-size:110%;}
#o4 .c2 { width:43%; padding:0 2%; background:#fff; float:left;font-family: 'Open Sans', serif, Tahoma, Geneva, sans-serif; text-align:center;}
#o4 .c3 { width:18%; background:url(../images/vyznania/satka-300-full.webp) no-repeat; transition: all 500ms ease; float:left; background-position:center center; background-size:100%;}
#o4 h2, #o4 h3, #o4 p {color: #957548;}  #o4 .c3:hover { background-size:110%;}
#o4 h2 { font-size:36px; letter-spacing:4px; font-weight:400; margin-top:1.5em;}
#o4 p.e { font-size:22px; font-weight:300;}
#o4 h3 { font-size:30px; font-weight:400; margin:1em 0 1em 0; line-height:1.2;}

#o4b { width:100%; height:80px; overflow:hidden; background-image: url(../images/vyznania/roh_1140.webp); background-position: 50% 19.2%;}

#b0 { width:100%; height:95px; overflow:hidden; background-image: url(../images/kniha-modliteb/plocha-2400.jpg); background-attachment: fixed;  background-position: 50% -8.30357vh;}
.sep { width:100%; height:80px; overflow:hidden; background-image: url(../images/kniha-modliteb/plocha-2400.jpg); background-attachment: fixed;  background-position: center center;}

.mgal { width:100%; height:auto; overflow:hidden;}
.mgal div { width:11%; height:auto; overflow:hidden; margin:2% .75%; float:left;} .mgal div:last-child { margin:0 .75%;}
.mgal div img { width:100%; height:auto;}

.legenda { width:auto; height:auto; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; font-family: 'Open Sans', serif, Tahoma, Geneva, sans-serif; font-size:.9em;}
.legenda span			{padding:0.6em 1.2em .6em 1.2em; margin-left:4px;}
.legenda .v	{background:#f2f2f2; color:#b9a068;}
.legenda .r	{background:#b9a068; color:#fff;} 
.legenda .p	{background:#87704e ; color:#fff;}

.bt { width:99%; height:auto; padding:1px 0 0 1px; overflow:hidden; color:#000;}
.bt div { margin:0; font-size:15px; width:45px; height:28px; line-height:1;padding-top:14px; float:left; overflow:hidden; border:1px solid #999; margin:-1px 0 0 -1px; text-align:center; }
.bt .v {  background-color:#f2f2f2; color:#b9a068; cursor:pointer;}  /* #b08e5f */
.bt .r {  background-color:#b9a068;color:#fff;}
.bt .p {  background-color:#87704e;color:#fff;}

#bfirma, #bdadr { display:none;}
.rel { position:relative;}

.obj_form, .obj_form .cr label, .obj_form p, .obj_form a { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5;}
.obj_form a { color:#917050}
.obj_form .c1 { width:65%; height:auto; overflow:hidden; float:left;}
.obj_form .c2 { width:34%; height:auto; overflow:hidden; float:right;}
.obj_form h4 { font-size:22px; margin:0 0 14px 0; color:#917050;}
.cr {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 1% 0 1% 0; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cr label {color:#b49460; }
.fr { width:100%; height:auto; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}		
.fr input[type=text], .fr input[type=email], .fr input[type=tel], .fr input[type=password], .fr input[type=number], .fr textarea
	{ display:inline-block; background:#fff; font-size:14px; padding:1%; margin:0 1% 15px 0; border:none; float:left; border:1px solid #b49460; border-radius:4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }		
.fr input[type=text].s {width:16%;}
.fr input[type=text].ms {width:16%;}
.fr input[type=text].m {width:32%;}
.fr input[type=text].ic {width:31%;}
.fr input[type=text].dc {width:33%;}
.fr input.lh {width:49%;}
.fr input[type=text].lq {width:82%;}
.fr input[type=text].xl {width:99%;}
.fr textarea { font-family: Arial, Helvetica, sans-serif; height:2.6em; width:99%;}	
.fr p { /*padding: 2% 2% 0 2%;*/}
.fr p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.fr p.info label { display:inline-block; width:8em; height:auto;}
.fr p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 0; margin:-8px 0 0 0;}
.fr p.ll { margin:0; padding: 0 0 14px 0;color:#000; line-height:1.5; }
.fr 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}
.fr label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.fr a { text-decoration:underline;}
.fr table {margin:2% 0 0 2%; width:96%;}
.fr table td {text-align:left; vertical-align:top;} .fr table td:nth-child(1) { min-width:8em;}
.fr span { color:#000; }
.hl, .objednavka .hl a  { color:#000;} .objednavka .hl a:hover { color:#c70000; text-decoration:none;}
#mobinf { display:none; position:absolute; left:0; top:37px; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.fr input[type=tel].ok { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #47B183;} 
.fr input[type=tel].no { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #c00;} 
.obj_form .c2 table { margin-bottom:20px;}
.obj_form .c2 table td { line-height:1.5;} .obj_form .c2 table td:first-child { padding-right:20px;}

.obj_form button {display:inline-block;	width:auto;height:auto;	font-family:Rosetta,"Times New Roman", Times, serif; cursor:pointer;
	background: #917050; font-size:18px; border:0; padding:9px 20px 7px 20px;	text-align: center; color:#fff; text-decoration: none; text-transform:uppercase;
	-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_form button:hover {background:#59595c;	}

#p1 {width:92%; height:auto; padding:20px 4%; overflow:hidden; background:url(../images/maj/bg1.jpg); background-size:cover;  }
.am { width:100%; max-width:1000px; height:auto; overflow:hidden; margin:0 auto; }
.am h2 { margin:.5em 0 1.5em 0;}
.am h3 { color:#906f4f;font-family:Amiri,"Times New Roman", Times, serif; text-align:left;}
.am h4 { font-size:23px; color:#666;}
.am p, .am li, .am td { font-family:Amiri,"Times New Roman", Times, serif;line-height:1.4;}
.am table { border-collapse:collapse; border:1px solid #906f4f;}
.am th, .am td { font-size:20px; border:1px solid #906f4f; padding:4px 6px;}
.am p a { color:#917050;text-decoration-color:#aaa; text-underline-offset: 1px;}
.am p a:hover { text-decoration:none;}
.am pre { font-size:20px; line-height:1.4; white-space:normal;}
.am pre br { margin-bottom:10px;}


.slider { width:100%; height:auto; overflow:hidden;} .slider .sbl { width:100%; height:auto; overflow:hidden; position:relative;}
/* .slider .move { width:50px; height:50px; font-size:40px; line-height:1; overflow:hidden; color:#aaa; cursor:pointer; float:left;} */
.slider .move { width:30px; height:30px; font-size:24px; line-height:1; overflow:hidden; color:#aaa; cursor:pointer; float:left;}
.slider .move:hover { background:#999;}	
.slider .item img { width:100%; height:auto;}

.slider #zcontainer { width:1000px;height:500px; 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/maj/arrl.svg) no-repeat; background-size:contain; float:left; } 
.slider .move.next{background:url(../images/maj/arrr.svg) no-repeat; background-size:contain; float:right; text-align:right; }
.slider #zitems { width:1000px; height:500px; overflow:hidden; position:relative; }
.slider #zitems .item { width:1000px; height:500px; 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; height:500px; overflow:hidden; }

.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:42px 6px 4px 0;}
.indicators span { display:inline-block; width:8px; height:8px; overflow:hidden; border-radius:4px; background:#999; cursor:pointer; margin-right:.7em; }
.indicators span.ac { background:#fff;}

.platba { width:100%; height:auto; padding:20px; overflow:hidden; margin:20px 0; border:1px solid #917050; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius:8px;}

footer { width:100%; max-width:100%;}

@media (max-width: 1470px) {
.parallax-window { min-height: 40vh;}
}

@media (max-width: 1400px) {
#pk1 .kv {width:14%; right:1%;}
}

@media (max-width: 1350px) {
#o3 h3 { font-size:1.9rem; }
#o3 ul { margin-top:20px;}
#o3 li { font-size:1.05rem; line-height:1.25;}
#o3 .c3 img { width:33%; }
}

@media (max-width: 1250px) {
#o3 h3 { font-size:1.7rem; }
#o3 ul { margin-top:15px;}
#o3 li { font-size:1rem; line-height:1.2;}
#o3 .c3 img { width:28%; }
}


@media (max-width: 1200px) {
#pk2 .kv {width:20%; height:280px;  bottom:50px; left:-30px;}
}

@media (max-width: 1160px) {
}

@media (max-width: 1000px) {
.obj_form .c1, .obj_form .c2 { width:100%;float:none;}
}

@media (max-width: 900px) {
.wrap h2 {font-size:36px; letter-spacing:6px; margin:20px 0;}
.wrap h3 { font-size:23px; margin:13px 0;}
#pk1 .kv { display:none;}
#pk2 .kv {width:30%; height:310px;  bottom:70px; left:-100px;}
#o3 .c1 { width:90%; padding:20px 5% 10px 5%; }
#o3 .c2 { width:100%; }
#o3 .c3 { width:90%; padding:20px 5% 2px 5%; }
#o3 h3 { font-size:2rem; }
#o3 li { font-size:1.2rem; line-height:1.3;}
#o3 .c3 img { width:33%; }
}

@media (max-width: 800px) {
#pk2 .kv { display:none;}
}

@media (max-width: 600px) {
.wrap h2 {font-size:28px; letter-spacing:2px; margin:16px 0;}
.parallax-window { min-height: 30vh;}
.legenda { font-size:12px; }
.legenda span {padding:0.6em .8em .8em .8em;}
.bt div { width:49px; height:26px; padding-top:11px; }
.mbtns  { width:96%;  margin:20px auto 0 auto} 

}

@media (max-width: 400px) {
}