/* @import "../vendor/normalize.css"; */
/*@import "fonts/MyFontsWebfontsKit.css";*/

* {
	margin: 0px; padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.clearfix:after { clear: both; }

.bg-green { background-color: #326e0a }
.fg-bgreen { color: #326e0a }
.bg-blue { background-color: #327ecb }
.fg-blue { color: #327ecb }
.bg-white { background-color: #e5dfda }
.fg-white { color: #e5dfda }
html, body {
	height: 100%;
	width: 100%;
}
.font {
	font-family: "Veneer", serif !important;
	font-weight: 100;
	font-style: normal;
	font-size: 100%;
	letter-spacing: 2pt;
	letter-spacing: 1pt;
}
.font2 {
	font-family: "Roboto", sans-serif !important;
	font-weight: 100;
	font-style: normal;
	font-size: 100%;
	letter-spacing: 0;
}


.smap .cluster div {
	background: #5fa032!important;
	color: white!important;
	width: 40px!important;
	height: 40px!important;
	border: none!important;
	transform: translate(15px, 15px);
}

.smap .cluster div span{
	line-height: 40px!important;
}
.smap .cluster div img{
	display: none;
}


body {
	margin: 0;
	padding: 0;
	background-color: black;
	color: #f0f0f0;
	/*padding-top: 60px;*/
	-webkit-text-size-adjust: none;
}

strong {
  font-weight:bold;
}

.button {
	height: 60px;
	width: 60px;
	background-color: rgba(50,110,10,.95);
	margin: 0;
	margin-left: 1px;
	vertical-align: middle;
	font-weight: 700;
	line-height: 29px; font-size: 80%;
	padding: 12px;
	text-align: center;
	color: #f0f0f0;
	display: block;
	position: relative;
	transition: all .5s linear;

}
a.button:hover{
	color: #f0f0f0;
	background-color: rgba(50, 110, 10, 1);
}

.buttonbar {
	position: fixed;	
	bottom: 0;
	right: 0;
	z-index: 5;
}
.buttonbar .button:hover, .buttonbar .icon:hover{
	background-color: #2b6008;
}

.buttonbar .button {
	float: left;
	bottom: 0;

}
/* .buttonbar .button:hover { width: 220px; } */

.buttonbar span { 	display: inline; display: none; visibility: hidden; opacity: 0;transition: all .5s ease-in-out; position: absolute;left: 57px;white-space: nowrap; top: 14px; }

.buttonbar .button:hover span, .buttonbar .button:hover .btnicons { visibility: visible; opacity: 1; }

.buttonbar.wide span {display: inline}
.buttonbar.wide .button { width: auto;  float: left; padding-right: 20px}
.buttonbar.wide .ico.button { padding-left: 60px }


.buttonbar .gosmap, .buttonbar .download {
	width: 0px;
	padding: 0px;
	margin: 0;
}
.buttonbar .gosmap:after, .buttonbar .download:after {
	display: none;
}
/* .buttonbar .gosmap:hover.active {
	width: 169px;
} 
.buttonbar .download:hover.active {
	width: 175px;
} */
.buttonbar .gosmap.active, .buttonbar .download.active {
    width: 60px;
    padding: 12px;
    margin: 0;
    margin-left: 1px;
}
.buttonbar .gosmap.active:after, .buttonbar .download.active:after {
	display: block;
}

/*
.buttonbar .gosmap span{
	display: none;
}
.buttonbar .button.about:hover { width: 147px; }
.buttonbar .button.share:hover { width: 210px; }

*/
.buttonbar .gosmap span {
	display: none;
	left: 48px;
}

.detail__side{
	position: absolute;
	left: 20px;
	top: 100px;
	top: 90px;
	width: 462px;
	z-index: 5;
	overflow: visible;

		left: 20px;
    width: 462px;
    bottom: 20px;
    overflow: hidden;
		pointer-events: none;
}
.point__side{
	bottom: 122px;
	bottom: 90px;
}
.detail__content{
    /* background: rgb(0 0 0 / 90%); */
    text-align: left;
    max-height: calc(100% - 60px);
    height: calc(100% - 60px);

		max-height: calc(100% - 90px);
    height: calc(100% - 90px);

}

.detail__content .detail__scroll{
	max-height: 242px;
}

.detail__content  .prirodou__tab .collapsible.active, .detail__content  .collapsible:hover {
	background: transparent;
}
.detail__side .prirodou__tab .collapsible{
	font-size: 16px;
	padding: 0 22px;
}
button.collapsible.noactive {
	pointer-events: none;
	color: #ffffff59;
}
.detail__side .map_filter_item {
	font-size: 16px;
	line-height: 22px;
	padding: 22px 22px;
	height: auto;
}

.detail_title{
	font-size: 24px;
	line-height: 30px;
	font-family: veneer;
	padding: 40px 52px 10px 40px;
	position: relative;
	background: rgba(0,0,0,0.9);
	pointer-events: all;
}
.detail__content .collapsible:hover{
	background: rgba(0,0,0,0.9);
}
.detail_title.collapsible:before {
	content: "";
	position: absolute;
	bottom: -33px;
	left: 0;
	right: 0;
	border-bottom: 33px solid #000000e3;
	transition: opacity 0.2s ease-out;
	opacity: 1;
	opacity: 0;
}
.detail_title.active.collapsible:before{
	opacity:0;
}
.detail_title.collapsible:after{
	position: absolute;
	right: 29px;
	right: 22px;
	top: 24px;
	/* height: auto!important; */
	/* bottom: 10px; */
	height: 7px;
}
.detail__popis{
	font-size: 21px;
	line-height: 34px;
	padding: 0 40px;
	padding: 0 40px 0 40px;
}
.detail__bar {
	display: flex;
	pointer-events: all;
}
.detail__border{
	padding-bottom: 33px;
}
.detail__info{
	font-size: 14px;
	line-height: 24px;
	padding: 5px 40px 13px 40px;
}
.detail__content a#trail-go {
	margin: 25px 0 7px 40px;
}


.detail__tag{
	background: #5fa032;
	display: inline-block;
	line-height: 25px;
	padding: 0 8px;
	font-family: 'Veneer';
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
.desktop{
	display: block;
}
.desktop-flex{
	display: flex;
}
.mobile, .mobile-flex{
	display: none;
}


.detail__bar .buttonbar{
	position: static;
	margin-right: 1px;
	margin-left: -1px;
}
.prirodou__side{
	position: absolute;
	left: 20px;
	top: 151px;
	width: 462px;
	bottom: 20px;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}
.list_scroll {
	flex-grow: 1;
	/* overflow: scroll; */
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
	max-height: calc(100% - 54px);
}
.prirodou__list {
	max-height: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.list_nadpis {
	background: black;
	font-size: 16px;
	color: #f0f0f0;
	line-height: 54px;
	border-bottom: 1px solid rgb(240 240 240 / 20%);
	padding: 0 40px;
	flex-grow: 1;
	font-family: 'Veneer';
	max-height: 54px;
	pointer-events: all;
}
.list_nadpis-button{
	padding: 0;
}
.prirodou__list-content{
	pointer-events: all;
	background: rgb(0 0 0 / 90%);
}

.list_tag {
	background: #5fa032;
	display: block;
	float: right;
	line-height: 25px;
	padding: 0 8px;
	font-family: 'Veneer';
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 6px;
	margin-left: 20px;
}
.list_title {
	font-family: 'Veneer';
	font-size: 24px;
	line-height: 30px;
	display: block;
	padding-bottom: 8px;
}
.list__info {
	font-size: 14px;
	line-height: 24px;
	display: block;
}

.list_item {
	padding: 30px 40px;
	display: block;
	color: #f0f0f0!important;
	text-decoration: none!important;
	border-bottom: 1px solid rgb(240 240 240 / 20%);
}
.list_item:hover{
	background: #0a1703;
}

.prirodou__side.desktop{
	transition: opacity .3s;
}

.prirodou__side.desktop * {
  scrollbar-color: #ffffff transparent;
}

.prirodou__side.desktop *::-webkit-scrollbar-thumb {
	background-color: #ffffff;
}

.open_group-filtr .prirodou__side.desktop{
	opacity: .4;
}

.open_group-filtr .prirodou__side.desktop * {
  scrollbar-color: #ffffff00 transparent;
}
.open_group-filtr .prirodou__side.desktop .list_nadpis, .open_group-filtr .prirodou__side.desktop .prirodou__list-content{
	pointer-events: none!important;
}
.open_group-filtr  .prirodou__side.desktop *::-webkit-scrollbar-thumb {
	background-color: #ffffff00;
}

.prirodou__bar{
	position: fixed;
	top: 70px	;
	height: 60px;
	display: flex;
	left: 0;
	right: 0;
	z-index: 4;
	justify-content: flex-end;
}
.prirodou__bar .buttonbar{
	position: static;
}
.prirodou__bar .buttonbar .button:first-child{
	margin-left: 0;
}
.prirodou__tab{
	margin-left: 0;
	background: rgba(50,110,10,.95);
	margin-right: 1px;
	flex-grow: 1;
	width: 10%;
	height: 60px;
	position: relative;
	z-index: 2;
	z-index: 10;
	z-index: 1000;
}
.prirodou__tab:last-child {
	margin-right: 0;
}
.prirodou__tab a{
	line-height: 60px;
	height: 60px;
	display: block;
}


.collapsible {
  color: #f0f0f0;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;

	padding-bottom: 30px;
	transition: 0.3s all;
}

.collapsible-list{
	background: transparent;
	padding-bottom: 0;
	padding: 0 40px;
}

.detail_title.collapsible.active{
	padding-bottom: 10px;
}
.prirodou__group {
	flex-grow: 1;
	display: flex;
	background: transparent;
}
.prirodou__tab .collapsible{
	font-size: 16px;
	font-family: 'Veneer';
	height: 60px;
	line-height: 60px;
	letter-spacing: 1px;
	padding: 0 29px;
	background: rgba(50,110,10,.95);
}

.prirodou__tab .collapsible.active, .collapsible:hover {
	background: rgba(0,0,0,.9);
}
.collapsible-list.collapsible:hover{
	background:rgba(50,110,10,.95)
}

.collapsible:after {
	content: ' ';
	float: right;
	height: 60px!important;
	margin: 0!important;
}

.collapsible-list.collapsible:after {
	height: 54px!important;
}

.collapsible__content {
	padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.collapsible__wrapper{
	max-height: calc(100% - 80px);
	background: rgba(0,0,0,0.9);
	pointer-events: all;
	position: relative;
	z-index: 2;
}
.gallery .collapsible__wrapper{
	max-height: calc(100% - 80px - 90px);
}
.collapsible__scroll{
	max-height: 242px;
	position: relative;
	/* overflow: auto; */
}
.prirodou__detail-show{
	display: none;
}
.prirodou__detail .prirodou__detail-hide{
	display: none;
}
.prirodou__detail .prirodou__detail-show{
	display: block;
}

.collapsible__scroll[data-slimscroll] > div{
	padding-right: 0!important;
}
.collapsible__scroll[data-slimscroll] > div + div{
	right: 9px!important;
}
.collapsible__scroll [data-scrollbar] {
	background-color: rgba(110,110,110,.5) !important;
	background: rgb(240 240 240 / 20%)!important;
	border-radius: 7px;
	width: 5px;
}

.simplebar-scrollbar:before {
	background: rgba(110,110,110,.5);
}
.simplebar-track {
	right: 10px;
}

@media screen and (min-width: 991px) {
	.buttonbar{
		top: 70px;
		bottom: auto;
	}
}


.marker__bubble {
	background: #f0f0f0;
	color: #202020;
	transform: translate(-50%, -20px);
	padding: 15px;
	width: 211px;
}

.marker__bubble:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #f0f0f0 transparent;
	border-width: 10px 10px 0;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}

.marker__title {
	font-size: 16px;
	line-height: 18px;
	color: #202020;
	text-align: left;
}

.marker__info {
	font-size: 12px;
	line-height: 24px;
	margin: 3px 0 7px 0;
	text-align: left;
	font-family: "HelveticaNeueLT Pro","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}


.marker__bubble img {
	max-width: 100%;
	display: block;
	margin-bottom: 15px;
	position: static!important;
}

.marker__bubble a.btn-samo {
	width: 100%;
	min-width: 0;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
}



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

/*! CSS Used from: ../css/lib/bootstrap-3.3.7/dist/css/bootstrap.min.css */
header, nav { display: block; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { border: 0; }
button, input { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button { text-transform: none; }
button { -webkit-appearance: button; cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
@media print {
	*, :after, :before { color: #000000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	.navbar { display: none; }
}

:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button, input { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #337ab7; text-decoration: none; }
a:focus, a:hover { color: #23527c; text-decoration: underline; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
ul { margin-top: 0; margin-bottom: 10px; }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.collapse { display: none; }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
@media (min-width: 768px) {
	.navbar { border-radius: 4px; }
}
@media (min-width: 768px) {
	.navbar-header { float: left; }
}
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
@media (min-width: 768px) {
	.navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
	.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) {
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header { margin-right: 0; margin-left: 0; }
}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 768px) {
	.navbar-toggle { display: none; }
}
._navbar-nav { margin: 7.5px -15px; }
._navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (min-width: 768px) {
	._navbar-nav { float: left; margin: 0; }
	._navbar-nav > li { float: left; }
	._navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
@media (min-width: 768px) {
	.navbar-left { float: left !important; }
	.navbar-right { float: right !important; margin-right: -15px; }
}
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
.navbar-default ._navbar-nav > li > a { color: #777777; }
.navbar-default ._navbar-nav > li > a:focus, .navbar-default ._navbar-nav > li > a:hover { color: #333333; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #dddddd; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #dddddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888888; }
.navbar-default .navbar-collapse { border-color: #e7e7e7; }
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before { display: table; content: " "; }
.clearfix:after, .container-fluid:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after { clear: both; }
/*! CSS Used from: https://www.samosebou.cz/wp-includes/fancyapps-fancyBox/source/jquery.fancybox.css */

/*! CSS Used from: https://www.samosebou.cz/wp-content/themes/Divi/style.css */

#logo { -webkit-transform: translate3d(0, 0, 0); }

ul { list-style: none; }
a, a:hover { text-decoration: none; }
header, nav { display: block; }
a { color: #2ea3f2; }
input { -webkit-appearance: none; }

#et_search_icon:hover { color: #2ea3f2; }
#logo { -webkit-transition: all .4s ease-in-out; }
#logo { display: inline-block; vertical-align: middle; }
#logo { float: none; max-height: 54%; margin-bottom: 0; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#et_top_search { position: relative; }
#et_search_icon:before { position: absolute; top: -3px; left: 0; font-size: 17px; content: "\55"; }
#et_search_icon:hover { cursor: pointer; }
#et_top_search { display: block; float: right; width: 18px; margin: 3px 0 0 22px; }


@media all and (max-width: 980px) {
	#logo { -webkit-transition: none; -moz-transition: none; transition: none; }
	.et_header_style_left #logo { max-width: 50%; }
	#et_top_search { float: left; margin: 0 35px 0 0; }
	#et_search_icon:before { top: 7px; }
}


.clearfix:after { display: block; height: 0; font-size: 0; content: " "; }
#et_search_icon:before { font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; }
.nav li { position: relative; line-height: 1em; }
.nav li:hover { visibility: inherit; }
/*! end @import */
a, button { cursor: pointer; }
.navbar-default ._navbar-nav > li > a, input._search_bar { font-family: Veneer, Veneer_IE !important; letter-spacing: 2px; font-weight: 700; }
a, a:active, a:focus, a:hover { color: #326e0a; transition: all ease-in-out .4s !important; }
#et_search_icon2:before, #et_search_icon:before, #et_search_icon:hover:before, .link_fb, .link_fb:hover, .link_inst, .link_inst:hover, button, button:hover, input, input:hover, ul#_menu-top_menu li.current-menu-item:nth-child(2) a:before, ul#_menu-top_menu li:nth-child(1) a:before, ul#_menu-top_menu li:nth-child(1):hover a:before { transition: all ease-in-out .4s; }
a:active, a:focus { text-decoration: none !important; }
.navbar-right { padding: 11px 17px 12px 25px; }
._search_header.search_desktop { width: 255px; position: absolute; top: -9px; right: -255px; height: 70px; display: table; background: rgba(0, 0, 0, .85); transition: all ease-in-out .5s; z-index: 55; }
._search_header.search_desktop:after { display: inline-block; content: "\00d7"; font-size: 39px; position: absolute; opacity: 1; top: 26px; right: 20px; color: #e5dfda; transition: all ease-in-out .4s; }
._search_header.search_desktop:hover:after { color: #ffffff; transition: all ease-in-out .4s; }
span.search-click.roller:before { content: initial !important; }
._search_header.search_desktop a.close_search { display: inline-block; content: "\00d7"; font-size: 39px; position: absolute; opacity: 1; top: 25px; cursor: pointer; height: 27px; width: 23px; right: 20px; z-index: 565; }
span.search-click.roller { position: relative; left: 20px; top: 24px; width: 30px; display: block; height: 30px; opacity: 1 !important; background: url(../img/ico_search.png); }
input._search_bar { top: 27px; position: absolute; width: 255px; vertical-align: middle; display: table-cell; left: 60px; border: transparent; font-family: Veneer; font-weight: 700; background: 0 0; height: 26px; }
.navbar { width: 100%; }
.navbar-default { background-color: rgba(0, 0, 0, .85); border: none; }
.navbar { margin-bottom: 0; padding: 23px 0 22px 0; border-radius: 0; position: fixed; z-index: 10; }
.navbar-default ._navbar-nav > li > a:focus, .navbar-default ._navbar-nav > li > a:hover { background: #e2ddd8; color: #326e0a; }

._search_header.search_mobile { display: none; }
.navbar-default ._navbar-nav > li > a { color: #e5dfda; font-size: 16px; font-weight: 400; letter-spacing: 2px; display: inline-block; padding: 2px 7px 0px 7px; font-family: Veneer; font-weight: 700; }
.navbar-left { padding-left: 10px; position: absolute; top: 14px; }
._navbar-nav > li > a { padding-top: 2px; padding-bottom: 2px; }
.et_header_style_left #logo { max-width: 100% !important; }
._navbar-nav > li { float: none; display: inline-block; padding: 0 18px; }
ul#_menu-top_menu { margin: 0 auto; float: none; text-align: center; }
.navbar-right { margin-right: 0; float: none; position: absolute; top: 9px; right: 0; }
.navbar-default ._navbar-nav > li.current-menu-item > a { color: #326e0a; }
._search_header { text-align: center; display: none; }
._search_header.search_mobile { top: -9px; position: relative; height: 24px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #e5dfda; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-toggle { border: 0; }
#logo { max-height: 100% !important; }
#_menu-top_menu li:before { content: ""; position: relative; top: 3px; left: -20px; border-right: 1px dotted #e2ddd8; width: 1px; height: 19px; display: inline-block; opacity: .7; }
#_menu-top_menu li:first-child:before { display: none; }
.page_item.current_page_item a { background: #e2ddd8; }
#et_top_search a, html #et_search_icon.search-click, html #et_search_icon2.search-click { background: url(../img/icons/pattern/social-icon-bg-B.svg) 50% no-repeat; background-size: cover; position: relative; }
#et_top_search a:before, html #et_search_icon.search-click:before, html #et_search_icon2.search-click:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 50%; z-index: 1; background-size: auto 14px; transition: all .3s ease-in-out; transition-delay: .2s; }
#et_top_search a.link_fb:before { background-image: url(../img/icons/facebook_gray.png); background-size: auto 12px; }
#et_top_search a.link_inst:before { background-image: url(../img/icons/instagram_gray.png); }
#et_top_search a:after, html #et_search_icon.search-click:after, html #et_search_icon2.search-click:after { content: ''; display: block; width: 100%; position: absolute; max-width: 0; left: 0; top: 0; height: 100%; transition: all .6s cubic-bezier(.77, 0, .175, 1); background: url(../img/icons/pattern/social-icon-bg-C.svg) left top no-repeat; background-size: 30px; }
#et_top_search a:hover, html #et_search_icon.search-click:hover, html #et_search_icon2.search-click:hover { background: url(../img/icons/pattern/social-icon-bg-B.svg) 50% no-repeat; background-size: cover; }
#et_top_search a:hover:after, html #et_search_icon.search-click:hover:after, html #et_search_icon2.search-click:hover:after { max-width: 100%; }
#et_top_search a:hover:before, html #et_search_icon.search-click:hover:before, html #et_search_icon2.search-click:hover:before { -webkit-filter: brightness(120%); -moz-filter: brightness(120%); -ms-filter: brightness(120%); filter: brightness(120%); }

#et_top_search { display: block; float: right; position: relative; margin: 0; width: 80px; }
#et_search_icon2:before, #et_search_icon:before { position: absolute; top: 0; right: 0; left: auto; font-size: 17px; content: ""; display: inline-block; width: 30px; height: 30px; background: url(../img/ico_search.png); cursor: pointer; }
#et_top_search a { width: 30px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: inline-block; transition: all ease-in-out 0s; }
#et_search_icon2:hover:before, #et_search_icon:hover:before { background: url(../img/ico_search_hover.png); }
.link_fb:hover { background: url(../img/ico_top_fb_hover.png); }
.link_inst:hover { background: url(../img/ico_top_inst_hover.png); }
.link_fb { background: url(../img/ico_top_fb.png); margin-right: 7px; }
.link_inst { background: url(../img/ico_top_inst.png); }
.navbar-default ._navbar-nav > li:first-child > a:focus, .navbar-default ._navbar-nav > li:first-child > a:hover { color: #326e0a; background: #e2ddd8; }
ul#_menu-top_menu li:nth-child(1) a:before { content: ''; width: 13px; height: 13px; background: url(../img/home-icon-d.png); position: relative; margin-right: 4px; top: 0; / /: inline-block; display: none; }
ul#_menu-top_menu li:nth-child(1):hover a:before { background: url(../img/home_icon.png); }
.navbar-default ._navbar-nav > li:first-child > a { padding: 2px 7px 0 5px; }
@media screen and (min-width: 768px) and (max-width: 1199px) {
	._search_header.search_mobile { display: none; }
	.navbar, ._search_header.search_desktop { height: 60px; }
	._search_header.search_desktop { top: 0; }
	span.search-click.roller { top: 14px; }
	input._search_bar { top: 16px; }
	._search_header.search_desktop:after { top: 18px; right: 20px; }
	.navbar { padding: 0; position: fixed; width: 100%; z-index: 55; margin-bottom: 0; border-radius: 0; }
	.navbar-default ._navbar-nav > li > a { letter-spacing: 2px; padding: 5px 9px 3px 9px; }
	._navbar-nav { float: left; margin: 0; padding: 18px 0 12px 0; }
	.navbar-right { padding: 15px 20px 5px; top: 0; }
	#et_top_search { display: block; float: right; position: relative; margin: 0; width: 100%; text-align: center; height: 30px; }
	#_menu-top_menu li:before { content: ""; position: relative; top: 3px; left: -20px; border-right: 1px dotted #e2ddd8; width: 1px; height: 19px; display: inline-block; }
	#et_search_icon2:before, #et_search_icon:before { position: relative; margin-left: 7px; }
	.navbar-left { position: relative; top: 10px; }

    .collapse.in { display: block!important }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.sr-only { padding: 0; }
	#_menu-top_menu li:before, .navbar-toggle.collapsed .sr-only:after { display: none; }
	.navbar-left { position: absolute; margin-top: 0; }
	.collapse.in { display: block!important; }
	.collapse.in, .collapsing { background-color: rgba(0,0,0, .9); }
	.sr-only { position: absolute; width: 30px; height: 30px; margin: 0; border: 0; overflow: visible; clip: auto; }
	.navbar-default .navbar-toggle .icon-bar { background-color: transparent; }
	.navbar-default .navbar-toggle.collapsed .icon-bar { background-color: #e5dfda; }
	.collapse.in, .collapsing { background-color: rgba(0,0,0, .9); }
	.navbar-toggle .sr-only:after { display: inline-block; content: "\00d7"; font-size: 39px; position: absolute; opacity: 1; top: -6px; cursor: pointer; height: 27px; color: #e5dfda; width: 23px; right: 18px; z-index: 565; }
	.container-fluid > .navbar-header { padding: 6px 0; }
	ul#_menu-top_menu li:first-child { position: relative; left: 0; top: 0; }
	.navbar-right { margin-right: 0; float: none; top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; height: auto; right: 0; position: relative; }
	.container-fluid > .navbar-collapse { padding: 0; }
	._navbar-nav { padding: 0; margin: 0 auto !important; }
	ul#_menu-top_menu li:first-child:before { display: none; }
	.navbar .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }
	._navbar-nav > li { float: none; display: block; padding: 14px 15px; border-bottom: 1px dotted #e2ddd8; }
	._search_header.search_desktop:after { top: 13px; right: 20px; }
	input._search_bar { top: 12px; width: 90%; }
	span.search-click.roller { top: 10px; }
	._search_header.search_desktop { width: 100%; right: -960px; height: 50px; transition: all ease-in-out .5s; }
}
@media screen and (max-width: 767px) {
	.navbar-toggle.collapsed .sr-only:after { display: none; }
	.navbar-collapse, .sr-only { padding: 0; }
	.sr-only { position: absolute; width: 30px; height: 30px; margin: 0; border: 0; overflow: visible; clip: auto; }
	.collapse.in, .collapsing, .fs_e_text, .fs_video_holder { overflow: hidden }
	.navbar-default .navbar-toggle .icon-bar { background-color: transparent; }
	.navbar-default .navbar-toggle.collapsed .icon-bar { background-color: #e5dfda; }
	.navbar-toggle .sr-only:after { display: inline-block; content: "\00d7"; font-size: 39px; position: absolute; opacity: 1; top: -6px; cursor: pointer; height: 27px; color: #e5dfda; width: 23px; right: 18px; z-index: 565; }
	._search_header.search_desktop:after { top: 13px; right: 20px; }
	input._search_bar { top: 12px; width: 90%; }
	span.search-click.roller { top: 10px; }
	._search_header.search_desktop { width: 100%; right: -960px; height: 50px; transition: all ease-in-out .5s; }
	ul#_menu-top_menu li:first-child { position: relative; left: 0; top: 0; }
	ul#_menu-top_menu li:first-child:before { content: initial; }
	.navbar { margin-bottom: 0; padding: 0; height: 60px; position: fixed; width: 100%; z-index: 555; opacity: .9; }
	.navbar-right { margin-right: 0; float: none; position: relative; top: 0; width: 100%; padding: 15px 0; height: auto; right: 0; }
	#et_top_search { display: block; float: right; position: relative; margin: 0; width: 100%; height: 30px; text-align: center; }
	#et_search_icon2:before, #et_search_icon:before { position: relative; margin-left: 7px; }
	._navbar-nav > li { float: none; display: block; padding: 14px 15px; border-bottom: 1px dotted #e2ddd8; }
	#_menu-top_menu li:before { content: initial; }
	.navbar-left { position: absolute; top: 10px; padding-left: 0; left: 10px; }
	.collapse.in, .collapsing { background-color: rgba(0,0,0, .8) }
	.container-fluid > .navbar-header { padding: 6px 0; }
	.et_header_style_left #logo { max-width: 100%; }
	.navbar-default ._navbar-nav > li > a, .navbar-default ._navbar-nav > li > a:active, .navbar-default ._navbar-nav > li > a:focus { transition: none !important; }
}
@media (max-width: 960px) {
	.navbar-header { float: none; }
	.navbar-left, ._navbar-nav, .navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
	.navbar-collapse.collapse { display: none !important; }
	._navbar-nav { margin-top: 7.5px; }
	._navbar-nav > li { float: none; }
	._navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
}
/*! CSS Used from: https://www.samosebou.cz/wp-content/themes/Divi/epanel/shortcodes/css/shortcodes.css?ver=1.0.0 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*! CSS Used from: https://www.samosebou.cz/wp-content/plugins/grand-media/assets/mag-popup/magnific-popup.css?ver=1.0.2 */
button::-moz-focus-inner { padding: 0; border: 0; }
/*! CSS Used from: ../css/custom.css */
.navbar-left { max-width: 141px; }
ul#_menu-top_menu li:nth-child(1) a:before, ul#_menu-top_menu li:nth-child(1):hover a:before { background-size: contain !important; background-repeat: no-repeat; background-position: 50%; background-color: transparent !important; }
.navbar-default ._navbar-nav > li:first-child > a { padding: 2px 7px 0; }
@media (max-width: 1199px) and (min-width: 768px) {
	.navbar-default ._navbar-nav > li:first-child > a { padding: 5px 9px 3px; }
}
.page_item.current_page_item a { background-color: transparent; }
/*.navbar-default ._navbar-nav > li:first-child > a:focus, .navbar-default ._navbar-nav > li:first-child > a:hover, .navbar-default ._navbar-nav > li:hover > a, .navbar-default ._navbar-nav > li > a:hover { background-color: transparent; color: #e5dfda; }*/
.navbar-default ._navbar-nav > li { vertical-align: middle; }
.navbar-default ._navbar-nav > li.current-menu-item > a { color: #376f13; }
.navbar-default ._navbar-nav > li.current-menu-item > a:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.navbar-default ._navbar-nav > li.current-menu-item > a span:after { max-width: 100%; }
.navbar-default ._navbar-nav > li > a { position: relative; z-index: 1; overflow: hidden; transition: all .3s cubic-bezier(.77, 0, .175, 1); }
.navbar-default ._navbar-nav > li > a span { display: inline-block; height: 100%; position: relative; }
.navbar-default ._navbar-nav > li > a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e5dfda; z-index: -1; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); transition: all .6s cubic-bezier(.77, 0, .175, 1); }
.navbar-default ._navbar-nav > li > a span:after { white-space: nowrap; position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; max-width: 0; color: #376f13; content: attr(data-hover); transition: max-width .3s cubic-bezier(.77, 0, .175, 1), margin-left .3s cubic-bezier(.77, 0, .175, 1); transition-delay: 130ms; }
.navbar-default ._navbar-nav > li > a:hover:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.navbar-default ._navbar-nav > li > a:hover span:after { max-width: 100%; transition-delay: 150ms; }
#_menu-top_menu li:before { top: -2px; }
@media (max-width: 1199px) {
	#_menu-top_menu li:before { top: -6px; }
}
@media (max-width: 960px) {
	#et_top_search { width: 100%; }
}
html #et_search_icon.search-click, html #et_search_icon2.search-click { position: relative; width: 30px; height: 30px; margin-left: 8px; display: inline-block; }
html #et_search_icon.search-click:before, html #et_search_icon2.search-click:before { background-image: url(../img/icons/magnifier_gray.png); content: '' !important; display: block !important; background-size: auto 13px; margin-left: 0 !important; }
html #et_search_icon.search-click { position: absolute; margin-left: 0; }
@media (max-width: 767px) {
	._search_header.search_desktop { overflow: hidden; }
}
.navbar { top: -60px; transition: all cubic-bezier(.77, 0, .175, 1) .6s; }
@media (min-width: 1281px) {
	.navbar { top: -80px; }
}
.navbar.active { top: 0; }
.menu-item-name { font-weight: 500; }


body > header {z-index: 556}


header {
	position: relative;
	z-index: 1;
}


.container { height: 100% }

.header {
	background-color: rgba(0, 0, 0, .8);
	height: 60px;
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
}

[data-anim], [data-anim2] {
    opacity: 0;
}

.page {
	background-size: cover;
	background-position: center;
}

.pagecont {
	min-height: 100%;
	text-align: center;
	padding: 1em;
}

.headline {font-size: 90px; font-weight: 100;}
#detail-description .headline, .mapoverlay .headline {font-size: 48px; font-weight: 100;    margin-top: 1px;}
#panel .headline {font-size: 48px; font-weight: 100;    margin-bottom: 17px;}
.abstract {font-weight: 100; text-transform: none; font-size: 16px; line-height: 26px; letter-spacing: 0; clear: both }
#panel .abstract {font-size: 14px;}


.whitebutton {max-width: 180px; height: 50px; border: 2px solid #e5dfda; margin: 0 auto}
.whitebutton a {text-transform: uppercase; text-align: center; display: block; line-height: 48px; color: #e5dfda; font-weight: 700; }

.white_border_btn { max-width: 220px; padding: 11px; display: inline-block; position: relative; overflow: hidden; background: 0 0; transition-delay: .4s !important; color: #e5dfda ;padding-right: 1.4em; padding-left: 1.4em }
.white_border_btn:after, .white_border_btn:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; transition: all .8s cubic-bezier(.77, 0, .175, 1); z-index: -1; }
.white_border_btn:before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: #fcfcfc; }
.white_border_btn:after { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); background: #eeeced; transition-duration: 1.2s; }
.white_border_btn:active, .white_border_btn:focus, .white_border_btn:hover { background: 0 0; border-color: #eeeced; color: #fcfcfc; }
.white_border_btn:active:after, .white_border_btn:active:before, .white_border_btn:focus:after, .white_border_btn:focus:before, .white_border_btn:hover:after, .white_border_btn:hover:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.white_border_btn:active span:after, .white_border_btn:focus span:after, .white_border_btn:hover span:after { max-width: 100%; transition-delay: 320ms; }
.white_border_btn span { display: inline-block; height: 100%; position: relative; line-height: 27px; }
.white_border_btn span:after { white-space: nowrap; position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; aletter-spacing: 4px; max-width: 0; color: #4a4a4a; content: attr(data-hover); transition: max-width .6s cubic-bezier(.77, 0, .175, 1); transition-delay: 0s; }
.white_border_btn { position: relative; overflow: hidden; background: 0 0; }
.white_border_btn:after, .white_border_btn:before { content: ''; width: 100%; height: 100%; display: block; z-index: 0; position: absolute; left: 0; top: 0; transition: all .8s cubic-bezier(.77, 0, .175, 1); }
.white_border_btn:before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: #fcfcfc; }
.white_border_btn:after { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); background: #eeeced; transition-duration: 1.2s; }
.white_border_btn:active, .white_border_btn:focus, .white_border_btn:hover { background: 0 0; }
.white_border_btn:active:after, .white_border_btn:active:before, .white_border_btn:focus:after, .white_border_btn:focus:before, .white_border_btn:hover:after, .white_border_btn:hover:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.white_border_btn span { z-index: 1; }
.white_border_btn span:after { letter-spacing: 4px; }

.trail-go {cursor: pointer; z-index: 2}

#hp .pagecont {
	padding-top: 10%;
	padding-top: 23vh;
}
#hp .slogan{
	max-width: 600px;
    margin: 0 auto;}
#hp .whitebutton {margin: 0 auto}


#detail {
	padding: 69px 0 0 0;
	transition: background .4s linear;
}
#detail > .ico { right: 0; position: absolute;}

#detail .ico.arrforward{ right: 51px;}
#detail .ico.arrback{ right: 102px;}

#detail .poi-marker {
	cursor: default;
	transform: translate(-18%, -8px);
}

.videos.open {
	height: 512px;
	z-index: 557;
}
.videos {
	background-color: rgba(0,0,0,.9);
	width: 210px;
	height: 150px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	padding: 30px ;
	transform-origin: bottom;
	transition: all .5s ease-in-out;
	overflow: hidden;
	z-index: 2;
}
.videos .glass {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
.videos .clips img{
	margin-bottom: 30px;
}
.videos .clips {
	
	overflow: hidden;
	float: left;
	margin-bottom: 30px;
}
.videos .top{
	height: 20px;
	width: 100%;
	position: relative;
	top: -12px;
	left: 0;
	font-size: 80%;
	
}
.videos .top a:after {
content: " ";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -8px;
    bottom: -1px;
}
.videos .top  span{
	vertical-align: middle;
}
.videos .top .left img{
	margin-right: 10px;
	
}
.videos .top .left{
	float: left;
}
.videos .top .right{
	float: right;
}

.videos .label {
	display: block;
	height: 0;
	font-size: 66%;
	text-align: center;
	overflow: hidden;
	color: silver;
	transition: all .5s ease-in-out;
	letter-spacing: 0.1pt;
	line-height: 13pt;
}
.videos > .label {
	text-align: left;
}
.videos.open .label, .videos.open > .label {
	display: block;
	
	margin: 1em 0;
	margin-top: -16px;
	
	height: 27px;
}

.videos.open > .label {
	margin: 0;
	height: 67px;	
}



.hightlight_heading a{color:#e2ddd8;}
.hightlight_heading,.hightlight_heading:hover{transition:all ease-in-out .4s;}
.hightlight_heading{position:relative;overflow:hidden;background:#60a135;}
.hightlight_heading a{position:relative;z-index:1;}
.hightlight_heading:after,.hightlight_heading:before{content:'';width:100%;height:100%;display:block;z-index:0;position:absolute;left:0;top:0;transition:all .8s cubic-bezier(.77,0,.175,1);}
.hightlight_heading:before{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);background:#437e1b;}
.hightlight_heading:after{-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);background:#376f13;transition-duration:1.2s;}
.hightlight_heading:active,.hightlight_heading:focus,.hightlight_heading:hover{background:#60a135;}
.hightlight_heading:active:after,.hightlight_heading:active:before,.hightlight_heading:focus:after,.hightlight_heading:focus:before,.hightlight_heading:hover:after,.hightlight_heading:hover:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}




.info {
	background-color: rgba(50,110,10,.95);
	padding: 5px 8px;
	display: inline-block;
	font-size: 12px;
}
.info.ico {	padding-left: 22px;}

.ico:after {
	content: " ";
	position: absolute;
    left: 0;
	transition: all .5s ;
}
.ico.about:after {
	background: url("../../images/ico-o_projektu.svg") no-repeat center;
	width: 25px;
	height: 25px;
	margin-left: 18px;
	margin-top: 5px;
	background-size: cover;
}
.ico.download:after {
	background: url("../../images/ico-stahnout.svg") no-repeat center;
	width: 20px; height: 18px;
	margin-left: 19px;
	margin-top: 7px;
}
.ico.gosmap:after {
	background: url("../../images/ico-stahnout-point.svg") no-repeat center;
	width: 16px; height: 20px;
	margin-left: 20px;
	margin-top: 8px;
}
.ico.down:after {
	background: url("../img/ico-down.png") no-repeat center;
	width: 10px; height: 5px;
    margin-left: 14px;
    margin-top: 4px;	
}
.ico.share:after {
	background: url("../../images/ico-sdilet.svg") no-repeat center;
	width: 23px; height: 24px;
	
	background-size: cover;
	margin-left: 19px;
	margin-top: 5px;	
	
}

.ico.godown:after,.collapsible:after {
	background: url("../../images/ico-arr-down.svg") no-repeat center;
	width: 9px; height: 11px;
    margin-left: 20px;
    margin-top: 9px;	
		background-size: 12px 8px;
}

.ico.goup:after,.collapsible.active:after  {
	background: url("../../images/ico-arr-up.svg") no-repeat center;
	width: 9px; height: 11px;
    margin-left: 20px;
    margin-top: 9px;	
		background-size: 12px 8px;
}


.ico.back:after {
	background: url("../../images/ico-arr-left.svg") no-repeat center;
	width: 6px;
	height: 11px;
    margin-top: 14px;	
		margin-left: 27px;
}

.bx-wrapper .bx-prev{
	background: url("../../images/ico-arr-left.svg") no-repeat center center;
}

.bx-wrapper .bx-next{
	background: url("../../images/ico-arr-left.svg") no-repeat center center;
	transform: rotate(180deg);
}

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
	background-position: center center;
}


.ico.close:after {
	background: url("../../images/ico-x.svg") no-repeat center;
	width: 31px; height: 31px;
	left: 16px;
	top: 14px;
		transform: rotate(45deg);
}
.ico.close:hover:after{
	transform: rotate(225deg);
}
#panel .close{
	position: absolute;
	z-index: 10;
	background: transparent;
	right: 15px;
	right: 15px!important;
	top: 15px;
}

.ico.arrback:after {
	background: url("../img/ico-arrow-back.png") no-repeat center;
	width: 16px; height: 13px;
    left: 49px;
    top: 18px;
}
.ico.arrback:hover:after,.ico.arrback:focus:after,.ico.arrback:active:after {
	left: 17px;
}


.ico.arrforward:after {
	background: url("../img/ico-arrow-forward.png") no-repeat center;
	width: 16px; height: 13px;
    left: 49px;
    top: 18px;
}
.ico.arrforward:hover:after,.ico.arrforward:focus:after,.ico.arrforward:active:after {
	left: 17px;
}


.ico.toe:after {
	background: url("../img/ico-toe.png") no-repeat center;
	width: 6px; height: 11px;
    margin-left: 8px;
    margin-top: 1px;	
}
.ico.clock:after {
	background: url("../img/ico-clock.png") no-repeat center;
	width: 12px; height: 12px;
    margin-left: 6px;
    margin-top: 0px;	
}
.ico.star:after {
	background: url("../img/ico-star.png") no-repeat center;
	width: 12px; height: 12px;
    margin-left: 5px;
    margin-top: 0px;	
}




.button .hightlight_heading {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	z-index: 0;
}

.btnicons{
	opacity: 0;
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
}
.btnicons .icon{
	position: relative;
	display: block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	margin-top: 1px;
	margin-right: 0;
}

.icon.fb{   
    background: #316b0b url(../img/facebook_gray.png) no-repeat center center;
		background: #316b0b url(../../images/ico-f.svg) no-repeat center center;

    background-size: 5px 12px;
}

.icon.insta{   
    background: #316b0b url(../img/instagram_gray.png) no-repeat center center;

}
.icon.twitter{   
	display: none;
  background: #316b0b url(../img/twitter_gray.png) no-repeat center center;
  background-size: 16px 12px;

}
.icon.mail{   
    background: #316b0b url(../img/mail_gray.png) no-repeat center center;
		
		background: #316b0b url(../../images/ico-mail.svg) no-repeat center center;
    background-size: 24px 24px;

}

#detail-description a {
	font-weight: 700;
}

#panel{
	position: fixed;
	background-color: rgba(0,0,0,.9);
	transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
	width: 79%;
	top: -100vh;
	z-index: 556;
	left: 19px;
	bottom: 19px;
	height: calc(100vh - 19px - 89px);
	overflow: hidden;
	top: 89px;
	opacity: 0;
	visibility: hidden;

	max-width: 1200px;
    max-height: 791px;
}
#panel .button { position: absolute; right: 0 }
#panel .container { padding: 45px; text-align: center; font-size: 14px;     padding-right: 10px; padding-top: 54px;    padding-bottom: 81px;}


#panel.open {
	opacity: 1;
	visibility: visible;
}

.panel__container{
	display: flex;
}
.panel__right {
	width: 53.1%;
	padding-left: 11.7%;
	margin-left: 4.85%;
}
.panel__left {
	padding-left: 12.5%;
}
.panel__scroll {
	position: absolute;
	top: 100px;
	bottom: 50px;
	left: 0;
	right: 0;
}
.panel__container p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 24px;
}
.panel__container a{
	text-decoration: none;
}
.panel__container p.lead{
	font-size: 21px;
	line-height: 34px;
}
.panel__left p{
	padding-bottom: 20px;
}
.panel__left p{
	font-size: 12px;
	line-height: 24px;
}

.panel__left h5 {
	font-size: 16px;
	line-height: 30px;
	margin: 10px 0 24px;
}

@media (max-width: 991px){
	#panel{
		position: fixed;
		background-color: rgba(0,0,0,.9);
		transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);
		width: 100%;
		top: -100vh;
		z-index: 556;
		left: 0;
		bottom: 0;
		height: calc(100vh - 71px);
		overflow: hidden;
	}
	.panel__container {
		display: block;
	}
	#panel {
		top: 71px;
	}
	.panel__right, .panel__left{
    width: 100%;
    padding: 15px 70px 15px 21px;
    margin-left: 0;
    padding-bottom: 0;
	}
	.panel__left h5 {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 24px;
    margin-top: 5px;
}
	.panel__scroll {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
	}
	#panel .headline {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 17px;
    line-height: 24px;
	}


}
@media (max-width: 768px){
	.btnicons .icon {
    width: 50px;
    height: 50px;
	}
}
#detail-description {
	position: fixed;
	background-color: rgba(0,0,0,.9);
	transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1);

	right: 0;
	height: 0;
	width: 40%;
	bottom: 0;
	z-index:1;
}
#detail-description .container{
	padding: 45px;
	text-align: left;
	padding-right: 20px;
}
#detail-description.hastip .container{
	padding-bottom: calc(3em + 25px);
}


#detail-description .button{
	position: absolute;
	right: 0;
	top:-50px;
}

#detail-description .poi-marker {top:50px;  transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)}

#detail-description.open {height: 50%;}
/*#detail-description.open.less10 {height: 40%;}
#detail-description.open.less20 {height: 35%;}*/
#detail-description.open .poi-marker {top: -25px; }

#detail-description .tip { display:none}

#detail-description.hastip .tip {
	display: block;
	height: 50px;
	left: 100%;
    background-color: #2d72b7;
    position: absolute;
    bottom: -50px;
    width: 100%;
    color: #e5dfda;
    transition: all .5s cubic-bezier(0.65, 0.05, 0.36, 1); }

#detail-description .tip .container {padding-top: 18px; font-size: 80%}
#detail-description.open .tip {bottom: 0; left: 0}

#detail-description .info {float: left}
#detail-description .hints  {float: left}
#detail-description .hints > .info {float: inherit; margin-right: 5px}
#detail-description .t-mark {float: left; margin-top: 1px; margin-left: 5px}
#detail-description p.abstract {margin-right: 23px}


/*#detail-description .tip:hover{height: inherit}*/


#detail-gallery {
	width: 100%;
	position: relative;
	height: 90px;
	overflow: hidden;
	padding: 0 20px;
	/* position: absolute; */
	margin-top: 1px;
	pointer-events: all;
	z-index: 100;
} 

#detail-gallery .slide img {    width: 132px;
	height: auto;
	cursor: pointer;}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: 0;
    outline: 0;
    width: 20px;
    height: 90px;
    text-indent: -9999px;
    background-color: #326e0a;
		height: 86px;
		
}
#detail-gallery .slide {
	border: 3px solid black;
}
#detail-gallery .slide:hover {
	border: 3px solid #326e0a;
}

.bx-wrapper {box-shadow: none; border: inherit; background: transparent;    margin-bottom: 0;    max-width: 100%!important;}
.bx-viewport {
	-webkit-transform: translatez(0);
	height: initial!important;
}

.bx-wrapper .bx-prev {left: -20px; }
.bx-wrapper .bx-next { right: -20px }
.bx-wrapper .bx-controls-direction * {transition-duration: 0s !important;}


.dropdown { position: absolute; pointer-events: all; width: 160px; font-size: 80%; letter-spacing: 1pt; }
.dropdown .dropbtn { padding-right: 40px; width: 100% }
.dropdown .ico:after { left: inherit; right: 10px; top: 19px; }


/* Dropdown Button */
.dropbtn { background-color: rgba(50, 110, 10, .8); color: #e5dfda; padding: 16px; border: none; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; overflow:scroll; max-height:200px; position: absolute; background-color: rgba(50, 110, 10, .8); min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: #e5dfda; padding: 11px 13px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #f1f1f1; color: #376f13}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: rgba(50, 110, 10, 1); }


#map{
	position: relative;
}

.button.back {
	transition: all .5s;
	cursor: pointer;
	width: 60px;
  max-width: 60px;
  padding-top: 11px;
}

.mapoverlay.detail {
	top: 110px;
	padding-left: 55px;
	padding-right: 55px;
}
.mapoverlay .hints {
	display: block;
	transition: all .5s linear;
	/*transition-delay: 1s;*/	
	opacity: 0;
	height: 0;
	margin-bottom: 11px;
	
}
.mapoverlay.detail .hints {
	display: block;
	margin-top: 9px;

	opacity: 1;
	height: auto;
}
.hints > div{
	position: relative;
	margin-bottom: 10px;
}

.mapoverlay.detail .route-select{
	height: 0;
	opacity: 0;
}




/*
#map .route-select {

    position: absolute;
    z-index: 1;
	text-align: center;

    width: 100vw;
    top: 50%;
}
*/

.mapoverlay {
    position: fixed;
    z-index: 5;
    text-align: center;
    width: 100vw;
    top: 40%;
    top: 110px;
    /*border: 1px solid;*/
    /*left: -9999px;
    right: -9999px;*/
	transition: all .5s;
	transition-delay: .5s;
	pointer-events: none;

}

a.route-select {
	position: fixed;
	top: 400px;
	z-index: 20;
	width: 100vw;
	text-align: center;
	transition: all .5s;
	transition-delay: .5s;
}



.circle {
	border-radius: 50%;
	position: absolute; 
	cursor: pointer;
	transition: all .5s;
	outline: none!important;
	user-select: none;
}
#detail-navigator .circle.ico { width: 58px; height: 58px; background-position: center; background-repeat: no-repeat;background-color: rgba(50, 110, 10, .9); z-index: 1; display: block;outline: none!important; }
#detail-navigator .circle.ico:hover { background-color: rgba(50, 110, 10, 1); }

#detail-navigator .circle.ico.left {top: 0;	background-image: url("../../images/ico-arr-left.svg"); }
#detail-navigator .circle.ico.right {bottom: 0; background-image: url("../../images/ico-arr-left.svg");     transform: rotate(180deg);right: 0;}

#detail-navigator .trail {    border-bottom: 1px dashed #e5dfda;
	top: 22px;
	position: absolute;
	left: 60px;
	right: 60px;}
#detail-navigator .trail .container { padding: 4px; position: relative; height: 95%; top: 1%;}

#detail-navigator .circle.point { width: 11px; height: 11px; left:  -6px; }
#detail-navigator .circle.point._current {     width: 19px;
	height: 19px;
	top: -1px;
	margin-left: 8px; }

/*
.video-background {
position: fixed;
    top: 0;
    width: 100vw;
    display: block;
	background-color: black;
}
*/


.video-background {
  position: fixed;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;
	background: black;
}
.video-background video{
	/*width: 100%;*/
	/*height: 100%;*/
	min-width: 100%;
	height: auto;
	object-fit: cover;
}
/*
@media screen and (max-width: 1920px) {
	.video-background video {
		!*height: 100vh;*!
		width: auto;
	}
}
@media screen and (max-width: 900px) {
	.video-background {
		height: 100vh;
		left: -33%;
	}
}
*/

#detail-navigator {
	background-color: transparent;
	position: absolute;
	bottom: 30px;
	left: 20px;
	overflow: visible;
	z-index: 1;
	right: 20px;
	height: 60px;
}


#detail-navigator > .container{ position: relative; height: 100%; background-color: transparent }
#mapa {
	position: relative;
	margin: auto;
	min-height: 100%;
	z-index:0;
}
.mmarker {
	position: absolute;
	height: 200px;
	width: 150px;
	left: 0;
	text-align: center;
	cursor: pointer;
	/*border: 1px solid red;*/
	z-index: inherit;
}
.mmarker:hover {
	z-index: 10;
}
.mmarker .content {
	bottom: 0;
	position: absolute;
	left: 50%;
	/* border: 1px solid red; */
	overflow: visible;
	/* pointer-events: none; */
	max-height: none;
	background: none;
	z-index: 10;
}
.mmarker .label {
	pointer-events: all;
	padding: 3px 8px 3px 9px;
	text-transform: uppercase;
	width: auto;
	display: table;
	margin: 0 auto;
	bottom: 0;
	position: relative;
	left: -50%;
	cursor: pointer;
	white-space: nowrap;
	font-size: 80%;
	font-weight: 900;
  box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.33);
}
.mmarker .label1 {
}
.mmarker .label2 {
}
.mmarker img {
	margin-top: 5px;
	position: relative;
	left: -50%;
}

.mmarker .content > .label.bg-green:first-child { padding-top: 6px}
.mmarker .content > .label.bg-green:nth-last-child(3) { padding-bottom: 4px}

.city-marker { text-align: center; position: absolute; width: 100px; z-index: 1; opacity: .9; user-select: none; cursor: default; transition: all .5s linear }
.city-marker .label { background-color: #e5dfda; color: black; display: inline-block; padding: 4px; margin-bottom: 3px }
.city-marker.start, .city-marker.end { z-index: 0 }
.city-marker img { display: block; margin: 0 auto; }
.city-marker:hover { z-index: 100}

.trail-go:hover {z-index: 100;}
#trail-go {pointer-events: all;}


.typ1 {background-color: #327ecb}
.typ2 {background-color: #1b9cb7}
.typ3 {background-color: #aa9311}
.typ4 {background-color: #326e0a}
.typ5 {background-color: #5fa032}
.typ6 {background-color: #d16914}
.typ7 {background-color: #d4143d}
.typ10 {background-color: #fff}

.typ1:before {border-color: #327ecb transparent;}
.typ2:before {border-color: #1b9cb7 transparent;}
.typ3:before {border-color: #aa9311 transparent;}
.typ4:before {border-color: #326e0a transparent;}
.typ5:before {border-color: #5fa032 transparent;}
.typ6:before {border-color: #d16914 transparent;}
.typ7:before {border-color: #d4143d transparent;}
.typ10:before {border-color: #fff transparent;}

.navimarker {
	position: absolute;
	font-size: 13px;
	left: -0px;
	position: absolute;
	text-indent: 10px;
	height: 50px;
	line-height: 18px;
	display: inline-block;
	padding: 0px 5px 0 0;
	white-space: nowrap;
	transition: all 0.5s;
	opacity: 0;
	z-index: 1;
	visibility: hidden;
	cursor: pointer;
	margin-left: -10px;
	width: 50px;
	font-size: 0;
	bottom: 1px;
	background-color: transparent!important;

}
._navimarker:before {
	content: "";
	height: 0px;
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 9px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 9px solid transparent;
	display: block;
	margin-top: 0px;
	left: -5px;
	position: absolute;
}
.navimarker.poi-marker._current {
	margin-left: -7.5px;
}
#detail-navigator .circle.point:hover + .navimarker, #detail-navigator .circle.point + .navimarker:hover {opacity: 1; left: 20px; visibility: visible;}

#detail-navigator .circle.point.current:hover + .navimarker, #detail-navigator .circle.point.current + .navimarker:hover {opacity: 1; left: 24px;visibility: visible; }


.navimarker.typ1:before { border-right-color: #327ecb }
.navimarker.typ1 { background-color: #327ecb }
.navimarker.typ2:before { border-right-color: #1b9cb7 }
.navimarker.typ2 { background-color: #1b9cb7 }
.navimarker.typ3:before { border-right-color: #aa9311 }
.navimarker.typ3 { background-color: #aa9311 }
.navimarker.typ4:before { border-right-color: #326e0a }
.navimarker.typ4 { background-color: #326e0a }
.navimarker.typ5:before { border-right-color: #5fa032 }
.navimarker.typ5 { background-color: #5fa032 }
.navimarker.typ6:before { border-right-color: #d16914 }
.navimarker.typ6 { background-color: #d16914 }
.navimarker.typ7:before { border-right-color: #d4143d }
.navimarker.typ7 { background-color: #d4143d}
.navimarker.typ10:before { border-right-color: #fff }
.navimarker.typ10 { background-color: #fff; color: #326e0a}



.poi-marker {
	background: url("../img/ikony_blank.png") no-repeat 0 0;
	width: 50px;
	height: 59px;
	z-index: 1;
	cursor: pointer;
	position: absolute;
}

.poi-marker.typ1:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-1.svg") no-repeat 0 0;
	width: 18px;
	height: 22px;
	background-size: contain;
	background-size: contain;
	top: 14px;
	left: 15px;
}
.poi-marker.typ2:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-2.svg") no-repeat 0 0;
	width: 21px;
	height: 18px;
	background-size: contain;
	top: 17px;
	left: 15px;
}
.poi-marker.typ3:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-3.svg") no-repeat 0 0;
	width: 21px;
	height: 27px;
	background-size: contain;
	top: 11px;
	left: 14px;
}
.poi-marker.typ4:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-4.svg") no-repeat 0 0;
	width: 22px;
	height: 21px;
	background-size: contain;
	top: 14px;
	left: 14px;
}
.poi-marker.typ5:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-5.svg") no-repeat 0 0;
	width: 30px;
	height: 24px;
	background-size: contain;
	top: 12px;
	left: 10px;
}
.poi-marker.typ6:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-6.svg") no-repeat 0 0;
	width: 36px;
	height: 22px;
	background-size: contain;
	top: 14px;
	left: 7px;
}
.poi-marker.typ7:before{
	content: '';
	display: block;
	position: absolute;
	background: url("../../images/marker-7.svg") no-repeat 0 0;
	width: 18px;
	height: 21px;
	background-size: contain;
	top: 14px;
	left: 16px;
}

.poi-marker:hover { z-index: 2;  }
.poi-marker .content {position: absolute;
	left: 50%;
	transform: translate(-50%, -5px);
	width: 120px;
	bottom: 0;
	pointer-events: none;
}
.poi-marker .label {
	position: absolute;
	/* top: -20px; */
	bottom: 0;
	z-index: 0;
	text-align: center;
	/* text-transform: capitalize; */
	visibility: hidden;
	transition: all .5s;
	padding: 10px;
	width: 120px;
	cursor: default;
	font-size: 11px;
	font-weight: 400;
	transform: translate(-3px, 0);
	font-family: 'HelveticaNeueLT Pro';
	line-height: 1.5;
	min-height: 50px;
	left: 0;}
.poi-marker .label:before{
		content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    /* border-color: #f0f0f0 transparent; */
    border-width: 9px 9px 0;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
}
.poi-marker:hover .label { visibility: visible; /*top:-25px */ bottom: 4px;}

.poi-marker.typ1 { background-position: 0 0; }
.poi-marker.typ2 { background-position: -69px 0; }
.poi-marker.typ3 { background-position: -137px 0; }
.poi-marker.typ4 { background-position: -206px 0; }
.poi-marker.typ5 { background-position: -275px 0; }
.poi-marker.typ6 { background-position: -343px 0; }
.poi-marker.typ7 { background-position: -412px 0; }
.poi-marker.typ10 { background-position: 0px -65px;  width: 90px}
.poi-marker.typ10 { background: none}








.t-mark {
	width: 32px;
	height: 23px;
	background-color: white;
	display: inline-block;
	border-left: 1px solid rgb(5, 5, 5);
	border-right: 1px solid rgb(5, 5, 5);
	position: relative;
	clear: none;
	vertical-align: middle;
}
.t-mark:before, .t-mark:after {
	content: " ";
    position: absolute;
    height: 7.5px;
    border-top: 1px solid rgb(5, 5, 5);
    border-bottom: 1px solid rgb(5, 5, 5);
    width: 100%;
	background-color: white ;
	left: 0;
}
.t-mark:before { top: 0;border-top: none;}
.t-mark:after { bottom: 0;border-bottom: none;}

.t-mark.blue { background-color: #327ecb }
.t-mark.red { background-color: #ff0000 }
.t-mark.brown { background-color: #00aa4a }
.t-mark.yellow { background-color: #ffff00 }

.t-mark.blue_slanted {

  background: url('../img/track_blue_slanted.svg') 50% 50% no-repeat;
  background-size:cover;

}

.t-mark.red_slanted {

  background: url('../img/track_red_slanted.svg') 50% 50% no-repeat;
  background-size:cover;

}

.t-mark.green_slanted {

  background: url('../img/track_green_slanted.svg') 50% 50% no-repeat;
  background-size:cover;

}

.t-mark.yellow_slanted {

  background: url('../img/track_yellow_slanted.svg') 50% 50% no-repeat;
  background-size:cover;

}

.t-mark.naucna {

  background: url('../img/track_naucna.svg') 50% 50% no-repeat;
  background-size:cover;

}

.t-mark.blue_slanted:before, .t-mark.blue_slanted:after,
.t-mark.red_slanted:before, .t-mark.red_slanted:after,
.t-mark.green_slanted:before, .t-mark.green_slanted:after,
.t-mark.yellow_slanted:before, .t-mark.yellow_slanted:after,
.t-mark.naucna:before, .t-mark.naucna:after {
	display:none;
}
.detail__znacky{
	line-height: 23px;
}
.detail__znacky > div {
	margin-right: 3px;
	margin-bottom: 9px;
}
.t-cyklostezka{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 13.7' style='enable-background:new 0 0 15 13.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:%23e5dfda;stroke-linejoin:round;stroke-miterlimit:22.9256;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3.2,7.9c1.5,0,2.7,1.2,2.7,2.7c0,1.5-1.2,2.7-2.7,2.7c-1.5,0-2.7-1.2-2.7-2.7C0.5,9.1,1.7,7.9,3.2,7.9L3.2,7.9 z M11.8,7.9c1.5,0,2.7,1.2,2.7,2.7c0,1.5-1.2,2.7-2.7,2.7c-1.5,0-2.7-1.2-2.7-2.7C9.2,9.1,10.4,7.9,11.8,7.9L11.8,7.9z M5.2,6.7 l1.5,3.6 M6.5,11.3l-3.4-0.8l2.4-3l0.8-0.1 M8.4,7.2L9.9,7L8.2,9.7l-0.5,0.8 M9.7,6.1l0.1,0.5l2,3.9 M6.5,5.8l1.6,1.1 c0.3,0.2,0.4,0.4,0.3,0.7l-1,3.8c-0.1,0.4-1.1,0.2-1-0.2L7.2,8L4.9,6.5C4.5,6.2,4.6,5.6,4.8,5.2c0.4-0.9,1.6-2.5,2.6-2.4 c0.4,0.1,0.8,0.2,1,0.4l1.2,1.7l1.4,1c0.3,0.2,0,1.1-0.7,0.5L9,5.6L7.7,4.5l-1.1,1L6.5,5.8L6.5,5.8z M9.9,1.3c0-0.1,0-0.2-0.1-0.3 C9.6,0.4,8.1,0.2,7.9,1.1c0,0.2-0.1,0.8,0,1.1c0.1,0.3,0.4,0.5,0.7,0.6c0.4,0.1,0.8,0,1-0.4C9.8,2,9.8,1.5,9.9,1.3z'/%3E%3C/svg%3E%0A");
	background-size: 16px 14px;
	background-position: 6px 4px;
	background-repeat: no-repeat;
	background-color: #d4ad00;
	height: 23px;
	display: inline-block;
	line-height: 23px;
	font-size: 16px;
	font-family: 'Veneer';
	vertical-align: middle;
	padding: 0 9px 0 29px;
	letter-spacing: 1px;
}









/* fixes */

.fancybox-content:before {
	content: " ";
	position: absolute;
	width: 50px;
	height: 50px;
	top:0;
	right: -50px;
	cursor: pointer;
	transition: all .5s linear;
	background-color: rgba(50, 110, 10, 1);
	z-index: 1;
}
.fancybox-content:after {
	z-index: 2;
	content: " ";
	position: absolute;
	width: 50px;
	height: 50px;
	top:0;
	right: -50px;
	cursor: pointer;
	transition: all .5s;
	background: url("../img/ico-close.png") no-repeat center;
}
.fancybox-content:hover:after { transform: rotate(0deg)} 

.smap .cluster div {
	box-sizing: content-box;
}

.smap .zoom {
	top: auto!important;
	bottom: 74px!important;
	right: -17px!important;
}
.smap .zoom .zoom-menu{
	bottom: 20px!important;
	top: auto!important;
	width: 50%!important;
}
.smap .layer-switch {     bottom: 15px!important;
    left: auto !important;
    right: 63px!important; }
.smap .layer-switch button span {font-family: Arial,Helvetica,sans-serif!important;}
.smap .layer-switch .window{
	bottom: 5px!important;
	top: auto!important;
	right: 0px!important;
}
.smap .layer-switch .window .port {width: inherit !important;}
.smap .layer-switch .item p {font-weight: 100;
    color: #000 !important;
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: 0.15em;
    text-align: center;}
#mapa [id^="2-0"] { opacity: 0.5}
#mapa [id^="25-0"] { opacity: 0.3}
.smap .hud a img{
	opacity: .5;
}

.smap .hud a {
	left: 1px !important;
	bottom: 24px !important;
	width: 100px;
}

.smap .copyright {bottom: -1px !important; opacity: .7}

.smap .zoom .button-group button {
	display: block!important;
}

.smap .zoom .button-group button.plus {
	border-radius: 2px 2px 0 0!important;
	order: 1;
	width: 31px!important;
}
.smap .zoom .button-group button.minus {
	border-radius: 0 0 2px 2px!important;
	order: 2;
}

.smap .zoom .button-group {
	display: flex;
	flex-direction: column;
}

.smap .layer-switch .window {
	width: 161px;
	transform: translate(0, 2px);
}


[id^="znacky1"] ,[id^="znacky2"] {
	/*display: block !important;*/
}

[id^=mraky] img {
	/*border: 1px solid blue;*/
	transition: left, top 0ms linear;
}

.no-cssanimations [data-anim] {
	opacity: 1;
}




.rev2_new_routes {
  position:absolute;
  top:-10px;
  right:10px;
  width:16px;
  height:16px;
  background:#5fa032;
  color:#fff;
  font-family: "Veneer", serif !important;  
  font-size:12px;
  border-radius:8px;
  text-align:left;
  padding-left:6px;
  line-height:16px;
  z-index:10;
  
}

.rev2_home_btn {

  background:#fff;
  border-color:#fff;
  color:#000;

}

.white_border_btn::before {

  background:#fff;

}

.white_border_btn::after {

  background:#5fa032;
  
}

.white_border_btn span::after {

  color:#fff !important;

}



.rev2_marker .content {
  display:none;
	/* display: block!important; */
	
}

.rev2_marker .content.hover {
	display: block;
	z-index: 10;
}

.rev2_marker_pin {

  position:absolute;
  bottom:0;
  width:100%;
  height:70px;
  
}

.rev2_marker_pin div {
  background:url('../img/rev2_marker.png') 50% 50% no-repeat;
  width:70px;
  height:70px;
  margin:0 auto;  
  cursor:pointer;
}

.poi-marker {
  /* transform: scale(0.8); */
}

.rev2_copy {
  
  display:none;
  
}

.arrback.mobile .ico.close::after, .arrforward.mobile .ico.close::after {
  
  display:none;
  
}

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

  .rev2_copy {
  
    display:block;
    position:absolute;
    left:50px;
    z-index:100;
    
  }
  
  .arrback.mobile {
  
    display:block !important;
    width:150px;        
    
  }
  
  #detail .ico.arrback {
  
    right: 162px;
  
  }
  
  .arrback.mobile .ico {
  
    display:none;
      
  }
  
  .arrforward.mobile {
    
    display:block !important;    
    width:110px;
  }
  
  .arrforward.mobile .ico {
  
    display:none;
      
  }  

} 

#detail-navigator .circle.point._current {
  
  border:1px solid #fff;
  
}

#detail-navigator .circle.point._current::after {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #fff;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	display: none;
}
#detail-navigator .circle.point.current + .navimarker {
	opacity: 1;
	visibility: visible;
}

.navbar {
  transition:none;
}

#detail-description {
  transition:none;
}

.videos.open > .label {

  height:85px;

}

.mmarker {
  height: 100px;
  width: 100px;
}

.map_filter_group {
	margin-bottom: 1px;
	background: #050504;
}

span.filter_text {
	display: inline-block;
	text-overflow: ellipsis;
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
}

.map_filter_item {
  text-align: left;
	height:60px;
	line-height:60px;
	color:#f0f0f0;
	font-family:veneer;
	font-size:16px;
	letter-spacing:0;
	padding: 0 29px;
	cursor:pointer;
	letter-spacing: 2px;
	vertical-align:middle;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
}

.map_filter_item.on, .map_filter_item:hover{
	background: #0a1703;
	color: #f0f0f0;
}



div#group {
	display: flex;
	width: 100%;
	overflow: visible;
}

@media screen and (max-width: 991px) {
	.detail__side {
    top: 70px;
}

	.desktop, .desktop-flex{
		display: none;
	}
	.mobile{
		display: block;
	}
	.mobile-flex{
		display: flex;
	}

	.prirodou__group{
		display: block;
	}
	div#group {
		display: block;
		width: auto;
		overflow: hidden;
	}
	.prirodou__group .prirodou__tab{
		width: 100%;
		height: auto;
		background: rgba(0,0,0,.9);
	}
	.prirodou__group #group__collapsible__scroll .prirodou__tab .collapsible.active,.prirodou__group #group__collapsible__scroll .collapsible:hover {
    background: rgba(191, 156, 156, 0);
	}
	.prirodou__group #group__collapsible__scroll button.collapsible {
    background: transparent!important;
	}
	.prirodou__group .map_filter_group{
		background: transparent!important;
	}

	.buttonbar .download.active {
		width: 118px!important;
    font-size: 10px;
	}
	.buttonbar .download.active span{
		white-space: normal;
    display: inline-block;
    width: 50px;
    line-height: 13px;
    text-align: left;
    opacity: 1;
    visibility: visible;
		left: 54px;
    top: 11px;
	}

	.prirodou__group .collapsible__scroll{
		max-height: none;
	}
	.prirodou__group #group > .collapsible__scroll{
    height: calc( 100vh - 180px);
    position: relative;
    overflow: auto;
	}
	.prirodou__tab .list_item{
		height: auto;
	}
	.list_item{
		padding: 12px 20px;
	}
	.list_title {
    font-family: 'Veneer';
    font-size: 16px;
    line-height: 24px;
    display: block;
    padding-bottom: 0;

	}
	.list__info {
    font-size: 11px;
    line-height: 24px;
    display: block;
	}
	.list_tag {
    margin-top: 0;
	}

	span.btn-nav.search-click{
		display: none;
	}
	div#trasy-2 {
    height: calc( 100vh - 180px);
    max-height: calc( 100vh - 180px);
		height: calc( 100vh - 120px);
    max-height: calc( 100vh - 120px);
		background: rgba(0,0,0,.9);

		height: calc( 100vh - 180px);
    max-height: calc( 100vh - 180px);
	}
	.map_filter_item {
    padding: 0 21px;
	}
	.bx-wrapper .bx-controls-direction a {
		position: fixed;
    top: 0;
    margin-top: 0;
    outline: 0;
    text-indent: -9999px;
    height: 18px;
    width: 18px;
    zoom: 3;
    overflow: visible;
    left: 5px;
    background-color: rgba(0,0,0,0.9);
    top: 50%;
    transform: translate(0, -50%);
    background-size: 2px;
		font-size: 0;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	right: 5px;
	transform: rotate(
		180deg
		) translate(0, 50%);
	left: auto;
}
.bx-wrapper .slides {
	visibility: hidden;
	opacity: 0;
}
.gallery .collapsible__wrapper {
	max-height: calc(100% - 80px );
}
}

@media screen and (min-width: 992px) {
	div#group__collapsible__scroll {
    overflow: visible;
    display: flex;
    width: 100%;
	}
}





@media screen and (max-width: 767px) {
	.prirodou__tab {
    height: 50px;
	}
	.detail__side {
    top: 70px;
		left: 0;
		right: 0;
		width: auto;
	}
	.buttonbar .download.active {
    width: 50px!important;
	}
	.detail__side .prirodou__tab .collapsible {
    font-size: 13px;
    padding: 0 22px;
		height: 50px;
    line-height: 50px;
	}
	.button {
    height: 50px;
    width: 50px;
		font-weight: 700;
    line-height: 22px;
	}
	.buttonbar .gosmap.active, .buttonbar .download.active {
    width: 50px;
    padding: 7px;
	}
	.button.back {
    width: 50px;
    max-width: 50px;
    padding-top: 6px;
	}
	.ico.back:after {
    margin-left: 23px;
	}
	.ico.download:after {
    margin-left: 15px;
	}
	.ico.gosmap:after {
    margin-left: 17px;
	}
	.ico.about:after {
    margin-left: 13px;
    margin-top: 1px;
	}
	.ico.share:after {
    margin-left: 14px;
    margin-top: 2px;
	}
	.detail__side .buttonbar{
		margin-right: 0;
	}
	
	.detail__side .map_filter_item {
    font-size: 13px;
    line-height: 22px;
    padding: 14px 22px;
    height: auto;
	}
	.detail_title {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 52px 10px 22px;
		padding: 20px 52px 16px 22px;
	}
	.detail__popis {
    font-size: 18px;
    line-height: 26px;
    padding: 0px 22px;
	}
	.detail__border {
		padding-bottom: 22px;
	}
	.detail_title.collapsible:before {
    bottom: -5.9px;
    border-bottom: 6px solid #000000e3;
	}
	.detail_title.collapsible:after {
		right: 23px;
    top: 3px;
    /* bottom: 10px; */
	}
	#detail-navigator {
    bottom: 20px;
    left: 16px;
    right: 16px;
    height: 60px;
	}
	.collapsible:after {
    content: ' ';
    float: right;
    height: 50px!important;
    margin: 0!important;
	}
	.detail__side .buttonbar {
    order: 2;
    margin-left: 0px;
	}

	.detail__info {
    font-size: 11px;
    line-height: 16px;
    padding: 0 22px 13px;
	}
	.detail__content a#trail-go {
    margin: 20px 0 7px 22px;
	}
	.smap .layer-switch {
    bottom: 10px !important;
    left: 10px !important;
    right: auto!important;
	}
	.smap .zoom {
		top: auto!important;
    bottom: 109px!important;
    left: 10px!important;
    width: 32px!important;
	}
	.smap .zoom .zoom-menu {
    bottom: 20px!important;
    top: auto!important;
    width: 100%!important;
	}
	.archive .prirodou__bar .buttonbar, .home .prirodou__bar .buttonbar {
    position: fixed;
	}
	.archive .prirodou__bar .buttonbar .btnicons, .home .prirodou__bar .buttonbar .btnicons{
		top: auto;
    bottom: 51px;
	}
	.detail__side.prirodou__detail-show {
    bottom: 54px;
	}
	.prirodou__tab .collapsible {
    font-size: 13px;
    height: 50px;
    line-height: 50px;
	}
	.map_filter_item {
		height: 50px;
		line-height: 50px;
		font-size: 13px;
	}
	.map_filter_item_box {
    margin: 16px -4px 0 0px;
	}

	.prirodou__tab .collapsible{
		padding: 0 20px;
	}
	.max-left{
		width: 200%;
		width: calc(200% + 1px);
	}
	.prirodou__group.prirodou__tab.prirodou__tab-filtrovat.prirodou__detail-hide {
    margin-right: 0;
}
	.max-right{
		width: calc(200% + 2px)!important;
    transform: translate(-50% ,0);
	}

	#detail-gallery{
		z-index: 1;
	}


}

.cookies-checkbox {
	position: relative;
	padding-left: 20px;
	font-weight: 400;
	margin-bottom: 20px;
	display: inline-block;
	max-width: 100%;
}

/*
SAMO
*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h5,
.tag,
.title,
.btn-samo,
.btn-simple {
    color: inherit;
    font-family: "Veneer", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}



h1 a,
.h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit!important;
    text-decoration: none!important;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    letter-spacing: 0;
}

h1,
.h1 {
    font-size: 80px;
    line-height: 90px;
    font-size: 68px;
    line-height: 76px;
}

@media (max-width: 1199px) {
    h1,
    .h1 {
        font-size: 60px;
        line-height: 74px;
    }
}

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

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 48px;
        line-height: 56px;
    }
}

h2,
.h2 {
    font-size: 48px;
    line-height: 56px;
}

h3,
.h3 {
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-size: 16px;
    line-height: 21px;
}

h5 {
    font-size: 13px;
    line-height: 18px;
}


.tag,
a.tag span {
    background: #326e0a;
    color: #f0f0f0;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: center;
}
a.tag {
    border: none;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    height: 25px;
    padding: 0;
    text-decoration: none!important;
}
.btn-samo {
	cursor: pointer;
	display: inline-block;
	background-color: #326e0a;
	color: #f0f0f0!important;
	font-size: 16px;
	border: none;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	height: 60px;
	line-height: 60px;
	padding: 0;
	text-decoration: none!important;
	min-width: 204px;
}
.btn-samo span,
a.tag span {
	display: block;
	padding: 0 22px;
	font-size: inherit;
	background-color: #326e0a;
	line-height: inherit;
	transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);
	text-align: center;
}
.btn-samo:hover,
a.tag:hover,
.tag__hover:hover a.tag {
	color: #f0f0f0!important;
}
.btn-samo:hover span,
a.tag:hover span,
.tag__hover:hover a.tag span {
	transform: translate(0, -100%)
}
.btn-samo:before,
a.tag:before,
.btn-samo.hover,
a.tag.hover {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	text-align: center;
	transform: translate(0, 100%);
	transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);
	display: block;
	line-height: inherit;
	background: #2b6008;
}
.btn-samo:hover:before,
a.tag:hover:before,
.tag__hover:hover a.tag:before,
.btn-samo:hover.hover,
a.tag:hover.hover,
.tag__hover:hover a.tag.hover {
	transform: translate(0, 0);
}
a.tag span,
a.tag:before,
a.tag.hover,
div.tag {
	padding-left: 10px;
	padding-right: 10px;
}
a.tag.tag-small span,
a.tag-small,
div.tag-small {
	font-size: 13px!important;
}
a.tag-small span,
a.tag-small:before,
div.tag-small {
	padding-left: 7px;
	padding-right: 7px;
}
.btn-samo.white,
.btn-samo.white span {
	background: #f0f0f0!important;
	color: #326e0a;
	border-color: #f0f0f0;
}
.btn-samo.white:hover {
	color: #326e0a!important;
}
.btn-samo.white:before,
.btn-samo.white.hover {
	background: #e3e2e2!important;
	color: #326e0a;
	border-color: #e3e2e2;
}
.btn-simple {
	background: #326e0a;
	color: #f0f0f0;
	cursor: pointer;
	letter-spacing: 2px;
	letter-spacing: 0;
	text-transform: uppercase;
	border: 2px solid #326e0a;
	font-size: 16px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	text-align: center;
	letter-spacing: 2px;
	transition: all 0.3s cubic-bezier(0.83, 0, 0.17, 1);
	width: 204px;
	text-decoration: none;
}
.btn-simple:hover,
.btn-simple:active,
.btn-simple:focus {
	background-color: #2b6008;
	border-color: #2b6008;
	color: #f0f0f0;
}
.btn-simple:hover .arr.right:after {
	border-color: transparent transparent transparent #ffffff;
}
.btn-simple.outline:hover .arr.right:after {
	border-color: transparent transparent transparent #326e0a;
}
.btn-simple.outline {
	background: transparent!important;
	color: #f0f0f0;
	border-color: #f0f0f0;
	border-width: 1px;
}
.btn-simple.outline:hover {
	background: white!important;
	color: #326e0a;
	border-color: #f0f0f0;
}
.btn-simple.white {
	background: #f0f0f0!important;
	color: #326e0a;
	border-color: #f0f0f0;
}
.btn-simple.white:hover {
	background: #e3e2e2!important;
	color: #326e0a;
	border-color: #e3e2e2;
}
.btn-simple.btn-lg,
.btn-samo.btn-lg {
	width: 100%;
	border-radius: 0;
}
.has-caret {
	position: relative;
}
.has-caret .caret {
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.btn-lg .caret {
	border-width: 6px 6px 0;
	border-bottom-width: 0;
	transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);
}
.has-caret.active .caret {
	-webkit-transform: rotate(-180deg) translate(0, -50%);
	transform: rotate(-180deg) translate(0, 50%);
}
[class*="btn-"].text-left {
	text-align: left;
	padding-left: 40px;
}


.ico-f {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='227.715px' height='425.2px' viewBox='98.66 85.04 227.715 425.2' enable-background='new 98.66 85.04 227.715 425.2' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23F0F0F0' d='M269.57,85.04c-59.877,0-95.006,31.641-95.006,103.643v63.364H98.66v75.905h75.904V510.24h75.905V328.035 h60.708l15.197-75.905h-75.905v-50.575c0-27.156,8.886-40.61,34.299-40.61h41.606V88.196 C319.315,87.199,298.304,85.04,269.57,85.04z'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 7px;
	height: 13px;
}
.ico-i {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='425.201px' height='425.2px' viewBox='0 85.04 425.201 425.2' enable-background='new 0 85.04 425.201 425.2' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23F0F0F0' d='M212.6,123.573c56.223,0,63.198,0,85.538,1.578c20.762,0.747,31.558,4.65,39.281,6.893 c10.049,3.82,16.941,8.471,24.665,16.194s12.291,14.616,16.194,24.665c3.072,7.724,6.146,18.52,6.893,39.281 c0.748,22.34,1.578,29.232,1.578,85.538s0,63.199-1.578,85.539c-0.747,20.762-4.65,31.558-6.893,39.28 c-3.82,10.049-8.471,16.941-16.194,24.665s-14.616,12.291-24.665,16.194c-7.724,3.072-18.52,6.146-39.281,6.893 c-22.34,0.748-29.232,1.578-85.538,1.578s-63.199,0-85.538-1.578c-20.762-0.747-31.559-4.65-39.281-6.893 c-10.049-3.82-16.942-8.471-24.665-16.194c-7.724-7.724-12.291-14.616-16.194-24.665c-3.073-7.723-6.146-18.519-6.893-39.28 c-0.748-22.34-1.578-29.233-1.578-85.539s0-63.198,1.578-85.538c0.747-20.762,4.65-31.558,6.893-39.281 c3.82-10.049,8.471-16.941,16.194-24.665c7.723-7.724,14.616-12.291,24.665-16.194c7.723-3.072,18.52-6.146,39.281-6.893 C149.401,123.573,156.378,123.573,212.6,123.573 M212.6,85.04c-57.801,0-64.693,0-87.033,1.577 c-22.34,0.748-37.786,4.568-51.655,9.966c-13.869,5.398-25.412,12.291-37.703,24.665c-11.544,11.544-19.268,23.835-24.665,37.703 c-5.398,13.122-8.471,28.485-10.049,51.572C0.748,232.947,0,240.67,0,297.64c0,57.801,0,64.693,1.578,87.033 c0.747,22.34,4.65,37.703,10.049,51.572c5.397,13.869,12.291,25.412,24.665,37.703c11.543,11.544,23.917,19.267,37.703,24.665 c13.121,5.398,28.485,8.471,51.572,10.049c22.34,0.747,30.063,1.578,87.033,1.578c56.97,0,64.693,0,87.033-1.578 c22.34-0.748,37.703-4.65,51.572-10.049s25.412-12.291,37.703-24.665c11.544-11.544,19.267-23.918,24.665-37.703 c5.398-13.122,8.471-28.485,10.049-51.572c0.747-22.34,1.578-30.063,1.578-87.033c0-56.97,0-64.693-1.578-87.033 c-0.748-22.34-4.65-37.703-10.049-51.572c-5.398-13.868-12.291-25.412-24.665-37.703c-11.544-11.543-23.918-19.267-37.703-24.665 c-13.122-5.397-28.485-8.471-51.572-10.049C277.294,85.04,270.401,85.04,212.6,85.04L212.6,85.04z'/%3E%3Cpath fill='%23F0F0F0' d='M212.6,188.267c-60.043,0-108.626,48.5-108.626,108.626S152.557,405.518,212.6,405.518 s108.625-48.499,108.625-108.625S272.643,188.267,212.6,188.267z M212.6,367.732c-39.281,0-70.839-31.558-70.839-70.839 s31.558-70.839,70.839-70.839s70.839,31.558,70.839,70.839S251.882,367.732,212.6,367.732z'/%3E%3Ccircle id='XMLID_1_' fill='%23F0F0F0' cx='325.794' cy='183.617' r='25.413'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 15px;
	height: 15px;
}
.ico-v {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='425.236px' height='368.563px' viewBox='0 113.358 425.236 368.563' enable-background='new 0 113.358 425.236 368.563' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23F0F0F0' d='M425.034,198.648c-1.909,41.524-30.81,98.245-86.7,170.413c-57.885,75.24-106.716,112.86-146.744,112.86 c-24.831,0-45.842-22.921-62.95-68.763c-11.46-42.104-22.921-84.127-34.298-126.065c-12.706-45.925-26.409-68.763-40.942-68.763 c-3.156,0-14.367,6.727-33.385,20.098L0,212.517c21.011-18.52,41.689-36.956,62.119-55.476 c27.987-24.249,48.998-36.955,62.95-38.284c33.052-3.156,53.481,19.433,61.122,67.933c8.222,52.402,13.952,84.957,17.19,97.663 c9.551,43.434,20.098,65.108,31.559,65.108c8.886,0,22.256-14.035,40.111-42.188c17.771-28.236,27.322-49.662,28.651-64.361 c2.491-24.333-7.06-36.458-28.651-36.458c-10.215,0-20.679,2.325-31.475,6.894c20.928-68.514,60.873-101.899,119.837-99.906 C406.93,114.771,427.526,143.09,425.034,198.648z'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 13px;
	height: 13px;
}
.ico-y {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='425.201px' height='299.633px' viewBox='0 147.823 425.201 299.633' enable-background='new 0 147.823 425.201 299.633' xml:space='preserve'%3E%3Cg id='XMLID_1_'%3E%3Cpath id='XMLID_5_' fill='%23F0F0F0' d='M420.882,212.517c0,0-4.318-29.398-16.858-42.437 c-16.277-16.858-34.215-16.858-42.437-17.938c-59.794-4.318-148.986-4.318-148.986-4.318l0,0c0,0-89.192,0-148.986,4.318 c-8.139,1.08-26.658,1.08-42.438,17.938C8.138,183.201,4.318,212.517,4.318,212.517S0,246.816,0,281.031v32.638 c0,34.215,4.318,69.095,4.318,69.095s4.318,29.398,16.858,42.437c16.277,16.859,37.538,16.277,46.756,17.938 c34.216,3.239,144.668,4.318,144.668,4.318s89.192,0,148.986-4.318c8.139-1.079,26.658-1.079,42.437-17.938 c13.039-13.038,16.858-42.437,16.858-42.437s4.319-34.215,4.319-69.095v-32.638C425.201,246.816,420.882,212.517,420.882,212.517 L420.882,212.517z M168.586,352.285V232.698l114.688,59.794L168.586,352.285z'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 18px;
	height: 13px;
}

.ico-p {
	background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.425px' height='18.426px' viewBox='0 0 18.425 18.426' enable-background='new 0 0 18.425 18.426' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='18.425' height='18.426'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23ffffff' d='M9.213,0C4.125,0,0,4.124,0,9.213c0,3.774,2.268,7.014,5.515,8.438 c-0.026-0.644-0.005-1.416,0.16-2.115c0.177-0.749,1.185-5.021,1.185-5.021S6.565,9.927,6.565,9.058 c0-1.364,0.793-2.384,1.778-2.384c0.838,0,1.243,0.628,1.243,1.382c0,0.842-0.538,2.102-0.814,3.269 c-0.231,0.978,0.491,1.774,1.453,1.774c1.746,0,2.921-2.241,2.921-4.898c0-2.019-1.359-3.529-3.833-3.529 c-2.793,0-4.535,2.083-4.535,4.411c0,0.803,0.237,1.369,0.607,1.807c0.171,0.202,0.195,0.281,0.132,0.513 c-0.043,0.171-0.144,0.578-0.186,0.739c-0.062,0.234-0.25,0.317-0.462,0.23c-1.287-0.524-1.886-1.934-1.886-3.519 c0-2.617,2.206-5.756,6.585-5.756c3.517,0,5.833,2.546,5.833,5.278c0,3.614-2.012,6.314-4.973,6.314 c-0.995,0-1.931-0.538-2.25-1.147c0,0-0.536,2.123-0.648,2.532c-0.196,0.709-0.579,1.42-0.928,1.975 c0.827,0.243,1.703,0.377,2.61,0.377c5.088,0,9.212-4.123,9.212-9.213C18.425,4.124,14.301,0,9.213,0'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 16px;
	height: 16px;
}

.ico-t {
	background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17px' height='19.429px' viewBox='0 0 17 19.429' enable-background='new 0 0 17 19.429' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='17' height='19.429'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23ffffff' d='M17,7.968c-1.671,0.004-3.301-0.517-4.66-1.49v6.784c-0.001,3.408-2.765,6.169-6.172,6.168 C2.76,19.427-0.001,16.665,0,13.256C0.001,9.85,2.765,7.087,6.172,7.089c0.283,0,0.565,0.019,0.845,0.058v3.413 c-1.492-0.469-3.082,0.359-3.552,1.852c-0.469,1.492,0.36,3.082,1.852,3.552c1.493,0.469,3.083-0.359,3.552-1.852 C8.956,13.836,9,13.549,9,13.261V0h3.34c-0.002,0.282,0.021,0.564,0.071,0.842c0.233,1.253,0.974,2.354,2.046,3.045 C15.211,4.386,16.096,4.65,17,4.65V7.968z'/%3E%3C/g%3E%3C/svg%3E%0A");
	width: 16px;
	height: 16px;
}



/*
cookie
*/
.cookies-wrapper {
	z-index: 10000
}
.cookies-visible .cookies-window {
	bottom: 0;
	opacity: 1
}
.cookies-visible .cookies-overlay {
	display: block
}
.cookies-overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0
}
.cookies-window {
    background: rgba(0, 0, 0, .9)!important;
    max-height: 100%;
    min-width: 460px;
    left: 0px;
    padding: 30px 30px;
    bottom: -100%;
    opacity: 0;
    transition: .5s cubic-bezier(0.83, 0, 0.17, 1);
    position: fixed;
    z-index: 1000;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    max-width: 100%;
    width:100%;
}
@media screen and (max-width:992px) {
	.cookies-window {
			right: 0;
			min-width: 0;
			padding: 18px 15px;
			overflow: auto;
			overflow-x: hidden
	}
}
@media screen and (max-width:480px) {
	.cookies-window {
			line-height: 16px
	}
}
.cookies-window,
.cookies-window a,
.cookies-window a:hover {
	color: #f0f0f0
}
.cookies-window h5 {
	font-family: "Veneer", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	color: #f0f0f0;
	padding: 5px 0;
}
.cookies-window .btn-samo {
	width: 165px;
}
@media screen and (max-width:768px) {
	.cookies-window .btn-simple {
			height: 30px;
			line-height: 28px;
			font-size: 12px;
			padding: 0 5px;
			width: auto;
	}
}
.cookies-window .btn-simple+.btn-simple {
	margin-left: 10px
}
.cookies-content-hidden {
	display: none
}
.cookies-content-wide,
.cookies-content-narrow {
    max-width: 720px;
    margin: 0px auto;
}

.cookies-content-narrow a,
.cookies-content-wide a {
	text-decoration: none;
	color: #5fa032;
}
.cookies-content-narrow a:hover,
.cookies-content-wide a:hover {
	text-decoration: underline;
	color: #5fa032;
}
.cookies-buttons {
	margin: 8px 0 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.cookies-cols {
	display: -ms-flexbox;
	display: flex;
	width: 875px;
	max-width: 100%;
}
.cookies-content-wide .cookies-buttons,
.cookies-content-wide .cookies-buttons+p {
	padding-left: 20px;
}


.cookies-window .btn-simple.noborder {
    background-color: rgba(0,0,0,0)!important;
    text-transform: none!important;
    border-color: rgba(0,0,0,0)!important;
    font-family: "HelveticaNeueLT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: 0px;
    font-size: 12px!important;
}

.cookies-window .btn-simple.noborder:hover {
    color:#326e0a!important;
}

.cookies-window .btn-simple.outline {
    border-color:#326e0a!important;
}

.cookies-window .btn-simple.outline:hover {
    border-color:#2b6008!important;
    background-color:#2b6008!important;
    color:#fff;
}


@media screen and (max-width:768px) {
	.cookies-cols {
			width: 100%;
			display: block
	}
}
.cookies-cols>* {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%
}
.cookies-cols> :first-child {
	padding-right: 10px
}
.cookies-cols> :last-child {
	padding-left: 10px
}
@media screen and (max-width:480px) {
	.cookies-cols> :first-child {
			padding-right: 0
	}
	
	.cookies-cols> :last-child {
			padding-left: 0
	}
	
	.cookies-content-narrow p,
	.cookies-content-wide .cookies-cols {
			max-height: 150px;
			overflow: auto
	}
	
	.cookies-buttons button {
			display: block!important;
			margin: 15px auto 5px auto;
			;
			width: 100%!important;
			font-size: 16px!important;
			height: 46px!important;
			line-height: 40px;
	}
	
	.cookies-window .btn-simple+.btn-simple {
			margin-left: 0px;
	}
}
.cookies-checkbox {
	position: relative;
	padding-left: 20px;
	font-weight: 400;
	margin-bottom: 20px
}
.cookies-checkbox input[type=checkbox] {
	display: none
}
.cookies-checkbox input[type=checkbox][readonly=readonly]::after {
	display: none !important
}
.cookies-checkbox input[type=checkbox]:checked[readonly=readonly]+span::before {
	border-radius: 5px;
	width: 6px;
	height: 6px;
	left: 3px;
	top: 7px;
}
@media screen and (max-width:480px) {
	.cookies-checkbox input[type=checkbox]:checked[readonly=readonly]+span::before {
			top: 4px
	}
}
.cookies-checkbox input[type=checkbox]:checked[readonly=readonly]+span::after {
	display: none
}
.cookies-checkbox input[type=checkbox]:checked+span::after {
	content: '';
	top: 4px;
	left: 3px;
	width: 5px;
	height: 8px;
	transform: rotate(45deg);
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0;
	margin-top: 2px;
	display: block;
	position: absolute;
}
@media screen and (max-width:480px) {
	.cookies-checkbox input[type=checkbox]:checked+span::after {
			top: 3px
	}
}
.cookies-checkbox input[type=checkbox]+span {
	cursor: pointer;
	display: block;
	text-transform: uppercase;
	font-family: "Veneer", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}
.cookies-checkbox input[type=checkbox]+span::before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: -3px;
	top: 4px;
	background: #326e0a;
}
@media screen and (max-width:480px) {
	.cookies-checkbox input[type=checkbox]+span::before {
			top: 3px
	}
}

/*social*/
.btns-social {
	line-height: 0;
	white-space: nowrap;
}
[class*="btn-social"] {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	margin: 0 1px 1px 0;
	overflow: hidden;
	position: relative;
}
[class*="btn-social"] span {
	display: block;
	line-height: 60px;
	background: #327ecb;
	transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);
}
[class*="btn-social"]:hover span {
	transform: translate(0, -100%)
}
[class*="btn-social"] span.hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	text-align: center;
	transform: translate(0, 100%);
	transition: transform 0.3s cubic-bezier(0.83, 0, 0.17, 1);
	display: block;
	line-height: 60px;
	background: #324c8f;
}
[class*="btn-social"]:hover span.hover {
	transform: translate(0, 0);
}
.btn-social-fb__share span {
	background-color: #324c8f;
}
.btn-social-fb__share span.hover {
	background-color: #327ecb;
}
.btn-social-i span {
	background-color: #d4aa1b;
}
.btn-social-i span.hover {
	background-color: #bd9b03;
}
.btn-social-v span {
	background-color: #326e0a;
}
.btn-social-v span.hover {
	background-color: #2b6008;
}
.btn-social-y span {
	background-color: #d16914;
}
.btn-social-y span.hover {
	background-color: #b4570b;
}
.btn-social-tw span {
	background-color: #327ecb;
}
.btn-social-tw span.hover {
	background-color: #324c8f;
}
.btn-social-email span {
	background-color: #5fa032;
}
.btn-social-email span.hover {
	background-color: #326e0a;
}
.btn-social-p span {
	background-color: #846a49;
}
.btn-social-p span.hover {
	background-color: #735938;
}
.btn-social-t span {
	background-color: #505050;
}
.btn-social-t span.hover {
	background-color: #404040;
}

/*
*/

.collapsible__content {
	padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

@media screen and (max-width:575px) {
	.cookies-content-wide .cookies-buttons,
	.cookies-content-wide .cookies-buttons+p {
		padding-left: 0px;
	}
	}

	.cookies-window .btn-simple.outline {
		background-color: rgba(0,0,0,0);
		text-transform: none !important;
		border-color: rgba(0,0,0,0);
		font-family: "HelveticaNeueLT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		border: none !important;
		letter-spacing: 0px;
		font-size: 12px !important;
		}
	
	.cookies-window .btn-simple.outline:hover {
		color:#326e0a !important;
		background-color: rgba(0,0,0,0)!important;
	}