.out {outline: solid 1px red;}
.outy {outline: solid 1px yellow;}
.outb {outline: solid 1px blue;}

.outsub * {outline: solid 1px blue;}


/* DEFSTYLES */
:root {
	--jm-blue: #1D34FE;
	--jm-blue-over: #0D24F2;
	--jm-red: #FB5271;
	--jm-red-over: #EB4765;
	--jm-light-blue: #F4F5FF;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8e99fe;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8e99fe;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #8e99fe;
}



body {font-family: 'MatterSQ'; color:var(--jm-blue); font-weight: 400; font-size: 18px; line-height: 24px;}

a {color: var(--jm-red);}
a:hover {color: var(--jm-red);}
button:focus {outline: none;}



/*
.max-lines-2 {max-height: 2em; overflow: hidden; text-overflow: ellipsis;}
.max-lines-3 {max-height: 3em; overflow: hidden; text-overflow: ellipsis;}
*/
.max-lines-2 {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.max-lines-3 {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.max-lines-2 {max-height: 3.6em;}
.max-lines-3 {max-height: 4.2em;}

}
   

/* ?? + variace s tridou v body, ktera zapne/vypne predrazovani *

xxx:target:before {
content:""; display:block;
height:86px; /* fixed header height* /
margin:-86px 0 0; /* negative fixed header height * /
}

body.w-sub :target:before {
content:""; display:block;
height:146px; /* fixed header height* /
margin:-146px 0 0; /* negative fixed header height * /
}
*/

.relative {position: relative;}

.container {min-width: 300px;}
.top-pad {padding-top: 50px;}
.bot-pad {padding-bottom: 50px;}
.hc-vertical {align-items: center; display: flex;}
.overflow-visible {overflow: visible}
.nowrap {white-space: nowrap;}
.hidden {display: none !important;}

.blur {filter: blur(10px);}
section.hero.image {transition: 0.2s -webkit-filter ease; }

/**********/

header {xheight: 100px; position: fixed; z-index: 1100; width: 100%;}
header nav {height: 66px; transition: background-color 0.2s ease;}
header:not(.hero) nav,
body.sticky header.hero nav {background: var(--jm-blue); }

body:not(.sticky) header.hero nav {background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));} /*$('body').hasClass('sticky')*/ 

.header-fix {height: 100px;}  /* fixace paddingu, meni se stejne jako velikost headeru */

header .logo {position: relative; z-index: 1000;}
header .logo img {height: 24px;}

header nav .row>div {height: 66px; display: flex; align-items: center; }
body.sticky header nav .row>div {height: 66px;} 

header nav .row>div:last-child>* {margin-left: 60px;}
header nav .row>div:last-child>*:first-child {margin-left: 0 !important;}

