/* 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; }
.p-15 {padding: 15px;}
.mt-0 {margin-top: 0px;}
.mt-05 {margin-top: .5rem;}
.mt-1 {margin-top: 1rem;}
.mt-10 {margin-top: 1rem;}
.mt-15 {margin-top: 1.5rem;}
.mt-3 {margin-top: 3rem;}

.mb-0 {margin-bottom: 0px;}
.mb-05 {margin-bottom: .5rem;}
.mb-1 {margin-bottom: 1rem;}
.mb-10 {margin-bottom: 1rem;}
.mb-15 {margin-bottom: 1.5rem;}
.mb-20 {margin-bottom: 2rem !important;}
.mb-3 {margin-bottom: 3rem;}

.my-3 {margin-top: 3rem;}
.my-15 {margin-top: 1.5rem;}

.right {text-align: right;}
.center {text-align: center;}

.red {color: #E04443}

.d-block {display: block;} 

/* video */

.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 { 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;}

/* 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 */

/* doclist */

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

/* errors */

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

#dbg {position: fixed; right: 10px; top: 10px; font-size: 11px; font-family: Courier; background: #ffff99; padding: 15px; text-align: left; z-index: 999; max-width: 500px; max-height: 100vh; overflow: auto;}
#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; z-index: 1000;}
#dbg a:hover {background: transparent; color: #333;}

/*
    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.png) 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.png) 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.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		
/* 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;}

/* counter */

.counter {margin-bottom: 30px; }

