/*

barvy.. ř

green	#4E774D
lighter	#719271
darker	#385638

khakier	#748145
gold	#CC9933

*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: black; background: #efefef;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* reset end */
 
 /* global */
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body * {
    position: relative;
}

/* utility */
.offscreen { clip-path: inset(100%);clip: rect(1px 1px 1px 1px); /* IE 6/7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.onscreen { position:relative; clip:auto; width:auto; height:auto; overflow:auto; }
.bold, strong {font-weight: 700; letter-spacing: .03rem}
.italic, em {font-style: italic;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.d-none {display: none;}
.m-0 {margin: 0 !important;}

.video-responsive, .oembed-provider-youtube { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin: 1.5rem 0rem;}
.video-responsive iframe, .oembed-provider-youtube iframe, .video-responsive object, .video-responsive embed, .embed-responsive-5-4 iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.image-responsive {display: block; width: 100%; height: auto;}
.image-responsive > * {display: block; width: 100%; height: auto;}

.embed-responsive-5-4 { position:relative; padding-bottom: 80%; height:0; overflow:hidden; margin: 1.5rem 0rem;}

.svg-icon path {fill: inherit;}	

@media all and (min-width: 600px) {
	body .d-sm-none {display: none;}
	body .d-sm-block {display: block;}
}

@media all and (min-width: 900px) {
	body .d-md-none {display: none;}
	body .d-md-block {display: block;}
}
 
html, body {font-family: "fira", sans-serif; font-size: 14px; line-height: 1.6;} /* 75.3% puvodni font size */
a {text-decoration: underline; text-decoration-thickness: 1px;}
a:hover {text-decoration: none;}

@media all and (min-width: 1400px) {
	html, body {font-size: 16px; line-height: 1.4;}
}

.hidden {position: absolute; top: -1024px;}
.bold, strong {font-weight: bold;}
.italic, em {font-style: italic;}
.js .js-hide {display: none;}
.full-img {display: block; width: 100%;}
.full-img img {display: block; width: 100%; height: auto;}
.valuelist .label, .valuelist .value {float: left;}

h1 {font: bold italic 2.2rem/1.2 "fira"; }
h2, body .h2 {font: bold italic 1.6rem/1.2 "fira"; }
h3, body .h3 {font: bold italic 1.4rem/1.2 "fira"; }
h4, body .h4 {font: bold italic 1.0rem/1.2 "fira"; }

h2 small, h3 small {color: #CC9933; font-weight: normal; font-size: 1rem;}

.text a {color: #4E774D;}

.text h1 {margin: 2rem 0px 2rem 0px; text-wrap: balance;}
.text h2, body .text .h2 {margin: 1.6rem 0px; text-wrap: balance;}
.text h3, body .text .h3 {margin: 1.5rem 0px; text-wrap: balance;}
.text h4, body .text .h4 {margin: 1.5rem 0px; text-wrap: balance;}

.text .h1__sub {color: #CC9933; margin-top: -1.5rem;}

.text p, .text ul, .text ol, .text dl, .text address, .text blockquote, .text .grayblock {margin-bottom: 1.5rem;}
.text ul, .text dl, .text ol {margin-top: 2rem;}

.text ul {margin-left: 2.5rem;}
.text ul li:before {content: url("img/hedera8px.png"); position:absolute; margin-left: -2.5rem; color: #555; top: -2px;}
.text ul ul > li:before {content: "";}
.text ul ul {list-style-type: circle;}

.text ol {margin-left: 2em; list-style-type: decimal;}
.text ol ol {list-style-type: lower-alpha;}
.text ol ol ol {list-style-type: circle;}

.text ul ul, .text ul ol, .text ol ul, .text ol ol {margin-top: 10px; margin-bottom: 10px;} 

.text dt {font-weight: bold; margin-bottom: .33rem;}
.text dd {margin-bottom: 1rem;}

.text .grayblock, .text blockquote {padding: 0px; color: #CC9933; font-style: italic;}
.text .grayblock *:first-child, .text blockquote *:first-child {margin-top: 0px;}
.text .grayblock *:last-child, .text blockquote *:last-child {margin-bottom: 0px;} 

.text .bottomlinks {margin-bottom: 0px; margin-top: 40px;}

.text img {max-width: 100%;}

.text .img-full {width: 100%; height: auto; display: block; margin: 2rem 0;}

/*  button */

.text .btn {display: inline-block; text-decoration: none; position: relative; padding: 0px 15px; background: #748145; color: #fff; font-style: italic; font-size: 16px; line-height: 40px; margin: 0 2px 2px 0; vertical-align: top;}
.text .btn-arr {padding: 0px 36px 0px 15px;}
.text .btn-arr:after {content:"►";position:absolute;right: 10px; color: #fff; opacity: .5}
.text .btn:hover {background: none }

.text .btn--bg-orange {background: #CC9933;}


/* layout */
header, article, footer {position: relative; z-index: 2; }

.content {max-width: 1200px; width: 90%; position: relative; margin: 0px auto;}

header {background: #385638; color: #fff; position: relative; z-index: 3;}
	header a {color: #fff; text-decoration: none;}
	
	.top {position: absolute; top: 0; left: 0; z-index: 100; width: 100%;}	

	.content {display: flex; flex-wrap: wrap;}
	.content .social {flex: 0; min-width: 111px;}
	
	.top__logo {background: url("img/logo.svg") no-repeat left top; background-size: contain; order: 5; height: 38px; width: 100%;}
		.top__logo-i {display: none;}
		.pg-index .top__logo {top: calc(63vw - 50px); position: absolute;}
	
	.top__social {padding: 0px; margin: 0px; margin-top: 10px; z-index: 200; margin-left: 2px; padding-left: 5px; order: 3; flex-grow: 1; text-align: right;}
		.top__social > a {font-size: 16px; padding: 10px 7px; font-weight: bold; display: inline-block;}
		.top__social img {display: block; width: 20px; height: 20px;}

	@media all and (min-width: 500px) {
		.top__logo {margin-top: 1rem; flex: 1; order: 1; width: auto; display: block; background: none;}
		.pg-index .top__logo {top: auto; position: relative;}
		.top__logo-i {display: block; max-height: 35px;}
		.top__social {flex-grow: 0;}
	}
	
	@media all and (min-width: 600px) {
		.top__logo-i {display: block; max-height: 45px;}
	}
		
	/* nav */
	.n {display: none; position: fixed; top: 10px; right: 5%; z-index: 999;}
	
	.n__close {display:block; width: 45px; height: 45px; line-height: 45px; text-align: center; margin-left: auto; background: #333; fill: #fff;}	
		.n__close svg {width: 29px; height: 29px; margin: 8px;}
	
	.n__main a {padding: .75rem 1rem; display: block; border-top: 1px solid #555; min-width: 17rem; font-size: 1rem; background: #333; white-space: nowrap;}
	
	.n {}
		.n__sub {display: none;}
	
		.n__launcher {height: 45px; width: 45px; text-decoration: none; vertical-align: middle; text-align: center; margin-top: 10px; margin-left: 10px; order: 4; display: block; fill: #fff;}
		.n__launcher svg {width: 33px; height: 33px; margin: 6px;}
		.n__launcher:hover {background: #333;}
			
		.text .ulsidesubnav {margin-left: 0px;}
		.text .ulsidesubnav li {border-bottom: 1px solid #CC9933;}
		.text .ulsidesubnav li:before {content: "";}
		.text .ulsidesubnav a {display: block; text-decoration: none; padding: 7.5px 0px; color: #CC9933;}
		.text .ulsidesubnav a:hover {color: #000;}
	
	@media screen and (min-width: 1200px) {
		
		.n__launcher {display: none; }
		
		.n {top: 0; right: auto; margin-top: 10px; flex: 1 0; text-align: right; order: 2; display: block; position: relative;}
		.n__close {display: none;}
		
			.n__main {display: flex; margin: 0;}
			.n__main > li {border-right: 1px solid #4E774D; }
			.n__main > li > a {font-weight: bold; border: 0px none; background: none; min-width: auto; line-height: 43px; padding-top: 0; padding-bottom: 0;}
			.n__main li.hover {background: #333;}
			.n__main li.hover > ul {display: block;}
																												  
			.n__sub {display: none; position: absolute; right: 0px; top: 43px; background: #333; margin: 0px; box-shadow: 10px 10px 0px rgba(30,30,30,.2);	}
			.n__sub .n__sub {position: absolute; left: 100%; top: 0px; }
			.n__sub .n__sub a {background: #444; }
			.n__sub a:hover {background: #444;}
			.n__sub .n__sub a:hover {background: #555;}
			
	}
	
	@keyframes fadeInFromNone {
		0% {opacity: .5;}
		100% {opacity: 1;}
	}
	
	.promo {position: relative; z-index: 10; }
		.promo__images {display: none; width: 100%; position: absolute; top: 0; left: 0;}

		.promo__base {display: block; width: 100%; height: 0; padding-top: 66%; background: url("img/doudleby-small-2.jpg") no-repeat center center; background-size: cover;}
		.promo__base-single {overflow: hidden;}
		.promo__base-single-i {display: block; max-height: 117px;}
		.promo__base:after {
			content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
			background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 100%);
		}
		
		.promo__images a.active {display: block; animation: fadeInFromNone .2s;}
		.promo__ix-img {width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: none; z-index:1;}
		.promo__ix-img img {display: block; width: 100%; height: auto; position: relative; animation: fadeInFromNone .2s;}
						
		.promo__toc a {display: block; font: italic 1rem/40px "fira"; padding: 0px 20px;}
		.promo__toc a:hover {background: #4E774D} 
		.pt-1 {background: #748145;}
		.pt-2 {background: #8A8740;}
		.pt-3 {background: #A08D3C;}

	@media screen and (min-width: 600px) {
		.promo__base {display: block; width: 100%; height: 0; padding-top: 28.5%; background: none;}
		.promo__base-single {display: block; width: 100%; height: 0; padding-top: 21.4%; background: none;}
		.promo__base-single-i {width: 100%; height: auto; max-height: initial; position: absolute; top: 0; left: 0}
		.promo__images {display: block; z-index: 10; height: 100%;}
		.promo__images > a:after {
			content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
			background: linear-gradient(0deg, rgba(0,0,0,0) 70%, rgba(0,0,0,.4) 100%);
		}
			
		.promo__content {width: 100%; height: 0; position: absolute; margin: 0px; bottom: 0px; left: 0; z-index: 20;}
		.promo__content-toc {height: 100%; margin: 0 auto; width: 90%; max-width: 1200px;}
		.promo__toc {position: absolute; right: 0px; bottom: 50px; display: block; z-index: 20;	}
		.promo__toc a { font: italic 24px/50px "fira"; padding: 0px 20px;}
		.promo__toc li {display: inline-block;}
		.js .promo__toc em, .js .promo__toc .active span {display: none}
		.js .promo__toc .active em {display: inline;}
	}	
	
article {background: #fff; padding: 1px 0px 50px 0px; overflow: hidden;}
	.g-index article {padding: 0px;}
	aside {padding-top: 2rem}
        aside > :first-child {margin-top: 0;}
	
footer {color: #999; padding: 40px 0px;}
footer a {color: #999; }

/* cols */

.cols, .text .cols {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box; margin-left: -1.5rem; margin-right: -1.5rem; width: calc(100% + 3rem);}
.cols > * {box-sizing: border-box; padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 0 100%;}

.cols.cols--gap05, .text .cols.cols--gap05 {margin-left: -.25rem; margin-right: -.25rem; width: calc(100% + .5rem);}
.cols.cols--gap05 > *, .text .cols.cols--gap05 > * {padding: 0 .25rem; }

.col-9 {flex: 1 74.97%; max-width: 74.97%}
.col-8 {flex: 1 66.64%; max-width: 66.64% }
.col-6 {flex: 1 49.98%; max-width: 49.98%}
.col-3 {flex: 1 24.99%; max-width: 24.99% }
.col-4 {flex: 1 33.32%; max-width: 33.32% }

@media all and (min-width: 600px) {
	.col-sm-9 {flex: 1 74.97%; max-width: 74.97%}
	.col-sm-8 {flex: 1 66.64%; max-width: 66.64% }
	.col-sm-6 {flex: 1 49.98%; max-width: 49.98%}
	.col-sm-3 {flex: 1 24.99%; max-width: 24.99% }
	.col-sm-4 {flex: 1 33.32%; max-width: 33.32% }
}

@media all and (min-width: 900px) {
	.col-md-9 {flex: 1 74.97%; max-width: 74.97%}
	.col-md-8 {flex: 1 66.64%; max-width: 66.64% }
	.col-md-6 {flex: 1 49.98%; max-width: 49.98%}
	.col-md-3 {flex: 1 24.99%; max-width: 24.99% }
	.col-md-4 {flex: 1 33.32%; max-width: 33.32% }
}

@media all and (min-width: 1200px) {
	.col-lg-9 {flex: 1 74.97%; max-width: 74.97%}
	.col-lg-8 {flex: 1 66.64%; max-width: 66.64% }
	.col-lg-7 {flex: 1 58.32%; max-width: 58.32%}
	.col-lg-6 {flex: 1 49.98%; max-width: 49.98%}
	.col-lg-3 {flex: 1 24.99%; max-width: 24.99% }
	.col-lg-4 {flex: 1 33.32%; max-width: 33.32% }
}

@media all and (min-width: 1500px) {
	.col-xl-9 {flex: 1 74.97%; max-width: 74.97%}
	.col-xl-8 {flex: 1 66.64%; max-width: 66.64% }
	.col-xl-6 {flex: 1 49.98%; max-width: 49.98%}
	.col-xl-3 {flex: 1 24.99%; max-width: 24.99% }
	.col-xl-4 {flex: 1 33.32%; max-width: 33.32% }
}

/* doclist */

.doclist {margin: 1em 0em;}
.doclist li {margin: .3em 0em; padding-left: 30px;}
.text .doclist li:before {content: "";}
.doclist .docnote {color: gray; padding-left: 5px; font-size:.8em;}
.doclist .docpdf {background: url("img/icons/ico-pdf.svg") no-repeat; line-height: 22px;}
.doclist .docdoc, .doclist .docdocx {background: url("img/icons/ico-doc.svg") no-repeat; line-height: 22px;}
.doclist .docxls {background: url("img/icons/ico-xls.svg") no-repeat; line-height: 22px;}
.doclist .docrtf {background: url("img/icons/ico-rtf.svg") no-repeat; line-height: 22px;}
.doclist .doctxt {background: url("img/icons/ico-txt.svg") no-repeat; line-height: 22px;}

/* gal gallery */
.gal {display: flex; flex-flow: row wrap; justify-content: stretch; background: #efefef; padding: 20px; margin: 2rem 0;}
.gal a {display: block; flex-basis: 33.3%; flex-grow: 1;}
.gal img {display: block; border: 1px solid transparent; width: calc(100% - 2px); height: auto;}
.gal a:hover img {border-color: #fff;}

.gal-4 {margin: 10px 0;}
.gal-4 a {flex: 1 25%; max-width: 25%}

.gal-3 {margin: 10px 0;}
.gal-3 a {flex: 1 33.3%; max-width: 33.3%}

.gal-item__thumb {display: block;}
.gal-item__thumb-i {width: 100%; display: block;}



/* errors */
#alerts {margin-bottom: 1em;}
#alerts .alert ul li {background: none; padding: 0px;}
.alert {padding: 20px 0px 30px 0em; color: #fff;}
.error {background: red;}
.msg {background: green;}
.clause {border-top: 1px solid tomato; padding-top: 1em; margin-top: 1em;}
.clauseData {background: tomato; padding: 0.5em 1em; font-size: 0.8em; color: #ffcccc; margin-top: 1em;}

#dbg {position: absolute; right: 10px; top: 10px; font-size: 11px; font-family: Courier; background: #ffff99; padding: 15px; text-align: left; z-index: 999; max-width: 500px;}
#dbg a {position: absolute; text-decoration: none; height: 20px; line-height: 22px; width: 20px; text-align: center; background: darkorange; color: #fff; font-weight: bold; font-size: 20px; right: 0px; top: 0px;}
#dbg a:hover {background: transparent; color: #333;}

/* clear */

.clear:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
.clear {display: inline-block;}
/* Hide from IE Mac \*/
.clear {display: block;}
* html .clear {height: 1px;}
/* End hide from IE Mac */

/* counter */

.counter {margin-bottom: 30px; 	}

.text .counter a {text-decoration: none; }
	.cnt-all {font-size: 0.9em; color: #808080; float: left; height: 30px; line-height: 32px; background: #efefef; padding: 0px 15px;}
	.cnt-value {}
	.cnt-line {float: left; height: 30px;}
	.cnt-num, .cnt-button {background: #efefef; float: left; height: 30px; line-height: 32px; width: 30px; padding: 0px; margin-left: 10px; 
		text-align: center; color: #808080; position: relative;}
	.cnt-num:hover, .cnt-button:hover {background: #ffffff; color: #000;}
	.cnt-emph {background: #719271; color: #fff;}
	.cnt-emph:hover {background: #ddd; color: #aaa;}
	.cnt-division {float: left; display: none;}
	.cnt-button {}
	
	.cnt-tail {display: none;}
	.cnt-fake-next-button, .cnt-fake-nextnext-button, .cnt-fake-back-button, .cnt-fake-backback-button {background: #efefef; opacity: .5;}
	a.back:hover, a.next:hover, a.backback:hover, a.nextnext:hover {background-color: #fff;}
	.cnt-fake-next-button {width: 7px;}
	.cnt-fake-nextnext-button {width: 14px;}
	
	.cnt-line .back:after, .cnt-line .backback:after, .cnt-line .next:after, .cnt-line .nextnext:after {
		position: absolute; top: 0; right: 0; width: 100%; text-align: center; font-size: .8em; opacity: .5;
	}
	.cnt-line .back:after {content: "◄"; font-family: Arial, Helvetica, sans-serif;}
	.cnt-line .backback:after {content: "◄◄"; letter-spacing: -4px; margin-right: 4px; font-family: Arial, Helvetica, sans-serif;}
	.cnt-line .next:after {content: "►"; font-family: Arial, Helvetica, sans-serif;}
	.cnt-line .nextnext:after {content: "►►"; letter-spacing: -4px; margin-left: 4px; font-family: Arial, Helvetica, sans-serif;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000; margin-bottom: 40px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:transparent; padding: 28px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; line-height: 1.4em;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; line-height: 1.4em;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}                                                                        
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.svg) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.svg) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:10px; right:0px; display:block; background:url(img/controls.svg) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
       

/* subcat */
.text .subcat li {margin-top: .25rem; margin-bottom: .25rem;}
.text .subcat li:before {content: "";}
.text .subcat a {display: block; color: #fff; text-decoration: none; font-size: 20px; line-height: 1.3em; position: relative; min-height: 120px; background: #4E774D; width: 100%;}
.text .subcat span {display: block; padding: 1em; }    
.text .subcat a:hover {color: #2A425A; background: transparent; opacity: 1}

.subcat li a {opacity: .6;}
.subcat .nav1 a {opacity: 1;}
.subcat .nav2 a {opacity: .95;}
.subcat .nav3 a {opacity: .90;}
.subcat .nav4 a {opacity: .85;}
.subcat .nav5 a {opacity: .80;}
.subcat .nav6 a {opacity: .75;}
.subcat .nav7 a {opacity: .70;}
.subcat .nav8 a {opacity: .65;}

	
/* tabs */

.tabs { padding-top: 41px; position: relative; margin: 20px 0px;}
.t-hide { display: none; }
.t-panel { border-top: 1px solid #ddd; padding: 0em 0em; padding-top: .5em}                                                                  
.t-active .t-nav {height: 42px; position: absolute; top: 0px; margin: 0px; z-index: 20;}
.t-nav {list-style-type: none; margin: 0px;}
.t-nav li {float: left; margin: 0px; margin-right: 1px; border: 1px solid #ddd; background: #efefef; padding: 0px;}
#page .t-nav li:before {content: "";}
.t-nav a {float: left; padding: 0em 1em; line-height: 40px; text-decoration: none; color: #333;}
.t-nav a:hover {background: #fff;}
.t-disabled a {color: silver;}
.t-disabled a:hover {background: #efefef;}
.tabs .selected, .fake-tabs .selected {border-bottom: 1px solid #fff; background: #fff;}

#page .fake-tabs {border-bottom: 1px solid #dcdcdc; position: relative; margin-left: 0px;}
#page .fake-tabs li {float: left; background: none; height: 60px; overflow: visible; padding: 0px; border: 1px solid #dcdcdc; margin-right: 1px; position: relative; margin-bottom: -1px;}
#page .fake-tabs li:before {content: "";}
#page .fake-tabs a {display: block; line-height: 20px; padding: 10px 15px 0px 15px;}
#page .fake-tabs li.active {border-bottom: 1px solid #fff;}
#page .fake-tabs li.active a {text-decoration: none; color: #333; font-weight: bold;}

/* .t-panel { border: 1px solid #ddd; padding: 1.5em 1.5em;} pro full framed panel */

#page .t-nav li {background: none; padding: 0px;}

/* index */

#ix-top {background: #4E774D; color: #fff; padding: 1.5rem 0 3rem 0;}
#ix-top a {color: #fff; }
#ix-top .cols > * {margin: 1rem 0;}

#ix-top .tabs {margin-top: 0px;}
#ix-top .t-panel {border-top: none;}
#ix-top .t-panel > * {margin-top: 0px; margin-bottom: 1rem;}
#ix-top .t-nav li {margin-right: -1px; border: 1px solid #719271; border-top: 1px solid transparent; font: bold italic 16px/20px "fira";}
#ix-top .t-nav li:first-child {border-left: 0px solid;}
#ix-top .t-nav li:last-child {border-right: 0px solid;}
#ix-top .t-nav li.selected { border-bottom: 1px solid #4E774D; }
#ix-top .t-nav li a {color: #fff; opacity: .4; padding: 0 1rem .75rem 1rem; line-height: 1rem;}
#ix-top .t-nav li:first-child a {padding-left: 0;}
#ix-top .t-nav li.selected a {opacity: 1}
#ix-top .t-nav a:hover {background: transparent; color: #fff; opacity: 1;}

.ixn {display: flex; }
.ixn__img {width: 20%; margin-right: 1.5rem;}
.ixn__img-i {width: 100%; display: block; height: auto; }
.ixn__title {font-size: 16px; margin: 0px;}
.ixn__tech {color: #F2B63D; font-size: .75rem; font-weight: 400; padding-left: .3em;}


/* index teasers */
	
.ixt h2 {font-weight: normal; color: #CC9933; margin-top: 10px; font-size: 1rem; line-height: 1.3;}
.ixt h2 a {text-decoration:none; color: inherit; }
.ixt a {display: block; text-align: center;}
.ixt__links {z-index: 20; border-bottom: 1px solid #CC9933;}
.ixt__links-img {width: auto; height: 80px; margin-top: 30px;}

.ixt__block {width: 100%; z-index: 10; }
.ixt__img {display: block; width: 100%; height: 0; padding-top: 28.5%; overflow: hidden; position: relative; text-decoration: none; z-index: 10}
.ixt__img-i {width: 100%; height: auto; display: block; position: absolute; left: 0; top: 0;}
.ixt__img-desc { background: #748145; padding: 1.5rem 5%; color: #fff; font: bold italic 16px/24px "fira";	}

.arrow-on-parent-emph {position: relative; height: 100%;}

@media all and (min-width: 900px) {
	.arrow-on-parent-emph {padding-bottom: 1.5rem;}
	.emph .arrow-on-parent-emph:after { content: ''; position: absolute; border: solid transparent; border-width: 20px; border-top-color: #fff; left: 50%; margin-left: -20px; width: 0px; height: 0px; top: 100%; display: block;}
	.ixt__links {border-bottom: 0px none}
}

@media all and (min-width: 1200px) {
	.ixt h2 {font-size: 1.6rem;}
	.ixt__links { border: none; }
	.ixt__img-desc {position: absolute; z-index: 100; bottom: 0px; left: 0px; width: 45%; padding: 1.5rem 2rem;}
	.ixt__img-content {max-width: 1200px; width: 90%; position: relative; margin: 0px auto; }
}

/* index articles*/

#ix-fixed {padding: 40px 0px;}
#ix-fixed .col .perex {}
#ix-fixed .col img {width: 100%; height: auto; border-radius: 3px;}
#ix-fixed h3, #ix-fixed h3 a {color: #4E774D;}

/* index commerce */

.ixc__img {z-index: 10; display: block; width: 100%; height: 0; padding-top: 28.5%; overflow: hidden; position: relative; text-decoration: none; z-index: 10}
.ixc__img-i {width: 100%; height: auto; display: block; position: absolute; left: 0; top: 0;}
.ixc__img-desc { background: #CC9933; padding: 1.5rem 5% 2rem; color: #fff; font: bold italic 16px/24px "fira";	}
.ixc__img-desc h2 {margin: 0 0 1rem; color: #fff;}
.ixc__img-desc p:last-child {margin-bottom: 0}
.ixc__img-desc a {color: inherit;}
.ixc__btns {padding: 1rem 5%; background: #efefef;}
.ixc__btns .btn {font-weight: bold;}

@media all and (min-width: 1200px) {
	.ixc__img-desc {position: absolute; z-index: 20; bottom: 0px; left: 0px; width: 31%; padding: 1.5rem 2rem;}
	.ixc__img-content {max-width: 1200px; width: 90%; position: relative; margin: 0px auto; }
	.ixc__btns {position: absolute; bottom: 0px; z-index: 20; left: 34%; margin-left: 0px; padding: 1.5rem 0; background: none;}
	.ixc__btns .btn {margin: 0 20px 0 0;}
}


/* articles */


.al-list .thumb {width: 100%;}
.al-list .thumb img {width: 100%; height: auto;}
.g-index .al-list .thumb {float: left; width: 12%; margin-right: 3%; margin-top: 5px; }
.al-list .al-text {float: left; width: 85%;}

.shr > * {vertical-align: top; display: inline-block; line-height: 43px; height: 40px; margin-right: .33rem; color: #CC9933;}
.shr .shr__link {fill: #CC9933; width: 40px;  }
.shr .shr__link:hover {fill: #333;}
.shr__link svg {width: 60%; height: 60%; margin: 20%;}
.shr__link--linkedin svg {width: 80%; height: 80%; margin: 10%;}
.shr em {margin-right: .5rem;}


/* social */
#ix-social {background: #dcdcdc;}
#ix-social .cols {padding: 2rem 0 5rem;}
#ig h2 span { display: inline-block; vertical-align: top; float: right; line-height: 2.1em; font-size: 0.72em; color: #CC9933;}
#ig h2 a { color: inherit; }

.instagram-feed {display: flex; flex-wrap: wrap;}
.instagram-feed a {flex: 1 25%; box-sizing: border-box; padding: 1px;}
.instagram-feed img {display: block; width: 100%;}

/* kalendare */
.cal {margin: 1em 0em 3em 0em;}
.cal p {border-top: 1px solid #efefef; padding-top: 1.5em;}
.cal p:first-child {border: none; padding: 0px;}
.pg-index .cal p {border-color: #719271; padding-top: 1em; margin-bottom: 1em; }
.pg-index .cal p:first-child {padding-top: 0px}
.pg-index .cal {margin: 0em 0em 1.5em 0em;}
#ix-top h2 {font-size: 16px; margin: 0px 0px 1em 0px;}

@media screen and (max-width: 1024px) {
	section > .content, header .content, nav .content {width: 90%; margin: 0px 5%;}
}

/* card */
.card__img {display: block; width: 100%; height: 0; padding-top: 66%; background: #efefef;}
.card__img img {width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;}

/* links */
.links__title--with-i,  .links__perex--with-i {margin-left: 100px;}
.links__title-link {display: block;}
.links__i {position: absolute; right: 100%; max-width: 80px; height: auto; margin: .5rem 1.5rem 0 0;}

/* winery */
.wine {background: #ac2750; font-size: 1.6rem;}
.wine__inner { max-width: 1200px; width: 90%; margin: 0px auto; padding-block: 1rem; display: flex; justify-content: flex-start; gap: 1rem; align-items: center;}
.wine__link { display: inline-block; text-decoration: none; position: relative; padding: 0px 15px; background: #811d3b; color: #fff; font-style: italic; font-size: 16px; line-height: 40px; margin: 0 2px 2px 0; vertical-align: top; padding: 0px 36px 0px 15px; }
.wine__link::after { content: "►"; position: absolute; right: 10px; color: rgb(255, 255, 255); opacity: 0.5; }