nav a.menu-pop {color: #FFF; font-weight: bold; display: inline-block; padding-left: 31px; height: 18px; line-height: 16px; background: url(images/svg/icon-menu-burger.svg) no-repeat left center; text-decoration: none; background-size: 21px 14px;}
nav a.menu-pop.open {background: url(images/svg/icon-menu-close.svg) no-repeat 2px center; background-size: 16px 16px;}

nav a.search {background: url(images/svg/icon-search.svg) no-repeat center center;  background-size: 16px 16px; display: inline-block; width: 18px; height: 18px;}
xnav a.blog {background: url(images/temp/ico-blog.png) no-repeat center center;  background-size: 16px 15px; display: inline-block; width: 18px; height: 18px;}
nav a.blog {background: url(images/svg/icon-book.svg) no-repeat center 5px;  background-size: 18px; display: inline-block; min-width: 18px; width: 18px; height: 27px;}
nav a.blog:hover, nav a.blog.active {border-bottom: solid 3px var(--jm-red);}

nav .lang {width: 2em; position: relative; height: 1.5em; overflow: visible; vertical-align: middle; cursor: pointer; right: 5px; }

nav .lang ul {font-size: 15px; color: #FFF; text-decoration: none; background: url(images/submenu-down.png) no-repeat 100% 8px ; display: block; padding-right: 16px; font-weight: bold; position: absolute; }
nav .lang ul li {display: block; text-transform: uppercase; transition: max-height 0.3s, background-color 0.2s ease; xposition: absolute; width: 2em; padding-left: 5px; padding-right: 5px; }
nav .lang ul li:not(.active) {xdisplay: none; max-height: 0px; visibility: hidden;}
nav .lang ul li a {color: #FFF; }
nav .lang ul li a:hover {text-decoration: none; color: var(--jm-red-over);}
nav .lang ul li.active a:hover {color: #FFF;}

nav .lang ul.open {background-image: url(images/submenu-up.png);}
nav .lang ul.open li {max-height: 25px; display: block; visibility: visible;}
body.sticky .lang ul.open li,
header:not(.hero) .lang ul.open li {background: var(--jm-blue); } 

nav a.fav {xheight: 36px; line-height: 18px; padding: 9px 13px 9px 37px; background: url(images/svg/icon-favourite.svg) no-repeat 10px center; background-size: 19px 17px; display: inline-block;
						font-size: 15px; font-weight: bold; color: #FFF; border: solid 4px var(--jm-red); }
nav a.fav.active,
nav a.fav:hover {background-color: var(--jm-red); } 						
a.fav:hover, a.lang:hover, a.search:hover {text-decoration: none; color: #FFF;}										 
a.fav .fav-counter,
a.sm-fav .fav-counter {font-weight: normal; margin-left: 6px; } {font-weight: normal; margin-left: 6px; }
a.fav .fav-counter .fav-count,
a.sm-fav .fav-counter .fav-count {margin: 0 2px; xfont-weight: bold;} 

.searchbar {xdisplay: none; height: 66px; position: absolute; top: 0px; left: 0px; width: 100%; background: var(--jm-blue); z-index: 1001;}
.searchbar .row>div {height: 66px;}
.searchbar a {color: #FFF;}
.searchbar form {width: 100%;}
.searchbar input[type=text] {width: 100%; height: 50px; background: #FFF url(images/svg/icon-search-blu.svg) no-repeat 20px center; background-size: 15px 16px; border: 0; color:var(--jm-blue); font-size: 18px; line-height: 22px; padding: 11px 15px 17px 48px; outline: none; }
.searchbar a.search-cancel {font-weight: bold; display: inline-block; height: 28px; padding: 2px 50px 2px 0; background: url(images/svg/icon-menu-close.svg) no-repeat right center; background-size: 28px 28px;} /* srch-cancel-pdf.png */ 


.admin-link{
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 5px 15px;
	background-color: #F9F2E4;
	border-left: #00000;
	border-top: #00000;
	border-top-left-radius: 15px;
	z-index: 10000;
}
.admin-button{
	border: 1px solid #A87D22;
    background-color: #FDEFD2;
    padding-left: 4px;
    padding-right: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #464E6B;
    font-size: 10px;
    font-weight: bold;    
}


/* FOOTER */

footer {background-color: var(--jm-blue);}
footer .content {color: #D2D6FF;}
footer .content a {color: #D2D6FF; text-decoration: underline;}
footer .content a:hover {color: #D2D6FF; text-decoration: none;}
footer .content a.social {text-decoration: none; color: #FFF; font-weight: bold; padding-left: 25px; margin-right: 25px;}
footer .content a.social:hover {text-decoration: none; color: #FFF;}
footer .content a.social:last-child {margin-right: 0;}
footer .content a.social.ico-fb {background: url(images/svg/icon-fb.svg) no-repeat 0 center; background-size: 16px 16px;}
footer .content a.social.ico-yt {background: url(images/svg/icon-yt.svg) no-repeat 0 center; background-size: 17px 14px;}
footer .content a.social.ico-ig {background: url(images/svg/icon-ig.svg) no-repeat 0 center; background-size: 16px 16px;}

footer .content h3 {font-weight: bold; font-size: 22px; color: #FFF; margin-bottom: 35px;}
footer .content p {font-size: 16px; padding: 0px; margin-bottom: 10px; line-height: 24px; color: #D2D6FF;}
footer .content ul {margin: 0; padding: 0; list-style-type: none;}
footer .content ul li {font-size: 16px; line-height: 24px; margin: 0 0 8px; padding: 0;}
footer .content .logo-main {margin-bottom: 38px; height: 24px;}
footer .content .logo-side {margin-bottom: 20px; display: inline-block;}
footer .content .logo-side:last-child {margin-bottom: 30px;}
footer .content .logo-side:after {content: ''; height: 0px; display: table;}
footer .content .copy, 
footer .content .created {font-size: 16px; }
footer .content .created span {opacity: 0.5; margin: 0 5px;}
footer hr {border: solid 1px #FFF; border-width: 1px 0 0; margin: 0 0 40px; height: 1px; background: none; display: block; width: 100%;}
footer .divide {padding-top: 17px;}

footer .top-pad {padding-top: 50px;}
footer .bot-pad {padding-bottom: 50px;}
 
footer .lastlogo {display: inline-block;}


/* CONTENT */

hr.container {background: var(--jm-blue); height: 10px; display: block; margin: auto; border: none; max-width: calc(90vw - 30px); padding: 0; }


.lblue {background-color: var(--jm-light-blue);}

section.hero:not(.video) {height: 240px; position: relative; max-height: calc(100vh - 170px);}
video {display: block; max-width: 100%; margin: auto;}
section.ytvideo .video {height: 100%;}

section.hero.image {background: no-repeat center center; background-size: cover; min-height: 100px; }
section.hero.gallery {overflow: hidden;}
section.hero.video {position: relative;}
section.hero a.cover {display: block; width: 100%; height: 100%; position: absolute; z-index: 100; top:0px;}

	section.hero .flexslider, 
	section.hero ul.slides {height: 100%;}
	section.hero ul.slides li {background: no-repeat center center; background-size: cover; width: 100%; height: 100%;}
	
	.flexslider ul { margin: 0px; padding: 0px; }
	.flexslider li { list-style: outside none none; display: inline; }
	.flexslider .slides img { width: inherit; max-height: inherit; }

	ol.flex-control-nav {display: none;}
	ul.flex-direction-nav {position: absolute; top: calc(50% - 24px); width: 100%; }
	ul.flex-direction-nav li {width: 25px; height: 48px; cursor: pointer; }
	ul.flex-direction-nav li a {display: block; width: 100%; height: 100%; background: no-repeat 0 0; background-size: 25px 48px;}
	ul.flex-direction-nav li span {display: none;}
	ul.flex-direction-nav li:nth-child(1) {position: absolute; left: 30px; z-index: 100; }
	ul.flex-direction-nav li a.prev {background-image: url(images/svg/slide-left.svg); } 
	ul.flex-direction-nav li:nth-child(2) {position: absolute; right: 30px; z-index: 100; }
	ul.flex-direction-nav li a.next {background-image: url(images/svg/slide-right.svg); }
	ul.flex-direction-nav li a.disabled {opacity: 0.3; cursor: default;}


section.intro {position: relative;}
section.intro .jm-icon {width:60px; height: 135px; background: url(images/svg/icon-m.svg) no-repeat center top; position: absolute; background-size: 60px 300px; top: -100px; left: calc(50% - 30px);}
section.intro .arrow-icon {width:60px; height: 100px; background: url(images/svg/icon-arrow.svg) no-repeat center bottom; background-size: 34px 200px; position: absolute; top: -62.4px; left: calc(50% - 30px);}
section.intro .arrow-icon-top {width:60px; height: 105px; background: url(images/svg/icon-ribbon-red.svg) no-repeat center center; background-size: 60px; position: absolute; top: -62.4px; left: calc(50% - 20px);}
section.intro .arrow-icon-top:after {content: ''; display: block; width: 60px; height: 105px; background: url(images/svg/icon-flag-top.svg) no-repeat center center; background-size: 60px; position: relative; xleft: -20px; pointer-events: none;} 
 

 
section.intro a.button {margin: 20px 10px 0px; min-width: 250px;}


.bigicon-type {xmargin-bottom: -50px;} /* !!!??? */
.bigicon-type span {display: inline-block;}
.bigicon-type img {width: 171px;}
.bigicon-map {margin-bottom: 20px;}
.bigicon-map img {width: 295px;}

/* WSW */

section .content {text-align: center;}

.wsw .red {color: var(--jm-red)}
.wsw .blue {color: var(--jm-blue)}

.wsw h1 {font-size: 27px; line-height: 30px; color: var(--jm-blue); font-weight: bold; margin-bottom: 20px;}
.wsw h1 strong, .wsw h1 b {color: var(--jm-red); display: block;}
.wsw h2 {font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 20px;}
.wsw h2 strong, .wsw h2 b {color: var(--jm-red); display: block;}
.wsw h3 {font-size: 20px; font-weight: bold; line-height: 23px; margin-bottom: 20px;}
.wsw h3 strong, .wsw h3 b, .wsw h4 strong, .wsw h4 b  {color: var(--jm-red); display: block;}
.wsw h2.big {font-size: 27px; line-height: 33px; color: var(--jm-blue); font-weight: bold; margin-bottom: 20px;}
.wsw h3.big {font-size: 24px; font-weight: bold; line-height: 27px; margin-bottom: 15px;}

.wsw, .wsw p, .wsw ul, .wsw ol {color: var(--jm-blue); font-size: 17px; line-height: 25px;}
.wsw p {margin-bottom: 20px;}
.wsw p {padding: 0; }
.submenu-boxes .wsw p:last-child{margin-bottom: 40px;}
.wsw p.hi {font-weight: bold; margin-bottom: 60px;}
.wsw a, .wsw p a {font-weight: bold; text-decoration: underline;}
.wsw a:hover, .wsw p a:hover {text-decoration: none;}

.wsw ul {list-style-type: square; margin-bottom: 20px;  padding-left: 25px;}
.wsw ul li {padding-left: 10px;}

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

.wsw.wsw-white,.wsw.wsw-white * {color: #FFF !important; border-color: #FFF !important; }

a.button,
input.button {display: inline-block; border: solid 5px var(--jm-red); color: var(--jm-red); font-weight: bold; text-align: center; padding: 20px 40px; font-size: 18px; cursor: pointer; text-decoration: none !important;}

a.button:hover,
input.button:hover {background-color: var(--jm-red); color: #FFF; text-decoration: none;}

.button.button-blue {border: solid 5px var(--jm-blue); color: var(--jm-red); }
.button.button-blue:hover {background-color: transparent; color: var(--jm-red); border-color: var(--jm-red);} 

.button.ico-arrowdn {padding-left: 70px; background: url(images/svg/icon-arrow-down.svg) no-repeat 40px center ; background-size: 14px 21px;}
.button.ico-arrowdn:hover {background-image: url(images/svg/icon-arrow-down-whi.svg); background-color: var(--jm-red);}
xa.button.button-blue.ico-arrowdn:hover {xbackground-color: var(--jm-blue);}
.button.button-blue.ico-arrowdn:hover {background-image: url(images/svg/icon-arrow-down.svg); background-color: transparent;}
.button.ico-arrow-right {padding-left: 80px; background: url(images/svg/icon-arrow-right.svg) no-repeat 40px center ; background-size: 25px 14px;}
.button.ico-arrow-right:hover {background-image: url(images/svg/icon-arrow-right-w.svg); background-color: var(--jm-red); background-size: 25px 14px; color: #FFF;}

.button.ico-arrow-right-r {padding-left: 80px; background: var(--jm-red) url(images/svg/icon-arrow-right-w.svg) no-repeat 40px center ; background-size: 25px 14px; color: #FFF;}
.button.ico-arrow-right-r:hover {background-color: var(--jm-red-over);}
x.button.ico-arrow-right-r:hover {background-image: url(images/svg/icon-arrow-right.svg);  background-size: 25px 14px; background-color: transparent; color: var(--jm-red);}


.button.ico-addfav {padding-left: 70px; background: var(--jm-red) url(images/svg/icon-favourite-add.svg) no-repeat 30px center ; background-size: 32px 27px; color: #FFF; white-space: nowrap;}
.button.ico-addfav:hover {background-color: var(--jm-red-over); border-color: var(--jm-red-over); }

.button.ico-remfav {padding-left: 55px; font-weight: 400; letter-spacing: -0.4px; font-size: 16px; background: var(--jm-red); url(images/svg/icon-menu-close.svg) no-repeat 30px center ; background-size: 17px 17px; color: #FFF; white-space: nowrap;}
.button.ico-remfav:hover {background-color: var(--jm-red-over); border-color: var(--jm-red-over); }


.button.empty-favorites span {display: inline-block; font-size: 32px; vertical-align: top; font-weight: normal;}

a.index-button {display: inline-block; width: 150px; height: 165px; cursor: pointer; text-align: center; color: var(--jm-blue);  font-weight: bold; font-size: 22px; text-decoration: none; vertical-align: top; margin: 0 16px 0;}
a.index-button span {margin: 0 0 19px;}
a.index-button div:first-letter {text-transform: uppercase;}

a.index-button:hover,
a.index-button.active {color: var(--jm-red); text-decoration: none;}  

a.index-button span {display: inline-block; width: 110px; height: 110px; border: solid 5px var(--jm-blue); }
a.index-button.zazitky_pamatky span {background: url(images/svg/icon-zazitky_pamatky.svg) no-repeat center center; /*background-size: 50%;*/}
a.index-button.zazitky_priroda span {background: url(images/svg/icon-zazitky_priroda.svg) no-repeat center center; }
a.index-button.zazitky_sport	span {background: url(images/svg/icon-zazitky_sport.svg) no-repeat center center; }
a.index-button.zazitky_zabava span {background: url(images/svg/icon-zazitky_zabava.svg) no-repeat center center; }
a.index-button.zazitky_tradice span {background: url(images/svg/icon-zazitky_tradice.svg) no-repeat center center; }
a.index-button.zazitky_gastronomie span {background: url(images/svg/icon-zazitky_gastronomie2.svg) no-repeat center center; }

a.index-button:hover span,
a.index-button.active span {border-color: var(--jm-red); }

a.index-button.zazitky_pamatky:hover span,
a.index-button.zazitky_pamatky.active span {background-image: url(images/svg/icon-zazitky_pamatky-red.svg);}
a.index-button.zazitky_priroda:hover span,
a.index-button.zazitky_priroda.active span {background-image: url(images/svg/icon-zazitky_priroda-red.svg);}
a.index-button.zazitky_sport:hover span,
a.index-button.zazitky_sport.active span	{background-image: url(images/svg/icon-zazitky_sport-red.svg);}
a.index-button.zazitky_zabava:hover span,
a.index-button.zazitky_zabava.active span {background-image: url(images/svg/icon-zazitky_zabava-red.svg);}
a.index-button.zazitky_tradice:hover span,
a.index-button.zazitky_tradice.active span {background-image: url(images/svg/icon-zazitky_tradice-red.svg);}
a.index-button.zazitky_gastronomie:hover span,
a.index-button.zazitky_gastronomie.active span {background-image: url(images/svg/icon-zazitky_gastronomie2-red.svg);}

a.index-button.vylety_pesky span {background: url(images/svg/icon-vylety_pesky.svg) no-repeat center center; /*background-size: 50%;*/}
a.index-button.vylety_nakole span {background: url(images/svg/icon-vylety_nakole.svg) no-repeat center center; }
a.index-button.vylety_navodu	span {background: url(images/svg/icon-vylety_navodu.svg) no-repeat center center; }
a.index-button.vylety_vinopivo span {background: url(images/svg/icon-vylety_vinopivo.svg) no-repeat center center; }
a.index-button.vylety_mimodavy span {background: url(images/svg/icon-vylety_mimodavy.svg) no-repeat center center; }

a.index-button.vylety_pesky:hover span,
a.index-button.vylety_pesky.active span {background: url(images/svg/icon-vylety_pesky-red.svg) no-repeat center center; /*background-size: 50%;*/}
a.index-button.vylety_nakole:hover span,
a.index-button.vylety_nakole.active span {background: url(images/svg/icon-vylety_nakole-red.svg) no-repeat center center; }
a.index-button.vylety_navodu:hover span,
a.index-button.vylety_navodu.active	span {background: url(images/svg/icon-vylety_navodu-red.svg) no-repeat center center; }
a.index-button.vylety_vinopivo:hover span,
a.index-button.vylety_vinopivo.active span {background: url(images/svg/icon-vylety_vinopivo-red.svg) no-repeat center center; }
a.index-button.vylety_mimodavy:hover span,
a.index-button.vylety_mimodavy.active span {background: url(images/svg/icon-vylety_mimodavy-red.svg) no-repeat center center; }


a.index-button.map {margin: 0 16px 0; width: 190px; }
a.index-button.map span {width: 148px; height: 111px; border: none;}
a.index-button.oblasti_1 span {background-image: url(images/regions/icon-moravsky-kras.svg); background-size: 148px 111px;}
a.index-button.oblasti_1:hover span {background-image: url(images/regions/icon-moravsky-kras-h.svg);}
a.index-button.oblasti_2 span {background-image: url(images/regions/icon-brno-okoli.svg); background-size: 148px 111px;}
a.index-button.oblasti_2:hover span {background-image: url(images/regions/icon-brno-okoli-h.svg);}
a.index-button.oblasti_3 span {background-image: url(images/regions/icon-znojemsko-podyji.svg); background-size: 148px 111px;}
a.index-button.oblasti_3:hover span {background-image: url(images/regions/icon-znojemsko-podyji-h.svg);}
a.index-button.oblasti_4 span {background-image: url(images/regions/icon-palava-lednickovalticko.svg); background-size: 148px 111px;}
a.index-button.oblasti_4:hover span {background-image: url(images/regions/icon-palava-lednickovalticko-h.svg);}
a.index-button.oblasti_5 span {background-image: url(images/regions/icon-slovacko.svg); background-size: 148px 111px;}
a.index-button.oblasti_5:hover span {background-image: url(images/regions/icon-slovacko-h.svg);}
 
 
a.index-button2 {display: inline-block; width: 280px; height: 90px; cursor: pointer; color: var(--jm-blue);  font-weight: bold; font-size: 22px; border: solid 5px var(--jm-blue); text-align: left; padding: 19px 30px; text-decoration: none;}
a.index-button2:hover,
a.index-button2.active {color: var(--jm-red); border-color: var(--jm-red); text-decoration: none;}  

a.index-button2 span {display: inline-block; width: 42px; height: 42px; vertical-align: middle; margin-right: 20px;}
a.index-button2.ico-tipy span {background: url(images/svg/icon-flag.svg) no-repeat center center; background-size: 35px 40px;}
a.index-button2.ico-cal span {background: url(images/svg/icon-calendar.svg) no-repeat center center; background-size: 40px 42px;}

a.index-button2:hover span,
a.index-button2.active span {border-color: var(--jm-red);}
a.index-button2.ico-tipy:hover span,
a.index-button2.ico-tipy.active span {background-image: url(images/svg/icon-flag-red.svg);}
a.index-button2.ico-cal:hover span,
a.index-button2.ico-cal.active span {background-image: url(images/svg/icon-calendar-red.svg);}

a.index-button2 {margin: 0 16px 0;}



a.arrow-link {text-decoration: underline; display: inline-block; position: relative; margin-left: 40px;}
a.arrow-link:before {content: ''; display: inline-block; background: url(images/svg/icon-arrow-right.svg) no-repeat left 8px; background-size: 25px 14px; width: 25px; height: 100%; vertical-align: middle; position: absolute; left: -40px; }
a.arrow-link:hover {text-decoration: none;} 

a.arrow-link-w {text-decoration: underline; display: inline-block; position: relative; margin-left: 40px;}
a.arrow-link-w:before {content: ''; display: inline-block; background: url(images/svg/icon-arrow-right-w.svg) no-repeat left 8px; background-size: 25px 14px; width: 25px; height: 100%; vertical-align: middle; position: absolute; left: -40px; }
a.arrow-link-w:hover {text-decoration: none;} 

a.arrow-link-rw {text-decoration: underline; display: inline-block; position: relative; margin-right: 40px;}
a.arrow-link-rw:before {content: ''; display: inline-block; background: url(images/svg/icon-arrow-right-w.svg) no-repeat right 8px; background-size: 25px 14px; width: 25px; height: 100%; vertical-align: middle; position: absolute; right: -40px; }
a.arrow-link-rw:hover {text-decoration: none;} 

section.actuality {}
section.actuality .content {padding: 40px 0 25px; margin: 0 auto; width: 290px;}
section.actuality .content h3 {color:var(--jm-red); font-size: 22px; font-weight: bold; line-height: 31px; padding: 0; margin: 0;}
section.actuality .content p {font-size:22px; font-weight: bold; line-height: 31px;} 
section.actuality .arrow-link {color:var(--jm-red); font-weight: bold; font-size: 18px; margin-top: 7px;}

section.actuality .frame {position: relative; text-align: center; padding-bottom: 18px;}
section.actuality .frame:before {display: block; content:''; border: solid 5px var(--jm-blue); position: absolute; top: 13px; left: calc(50% - 124px); width: 280px; height: 205px;}
section.actuality .frame img {position: relative; z-index: 100; width: 275px; height: 200px;}




section.categories {}
section.categories a.index-button {width: 120px; margin: 0 10px 35px; font-size: 18px; }
section.categories .divider {width: 100%; border-bottom: dashed 3px var(--jm-blue); margin-bottom: 17px;}
section.categories a.index-button2 {margin-top: 30px; font-size: 18px; width: 270px; padding-right: 0px; white-space: nowrap;}

section.regions {}
.regions-map-wrap {position: relative; width: 293px; height: 310px; overflow: visible;  margin: 20px auto 60px; }
.regions-map {width: 696px; height: 618px; position: relative; transform: scale(0.42); padding-top: 60px; transform-origin: top left;  }
 
.regions-map:after {content: ''; pointer-events: none; position: absolute; top: 60px; left: 0px; width: 696px; height: 525px; background: url(images/regions/region-empty.svg) no-repeat; xbackground-size: 696px 525px; 
z-index: 100;
}
.regions-map img {}
/*
.regions-map.c1 img,
.regions-map.c2 img,
.regions-map.c3 img,
.regions-map.c4 img,
.regions-map.c5 img {opacity: 0;}
*/ 

.regions-map.c1:after {background-image: url(images/regions/region-moravsky-kras.svg);}
.regions-map.c2:after {background-image: url(images/regions/region-brno-okoli.svg);}
.regions-map.c3:after {background-image: url(images/regions/region-znojemsko-podyji.svg);}
.regions-map.c4:after {background-image: url(images/regions/region-palava-lednickovalticko.svg);}
.regions-map.c5:after {background-image: url(images/regions/region-slovacko.svg);}

img[usemap], map area{
    outline: none;
}

.regions-map-wrap .overlay {pointer-events: none; position: absolute; top: -5px; left: 0px; right: 0px; bottom: 0px; 
background: url(images/svg/kraj-line.svg) no-repeat center 0px ; background-size: 293px 309px;  
z-index: 200; 
}

.map-label {font-weight: bold; position: absolute; width: 80px; font-size: 16px; line-height: 18px;z-index: 300; pointer-events: all;}
.map-label a {color: var(--jm-blue); text-decoration: none !important;}
 
.map-label-c1 {top: -17px; left: 192px;}
.map-label-c2 {top: 26px; left: 31px;}
.map-label-c3 {top: 252px; left: 0px;}
.map-label-c4 {top: 321px; left: 100px;}
.map-label-c5 {top: 270px; left: 227px;}

.map-label.over a, .map-label a:hover {color: var(--jm-red);}

.map-info {height: 66px; line-height: 22px; font-size: 18px; width: 280px; padding-left: 70px; display: block; background: url(images/svg/icon-tap.svg) no-repeat left top; background-size: 40px 55px; margin-bottom: 50px; }

/*
ico-pamatky
ico-priroda
ico-sport
ico-zabava
ico-gastro
*/

section.list {}
section.list .list-control {margin-bottom: 50px; }
section.list .list-control .row {height: 53px;}

a.button.favorite-sel-remove {background: url(images/svg/icon-menu-close-red.svg) no-repeat calc(100% - 15px) center; background-size: 14px 14px; border-width: 3px; border-color: var(--jm-blue); padding: 9px 43px 11px 20px; height: 53px; }
a.button.favorite-sel-remove:hover {border-color: var(--jm-red); color: var(--jm-red);}

.orderby {display: inline-block; font-weight: bold; font-size: 18px; line-height: 20px;  position: relative; width: 183px; cursor: pointer;}
.orderby a {display: block; border: solid 3px var(--jm-blue); color: var(--jm-blue); text-align: left; width: 183px; height: 52px; padding: 13px 40px 13px 20px; background: url(images/svg/icon-down-blu.svg) no-repeat calc(100% - 18px) 19px ; background-size: 17px 12px; text-decoration: none!important;}
.orderby a.open {background-image: url(images/svg/icon-up-blu.svg);}
.orderby ul {display: block; position: absolute; top: 52px; right: 0px; width: auto; list-style: none; background: #FFF; z-index: 100; text-align: left; box-shadow: 0 2px 5px 0px rgba(0,0,0,0.1);}
.orderby ul, .orderby li {margin: 0; padding: 0;}
.orderby ul {padding-top: 8px; padding-bottom: 10px;}
.orderby li {line-height: 20px; padding: 8px 80px 8px 20px; position: relative; white-space: nowrap;}
.orderby li:after {content: '\02193'; position: absolute; top: 8px; right: 20px; display: inline-block; }

.orderby li.reverse:after {content: '\02191'; }
.orderby li:hover {background-color: var(--jm-light-blue);}
.orderby li.active {color: var(--jm-red);}

.orderby li.reversable:before {position: absolute; top: 8px; right: 40px; display: inline-block; xfont-weight: 200; }
.orderby li.reversable.reverse:before {}

.orderby li.reversable.reversable-asc:before {content: '\02191';}
.orderby li.reversable.reversable-asc:after {content: '\02193';}
.orderby li.reversable.reversable-desc:before {content: '\02193';}
.orderby li.reversable.reversable-desc:after {content: '\02191';}

.orderby li.active.reversable.reversable-asc:before {color: var(--jm-red); }
.orderby li.active.reversable.reversable-asc:after {color: var(--jm-blue); }
.orderby li.active.reversable.reverse.reversable-asc:before {color: var(--jm-blue);}
.orderby li.active.reversable.reverse.reversable-asc:after {color: var(--jm-red);}

.orderby li.active.reversable.reversable-desc:before {color: var(--jm-blue); }
.orderby li.active.reversable.reversable-desc:after {color: var(--jm-red); }
.orderby li.active.reversable.reversable-desc.reverse:before {color: var(--jm-red);}
.orderby li.active.reversable.reversable-desc.reverse:after {color: var(--jm-blue);}


.orderby li.disabled {color: grey !important; pointer-events: auto! important; cursor: not-allowed! important;}

x.orderby ul {display: none;}

.list-item {background-color: #FFF; margin-bottom: 30px; height: calc(100% - 30px);}
.list-item .image {position: relative;}
.list-item .image>a {width: 100%; display: block;}
.list-item .image img {width: 100%;}
.list-item .content {padding: 30px 30px;}
.list-item .content h3 {font-size: 18px; color: var(--jm-red); font-weight: bold;}
.list-item .content h3.date {font-weight: normal;}
.list-item .content p {xfont-weight: bold; font-size: 18px;}
.list-item .content a {color: var(--jm-red); font-size: 18px;}

/*
icon-ribbon-red.svg
icon-ribbon-blue.svg

icon-flag-favourite.svg
icon-flag-favourite-add.svg
icon-flag-favourite-remove.svg
*/

.list-item.list-item-catalog  a.favorite {display: none; xposition: absolute; top: 0px; right: 20px; width: 40px; height: 70px; background: url(images/svg/icon-ribbon-blue.svg) no-repeat; background-size: 40px 70px; overflow: hidden;}
.list-item.list-item-catalog  a.favorite:after {content: ''; display: block; width: 40px; height: 70px; background: url(images/svg/icon-flag-favourite.svg) no-repeat center 4px; background-size: 40px 70px; position: relative; xleft: -20px;} 
.list-item.list-item-catalog  a.favorite:hover {background-image: url(images/svg/icon-ribbon-blue-h.svg)}

.list-item.list-item-catalog  a.fav-add {display: none; xposition: absolute; top: 0px; right: 20px; width: 40px; height: 70px; background: url(images/svg/icon-ribbon-blue.svg) no-repeat; background-size: 40px 70px; overflow: hidden;}
.list-item.list-item-catalog  a.fav-add:after {content: ''; display: block; width: 40px; height: 70px; background: url(images/svg/icon-flag-favourite-add.svg) no-repeat center 4px; background-size: 40px 70px; position: relative; xleft: -20px;} 
.list-item.list-item-catalog  a.fav-add:hover {background-image: url(images/svg/icon-ribbon-blue-h.svg);}

.list-item.list-item-catalog  a.fav-remove {display: none; xposition: absolute; top: 0px; right: 20px; width: 40px; height: 70px; background: url(images/svg/icon-ribbon-red.svg) no-repeat; background-size: 40px 70px; overflow: hidden;}
.list-item.list-item-catalog  a.fav-remove:after {content: ''; display: block; width: 40px; height: 70px; background: url(images/svg/icon-flag-favourite-remove.svg) no-repeat center 4px; background-size: 40px 70px; position: relative; xleft: -20px;}
.list-item.list-item-catalog  a.fav-remove:hover {background-image: url(images/svg/icon-ribbon-red-h.svg);}

.list-item.list-item-catalog  span.label-top {display: block; position: absolute; top: 0px; right: 80px; width: 40px; height: 70px; background: url(images/svg/icon-ribbon-red.svg) no-repeat; background-size: 40px 70px; overflow: hidden; pointer-events: none;}
.list-item.list-item-catalog  span.label-top:after {content: ''; display: block; width: 40px; height: 70px; background: url(images/svg/icon-flag-top.svg) no-repeat center 4px; background-size: 40px; position: relative; xleft: -20px; pointer-events: none;} 

.list-item.list-item-catalog:not(.favorite):hover  a.fav-add {display: block;}
body.mobile .list-item.list-item-catalog:not(.favorite)  a.fav-add {display: block;}

.list-item.list-item-catalog.favorite a.favorite {display: block;}
body.mobile .list-item.list-item-catalog.favorite  a.favorite {display: block;}

body:not(.mobile) .list-item.list-item-catalog.favorite .fav-all:hover a.fav-remove {display: block;} 
.list-item.list-item-catalog.deletable:hover a.fav-remove {display: block;}
body.mobile .list-item.list-item-catalog.deletable  a.fav-remove {display: block;}

.list-item.list-item-catalog .fav-all {position: absolute; top: 0px;right: 20px; width: 40px; height: 70px;overflow: hidden;}

/* compact list */
.list-item .image-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0,0,0,0.5); pointer-events: none;}
.list-item:hover .image-content {background-color: rgba(29,52,254,0.9);}
.list-item .image-content .label.wsw {padding-bottom: 30px; position: relative; z-index: 100; margin: 0; width: 100%;}
.list-item .image-content h3 {padding: 0 40px; width: 100%; font-size: 24px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; 
color: #FFF !important; border-color: #FFF !important;  
}
.list-item .image-content .label a {position: absolute; bottom:0px; left: 40px; font-size: 17px; font-weight: 900; color: white; letter-spacing: 0.5px; line-height: 28px; pointer-events: auto;}

section.list .filter-col {position: relative;}
section.list .filter-col .content {background: #FFF;}

a.filter-switch {white-space: nowrap; font-size: 18px; font-weight: bold; display: inline-block;}
a.filter-switch:hover {text-decoration: none;}
a.filter-switch span.icon {display: inline-block; width: 54px; height: 54px; vertical-align: middle; margin-right: 15px; xborder: solid 3px var(--jm-blue); background: url(images/svg/icon-filter.svg) no-repeat center center; background-size: 54px 54px;}
a.filter-switch span.show,
a.filter-switch span.hide {display: none; color: var(--jm-blue); }

section.list.filter-on a.filter-switch span.icon {border: none; background: url(images/svg/icon-filter-filled.svg) no-repeat center center; background-size: 53px 53px;} 
  

section.list .results {font-size: 18px; font-weight: bold; display: inline-block; height: 53px; white-space: nowrap;}
section.list .results .icon {display: inline-block; height: 53px; width: 35px; background: no-repeat center center; vertical-align: middle; margin-right: 18px;}
section.list .results.search .icon {background-image: url(images/svg/icon-search-blu.svg); background-size: 26px 24px;}
section.list .results.favorites .icon {background-image: url(images/svg/icon-favourite-blu.svg); background-size: 30px 26px;}
section.list .results.cile .icon {background-image: url(images/svg/icon-place.svg); background-size: 26px 36px;}
section.list .results.vylety .icon {background-image: url(images/svg/icon-flag.svg); background-size: 34px 39px;}
section.list .results.akce .icon {background-image: url(images/svg/icon-calendar.svg); background-size: 35px 36px;}
section.list .results.oblasti .icon {background-image: url(images/svg/icon-place.svg); background-size: 26px 36px;}
section.list .results.blogy .icon {background-image: url(images/svg/icon-book-blue.svg); background-size: 35px;}
/* UNIFORM */

.uniform .filter-line {position: relative;}

.uniform input[type=checkbox]:focus, 
.uniform input[type=radio]:focus {outline: none;}
.uniform input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top;	display: inline-block;  width: 22px; height: 22px; cursor: pointer; color: #FFF; 	background: url(images/svg/icon-checkbox.svg) no-repeat center center; background-size: 22px 22px;}
/* was
.uniform input[type=checkbox]:checked:before {content: 	'\2714'; background: var(--jm-blue); color: #FFF; width: 100%; display: inline-block; text-align: center; line-height: 14px; padding: 2px 0 10px; height: 20px; position: relative; top: -4px;}
.uniform input[type=checkbox]:disabled:before {content: 	'\2714'; background: #BEBEBE; color: #FFF;	width: 100%; display: inline-block; text-align: center; line-height: 14px; padding: 2px 0 10px; height: 20px; position: relative; top: -4px;}
*/
.uniform input[type=checkbox]:checked {background-image: url(images/svg/icon-checkbox-checked.svg); }

.uniform input[type=checkbox]:disabled {border-color: #BEBEBE; background: #BEBEBE;}



.uniform label.chbox {color:var(--jm-blue); font-weight: bold; padding-left: 25px; cursor: pointer; margin-bottom: 0; vertical-align: bottom; max-width: calc(100% - 50px);}

.uniform input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none;
	display: inline-block;  width: 22px; height: 22px; background: #FFF; border: solid 2px var(--jm-blue); vertical-align: middle; border-radius: 50%; }
.uniform input[type=radio]:checked:before {content: 	''; background: var(--jm-blue); border-radius: 50%; width: 10px; height: 10px; display: block; margin: 4px auto;}

.uniform input[type=radio]:disabled {border-color: #BEBEBE; }
.uniform input[type=radio]:disabled:before {content: 	''; background: #BEBEBE; border-radius: 50%; width: 10px; height: 10px; display: block; margin: 4px auto; }

.uniform input[type=text] {width: 100%; border: solid 3px var(--jm-blue); color: var(--jm-blue); line-height: 20px; padding: 12px;}
.uniform input.date-picker {width: 100%; border: solid 3px var(--jm-blue); text-align: center; padding-left: 55px; padding-right: 55px; background: url(images/svg/icon-calendar.svg) no-repeat calc(100% - 25px) center; background-size: 26px 26px; outline: none;}
.uniform label.date {position: absolute; left: 78px; top: 3px; color: var(--jm-blue); text-transform: capitalize; font-weight: bold; height: 44px; line-height: 44px;}
 

/* FILTER FORM */

.filter-caption {padding: 26px 40px 27px 40px; cursor: pointer; background: url(images/svg/icon-down-blu.svg) no-repeat calc(100% - 35px) center; background-size: 23px 15px; border-bottom: solid 2px #96A0FF;}
.filter-caption.open {background-image: url(images/svg/icon-up-blu.svg);}
.filter-caption h3 {text-align: left !important; margin-bottom: 0; font-size: 22px; color: var(--jm-red); font-weight: bold;}

.filter {background: #FFF; margin-bottom: 30px;	}
.filter-box {padding: 35px 0 30px;}
.filter-line {text-align: left; margin-bottom: 14px; }
.filter-line.chbox {padding-left: 50px;} 
.filter-line.date {padding-left: 50px; padding-right: 50px;}

a.filter-button {width: 100%; border: solid 3px var(--jm-blue); color: var(--jm-blue); line-height: 20px; padding: 12px; text-align: center; font-weight: bold; display: inline-block; cursor: pointer;} 
a.filter-button:hover { background-color: var(--jm-blue); color: #FFF !important;}
a.filter-button.filter-button-half {width: calc(50% - 10px); }
a.filter-button.filter-button-half:first-child {margin-right: 20px;}

/* DETAIL */

section .detail-col3 {}

.col3-cell {text-align: center;}

.col3-box {display: inline-block; xpadding-top: 86px; xpadding-bottom: 45px; text-align: left; background: no-repeat center 0; min-height: 80px; width: 210px;} 

.col3-box.icon-address {background-image: url(images/svg/icon-place.svg); background-size: 40px 55px;}
.col3-box.icon-contacts {background-image: url(images/svg/icon-contact.svg); background-size: 32px 57px;}
.col3-box.icon-link {background-image: url(images/svg/icon-website.svg); background-size: 36px 60px;}

.col3-box.icon-distance {background-image: url(images/svg/icon-lenght.svg); background-size: 57px 59px;}
.col3-box.icon-duration {background-image: url(images/svg/icon-time.svg); background-size: 57px 57px;}
.col3-box.icon-elevation {background-image: url(images/svg/icon-height.svg); background-size: 59px 57px;}
.col3-box.icon-tracktype-linear {background-image: url(images/svg24/icon-route-line.svg); background-size: 57px 57px;}
.col3-box.icon-tracktype-round {background-image: url(images/svg24/icon-route-circle.svg); background-size: 57px 57px;} 

.col3-box h4 {color:var(--jm-red); font-weight: bold; font-size: 18px; line-height: 27px; margin: 0; white-space: nowrap;}
.col3-box p {font-weight: bold; font-size: 14px; line-height: 20px; margin: 0;} /* was font-size: 18px; line-height: 27px;  */
.col3-box p a {color: var(--jm-blue); text-decoration: underline;}
.col3-box p a:hover {text-decoration: none;}

.col3-box {padding: 0 0 25px 65px; background-position: 0 0; text-align: left;}
.col3-box.icon-distance,
.col3-box.icon-duration,
.col3-box.icon-elevation,
.col3-box.icon-tracktype-linear,
.col3-box.icon-tracktype-round {padding-left: 80px;}


section .detail-description {}
.detail-desc-content {margin-bottom: 45px;}

.wsw ul.detail-downloads {list-style: none; padding: 0;}
.wsw .detail-downloads li {height: 30px; padding-left: 50px; background: url(images/svg/icon-download.svg) no-repeat left center; background-size: 30px 30px; margin-bottom: 10px; font-weight: bold}
.wsw .detail-downloads li a {color: var(--jm-red); text-decoration: underline; display: inline-block; padding-top: 2px;}
.wsw .detail-downloads li a:hover {color: var(--jm-red); text-decoration: none;}

section.intro .wsw h3.date {color: var(--jm-red); margin-top: -10px; font-weight: 400; font-size: 20px;}

.wsw .itinerar li a {color: var(--jm-blue); text-decoration: underline; display: inline-block; padding-top: 2px; }
.wsw .itinerar li a:hover {color: var(--jm-blue); text-decoration: none;}

iframe {border:none;}
#smap,  #gpxmap, 
section.detail-maps iframe,
iframe.smap {width: 100%; height: 400px;}

.detail-rating {padding: 45px 40px 30px; text-align: center; margin-bottom: 50px;}
.detail-rating .rate-box div {display: block; margin-bottom: 10px;}
.detail-rating .rate-box {margin-bottom: 35px; display: inline-block; text-align: left;}
.detail-rating.wsw h4 {font-weight: bold; line-height: 29px; font-size: 24px; margin-bottom: 45px;}
.detail-rating.wsw,
.detail-rating.wsw p {line-height: 16px; font-size: 13px;}

a.button-rate {padding: 5px 5px 5px 5px; display: inline-block; height: 30px; line-height: 20px;  font-weight: bold; color: var(--jm-red); text-decoration: underline;}
a.button-rate:hover {color: var(--jm-red); text-decoration: none;}
a.button-rate span {background: no-repeat 0px 0px; background-size: 30px 30px; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 20px; }
a.button-rate.rate-like span {background-image: url(images/svg/icon-smile-like.svg); }
a.button-rate.rate-dislike span {background-image: url(images/svg/icon-smile-dislike.svg);}

a.button-rate.rate-like.userrate span {background-image: url(images/svg/icon-smile-like-red.svg); }
a.button-rate.rate-dislike.userrate span {background-image: url(images/svg/icon-smile-dislike-red.svg)}

xa.button-rate.rate-like:hover {filter: hue-rotate(110deg); opacity: 0.9;}
xa.button-rate.rate-dislike:hover {filter: hue-rotate(110deg); opacity: 0.8;}

.detail-share {margin-bottom: 45px; text-align: left; padding-left: 15px;}
.detail-share a {display: inline-block; font-weight: bold; text-decoration: underline; padding-left: 45px; background: no-repeat 0px center; margin-bottom: 24px; margin-left: 17px;}
.detail-share a.ico-fb {background-image: url(images/svg/icon-fb-blu.svg); background-size: 26px 26px;}
.detail-share a.ico-tw {background-image: url(images/svg/icon-twitter.svg); background-size: 27px 24px;}
.detail-share a:hover {text-decoration: none;}


.detail-slider {height: 320px;}
.detail-slider img {height: 320px;}
.slider-wrap {position: relative;}
.slide-ctrl {width: 25px; height: 48px; position: absolute; top: calc(50% - 24px); background: no-repeat 0 0; cursor: pointer; z-index: 200; background-size: 25px 48px;
opacity: 0.7; transition: opacity 0.1s ease;  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .5));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .5));}
x.slide-ctrl.slide-prev {background-image: url(images/svg/slide-left.svg); left: 50px; text-shadow: 0 0 10px 10px rgba(255,255,255,1);}
x.slide-ctrl.slide-next {background-image: url(images/svg/slide-right.svg); right: 50px;}

.slide-ctrl.slide-prev {background-image: url(images/svg/slide-left-glow.svg); left: 50px; }
.slide-ctrl.slide-next {background-image: url(images/svg/slide-right-glow.svg); right: 50px;}
.slide-ctrl.slide-prev:hover,  
.slide-ctrl.slide-next:hover  {opacity: 1;-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));}

.slide-ctrl.disabled {opacity: 0.3; cursor: default;}


/**********/

.text-center-xs { text-align: center;}
.text-justify-xs { text-align: justify;}
.text-left-xs { text-align: left;}

/* XS mobile ver only! */
@media (max-width: 575px) {
    

}

/* SM Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
    .text-center-sm {text-align: center;}
    .text-justify-sm {text-align: justify;}
    .text-left-sm {text-align: left;}


		header nav {height: 70px; }
		header nav .row>div:first-child {padding-left: 0;}
		header nav .row>div:last-child {padding-right: 0; xpadding-left: 35px;}

		.searchbar {height: 70px;}    
		.searchbar .row>div {height: 70px;}
		header nav .row>div {height: 70px; }
		body.sticky header nav .row>div {height: 70px;}
		
    
    

		section.actuality .content {padding: 40px 0 25px; margin: 0 auto; width: 420px;}
		section.actuality .content h3 {font-size: 24px; line-height: 31px; }
		section.actuality .content p {font-size:24px; line-height: 31px;} 
		section.actuality .arrow-link {margin-top: 9px; }
		section.actuality .frame {}
		section.actuality .frame:before {border: solid 5px var(--jm-blue); top: 13px; left: calc(50% - 212px); width: 455px; height: 332px;}
		section.actuality .frame img {width: 450px; height: 327px;}


		.list-item .content {padding: 30px 40px 20px; text-align: left !important;}
		.list-item .image {background-color: rgba(29,52,254,0.2); height: 320.5px; overflow: hidden;}
		.list-item.list-item-blog .image {height: 320.5px; }
		

		a.filter-switch span.show {display: inline;}
		a.filter-switch span.hide {display: none;}
		section.list.filter-on a.filter-switch span.show {display: none;}
		section.list.filter-on a.filter-switch span.hide {display: inline;}


    .detail-rating .rate-box div {display: inline-block; margin: 0 22px 10px;}

/*
.detail-rating {padding: 45px 40px 30px; text-align: center; margin-bottom: 50px;}
.detail-rating .rate-box div {display: block; margin-bottom: 10px;}
.detail-rating .rate-box {margin-bottom: 35px; display: inline-block; text-align: left;}
.detail-rating.wsw h4 {line-height: 29px; font-size: 24px; margin-bottom: 45px;}
.detail-rating.wsw p {line-height: 21px;}

a.button-rate {padding: 5px 5px 5px 50px; display: inline-block; height: 30px; line-height: 20px; background: no-repeat 0px 0px; font-weight: bold; color: var(--jm-red); text-decoration: underline;}

.detail-share {margin-bottom: 45px; text-align: left; padding-left: 33px;}
.detail-share a {display: inline-block; padding-left: 45px; margin-bottom: 24px;}
*/

	.detail-share {margin-bottom: 45px; text-align: center; padding-left: 0px;}
	.detail-share a {display: inline-block; margin-left: 17px; margin-right: 17px;}

  footer .lastlogo {display: block; width: 100%; text-align: center;}
}

/* MD Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.text-center-md {text-align: center;}
	.text-justify-md {text-align: justify;}
	.text-left-md {text-align: left;}
	
	.top-pad {padding-top: 50px;}
	.bot-pad {padding-bottom: 50px;}
	
	header nav {height: 100px; }
	body.sticky header nav {height: 70px;}		
	header .logo img {height: 31px;}
	footer .content .logo-main {margin-bottom: 38px; height: 31px;}
	
	.searchbar {height: 100px;}
	.searchbar .row>div {height: 100px;}
	body.sticky .searchbar {height: 70px;}
	body.sticky .searchbar .row>div {height: 70px;} 
	header nav .row>div {height: 100px; }
	
	section.hero:not(.video) {height: 700px; max-height: calc(100vh - 300px);}
	
	section.intro .jm-icon {height: 285px; top: -250px; }    
	
	ul.flex-direction-nav {top: calc(50% - 36px); }
	ul.flex-direction-nav li:nth-child(1) {left: 50px;}
	ul.flex-direction-nav li:nth-child(2) {right: 50px;}
	ul.flex-direction-nav li {width: 38px; height: 72px; cursor: pointer; }
	ul.flex-direction-nav li a {background-size: 38px 72px;}
	
	section.actuality .content {}
	section.actuality .content h3 {font-size: 30px; line-height: 36px; }
	section.actuality .content p {font-size:30px; line-height: 36px;} 
	section.actuality .arrow-link {margin-top: 22px; font-size: 22px;}

  section.categories .types {display: flex; justify-content: space-between;}
  section.categories a.index-button {font-size: 21px; width: 120px; margin-left: 0; margin-right: 0;}
	section.categories a.index-button:first-child {margin-left: 0;}
  section.categories a.index-button:last-child {margin-right: 0;}
	section.categories a.index-button2 {xmargin-top: 30px; font-size: 21px; width: 290px; padding-right: 30px; }
  section.categories .divider {border: 0; padding: 0; margin: 0;}

	.regions-map {transform: none; padding: 0;}
	.regions-map:after {top: 0px;}
	.regions-map-wrap {position: relative; width: 696px; height: 525px; overflow: visible;  }
	.regions-map-wrap .overlay {background: none;}
	
	.regions-map-wrap .overlay {pointer-events: none; position: absolute; top: -5px; left: 0px; right: 0px; bottom: 0px; background: none;  z-index: 200; }
	
	.map-label {font-weight: bold; position: absolute; width: 80px; font-size: 16px; line-height: 18px; pointer-events: none;} 
	.map-label-c1 {top: 75px; left: 353px;}
	.map-label-c2 {top: 229px; left: 323px;}
	.map-label-c3 {top: 330px; left: 166px;}
	.map-label-c4 {top: 350px; left: 335px;}
	.map-label-c5 {top: 348px; left: 488px;}
	
	.map-label.over,
	.map-label.over a {color: #FFF;}

	.bigicon-type {xmargin-bottom: 70px;} /* !!!??? */
	.bigicon-type img {width: auto;}
	.bigicon-map {margin-bottom: 40px;}
	.bigicon-map img {width: 406px;}	

	.wsw h1 {font-size: 54px; line-height: 59px; color: var(--jm-blue); font-weight: bold; margin-bottom: 20px;}
	.wsw h2 {font-size: 30px; }
	.wsw h2.big {font-size: 50px; line-height: 55px; color: var(--jm-blue); font-weight: bold; margin-bottom: 20px;}
	.wsw h3.big {font-size: 30px; }
	.wsw, .wsw p, .wsw ul, .wsw ol {font-size: 17px; line-height: 25px; }


  .list-item .image-content h3 {font-size: 26px; line-height: 34px;}
  
	.list-item .content h3,  
	.list-item .content h3 a {font-size: 17px; }
	.list-item .content p {font-size: 17px;}
	.list-item .content a {font-size: 14px;}
	.list-item .image {height: 207.4px;}
	.list-item.list-item-blog .image {height: 254.5px; }
	.list-item.list-item-catalog .image span.label-top {left: 20px; right: auto;}


	.col3-box {width: auto;}
	.col3-box h4 {font-size: 22px; line-height: 33px; }
	.col3-box p {font-size: 17px; line-height: 25px; } /* was font-size: 22px; line-height: 33px;  */
	
	section.intro .wsw h3.date {font-size: 36px; margin-top: 0; padding-top: 7px; margin-bottom: 40px;}

  .filter-block.sticky {position: fixed; top: 160px; z-index: 100; width: 330px; transition: top 0.5s, bottom: 0.5s;}
  .filter-block.stickyd {position: absolute; bottom: -50px; z-index: 100; width: 330px;}
  .filter-block.stickyd.filter-block.sticky {top: auto;}
	  
	.container.sticky .list-control {position: fixed; top: 70px; z-index: 200; width: 100%;	width: 690px; padding-top: 20px; padding-bottom: 20px; transition: opacity 0.3s;}
	.container.sticky .control-keeper {margin-bottom: 100px;}

  .container.sticky .list-control.lc-hidden {display: none;}

	.detail-slider {height: 500px;}
	.detail-slider img {height: 500px;}
	.slide-ctrl {width: 38px; height: 72px; top: calc(50% - 24px); background-size: 38px 72px;}
	.slide-ctrl.slide-prev {left: 100px;}
	.slide-ctrl.slide-next {right: 100px;}
	 

	img.size-zazitky_pamatky {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-zazitky_priroda {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-zazitky_sport	{width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;;}
	img.size-zazitky_zabava {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-zazitky_gastronomie {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-zazitky_tradice {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}

	img.size-vylety_pesky  	{width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-vylety_nakole  {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-vylety_navodu   {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-vylety_vinopivo  {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	img.size-vylety_mimodavy  {width: 400px; height: 400px; margin-top: -50px; margin-bottom: -50px;}
	
	img.size-blog {width: 400px; height: 400px; margin-top: -50px !important; margin-bottom: -50px; margin-right: -50px !important;}

  .textblock {max-width: 730px; margin-left: auto; margin-right: auto;}
  

}

/* LG Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-center-lg {text-align: center;}
    .text-justify-lg {text-align: justify;}
    .text-left-lg {text-align: left;}
    
		footer .content .logo-side {margin-bottom: 17px;}
		footer .lastlogo {display: inline-block; text-align: left;}
		
		header nav .row>div:last-child>* {margin-left: 15px;}
		
		ul.flex-direction-nav li:nth-child(1) {left: 100px;}
		ul.flex-direction-nav li:nth-child(2) {right: 100px;}
    
    section.actuality .content {padding: 0 0 0 44px; margin: 0 0; width: 450px;}
		section.actuality .frame {text-align: left; padding-bottom: 0px;}
		section.actuality .frame:before {top: 13px; left: 13px; }

    
  	.bigicon-type {}
		.bigicon-type img {}
		
		section.categories .types {display: block; justify-content: inherit;}
		section.categories a.index-button {font-size: 22px; width: 125px; margin: 0 15px 40px !important; }
		section.categories a.index-button2 {font-size: 22px; width: 300px; }
		
		section.regions .wrapper {position: relative; height: 550px;}
		.regions-map-wrap {position: absolute; right: 0px; top: 0px;}
		.map-info {width: 230px; }

  	section.intro-oblast .wsw h1 {margin-bottom: 30px;}
		
		.detail-right-col {padding-right: 4px;}
		.detail-rating {padding: 75px 40px; text-align: left; width: 300px;}
		.detail-rating.wsw h4 {font-size: 28px; line-height: 34px;}
		.detail-rating .rate-box div {margin: 0 0 15px;}
		.detail-rating a.button-rate {font-size: 22px; }
		.lang_de .detail-rating a.button-rate {font-size: 16px; } 
	
	.detail-share {margin-bottom: 45px; text-align: left;}
	.detail-share a {display: block; margin-left: 35px; margin-right: 0px;}
	
	.list-item .image {height: 182.3px;}
	.list-item.list-item-blog .image {height: 223.7px; }

  .filter-block.sticky {width: 290px;}
  .filter-block.stickyd {width: 290px;}
  .container.sticky .list-control {width: 930px;}

	img.size-zazitky_pamatky {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-zazitky_priroda {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-zazitky_sport	{width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-zazitky_zabava {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-zazitky_gastronomie {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-zazitky_tradice {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}

 	img.size-vylety_pesky  	{width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-vylety_nakole  {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-vylety_navodu   {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-vylety_vinopivo  {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}
	img.size-vylety_mimodavy  {width: 400px; height: 400px; position: relative; top: -50px; left: 50px; margin: 0;}

}

/* ~XL collapsed menu - inverse xl (& XS) */
@media (max-width: 1199px) {	


	header nav #mainmenu {display: none;  background: var(--jm-blue); position: fixed; width: 100%; top: 66px; left: 0px; border-top: solid 1px #FFF; padding-bottom: 30px;
	overflow-y: auto; max-height: calc(100vh - 66px);
	}
	header nav ul {margin: 0; padding: 0; text-align: center;}
	header nav ul ul { max-height: 0px;  overflow: hidden; transition: max-height 0.5s ease;}
	header nav ul>li.focus ul {max-height: 100vh; }
	
	
	.sm-langbar {height: 60px; border-bottom: dashed 1px #FFF;}
	.sm-langbar ul {display: block; text-align: center;}
	.sm-langbar ul li {display: inline-block; margin: 10px 5px;}
	.sm-langbar ul li a {font-size: 15px; display: inline-block; padding: 10px; line-height: 20px; color: #FFF; font-weight: bold; text-transform: uppercase; text-decoration: none;}
	.sm-langbar ul li a:hover {text-decoration: none; }
	
	.sm-searchbar {padding-top: 7px; padding-top: 30px;}
	.sm-searchbar form {width: 100%; text-align: center;}
	.sm-searchbar input[type=text] {width: 290px; height: 50px; background: #FFF url(images/svg/icon-search-blu.svg) no-repeat 20px center; background-size: 16px 16px; border: 0; color:var(--jm-blue); font-size: 18px; line-height: 22px; padding: 11px 15px 17px 48px; outline: none;}
	
	.sm-fav {line-height: 18px; padding: 9px 25px 9px 50px; background: url(images/svg/icon-favourite.svg) no-repeat 25px center; background-size: 19px 17px; 
		display: inline-block; font-size: 15px; font-weight: bold; color: #FFF; border: solid 4px var(--jm-red); }
	
	header nav ul.mainmenu {padding: 20px 0;}
	header nav ul.mainmenu>li {padding: 8px 0; font-size: 18px; font-weight: 600; display: block; text-align: center;}
	header nav ul.mainmenu>li a {color: #FFF; display: inline-block; text-transform: lowercase; line-height: 20px; }
	header nav ul.mainmenu>li a:hover {text-decoration: none;}
	header nav ul.mainmenu>li>a.submenu {padding-right: 25px; background: url(images/submenu-down.png) no-repeat  calc(100% - 2px) 8px; }
	header nav ul>li.focus a.submenu {background-image: url(images/submenu-up.png)}
	
	header nav ul.mainmenu ul {padding: 0;}
	header nav ul.mainmenu ul li {padding: 8px 0; }
	header nav ul.mainmenu ul li:first-child {padding-top: 18px;}
	header nav ul.mainmenu ul li a {color: rgba(255,255,255,0.8); font-weight: 400;font-size: 18px; line-height: 20px;}
	header nav ul.mainmenu ul li a.index-button {width: auto; height: auto;}
	header nav ul.mainmenu ul li a.index-button span {display: none;}
	header nav ul.mainmenu ul li a.index-button div {text-align: center;}
	
/*
	header nav ul.mainmenu>li {margin: 0 17.5px; padding: 50px 0; font-size: 18px; font-weight: 700; display: inline-block;}
	header nav ul.mainmenu>li>a {color: #FFF; border-bottom: solid 3px transparent; display: inline-block; padding: 2px 2px; position: relative;}
	header nav ul.mainmenu>li>a.active {color: #FFF; border-color: var(--jm-red); text-decoration: none;}
	header nav ul.mainmenu>li>a:hover  {color: #FFF; text-decoration: none;}
	
	header nav ul>li:hover>a.submenu:after  {content: ''; position: absolute; height: 15px; background: url(images/menu-nook.png) no-repeat center top; 
	left: 0px; top: 50px; z-index: 1000; width: 100%; 
	}
	
	header nav ul ul{display: none; position: fixed; top: 100px; left: 0px; width: 100%; background: #FFF; min-height: 275px; margin: 0; padding: 0; color: var(--jm-blue); text-align: center; padding: 50px 0;}
	header nav ul ul li {display: inline-block; vertical-align: top;}
	header nav ul ul a{ color: var(--jm-blue); border: 0;}
	
	header nav ul>li:hover ul {display: block;}
*/

}

/* ~XL & SM */
@media (min-width: 576px) and (max-width: 1199px) {

header .logo {z-index: 10000;}
header nav #mainmenu {top: 70px; max-height: calc(100vh - 70px);}
body.sticky header nav #mainmenu {top: 70px; max-height: calc(100vh - 70px);}

	.sm-langbar ul li {margin: 10px 10px;}
	.sm-langbar ul li a {font-size: 16px; }
}


/* ~XL & MD */
@media (min-width: 768px) and (max-width: 1199px) {

header nav #mainmenu {top: 100px; max-height: calc(100vh - 100px);}

}

/* ~XL & LG */
@media (min-width: 992px) and (max-width: 1199px) {

}

/***************  /collapsed menu      ********************/
      

/* XL X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-center-xl {text-align: center;}
    .text-justify-xl {text-align: justify;}
    .text-left-xl {text-align: left;}
    

	header .logo {z-index: 10000;}

	header nav ul {margin: 0; padding: 0;}
	header nav ul.mainmenu {white-space: nowrap; margin-left: 30px;}
	header nav ul.mainmenu li {white-space: normal; position: relative;}
	header nav ul.mainmenu>li {margin: 0 2.5px; padding: 35px 8px; font-size: 20px; font-weight: 700; display: inline-block;} /* was 20 */
	body.sticky header nav ul.mainmenu>li {padding: 22px 8px; }
	header nav ul.mainmenu>li>a {color: #FFF; border-bottom: solid 3px transparent; display: inline-block; padding: 2px 2px; position: relative;}
	header nav ul.mainmenu>li>a.active {color: #FFF; border-color: var(--jm-red); text-decoration: none;}
	header nav ul.mainmenu>li>a:hover  {color: #FFF; text-decoration: none;}
	
/*da noook (teda sipka)

	header nav ul>li:hover>a.submenu:after,
	header nav ul>li.hover>a.submenu:after  {content: ''; position: absolute; height: 15px; background: url(images/menu-nook.png) no-repeat center top; 
	left: 0px; top: 50px; z-index: 1000; width: 100%; 
	}
*/
	
	header nav ul ul{display: none; position: absolute; top: 62px; left: 10px; min-width: 100%; background: rgba(255,255,255,0.8); xmin-height: 275px; margin: 0; padding: 0; color: var(--jm-blue); text-align: center; padding: 20px 0; box-shadow: 0 0px 15px 1px rgba(0,0,0,0.1);}
	header nav ul ul li {display: block; vertical-align: top; }
	header nav ul ul li:hover {background: var(--white);}
	header nav ul ul a, header nav ul ul a:hover { display: block; color: var(--jm-blue); border: 0; padding: 8px 10px; text-decoration: none;}
	
	body.sticky header nav ul ul{top: 70px;}
	body.sticky header nav ul>li:hover>a.submenu:after,
	body.sticky header nav ul>li.hover>a.submenu:after {top: 35px;} 
	
	header nav ul>li:hover ul,
	header nav ul>li.hover ul {display: block;}

	section.actuality .content {padding-left: 70px; width: 540px;}
	section.actuality .content h3 {font-size: 36px; line-height: 43px; }
	section.actuality .content p {font-size:36px; line-height: 43px;} 
	section.actuality .arrow-link {font-weight: bold; font-size: 22px;}
	
	section.actuality .frame {position: relative;}
	section.actuality .frame:before {border: solid 5px var(--jm-blue); top: 13px; left: 13px; width: 556px; height: 406px;}
	section.actuality .frame img {width: 550px; height: 400px;}

	.list-item .image {height: 220px;}
	.list-item.list-item-blog .image {height: 270px; }

	.list-item .image-content h3 {font-size: 30px; line-height: 36px;}

  section.categories a.index-button {width: 140px; margin: 0 25px 40px !important; }

	.col3-box {padding: 0 0 0 65px; background-position: 0 0; text-align: left;}
	.col3-box.icon-distance,
	.col3-box.icon-duration,
	.col3-box.icon-elevation {padding-left: 80px;}

	.col3-cell {text-align: left;}
	.col3-box {display: block; width: auto;}
	
	.detail-rating {margin-left: 45px; padding-bottom: 62px;}
	.detail-share {margin-left: 50px; margin-bottom: 45px; text-align: left;}

	a.filter-switch {margin-left: 50px;}
	a.favorite-sel-remove, .orderby {margin-right: 50px;} 
	
	
	.filter-block.sticky {width: 350px; background: var(--jm-light-blue);}
	.filter-block.stickyd {width: 350px;}
	.container.sticky .list-control {width: 1110px;}
	 

}



/*
font weight 100 400 700 900

xs < 576px	
sm ≥ 576px	
md ≥ 768px	
lg ≥ 992px
xl ≥ 1200px

*/


/* CSS PRELOAD HOVERU */

body:after{
 display:none;
 content: url( images/regions/icon-moravsky-kras-h.svg) url( images/regions/icon-brno-okoli-h.svg) url( images/regions/icon-znojemsko-podyji-h.svg) url(images/regions/icon-palava-lednickovalticko-h.svg) url(images/regions/icon-slovacko-h.svg) url(images/svg/icon-zazitky_pamatky-red.svg) url(images/svg/icon-zazitky_tradice-red.svg) url(images/svg/icon-zazitky_priroda-red.svg) url(images/svg/icon-zazitky_sport-red.svg) url(images/svg/icon-zazitky_zabava-red.svg) url(images/svg/icon-zazitky_gastronomie2-red.svg) url(images/svg/icon-checkbox-checked.svg) url(images/regions/region-moravsky-kras.svg) url(images/regions/region-brno-okoli.svg) url(images/regions/region-znojemsko-podyji.svg) url(images/regions/region-palava-lednickovalticko.svg) url(images/regions/region-slovacko.svg) url(images/svg/icon-filter-filled.svg) url(images/svg/icon-ribbon-blue-h.svg) url(images/svg/icon-ribbon-red-h.svg);
}



/*

.uniform input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important;
	display: inline-block;  width: 21px; height: 21px; background: #FFF; border: solid 1px #9d9d9d; vertical-align: middle; border-radius: 10px;}
.uniform input[type=radio]:checked {	background: url(images/_dot.png) no-repeat 5px 5px ; }
/* fancy select * /
.uniform select {border: solid 1px #9d9d9d; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase;
	vertical-align: middle;
  color: #868686; background: transparent url(images/_select.png) no-repeat calc(100% - 4px) center; background-size: 20px 20px; padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; }
.uniform select::-ms-expand { display: none; }
.uniform select option {color: #868686; text-transform: uppercase; font-size: 14px;}
*/
 
 
x.row>div {outline: solid 1px rgba(255,0,0,0.5);}
x.container {outline: solid 1px blue;} 

ximg {max-width: 80vw !important;}
xheader {display: none;}
xhr.container {display: none !important;}  
xsection {display: none;}

.zluty {background: yellow !important;}


.loader {display: none; z-index: 1001; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0) url(images/loading.svg) no-repeat center center;}



    
    

/*
*/ 

 
/* size patche na vektorove piktogramy */

img.size-vylety {width: 232px; height: 273px;} 
img.size-akce {width: 295px; height: 257px;}


/*
img.size-zazitky_priroda {width: 246px; height: 238px;}
img.size-zazitky_sport	{width: 260px; height: 266px;}
img.size-zazitky_zabava {width: 242px; height: 230px;}
img.size-zazitky_gastronomie {width: 258px; height: 238px;}
*/




#suggest-mob {position: relative; display: inline-block;}
#suggest {width: 100%; height: 50px; position: relative;}
.suggest-ui-btn {position: absolute; width: 50px; height: 50px; background: transparent; border: none;}

.suggest {background: white; border-top: solid 1px #EEE; box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2); z-index: 10000; max-height: 50vh; overflow-y: auto;}
.suggest {position: absolute; top: 140px; left: calc(50% - 145px); width: 290px;} 
.suggest ul {list-style-type: none; padding: 5px 0 10px; margin: 0;}
.suggest ul li {display: block; font-size: 15px; font-weight: 200; line-height: 18px; text-align: left;}
.suggest ul li a {color: #000; display: block; padding: 4px 20px; cursor: pointer;}
/*.suggest ul li a:hover,*/
.suggest ul li.active a {color: #000; background-color: var(--jm-light-blue); text-decoration: none;}

@media (min-width: 768px) {
	.suggest {position: absolute; top: 80px; left: calc(50% - 145px); width: 290px;} 
}

@media (min-width: 992px) {
	.suggest {position: absolute; top: 50px; left: 0; width: 100%; }
}



.paralax {background: #666 no-repeat center center; background-size: cover; }
.noparalax {background: no-repeat center center; background-size: cover;}

section.topplaces-teaser {}
section.topplaces-teaser .paralax,
section.topplaces-teaser .noparalax {height: calc(100vh - 70px); min-height: 240px;}
section.topplaces-teaser {}
section.topplaces-teaser .paralax,
section.topplaces-teaser .noparalax {height: calc(100vh - 600px); min-height: 240px;}
@media (min-width: 576px) {
	section.topplaces-teaser .noparalax {height: calc(100vh - 450px); min-height: 240px;}
}
@media (min-width: 768px) {
	section.topplaces-teaser .noparalax {height: calc(100vh - 430px); min-height: 240px;}
}
@media (min-width: 992px) {
	section.topplaces-teaser .noparalax {height: calc(100vh - 340px); min-height: 240px;}
}


section.home-teaser {}
section.home-teaser .paralax, 
section.home-teaser .noparalax {height: calc(100vh - 400px); border-bottom: solid 1px #FFF; display: flex; align-items: center;}
section.home-teaser .textblock {padding-top: 40px; padding-bottom: 30px;}

/* workaround for all ios devices */
@supports (-webkit-touch-callout: none) { /* IOS */
	section.home-teaser .paralax {height: calc(100vh - 350px);}
} 
	
/* non ios & > mobile */
@supports not (-webkit-touch-callout: none) {
@media (min-width: 576px) {
	.paralax {background-attachment: fixed;}
	section.home-teaser .paralax {height: calc(100vh - 70px);}
	.par-content {height: calc(100vh - 70px); position: absolute; top:0;left:0;width: 100%; display: flex; align-items: center;}
	.wsw.white,.wsw.white * {color: #FFF !important; border-color: #FFF !important; }
	.wsw.white a.button:hover {background-color: black;}
	.wsw.white a.button.ico-arrow-right {background-image: url(images/svg/icon-arrow-right-w.svg);}
	.wsw.white a.button.ico-arrow-right:hover {color: var(--jm-blue) !important; background-color: #FFF; background-image: url(images/svg/icon-arrow-right-bl.svg); text-shadow: none;}
	section.home-teaser .wsw p {font-weight: bold;}
	section.home-teaser .wsw h2, section.home-teaser .wsw h3, section.home-teaser .wsw p,
	section.home-teaser .wsw a {xbackground-color: rgba(0,0,0,0.1); text-shadow: 0 0 3px rgba(0,0,0,0.5);}
	}
}

/* boxiky */
/*
@media (max-width: 991px) {
	.detail-hot3>h2 {color: var(--jm-red);} 
	.hot3-box {height: 200px; background: no-repeat center center; background-size: cover;}
	
	.hot3-label {width: calc(100% - 100px); }
	
	@media (min-width: 576px) {
		.hot3-label {width: calc(100% - 50px); xword-break: normal; xoverflow-wrap: break-word;}
	}	
	.hot3-label h2, .hot3-label a {text-shadow: 0 0 3px rgba(0,0,0,0.5); }
}
*/
@media (max-width: 991px) { /*1012*/
	x.detail-hot3 {width: 300px; min-height: 450px; padding: 60px 30px;}
	.detail-hot3>h2 {color: var(--jm-red); font-size: 24px; line-height: 28px; margin-bottom: 30px; margin-bottom: 10px; font-size: 18px; line-height: 20px; }
	.hot3-box {height: 85px; background: none!important; }
	.hot3-box h2 {font-size: 20px; line-height: 22px; font-weight: bold; }
	.hot3-box h2 a {color: var(--jm-blue); text-decoration: none; border-right: solid 25px transparent; }
	.hot3-box h2 a:hover {color: var(--jm-blue-over); text-decoration: underline;}
	//.hot3-box h2 a:after {display: inline-block; vertical-align: bottom; content: ''; margin-left: 10px; width: 15px; height: 18px; background: url(images/svg/icon-arrow-right.svg) no-repeat center center ; background-size: 15px 10px;}
	.hot3-box h2 a {background: url(images/svg/icon-arrow-right.svg) no-repeat calc(100% + 24px) calc(100% - 5px); background-size: 15px 10px;}
}

@media (max-width: 575px) {
	.hot3-box {margin: auto; max-width: 300px;}
	.hot3-box:not(:last-child) {border-bottom: dashed 3px var(--jm-blue); }
}
@media (min-width: 576px) and (max-width: 991px) {
	.hot3-box:not(:last-child){border: dashed 3px var(--jm-blue); border-width: 0 3px 0 0px; }
}


@media (min-width: 992px) {
	.detail-hot3 {width: 210px; xmin-height: 450px; padding: 30px 30px; padding: 15px 15px; position: relative; left: 60px;} /*1012*/
	.detail-hot3>h2 {color: var(--jm-blue); font-size: 24px; line-height: 28px; margin-bottom: 15px; font-weight: bold; margin-bottom: 10px; font-size: 17px; line-height: 20px; } /*1012*/
	.detail-hot3>h2 b, 
	.detail-hot3>h2 strong {color: var(--jm-red); font-size: 17px; line-height: 20px; margin-bottom: 30px; margin-bottom: 10px; font-size: 18px; line-height: 20px; } /*1012*/ 
	.hot3-box {height: 85px; background: none!important; }
	.hot3-box h2 {font-size: 20px; line-height: 22px; font-weight: bold;}
	.hot3-box h2 a {color: var(--jm-blue); }
	.hot3-box h2 a:hover {color: var(--jm-blue-over); text-decoration: underline;}
	.hot3-box h2 a:after {display: inline-block; vertical-align: bottom; content: ''; margin-left: 10px; width: 15px; height: 18px; background: url(images/svg/icon-arrow-right.svg) no-repeat center center ; background-size: 15px 10px;}
	.hot3-box:not(:last-child) {border-bottom: dashed 3px var(--jm-blue);}
	x.detail-hot3 {background: var(--jm-light-blue);}
}
@media (min-width: 1200px) {
	.detail-hot3 {margin-left: 75px; xpadding-bottom: 62px;}
}

nav.autonav {display: none;} 

@media (min-width: 992px) {
	nav.autonav {display: block; position: fixed; xleft: calc(50% + 450px); right: 50px; top: 50%; width: auto; padding-right: 20px; padding-top: 18px; xbackground: rgba(0,0,0,0.15); xbox-shadow: 0 0 10px 2px rgba(0,0,0,0.2);  
	xoutline: solid 1px yellow;
	}
	nav.autonav ul {padding: 0; margin: 0; list-style-type: none;}
	nav.autonav li {list-style-type: none; text-align: right; margin-bottom: 18px; height: 22px; white-space: nowrap; line-height: 20px;}
	nav.autonav li a {font-size: 14px; font-weight: bold; color: #797979; text-decoration: none; position: relative; display: inline-block; padding-right: 42px; height: 22px; vertical-align: top;}
	nav.autonav li a:after {display: block; position: absolute; content: ''; top: 0px; right: 0px; width: 21px; height: 21px; border-radius: 10.5px; background-color: transparent; border: solid 4px #FFF; }
	nav.autonav a span {display: inline-block; width: auto; max-width: 0; padding: 0; xtransition: max-width 0.5s, padding 0.5s; overflow: hidden; text-overflow: ellipsis;}
	nav.autonav a.animate span {transition: max-width 0.7s, padding 0.5s; overflow: hidden; }
  nav.autonav a:hover span {max-width: 340px; padding-right: 20px; padding-left: 20px; }
	nav.autonav li:hover,
	nav.autonav li.active {}
	nav.autonav li a:hover,
	nav.autonav li.active a {color: #FFF;}
	nav.autonav li a:hover:after,
	nav.autonav li.active a:after {background-color: #FFF;}
}



/* cookie consent */

a.button.btn-mini {font-size: 14px; height: 40px; line-height: 15px; padding:6px 15px; text-transform: none; font-weight: 400; }

.cookie-consent {position: fixed; xposition: absolute; top: 0px; left: 0px; width: 100%; z-index: 1000000; max-height: 100vh; }

	.cookie-bar {background: #fff; border-bottom: solid 1px rgba(220,220,220,0.7); padding: 15px 0; position: relative; z-index: 100000; }
	.cookie-bar .cc-textbox {xbackground: url(images-5/ico-info.png) no-repeat 0 center; xpadding: 0 0 0 25px; font-size: 12px; line-height: 16px;}
	.cookie-bar .cc-textbox a {color: var(--jm-blue); text-decoration: underline;}
	.cookie-bar .cc-textbox a:hover {color: var(--jm-blue); text-decoration: none;}
	
	.cookie-bar a.button.btn-mini {width: 100%; margin-top: 15px; cursor: pointer; color: var(--jm-red); font-weight: 500; }
	.cookie-bar a.button.btn-mini:hover {background-color: var(--jm-red); color: #fff;}
	.cookie-bar .info {display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 16px; font-weight: 800; color: #FFF; background-color: var(--jm-blue); border-radius: 11px; float: left; margin-right: 20px;}
	
	.cookie-pref {padding-bottom: 60px; }
	.cookie-pref-shadow {box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2); background: #FFF; padding: 15px 0 25px; }
	x.cookie-pref .wsw {padding-top: 20px;}
	.cookie-pref .wsw h3, 
	.cookie-pref .wsw h4 {margin-bottom: 10px;}
	.cookie-pref .wsw p {margin-bottom: 20px; padding: 0;}
	.cookie-pref .button {margin-bottom: 15px;  cursor: pointer; background-color: #fff;}
	.cookie-pref .button:hover {background-color: var(--jm-red);}
	.cookie-pref .button:first-child {margin-right: 25px;}

@media (min-width: 768px) {
	.cookie-bar {padding: 17px 0;}
	x.cookie-bar .container>div {vertical-align: middle;}
	.cookie-bar .container {   display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
	.cookie-bar .cc-buttons {white-space: nowrap; display: inline-block; } 
	.cookie-bar .cc-textbox {display: inline-block; xwidth: 45%; padding-left: 30px;}
	.cookie-bar a.button.btn-mini {width: auto; margin-top: 0px; margin-left: 15px; white-space: nowrap; }

}

@media (min-width: 992px) {
	.cookie-bar .cc-textbox br {display: none; }
}
@media (min-width: 1200px) {
	.cookie-pref-shadow {padding: 25px 0 35px;}
	.cookie-bar .cc-textbox {font-size: 14px; line-height: 16px;}
}

/* blog voting box 

xbackground: rgba(255,0,0,0.1);
*/

.blog-map #smap {width: 100%; height: 450px; max-height: 100wh;}

section.mapblock {}
/*section.mapblock>div,*/ 
section.mapblock iframe {width: 100%; height: 450px; max-height: 80vh;}

.article-rating {}
.arating-box h3 a {color: var(--jm-blue); text-decoration: none;}
.arating-box .blog-rating-vote {cursor: pointer;}
.arating-box .blog-rating-vote:hover h3 a {text-decoration: underline;}

.star {width: 25px; height: 25px; display: inline-block; background: no-repeat center center; margin-right: 10px;}
	.star:last-child {margin-right: 0;}
	.star.star-blue {background-image: url(images/svg/icon-star-full-blue.svg);}
	.star.star-grey {background-image: url(images/svg/icon-star-full-grey.svg);}
	.star.star-red {background-image: url(images/svg/icon-star-full-red.svg);}
	.star.star-blue.star-off {background-image: url(images/svg/icon-star-blue.svg);}
	.star.star-grey.star-off {background-image: url(images/svg/icon-star-grey.svg);}
	.star.star-red.star-off {background-image: url(images/svg/icon-star-red.svg);}
	
.abox-votebox.vb-deact .star.star-red {background-image: url(images/svg/icon-star-full-grey.svg);} 
.abox-votebox.vb-deact .star.star-red.star-off {background-image: url(images/svg/icon-star-grey.svg);}
.arating-box .abox-votebox.vb-deact h3 a {color: #BEBEBE;} 

@media (max-width: 991px) {
	.arating-box  {width: 100%; max-width: 400px; margin: auto; padding-top: 20px;}
	.arating-box .row {width: 250px; margin: auto;}
 	.abox-votebox {border: dashed 3px var(--jm-blue); border-width: 0 0 3px 0px; padding: 25px 0px 20px;}
 	.abox-votebox:last-child {border-width: 0;}
}

@media (min-width: 992px) {
	.arating-box  {width: 710px; margin: auto; padding-top: 40px;}
 	.abox-votebox {border: dashed 3px var(--jm-blue); border-width: 0 3px 0 0px; padding: 20px 40px 10px; text-align: left;}
 	.abox-votebox:last-child {border-width: 0;}
}

@media (max-width: 767px) {
	.mobile-column .list-col:not(:first-child) {display: none;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.mobile-column .list-col:last-child {display: none;}
}

.fancybox-infobar {display: none !important;}


/* addon mojakarta */

h3.mojakarta {font-size: 26px; position: relative; margin-bottom: 40px; padding-top: 10px;display: inline-block;}
h3.mojakarta:before {content: ''; display: block; position: absolute; top: 1px; left: 3px; width: 17px; height: 14px; background: rgba(255,255,0,0.2) url(images/heart.svg) no-repeat; background-size: 17px;}
h3.big.mkbig {line-height: 110%; margin-bottom: 15px;}
p.mojakarta {font-weight: bold; font-size: 110%; margin-bottom: 20px;}
.wsw p a.button-blue-txt {color: var(--jm-blue);}
.wsw p a.button-blue-txt:hover {color: #FFF; background-color: var(--jm-red);}

@media (max-width: 991px) {
xsection.mojakarta .content {position: relative;}
xsection.mojakarta .content:before {content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; background: url(images/hand-mojakarta.png) no-repeat top right; background-size: contain; opacity: 0.2;}

}


@media (min-width: 992px) {
	h3.big.mkbig {font-size: 35px;}
	p.mojakarta {font-size: 22px; margin-bottom: 30px;}
}


/****************** cyklo 2024 */

/* katalog */

.list-item-catalog {background-color: var(--jm-blue) }
.list-item-catalog table.cyklo-box {width: 100%;}
.list-item-catalog table.cyklo-box td {xtext-align: center; font-size: 18px; padding: 5px 2px; width: 50%; text-align: left; padding-left: 25px; white-space: nowrap;}
.list-item-catalog table.cyklo-box td.cb-length,
.list-item-catalog table.cyklo-box td.cb-height {text-align: left; padding-left: 25px;} 
.list-item-catalog .content {padding: 15px 25px 20px;}
.list-item-catalog .content h3 {text-align: center; font-weight: bold; height: 65px; margin-bottom: 0;}
.list-item-catalog .content h3 a {text-decoration: none; font-size: 22px; line-height: 28px;}



table.cyklo-box span.ico  {display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-size: 30px; margin-right: 2px;}
table.cyklo-box span.ico-length {background: url(images/svg24/icon-length-w.svg) no-repeat;  }
table.cyklo-box span.ico-time {background: url(images/svg24/icon-time-w.svg) no-repeat;  }
table.cyklo-box span.ico-height {background: url(images/svg24/icon-height-w.svg) no-repeat;  background-size: 28px;}
table.cyklo-box span.ico2  {display: inline-block; width: 30px; height: 30px; background-position: center; background-size: 30px; vertical-align: middle; margin-right: 2px;} /*width: 40px; height: 35px; */ 
table.cyklo-box span.ico-route-round {background: url(images/svg24/icon-route-circle-w.svg) no-repeat; background-size: 30px; }
table.cyklo-box span.ico-route-linear {background: url(images/svg24/icon-route-line-w.svg) no-repeat;  background-size: 30px;}



a.index-buttonc {display: inline-block; width: 200px; height: 200px; cursor: pointer; color: var(--jm-blue);  font-weight: bold; font-size: 22px; border: solid 5px var(--jm-blue); text-align: center; xpadding: 19px 30px; text-decoration: none;}
a.index-buttonc:hover,
a.index-buttonc.active {color: var(--jm-red); border-color: var(--jm-red); text-decoration: none;}  

a.index-buttonc span {display: inline-block; width: 180px; height: 150px; xvertical-align: middle; margin-bottom: 5px; }
a.index-buttonc.adrenalin-cyklo span {background: url(images/svg24/icon-adrenalin-cyklo.svg) no-repeat center center; background-size: 180px;}
a.index-buttonc.cyklo-turistika span {background: url(images/svg24/icon-cyklo-turistika.svg) no-repeat center center; background-size: 180px;}
a.index-buttonc.dalkove-trasy span {background: url(images/svg24/icon-dalkove-trasy.svg) no-repeat center center; background-size: 180px;}


a.index-buttonc:hover span,
a.index-buttonc.active span {border-color: var(--jm-red);}
a.index-buttonc.adrenalin-cyklo:hover span,
a.index-buttonc.adrenalin-cyklo.active span {background-image: url(images/svg24/icon-adrenalin-cyklo-r.svg);}
a.index-buttonc.cyklo-turistika:hover span,
a.index-buttonc.cyklo-turistika.active span {background-image: url(images/svg24/icon-cyklo-turistika-r.svg);}
a.index-buttonc.dalkove-trasy:hover span,
a.index-buttonc.dalkove-trasy.active span {background-image: url(images/svg24/icon-dalkove-trasy-r.svg);}

a.index-buttonc {margin: 16px;}
	
@media (min-width: 992px) {	
	.pepa {}
	.detail-right-col .detail-hot3:first-child {
		margin-bottom: 30px;
	}
}
@media (max-width: 991px) {	
.pepa {}
.detail-right-col .detail-hot3:first-child {
	margin-bottom: 30px;
}
}
                 
@media (max-width: 991px) {
	.detail-hot3 {width: 100%; xmin-height: 450px; padding: 30px 30px 0 30px; min-height: 200px; height: 100%; /*1012*/ padding: 15px 15px 0 15px; min-height: 100px; }
	.detail-hot3>h2 {color: var(--jm-blue); font-size: 24px; line-height: 28px; margin-bottom: 15px; font-weight: bold; /* 1012 */ font-size: 18px; line-height: 20px; } 
	.detail-hot3>h2 b, 
	.detail-hot3>h2 strong {color: var(--jm-red); font-size: 24px; line-height: 28px; margin-bottom: 10px; font-size: 18px; line-height: 20px; } 

@media (max-width: 767px) {
	.pb30-md {padding-bottom: 30px;}
}


}

.stickers { text-align: center; padding-top: 35px;}
.stickers a {display: inline-block; background: var(--jm-blue); padding: 15px 20px; line-height: 17px; font-size: 15px; font-weight: bold; color: #FFF; margin: 6px 6px; white-space: nowrap;}
.stickers a:hover {text-decoration: none; background: var(--jm-blue-over)}

/* 1012 */	
.detail-hot3 a.button { font-size: 16; font-weight: normal; padding: 5px 15px; width: 180px; text-align: left;}
.detail-hot3 a.button.ico-addfav {padding-left: 50px; background-position:  12px 50%;}
.detail-hot3 a.button.ico-arrow-right-r {padding-left: 50px; background-position: 14px 50%;}

/*
section.detail-maps iframe {pointer-events: auto;}
*/

section.mapblock iframe, section.mapblock iframe body {background: #f2f1e1!important;} /**/ 

/* experimentals */


.map-wrap {height: 400px; width: 100%; position: relative; }
.map-wrap iframe {pointer-events: none;}
.map-loader {height: 400px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 100; display: flex; align-items: center; justify-content: center; }
.map-disabler {height: 400px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 110; display: none; text-align: center; outline: solid 2px var(--jm-red); pointer-events: none;}
.map-disabler div {color: var(--jm-red); position: absolute; bottom: 0px; background: white; font-size: 13px; padding: 10px; width: 300px; left: calc(50% - 150px);}

section.mapblock .map-wrap, 
section.mapblock .map-loader,
section.mapblock .map-disabler {height: 450px;}  				


/* styling bubliny v leafletu */

.leaflet-container .leaflet-popup-content {font-family: 'MatterSQ' !important; }
.leaflet-container .leaflet-popup-content {}
.leaflet-container .leaflet-popup-content h5 {font-weight: bold; color: var(--jm-red); padding-top: 12px; margin-bottom: -4px;}
.leaflet-container .leaflet-popup-content p {color: var(--jm-blue); font-size: 16px;}
.leaflet-container .leaflet-popup-content p a {font-size: 18px; color: var(--jm-red-over) !important; margin-left: 32px;}
.leaflet-container .leaflet-popup-content p a:before {background-size: 20px 11px; left: -32px;}
x.leaflet-container .leaflet-popup-content p a:hover {color: var(--jm-red-over) !important; text-decoration: none !important;}

a.show-mapy {z-index: 500; position: absolute; left: 8px; bottom: 54px; display: block;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;text-decoration: none;background: #fff; border: 1px solid #cecece; color: #6b7580 !important; cursor: pointer; font-size: 11px; line-height: 1; padding: 5px 8px;}

/* multi gpx map + expander */
.map-exp-wrap {position: relative; xpadding-bottom: 24px;}
.map-exp-wrap a.expand {xposition: absolute; }
#mgpxmap {height: 450px; transition: height 0.4s;}
#mgpxmap.expand {height: 80vh; min-height: 450px;}
a.map-expand {color: var(--jm-red); text-align: center; position: absolute; z-index: 1100; bottom: 0px; background: white; font-size: 18px; padding: 10px; width: 300px; left: calc(50% - 150px);}
a.map-expand:hover {color: var(--jm-red-over); text-decoration: none;}
		
a.map-expand:not(.expanded) .shrink-label {display: none;}
a.map-expand.expanded .expand-label {display: none; }