.counter a {text-decoration: none;}
	.cnt-all {font-size: 0.9em; color: #808080; float: right; height: 30px; line-height: 30px; background: #efefef; padding: 0px 15px;}
	.cnt-value {}
	.cnt-line {float: right; height: 30px;}
	.cnt-num, .cnt-button {background: #efefef; float: left; height: 30px; line-height: 30px; width: 30px; padding: 0px; margin-right: 5px; 
		text-align: center; color: #808080; position: relative;}
	.cnt-num:hover, .cnt-button:hover {background: #ffffff; color: #000;}
	.cnt-emph {background:#9CC801; 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: #fff;}
	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: "◄"; }
	.cnt-line .backback:after {content: "◄◄"; letter-spacing: -4px; margin-right: 4px;}
	.cnt-line .next:after {content: "►"; }
	.cnt-line .nextnext:after {content: "►►"; letter-spacing: -4px; margin-left: 4px;}

/* links */                                                         
#soc-links {position: fixed; top: 0px; right: 0px; z-index: 10; height: 722px; width: 60px; overflow: hidden; display: none;}
#soc-links a {position: absolute; right: -20px; background: url("img/btns5.png") no-repeat left top; }
#soc-links img {height: 100px; width: 60px; float: left;}
#soc-links #l-fb {background-position: 0px 0px; height: 106px; top: 0px;}                        
#soc-links #l-tw {background-position: 0px -108px; top: 210px;}
#soc-links #l-yt {background-position: 0px -210px; top: 312px;}
#soc-links #l-fl {background-position: 0px -312px; top: 108px;}
#soc-links #l-cm {background-position: 0px -414px; top: 414px;}
#soc-links #l-ga {background-position: 0px -516px; top: 516px;}
#soc-links #l-is {background-position: 0px -618px; top: 618px;}
#soc-links a:hover {right: -10px;}

/* banner promo */

#bnr-wrap {width: 100%; position: relative; }
#bnr-wrap .bnr {width: 100%; position: relative;}
#bnr-wrap img {width: 100%;}
.bnr-txt {position: absolute; top: 25px; right: 25px; font-family: "open sans", helvetica, arial, sans-serif; color: #999; font-weight: bold; font-style: italic; font-size: 20px; text-align: right;}
.bnr-txt .subtitle {font-style: normal; color: #fff; margin-right: 25px;}
.bnr-txt .title {color: #fff; font-size: 33px; margin: 0em 0; }
.bnr-txt p {margin-right: 25px; line-height: 1.5em;}

#bnr-nav {position: absolute; top: 0px; right: 10px;}
#bnr-nav ul {height: 30px; line-height: 30px; margin: 0;}
#bnr-nav ul li {float: left; width: 30px; margin-right: 2px;}
#bnr-nav ul li a {text-align: center; float: left; height: 30px; width: 30px; text-decoration: none;
        background: #888; background: rgba(255, 255, 255, 0.25);
        font-family: "open sans", helvetica, arial, sans-serif; color: #fff; font-weight: bold;
        }
#bnr-nav ul li a:hover {background: #aaa; background: rgba(255, 255, 255, 0.5);}
#bnr-nav ul li.emph a, #bnr-nav ul li.emph a:hover {background: #e04443; background: rgba(224, 68, 67, 0.9);}

/* tinyico */

.tinyico {width: 8px; display: inline-block; line-height: 1.4em; text-decoration: none; margin-right: 3px;}
.twitter {background: url("img/ico-fbtw.png") no-repeat -8px center;}
.facebook {background: url("img/ico-fbtw.png") no-repeat 0px center;}
.icolink {vertical-align: top; margin: 6px 2px 0px 1px}

/* buttons */

.btn, .button, .submit {background: #E04443; }
input.btn, input.button, input.submit, button { width: auto; overflow: visible; border: 0px solid;}
#page .btn, #page .button, #page .submit {padding: 0em 1em; line-height: 34px; display: inline-block; text-decoration: none; font-size: 12px; text-transform: uppercase; letter-spacing: .1rem; color: #fff; font-weight: bold; margin: 0px 2px 2px 0px; vertical-align: top;}
#page .lightbutton {background: #eee; color: #333; font-weight:normal;}
#page .btn:hover, #page .button:hover, #page .submit:hover {cursor: pointer; background: #333; color: #fff;}


.btn--xmas {text-shadow: none;}
.btn--xmas svg {
	height: 24px;
    width: 24px;
    margin-left: 0;
    margin-right: .5rem;
    vertical-align: top;
    margin-top: 3px;
}

/* icons */
.ico {width: 34px; height: 34px; text-align: center; line-height: 30px; display: inline-block; background: #dcdcdc;	text-decoration: none; margin: 0px 5px 0px 0px; vertical-align: top; position: relative;}
.ico-search:after {content: url("img/ico-search-white.svg"); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.text .tinyico {text-decoration: none;}

/* subcat */
.text .subcat-in-text {margin: 1.5rem 0rem; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
.text .subcat-in-text li:before {content: ""; padding: 0; margin: 0; }
.text .subcat-in-text li {background: #E04443; }
.text .subcat-in-text a {color: #fff; font-weight: bold; text-decoration: none; display: block; padding: .36rem .36rem; position: relative;	}
.text .subcat-in-text a:hover {background: #333; color: #fff; }
.text .subcat-in-text a.http:after {content: url("/img/icons/ico-w-external-link-alt.svg"); position: absolute; height: 10px; right: .5rem; top: .4rem; opacity: .5}
.text .subcat-in-text a.http:hover:after {opacity: 1;}

/* year chooser */
.yearchooser a {display: inline-block; font-size: 12px; letter-spacing: .1rem; color: #fff; font-weight: bold; margin: 0px 2px 2px 0px; vertical-align: top; background: #E04443; text-decoration: none; line-height: 34px; padding: 0em 1em;}
.yearchooser a:last-child {margin-bottom: 2px;}

/* shop */
.info .price, .subHead .price {display: inline-block; vertical-align: top; line-height: 34px; padding-right: .5rem;}
.pg-shop .info .tinyicons {line-height: 34px; vertical-align: top; display: inline-block; }

/* cart */
.tb-cart {margin-bottom: 1rem;}
.tb-cart a {color: #e04443;} 
.tb-cart .line {border-bottom: 1px dashed #e04443; padding-bottom: 15px; margin-bottom: 15px;}
.tb-cart .total div {float: left;}
.tb-cart .crt-total-title {width: 80px;}
.tb-cart .total .pcs {width: 50px; text-align: center;}
.tb-cart .total .crt-price {width: 70px; text-align: right;}
.tb-cart .line div {float: left;}
.tb-cart .line .crt-price {font-weight: bold; padding: 0px 5px;}

.text .crt__item-price {white-space: nowrap;}
.text .crt__pcs {white-space: nowrap;}
.text .crt__pcs a img {width: 18px; height: 18px;}
.text .crt__pcs * {text-decoration: none; display: inline-block; vertical-align: middle;}
.text .crt__pcs > a {color: red; padding: 0 .2rem;}
.text .crt__pcs-count {width: 3rem; text-align: center;}

#bt-empty {margin-top: 2px;}

#aside .tb-cart {margin-bottom: 1.3em;}

#tbchck .crt-pcs {float: left; width: 65px;}
#tbchck td {vertical-align: top;}
.shp_nl {margin-bottom: 1.5em;}
#tags .button {margin-bottom: 2px;	}
#tags {margin-bottom: 20px;}

.prod-list .price {font-size: 12px; padding-right: 5px; font-weight: bold;}
#summary {background: #f3f3f3; padding: 1px 20px; margin: 20px 0px;}
#summary .tbMain, #summary .tbMain td {border-color: #aaa;}
#summary .tbMain {margin-top: 0px;}

/* events */

.eventsListItem h2 .date, .eventsListItem h2 .cat {font-weight: normal; color: #999; font-size: .8em; display: inline-block; border-left: 1px solid #999; padding: 0 .5rem; line-height: 1em; margin-top: .6rem;}
.eventsListItem h2 .date {border: 0px solid; padding-left: 0px;}

/* tbMain / table */

table.tbMain {width: 100%; position: relative; margin: 2em 0em 2.5em 0em; border-top: 2px solid #E2E9F1;}
table.tbMain tbody td {padding: 0.5em 0.2em; border-bottom: 1px solid #EAEFF5;}

/* gallery */

.gImgs {display: flex; flex-wrap: wrap;}
.gImgs .gImg {border: 2px solid #D8DFE3; position: relative; flex: 1 0 20%; max-width: 20%;}
.gImgs .gImg:hover {border-color: #8e9ea8;}
.gImgs .gImg img {display: block; width: 100%; height: auto;}

/* galList */

.galListItem h2 {margin: 0em;}
.galList .last {border-bottom: none;}

/* gallery main */

.gmImgs {display: flex; flex-wrap: wrap;}
.gmImgs .gImg {flex: 1 0 20%; max-width: 20%; border: 1px solid #fff;}
.gmImgs .gImg:hover {border-color: #8e9ea8;}
.gmImgs .gImg img {display: block; width: 100%; height: auto;}

/* valuelist */
.valuelist li {display: flex;}
.valuelist .value {}
.valuelist .label {font-weight: bold; padding-right: 1rem; min-width: 30%;}
.vl-10 .label {min-width: 10%;}
.vl-5 .label {min-width: 5%;}

/* calsmall */

.calsmall {width: 100%; margin: 0px; position: relative; background: #ddd; z-index: 10;}
.calsmall .days {width: 100%;}
.calsmall .cell {float: left; width: 14.3%; height: 40px; margin-bottom: 1px; background: #f5f5f5; position: relative; z-index: 10;}
.calsmall .cell span.day {font-size: 9px; position: absolute; font-family: arial; right: 3px; bottom: 3px; line-height: 9px;}
.calsmall .md {background: #fff; color: #202020; z-index: 10;}
.calsmall .d0 {background: #ddd; width: 14.2%} /* nedele */
.calsmall .d6 {background: #E9E9E9;} /* sobota */
.calsmall .emphCell {background: #f99; }
.calsmall .cell:hover {background: #f3f3f3; z-index: 80;}         
.calsmall .cell:last-child {width: 14.2%}
.calsmall .today, .calsmall .today:hover {background: #3B6396; color: #fff;}

.calsmall .ttip {position: relative; z-index: 10; width: 100%; height: 10px; line-height: 18px; display: block; float: left; background: #e04443; text-decoration: none; color: black; cursor: pointer;}
.calsmall .tt-title {text-decoration: none; display: block; height: 100%;}                                                

/* hanzel */

.tt-detail {background: #444; color: #fff; position: absolute; bottom: 100%; left: 50%; z-index: 90; padding: 10px 15px; width: 220px;}
.tt-detail .description {color: gray; margin-top: 0.75em; padding-top: 0.75em; border-top: 1px solid #eec;}
.tt-detail p {margin: 0px; }
.tt-detail a {color: lightsteelblue;}
.tt-detail-title {font-weight: bold;}

.mnStepper {background: #f3f3f3; padding: 0.5em 0.5em 0.5em 1em; border-bottom: 1px solid #ccc;}
.mnStepper .title {float: left; font-weight: bold; }
.mnStepper .step, .mnStepper .dtPickWrap {float: right;}
.mnStepper .step {width: 20px ;height: 20px; display: inline-block; position: relative;}
.mnStepper .step:after {content: ""; border-width: 5px 10px 5px 0px; border-color: transparent #333 transparent transparent; border-style: solid; position: absolute; right: 0px; top: 5px;}
.mnStepper .next:after {content: ""; border-width: 5px 0px 5px 10px; border-color: transparent transparent transparent #333; border-style: solid; position: absolute; right: 0px; top: 5px;}
.mnStepper .step:hover {opacity: .5;}
.mnStepper input {height: 11px; line-height: 11px; padding: 0px; width: 80px; margin: 0px; float: left; margin-top: 2px;}
.mnStepper .datepick-trigger {float: left;}

.gHanzel #aside .calsmall {margin-top: 46px}
.h-gal {margin: 0px -1px 15px -1px;}
.h-gal a {float: left; margin: 1px;}
.h-gal img {float: left;}
.h-audio {position: relative; border: 1px solid #E5E5E5; padding-left: 45px; background: url("img/ico-hanzel.png") no-repeat 0 0; margin-bottom: -1px;}
#page .h-audio .title {display: block; line-height: 33px; text-decoration: none; color: #333;}
.h-audio .title strong {text-decoration: underline; padding-left: 5px; display: inline-block;}
.h-audio .js-hide {padding-bottom: 10px; margin-right: 20px; padding-top: 10px; border-top: 1px solid #e5e5e5;}
.audio-block {margin: 1.5rem 0; font-size: .9em;}
.sm2_link {position: relative; display: inline-block; line-height: 25px; margin: 0px 0px 3px 0px; margin-left: 30px; }
.sm2_link:before {content: "►"; position: absolute; left: -30px; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #dcdcdc; top: 0px; text-align: center;}
.sm2_playing:before {content: "►"; background: #e04443; line-height: 25px;}
.sm2_paused:before {content: "■"; background: #e04443; line-height: 21px; font-size: 16px}

#hanzel-show {position: relative; color: #e04443;}

/* kalendar / calendar */

.calStepperMn {position: absolute; right: -5%; top: -.2em; vertical-align: top;}

.wgc, .wgc a, .wgc h3 {color: #fff; position: relative;}
.wgc {margin: 3rem 0;}
.wgc-wrap {position: relative; overflow-x: auto; }
.wgc-slider {position: relative; display: flex; }
.wgc-list-day {background: silver; margin-right: 1px; white-space: nowrap; margin-bottom: 5px; position: relative;}
.wgc-list-day > strong {font-size: 1.6rem; display: block; padding: 1rem 1rem .5rem 1rem;}
.wgc-list-day > strong small {font-size: 14px; }
.wgc-list-items {display: flex; border-color: inherit;}
.wgc-list-items a {text-decoration: none; font-size: 14px; font-weight: bold; display: block; padding: .5rem 1rem 1rem 1rem;}
.wgc-list-items a:hover {background: rgba(0,0,0,.1); }
.wgc-list-item {border-color: inherit; border-left: 1px solid #fff; position: relative; flex: 1;}
.wgc-list-item.active {background: rgba(0,0,0,.1); }
.wgc-list-item.active:after {content: ""; position: absolute; width: 100%; background: inherit; height: 0px; border-bottom: 5px solid silver; left: 0; bottom: -5px;}
.wgc-list-item:first-child {border: 0px solid;}
.wgc .wgc-pane { display: none; }
.wgc .wgc-pane.active {display: block; overflow: hidden;}
.wgc .wgc-pane .cols {display: flex; margin: 0 -15px; background: #007E91;}
.wgc .wgc-pane .cols > * {margin-bottom: 0px;}
.wgc .wgc-pane-thumb {overflow: hidden; position: relative; padding-bottom: 0px;}
.wgc .wgc-pane-content {padding: 0px;}
.wgc .wgc-image {display: inline-block; vertical-align: top; padding: 0; margin: 1rem; }
.wgc .wgc-image:first-child {margin-right: 0;}
.wgc .wgc-next-to-image {display: inline-block; vertical-align: top; padding: 0; margin: 1rem;}
.wgc .wgc-image img {display: block; width: 50px; height: 50px;}
.wgc-pane-thumb img {object-fit: cover; width: 100%; height: 100%; display: block;}
.wgc-perex { padding: 0px; position: relative; left: -15px; box-sizing: content-box; padding: 30px;}
.wgc h3 {font-size: 1.6rem; padding: 0px; margin: 0px; margin-bottom: 30px;}
.wgc h3 .ico {background: #0097AA }
.wgc h3 .ico:hover {background: #007E91 }
.wgc h3 .icons {padding-left: 1rem;}
.wgc-today {background: #E04443; color: #fff; position: absolute; top: 0; right: 0; font-size: 12px; font-style: normal; padding: 0 .3rem; font-weight: bold;}

.widget-blocks-2 {margin: 3rem 0;	}
#page .widget-blocks-2 > * {overflow: hidden; margin: 0;}
.wb2-image img {object-fit: cover; width: 100%; height: 100%;}

/* profiles / people */

.profiles-thumb-list .thumbed {flex-wrap: wrap;}
.profiles-thumb-list .thumbLink {display: block; position: relative;}
.profiles-thumb-list img.thumb {max-width: 150px; width: 80%; margin-right: 2rem;}
@media screen and (max-width: 500px) {
    .profiles-thumb-list .thumbed .thumb-field {flex: 1 100%; max-width: 100%;}
}

/* grid */

.cols {display: flex; justify-content: start; align-items: stretch; flex-wrap: wrap; }
.cols > * {box-sizing: border-box; padding: 0 15px; margin-bottom: 15px;}
.cols .cols {margin-left: -15px; margin-right: -15px;}

.col1  {flex: 1  8.33%; max-width:  8.33% }
.col2  {flex: 1 16.66%; max-width: 16.66% }
.col3  {flex: 1 24.99%; max-width: 24.99% }
.col4  {flex: 1 33.32%; max-width: 33.32% }
.col5  {flex: 1 44.65%; max-width: 44.65% }
.col6  {flex: 1 49.98%; max-width: 49.98% }
.col7  {flex: 1 58.31%; max-width: 58.31% }
.col8  {flex: 1 66.64%; max-width: 66.64% }
.col9  {flex: 1 74.97%; max-width: 74.97% }
.col10 {flex: 1 83.30%; max-width: 83.30% }
.col11 {flex: 1 91.63%; max-width: 91.63% }
.col12 {flex: 1   100%; max-width:   100% }

.cols-stack {width: 100%; display: block;}
#page .cols-stack > * {display: inline-block; flex: none; vertical-align: top; margin: 15px 0;}

.cols-stack .col1  {width:  8.33%; max-width:  8.33% }
.cols-stack .col2  {width: 16.66%; max-width: 16.66% }
.cols-stack .col3  {width: 24.99%; max-width: 24.99% }
.cols-stack .col4  {width: 33.32%; max-width: 33.32% }
.cols-stack .col5  {width: 44.65%; max-width: 44.65% }
.cols-stack .col6  {width: 49.98%; max-width: 49.98% }
.cols-stack .col7  {width: 58.31%; max-width: 58.31% }
.cols-stack .col8  {width: 66.64%; max-width: 66.64% }
.cols-stack .col9  {width: 74.97%; max-width: 74.97% }
.cols-stack .col10 {width: 83.30%; max-width: 83.30% }
.cols-stack .col11 {width: 91.63%; max-width: 91.63% }
.cols-stack .col12 {width:   100%; max-width:   100% }

.col-inner {background: #fff; padding: 30px 5%;}

	
@media screen and (max-width: 1200px) {
	.cols .col-lg-8 {flex: 1 66.6%; max-width: 66.6%;}
	.cols .col-lg-4 {flex: 1 33.3%; max-width: 33.3%;}
}

@media screen and (max-width: 980px) {
    .cols > * {flex: 1 100%; max-width: 100%; overflow: hidden;}
    #page .cols-stack > * {display: block; width: 100%; max-width: 100%;}
}

@media screen and (max-width: 800px) {
    .cols > * {flex: 1 100%; max-width: 100%; overflow: hidden;}
    #page .cols-stack > * {display: block; width: 100%; max-width: 100%;}
	.cols .col-sm-12 {flex: 1 100%; max-width: 100%; overflow: hidden;}
}

.gcols {display: flex; justify-content: start; align-items: stretch; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.gcols > * {flex: 1 100%; max-width: 100%; box-sizing: border-box; padding: 0 15px; margin-bottom: 15px;}


@media screen and (min-width: 500px) {
  
}

@media screen and (min-width: 800px) {
  
}

@media screen and (min-width: 980px) {
	.gcols .col-lg-9 {flex: 1 75%; max-width: 75%;}
	.gcols .col-lg-4 {flex: 1 33.3%; max-width: 33.3%;}
	.gcols .col-lg-3 {flex: 1 25%; max-width: 25%;}
}


.widget-product {margin: 3rem 0;}
#page .widget-product .btn, #page .widget-product .tag {margin-top: .5rem;}
.widget-product h3 {margin-bottom: .5rem;}
.widget-product .col1 {margin-bottom: 30px;}

.ix-bio-small {margin: 0 0 3rem 0;}
.ix-bio-small .col1 {margin-bottom: 30px;}
.ix-bio-small .thumb-wrap {width: 100%; height: 0px; padding-bottom: 56%; background: #efefef; position: relative;}
.ix-bio-small .thumb {position: absolute; width: 100%; height: 100%; object-fit: cover;}

.widget-conference, .widget-support, .widget-banners, .widget-news {margin: 3rem 0;}

.widget-banners .col1 {margin-bottom: 30px;}

.widget-links {position: relative;}
.widget-links li {}
.widget-links a {display: block; padding: 15px; text-decoration: none; color: #fff; font: bold 1.25rem/1.3em "roboto"; }
.widget-links > *:nth-child(1) > a {opacity: .9;}
.widget-links > *:nth-child(2) > a {opacity: .85;}
.widget-links > *:nth-child(3) > a {opacity: .8;}
.widget-links > *:nth-child(4) > a {opacity: .75;}
.widget-links > *:nth-child(5) > a {opacity: .7;}
.widget-links > *:nth-child(6) > a {opacity: .7;}
.widget-links > * > a:hover {opacity: 1}

.wgl-horizontal {margin: 3rem 0;}
.wgl-horizontal a {min-height: 6rem;}

.wgl-vertical {display: flex; flex-direction: column; }
.wgl-vertical a {margin-bottom: 1rem;}

.widget-signin {position: relative; margin: 3rem 0;}

.widget-archive {align-items: center;}
.widget-archive .text {font-size: 1.25em;}
.widget-archive ul {column-count: 2; margin-top: 1em; margin-bottom: 1em;}
.widget-archive ul strong {display: inline-block; width: 4em; background: #dcdcdc; text-align: right; padding-right: .5em; margin-right: .3em;}
.widget-archive li {margin: 1px 0}


#scr0 .widget-social-links {position: absolute; bottom: 4.3rem; margin: 0; }
.widget-social-links {display: flex; flex-wrap: wrap; margin: 1.5rem 0 .5rem 0; }
.widget-social-links a {display: inline-block; margin-right: 1rem; margin-bottom: 1rem; line-height: 50px;}
.widget-social-links img {width: 50px; height: 50px; background: red; display: block;}
#page .widget-social-links .btn {margin-right: 1rem; margin-bottom: 1rem; line-height: 50px; padding: 0 1rem;}


#scr0 {position: relative; background: darkgray; padding-bottom: 0;}
#scr0 img.main {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0;}
#scr0 blockquote {position: absolute; margin: 0; bottom: 200px; background: transparent; color: #fff; font-size: 2rem; line-height: 1.3em; text-shadow: 1px 1px 10px rgba(0,0,0,.7);}
#scr0 em {font-weight: bold; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; display: block; color: #dcdcdc; padding-top: .5rem; font-style: normal;}

.si__hn-hc-links {position: absolute; width: calc(((100vw - 70px) / 8) *2 ); top: 70px; right: 0;}
.si__hn-hc-links > a {display: block; width: 100%; box-sizing: border-box; padding: 1.25vw 1vw 1.0vw 2vw; opacity: .9; text-decoration: none;}
.si__hn-hc-links > a:hover {opacity: 1;}

.si__hn-link { background: #3397A9;}
.si__hn-link { background: #E04443;}
.si__hn-link svg {max-width: 100px;}

.si__hn-link span {display: block; color: #fff; margin-top: .5rem;}

.si__hc-link { background: #fff; color: #333;}
.si__hc-link svg {max-width: 100px;}
.si__hc-link span {display: block; margin-top: .5rem;}

.si__hn-hc-links > .si__ts-link { background: #0097AA; color: #fff; padding: 1.75rem 2vw;}
.si__ts-link svg {max-width: 100px;}
.si__ts-link span {display: block; font-weight: bold; font-size: 1rem; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3; text-align: left;}

.si__hn-hc-links > .si__3-link {
	color: #333; padding: 1.5rem 2vw 1.5rem 2vw;
	background: #293660
}
.si__3-link img {display: block; max-height: 60px;}


/*
.si__kvhq {position: absolute; top: 80px; left: calc(6.25vw - 20px); box-sizing: border-box; text-decoration: none;}
.si__kvhq img {height: 100px;}
*/

@media all and (max-width: 980px) {
	#scr0 {background: #333;}
	
	#scr0 blockquote,
	#scr0 .widget-social-links,
	#scr0 .si__kvhq,
	.si__hn-hc-links 
	{position: relative; top: auto; bottom: auto; font-size: 1.5rem; margin-bottom: 2rem; display: block; text-align: center;}	

	#scr0 img.main {opacity: .5}
	#scr0 blockquote {padding: 0 10px}
	#scr0 em {line-height: 1.5em;}
	#page .widget-social-links {margin-bottom: 0px; padding-bottom: 2rem;}
	#page #scr0 .widget-social-links > a {margin: .5rem;}
	#scr0 .si__kvhq {}
	
	.si__hn-hc-links {width: 100%;	}	
	.si__hn-hc-links > a {display: flex; width: 100%; flex-wrap: wrap; align-items: center}
	.si__hn-hc-links svg {height: 50px;}
	.si__hc-link span, .si__hn-link span {margin-top: 0; margin-left: 1rem; font-size: .9rem;}
	.si__hn-hc-links > .si__ts-link {padding: 1rem 2vw;}
}

/* widget sidegal */
.widget-sidegal {margin: 1.5rem 0;}
.widget-sidegal a, .widget-sidegal img {display: block; width: 100%;}
.widget-sidegal img {}
.wsg-main {width: 100%; display: block;}
.wsg-ims {display: grid; grid-template-columns: 1fr 1fr; grid-gap: .5rem; margin-top: 1.5rem;}

/* widget-partner */
.widget-partner {margin: 1.5rem 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: .5rem;}
.widget-partner a {display: block; width: 100%; padding: .5rem 0;}
.widget-partner img {display: block; width: 80%; margin: 0px 10%;}
.widget-partner a {box-sizing: content-box; border: 1px solid #f3f3f3;}
.widget-partner a:hover {border-color: #dcdcdc;}

#scr8 blockquote {padding: 1rem calc(6.25% - 10px); margin: 2rem calc((6.25% - 10px) * -1)}

/* widget-partner-list */
.partner-list {margin: 2rem 0; background: #efefef; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 10px; padding: 10px; grid-auto-rows: 100px;}
.partner-list > a {background: #fff; display: block; text-align: center; text-decoration: none; line-height: 80px; padding: 10px;}
.partner-list > * > img {width: 100%; height: 100%; object-fit: contain;}


/* widget addressbook */
ul.widget-abook {margin-left: 0; margin-bottom: 3rem;}
ul.widget-abook li:before {content: ""; }
ul.widget-abook li {margin: 1rem 0; }

/* works */

dl.works dt {color: #E04443; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-top: 1rem; letter-spacing: 1px;}

/* widget logoline */

.widget-logoline {background: #fff; position: relative; padding-top: 2rem; padding-bottom: 2rem;}
.widget-logoline img {display: block; width: 80%; margin: auto;}
	.widget-logoline .sh-line a {flex: 0 0 20%;}

@media all and (max-width: 700px) {
	.widget-logoline {padding: 1rem 10%;}
	.widget-logoline .sh-line a {flex: 0 0 100%;}
	.widget-logoline .sh-stepper {width: 10%;}
}

/* widget deposit */
.widget-deposit {margin-top: 2rem; border-top: 1px solid #dcdcdc; padding-top: 1rem;}
.valuelist.deposit__desc {display: flex; flex-wrap: wrap; position: relative; border-bottom: 1px solid #dcdcdc; }
.valuelist.deposit__desc dt, .valuelist.deposit__desc dd {border-top: 1px solid #dcdcdc; padding-top: .5rem;}
.valuelist.deposit__desc dt {flex: 1 0 25%; max-width: 25%; box-sizing: border-box; min-width: auto;}
.valuelist.deposit__desc dd {flex: 1 0 75%; max-width: 75%; padding-bottom: .5rem;}


/* stepper horizontal */

.sh-wrap {position: relative; overflow: hidden;}
.sh-line {position: relative; left: 0; top: 0; height: 100%; display: flex;}
.sh-stepper {position: absolute; height: 100%; top: 0; width: 5%; text-align: center; display: flex; text-decoration: none; flex-direction: column; justify-content: center;}
.sh-s-next {right: 0;}
.sh-s-prev {left: 0;}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scrollbar-external_wrapper{padding-top:20px;position:relative}
 
/******************* EXTERNAL SCROLLBAR *******************/
 
.external-scroll_x{cursor:pointer;display:none;position:absolute}.external-scroll_x.scroll-scrollx_visible{display:block;background:#dcdcdc;height:10px;left:0;top:0;width:100%}.external-scroll_x div{height:100%;left:0;top:0;position:absolute;width:100%}.external-scroll_x .scroll-bar{z-index:12}
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:rgba(255,255,255,.1)}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#666}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}


/* widget depcal depository calendar */
.text .depcal {list-style-type: none;  padding: 0; margin: 0px 0px 2rem 0px; display: table; width: 100%; border-top: 1px solid #dcdcdc;}
.text .depcal .depcal__row:before {content: "";}
.text .depcal .depcal__row {display: table-row; }
.depcal__cell {display: table-cell; padding: .5rem 0; border-bottom: 1px solid #dcdcdc;}
.text .depcal .depcal__date {width: 25%;}

@media all and (max-width: 500px) {
	.text .depcal .depcal__row {display: block; border-bottom: 1px solid #dcdcdc; padding: .5rem 0;}
	.depcal__cell {display: block; padding: 0; border-bottom: 1px none;}
}


.plans__items {margin: 3rem 0 0rem 0;}
    .plans__items > * {text-align: center; margin-bottom: 1rem;}
    
	.plans__top	{background: #fff;}
    .plans__price {background: rgba(0,0,0,.1);}
    .plans__items h3 {margin: 0; padding: 1rem 0;}
    
    .plans__price strong {font-weight: bold; font-size: 1.6rem; line-height: 1.2; display: block;}
    .plans__price {height: 8rem; display: flex; justify-content: center; flex-direction: column; border-bottom: 25px solid transparent; }
    #page .plans__action { text-decoration: none; margin: 1rem auto;}
    .plans__top {height: 23rem;}
    .plans__note {color: #E04443; padding: 0 .5rem;}
	.plans__note a {color: inherit;}

    .plans__item--pritel .plans__benefit:before {content: "Člen Klubu přátel získává"; position: absolute; top: -26px; right: 110%; font-family: RobotoBlack, sans-serif; white-space: nowrap; font-size: 12px; line-height: 1; color: #3A818E; text-transform: uppercase; letter-spacing: .1rem;}
    .plans__item--partner .plans__price {background: #dfdbbe;}
    .plans__item--patron .plans__price {background: #eadec2;}
    .plans__item--pritel .plans__price {background: #f0dbdf;}
    .plans__item--plain .plans__price {background: #dcd8e4;}

    @media all and (max-width: 540px) {
        .plans__item--plain .plans__top {height: auto; padding-bottom: 1rem;}
        .plans__item--plain h3 {display: none;}
        .plans__intro {font-size: 1.2rem;}
        .plans__intro br {display: none;}
        .plans__items {margin: 2rem 0;}
    }
	
	
/* quarantine */
.th-q {position: relative;}
/*.th-q:after {content: " "; position: absolute; width: 100%; height: 100%; background: url("/img/kvh-q-napis.svg") no-repeat center center; background-size: 70%; left: 0; top: 0;} */

/* press item */
.pressitem {border-top: 1px solid #dcdcdc; padding: .5rem 0 1rem 0;}
.pressitem__tech {display: block;}
.pressitem__link--pdf:after {content: "pdf"; background: #E8112D; color: #fff; text-transform: uppercase; text-decoration: none !important; font-size: .70rem;  line-height: 1rem; padding: 0 .25rem; margin-left: .5rem;}

/* search */
.search-form {margin-bottom: .75rem;}
.search-form__line {display: flex; justify-content: stretch; width: 100%;}
.search-form .search-form__input[type=text] {line-height: 34px; height: 34px; border: none; min-width: auto; flex-grow: 1; padding: 0; font-style: italic; padding-left: .5rem}

.search-result__item {border-top: 1px solid #dcdcdc; padding-bottom: 1rem;}

.ix-vids {margin-top: 3rem;}
.ix-vid__img {display: block; width: 100%; height: auto;}
.ix-vid__logo {display: flex; position: relative; overflow: hidden; background: rgba(0,0,0,.8); height: 100%;}
.ix-vid__logo:hover {background: none;}
.ix-vid__logo svg {width: 60%; margin: 2rem 20%; }
.ix-vid__link {display: block; position: relative; overflow: hidden;}
.ix-vid__link:before {content: ""; position: absolute; width: 5vw; height: 3.5vw; max-width: 80px; max-height: 56px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("img/icons/ico-yt-full.svg") no-repeat center center; background-size: contain;}
.ix-vid:hover .ix-vid__link:before {display: none;}

.ix-vids-intro__link {display: block; height: 100%; width: auto; margin: 0 auto;}
.ix-vids-intro__logo {max-height: 60px}