@import url(https://fonts.googleapis.com/css?family=Source+Serif+Pro:100,100italic,300,300italic,400,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext); 
@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic&subset=latin,latin-ext); 
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700|Trirong:400,400i,500,500i,600,600i,700,700i&subset=latin-ext);
@font-face {font-family: 'StormTypeFoundry-JannonAntiqua';font-style: normal;font-weight: 400;src:url(../fonts/StormTypeFoundry-JannonAntiqua.otf);}
@font-face {font-family: 'StormTypeFoundry-JannonAntiqua';font-style: italic;font-weight: 400;src:url(../fonts/StormTypeFoundry-JannonAntiqua-Italic.otf);}
body { }
table { border-collapse: collapse; border-spacing: 0;}
a {color:#3e3e3d}
.bl { width:100%; height:auto; overflow:hidden; }
.blt { width:92%; height:auto; padding:1em 4%; overflow:hidden; }
.see { width:100%; height:0px; overflow:hidden; margin:0; padding:0; }
.se2 { width:100%; height:50px; 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;}
img.res { width:100%; height:auto;}
.space {width:100%; height:4em; overflow:hidden; }
a.bobl { font-weight:bold; color:#000; text-decoration:none;} a.bobl:hover { text-decoration:underline;}
a.boblul { font-weight:bold; color:#3e3e3d;} a.boblul:hover { text-decoration:none; color:#b49460;}
a.red { color:firebrick; text-decoration:none;} a.red:hover { text-decoration:underline;}
.po { font-size:.9em; font-style:italic; line-height:1.4;}
.bgc { background:#000;} .bgc p { color:#fff;} .bgc .po { color:#fff;}
.bgw { background:#fff;}
.bg1 { background:#EFEBE2;}
.bg2 { background:#b3a280;}
.bg3 { background:#fff url(../images/botticelli/bg-noise.png) repeat;}
.blt ul { list-style: none;}
.blt ul li:before { content:"●"; color:#b49460; display:inline-block; width:1.1em; margin-left:-1.1em;}

.u-body {font-family: StormTypeFoundry-JannonAntiqua;font-size: 1rem;line-height: 1.6;margin:0; -webkit-font-smoothing: antialiased; background-color:#fff; background-image: url(../images/metropolitne-katedraly/pozadie-biele.webp); background-size: initial;  background-position: top left; background-repeat: repeat; background-attachment: fixed;}
.u-group {display: flex;}
.u-sheet {position: relative;width: 1140px;margin: 0 auto;}
.u-image, .u-background-effect-image, .u-video-poster { object-fit: cover;display: block;vertical-align: middle;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
h1, h2, h3, h4, h5, h6 {font-family: StormTypeFoundry-JannonAntiqua;}

#sec-a270 {background-image: url(../images/metropolitne-katedraly/MD-BA-parallax-01_editW.jpg); background-attachment: fixed; background-position: 50% -7.46835vh;}
.u-valign-middle, .u-valign-top, .u-valign-bottom { display: flex; flex-direction: column;}
.u-section-1 .u-sheet-1 { min-height: 130px;}
.u-valign-middle { justify-content: center;}
.u-custom-color-1, .u-body.u-custom-color-1, .u-container-style.u-custom-color-1:before, .u-container-layout.u-custom-color-1:before, .u-table-alt-custom-color-1 tr:nth-child(even) {
    color: #ffffff; background-color: #740516;}
.u-section-2 .u-image-1 {background-image: url(../images/metropolitne-katedraly/MKkniha21.jpg);min-height: 600px; background-position: 57.38% 50%;}
.u-section-2 .u-group-1 { width: 610px; min-height: 465px; margin: 60px 0 60px auto;}
.u-section-2 .u-container-layout-1 {padding: 30px 30px 30px 100px;}
.u-container-layout {position: relative; flex: 1; max-width: 100%;}
.u-section-2 .u-image-2 {width: 49px; height: 30px; margin: 31px auto 0;}
.u-section-2 .u-text-1 { width: 383px; line-height: 39.2px;  margin: 12px auto 0;}
h2.u-subtitle { font-weight: 400; font-size: 1.75rem; line-height: 1.4; margin-top: 20px; margin-bottom: 20px; letter-spacing: 4px;  text-transform: uppercase;}
.u-body h1, .u-body h2, .u-body h3, .u-body h4, .u-body h5, .u-body h6 {padding: 0;}

.u-text-custom-color-4, a.u-button-style.u-text-custom-color-4, a.u-button-style.u-text-custom-color-4[class*="u-border-"] {
    color: #bfa06a !important;
}

table.ceny {width:auto;margin: 1em 0;}
table.ceny td:first-child {background: #86754d;color:#fff;text-align: left;padding: .4em .8em;border: solid 1px #ccc}
table.ceny td:last-child {background: #f5f5f5;text-align: center;padding: .4em .8em;border: solid 1px #ccc}

.btn-buy { display:block; width:230px; height:58px; padding:0 15px;  overflow:hidden; margin:-52px auto 0 auto;  z-index:390; cursor:pointer;
    font-size:17px; line-height:58px; text-align:right;  color:#fff; text-decoration:none; border: 1px solid #fff;
    background:#c6b17d url(../images/ico_btn-cart_white.png) left center no-repeat;background-size: contain;
    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  -webkit-transition: all 300ms;  transition: all 300ms; } 
.btn-buy.vi { width:126px; color:#fff;} .btn-buy:hover { color:#fff;}
.btn-buy.in { margin:0;}
.btn-buy.wvi { width:156px;}

.tabl { font-family:'Open Sans';}
.legenda { width:auto; height:auto; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; }
.legenda span			{padding:0.6em 1.2em .6em 1.2em; margin-left:4px;}
.legenda #volne			{/*background:#fff;*/ color:#000;border:1px solid #999;}
.legenda #rezervovane	{background:#c6b17d; color:#fff;border:1px solid #999;} 
.legenda #predane		{background:#740516 ; color:#fff;border:1px solid #999;}

.bt { width:99%; height:auto; padding:1px 0 0 1px; overflow:hidden; color:#000; ;}
.bt div { font-size:14px; width:45px; height:32px; line-height:1;padding-top:9px;  overflow:hidden; float:left; border:1px solid #999; margin:-1px 0 0 -1px; text-align:center; }
.bt .v {  /*background-color:#fff; */ color:#000; cursor:pointer;}  /* #b08e5f */
.bt .r {  background-color:#c6b17d;color:#fff;}
.bt .p {  background-color:#740516;color:#fff;}

#sft { width:100%; height:90px; overflow:hidden;}
#sfb { width:100%; height:120px; overflow:hidden;}

#o1 { margin-top:30px;}
#o1 h1 { font-family:'Playfair Display SC', serif; font-weight:400; letter-spacing:0; line-height:1.1; font-size:55px; color:#b3a280;margin:4.5vw 0 1.3vw 0;}
#o1 h1 span { color:#000; font-style:italic;}
#o1 h3 {text-transform:uppercase; color:#000; margin-top:40px;}
#o1 h3 span { color:#b3a280; font-style:italic;}

#obj-2a { width:100%; height:auto; overflow:hidden;}
#obj-2b {width:100%; height:auto; overflow:hidden; display:none;}
#obj-2b p { font-size:14pt;}

table.oceny {width:100%;margin: 1em 0; font-size:13pt; font-family: 'PT Sans', sans-serif, 'Myriad Pro','Lucida Grande', Helvetica, Arial, sans-serif;}
table.oceny th{background: #b49460;color:#fff;text-align: center;padding: .5em .5em;border: solid 1px #fff}
table.oceny td{background: #e5e5e5;text-align: center;padding: .5em .5em;border: solid 1px #fff}

.objednavka { width:89%; height:auto; overflow:hidden; padding:80px 5.5% 10px 5.5%; background:rgba(193,184,141,.2);}
.objednavka h1 { text-align:center; font-size: 36px; font-weight:500; margin:0; color:#000;   text-transform: uppercase;}
.objednavka h3 { color:#b49460; font-weight:500; }
.objednavka h3 span { float:right; font-size:1em;font-weight:500;}
.objednavka p {line-height: 1.3;}
.objednavka p.small{font-size:75%}
.objednavka a { color:#000;} .objednavka a:hover { color:#c70000;}
.objednavka table{width:100%}
.objednavka table.dodacie td{padding:0}
.objednavka table th{text-align: right;border-bottom-width:2px}
.objednavka table td{text-align: right}
.objednavka table td a{color:#000}
.objednavka table td input[type=text],.objednavka table td input[type=number]{ background:#fff; font-size:1em;  width:90%}
.objednavka table td.leftalign, .objednavka table th.leftalign{text-align: left}
.objednavka table td.total{
    font-weight: 700;
    font-size:150%}
.objednavka .titul{width:50%;text-align: left}
.objednavka .summary{
    display: block;
    padding: 1em;
    border: solid 2px #e5e5e5;
    text-align: right;
}

.objednavka .summary strong {font-weight: 700}

.objednavka form { width:100%;}
.objednavka .tab-content { width: 100%; height:auto; overflow: hidden; font-size: 17px;  line-height: 25px;  padding:0;  }

.objednavka input[type="text"], .objednavka input[type="email"], .objednavka input[type="tel"], .objednavka textarea { border:none;}
.objednavka button, .objednavka input[type=button], .objednavka 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;}
.objednavka button:hover, .objednavka input[type=button]:hover, .objednavka input[type=submit]:hover {background:#333;	}

#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:#b49460; font-family:'Open Sans';}
.freg { width:100%; height:auto; overflow:hidden; padding-bottom:2%;background:rgba(119,100,65,.19);}		
.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; }
.freg.dk h4 {font-family:Arial, Helvetica, sans-serif; margin: 19px 0 0 1.98%;}
.freg.dk label {font-family:'Open Sans', Arial, Helvetica, sans-serif; display:inline-block; float:left;margin: 9px 0 0 1.98%;}
.freg.dk p {display:inline-block; float:left;margin: 12px 0 0 1.98%;}
.freg.dk button { padding:10px 2em;margin: 24px 0 0 0;border-radius:0 3px 3px 0; float:left;}
.hl, .objednavka .hl a  { color:#000;} .objednavka .hl a:hover { color:#c70000; text-decoration:none;}
.footer { width:100%; height:50px; position:fixed; bottom:0; right:0; overflow: visible;  background:#3e3e3d; color:#fff;  z-index:10}
.footer-content{ width:100%;  height:50px;  line-height:26px;  font-size:15px; font-weight:300; color:#fff; text-align: center; margin:8px 0 0 0;}
.footer-content p{padding-top:2px;font-size:15px;}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#fff} .footer-content a:hover{color:#b49460}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo2.png) no-repeat;
   background-position: center center;}

.rel { position:relative;}
#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;} 
h4.oznam {color:#c00; font-size:24px; margin-bottom:10px; text-transform:uppercase;font-family:'Open Sans', Arial, Helvetica, sans-serif}

@media (min-width: 1200px) {
.u-sheet { width: 1140px; }
.u-align-center-xl { text-align: center;}
}

@media (max-width: 1080px) {
.footer-content{ line-height:1.2; font-size:14px; margin:1px 0 0 0;}
.footer-content p{font-size:14px;}
}

@media (max-width: 800px) {
h2 { font-size:32px; }
h3 { font-size:25px; }
#obj-1 p { font-size:14pt;}
#obj-1 p { font-size:14pt;}
#obj-2a { display:none;}
#obj-2b { display:block;}
}

@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 600px)  {
.see { display:none;}
h2 { font-size:28px; }
h3 { font-size:24px; }

.legenda { padding:1em 0; margin-left:-1em; }
.legenda span {padding:0.6em;font-size:14px!important; }
.legenda span:first-child {padding-left:0; }

.slider .move { width:7vw; height:7vw; border-radius:7vw; font-size:5vw; line-height:6.3vw;}
.slider .move.prev{ margin:21vw 2.5vw 0 0; } .slider .move.next{margin:21vw 0 0 2.5vw; }

.indicators span { margin:0 1em 1em 0; }

.footer { height:55px;}
.footer-content .ikar { display:none;}
.footer-content{ line-height:1.1; font-size:13px; margin:3px 0 0 0;}
.footer-content p{font-size:13px;}

}

@media (max-width: 700px)  {
h3 { font-size:23px; }
}
@media (max-width: 600px) {
.slider .move.prev{ margin:21vw 1.8vw 0 0; } .slider .move.next{margin:21vw 0 0 1.8vw; }
#o1 h1 { font-size:7vw; }
h3 { font-size:22px; }
}
