:root {
	--wander-green:#95c11f;
	--link-green:#69b234;
	--link-red:#c9211d;
	--grey-background:#606060;

	--stav0-background:#ffc107;
	--stav0-color:#fff;

	--stav1-background:#95c11f;
	--stav1-color:#fff;

	--stavnone-background:#dc3545;
	--stavnone-color:#fff;

}

@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

::-moz-selection { background:var(--link-red); color:#fff; }
::selection { background:var(--link-red); color:#fff; }
.btn.btn-green .badge {
	background:var(--link-red);
	color:#fff;
}

html {
  height:100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Arial', sans-serif;
	font-size:16px;
	background:#e3e7f0;
	display:flex;
	flex-direction:column;
	height:100%;
}
.wrapper {
	flex-shrink:0;
	padding-bottom:50px;
}

a, a.form-control-plaintext {
	color:var(--wander-green);
	text-decoration:none;
}
.whitebox a {
	color:var(--link-green);
	cursor:pointer;
}
.btn-link {
	text-decoration:none;
}
a:hover, btn:hover, .btn-link:hover {
	color:#000;
	text-decoration:underline;
}
.greybox a:hover, .greybox .btn-link:hover {
	color:#fff;
}

@media print {
	.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
		padding: 2px 3px;
		line-height:1;
	}
}

.text-green {
	color:#69b234;
}
.text-red {
	color:#c9211d;
}

.nobr{
	white-space: nowrap;	
}

.btn-warning:hover {
    color: #fff;
}

.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-50 { margin-top:50px; }
.mt-70 { margin-top:70px; }
.mt-90 { margin-top:90px; }
.mt--10 { margin-top:-10px; }
.mt--70 { margin-top:-70px; }
.mt--100 { margin-top:-100px; }
.mt--150 { margin-top:-150px; }

.mb--70 { margin-bottom:-70px; }
.mb--100 { margin-bottom:-100px; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }

.mr--15 { margin-right:-15px; }
.ml--15 { margin-left:-15px; }

.ml-10 { margin-left:10px; }
.ml-30 { margin-left:30px; }
.ml-50 { margin-left:50px; }
.ml-100 { margin-left:100px; }
.ml--10 { margin-left:-50px }
.ml--100 { margin-left:-100px }
.mr-10 { margin-right:10px; }
.mr-30 { margin-right:30px; }
.mr-50 { margin-right:50px; }
.mr--100 { margin-right:-100px; }

.b-50 { bottom:50px!important; }
.r--30 { right:-30px!important; }

.pt-10 { padding-top:10px; }
.pt-20 { padding-top:20px; }
.pt-30 { padding-top:30px; }
.pt-40 { padding-top:40px; }
.pt-50 { padding-top:50px; }
.pt-60 { padding-top:60px; }
.pt-70 { padding-top:70px; }
.pt-80 { padding-top:80px; }
.pt-100 { padding-top:100px; }
.pt-150 { padding-top:150px; }
.pt-200 { padding-top:200px; }
.pt-300 { padding-top:300px; }

.pb-10 { padding-bottom:10px; }
.pb-30 { padding-bottom:30px; }
.pb-50 { padding-bottom:50px; }
.pb-70 { padding-bottom:70px; }
.pb-80 { padding-bottom:80px; }
.pb-100 { padding-bottom:100px; }
.pb-200 { padding-bottom:200px; }
.pb-300 { padding-bottom:300px; }

.pr-10 { padding-right:10px; }
.pr-30 { padding-right:30px; }
.pr-50 { padding-right:50px; }
.pr-70 { padding-right:70px; }
.pr-100 { padding-right:100px; }

.pl-10 { padding-left:10px; }
.pl-20 { padding-left:20px; }
.pl-30 { padding-left:30px; }
.pl-50 { padding-left:50px; }
.pl-70 { padding-left:70px; }
.pl-100 { padding-left:100px; }

.width-20 {	width:20%!important; }
.width-25 {	width:25%!important; }
.width-30 {	width:30%!important; }
.width-40 {	width:40%!important; }
.width-50 {	width:50%!important; }
.width-60 {	width:60%!important; }
.width-70 {	width:70%!important; }
.width-80 {	width:80%!important; }     

.right-0 { right:0!important; }


img.imageItem {
	cursor: zoom-in;
}

.nav-pills-center {
    display: flex;
    justify-content: center;
}

.width-60px {
	width:60px;
}
.height-60px {
	height:60px;
}
.pull-right {
	float:right;
}
.pull-left {
	float:left;
}
.text-right {
	text-align:right;
}
.bg-black {
	background:#000;
}
button.btn.plr-button, a.btn.plr-button {
	padding-left:30px;
	padding-right:30px;
}
.fa-green {	color:var(--wander-green); }
.fa-red { color:#ff0000; }

.page-link {
    color: var(--wander-green);
}
.page-item.active .page-link {
    background-color: var(--wander-green);
    border-color: var(--wander-green);
}
.img-animate-margin-vertical {
	position:relative;
	animation:top .5s ease;
}

.relative {
	position:relative;
}

.align-items-center {
	display:flex;
    align-items: center;
}
.align-items-center img {
	width:100%;
	max-width:100%;
}
.align-items-center img.img-width-110 {
	width:110%;
	max-width:110%;
}
.align-items-center img.img-width-120 {
	width:120%;
	max-width:120%;
}
.navbar .align-items-center img {
	width:32px;
}

.bg-white {
	background:#fff;
	color:#555;;
}
.bg-grey {
	background:var(--grey-background);
	color:#fff;
}

@media (min-width: 992px) {
	.modal-lg {
    	width: 900px;
    	max-width:900px;
	}
}

input, button {
	border-radius:5px;
}
.uploadifive-button.btn {
	position:relative;
}

.table.table-verticalcenter td, .table.table-verticalcenter th {
	vertical-align:middle;
}

.text-right button.btn {
	margin-right:0;
}

button.btn-sm, a.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.btn.focus, .btn:focus {
	box-shadow:none;
}

#filterButtons .row .viewChanger {
	padding-left:15px;
}
#filterButtons button.btn-link {
	color:#555;
	box-shadow:none;
	padding-left:5px;
	padding-right:5px;
}
#filterButtons button.btn-link:hover {
	color:#000;
}
#filterButtons button.btn-link.active {
	color:var(--wander-green);
}
#filterButtons button.btn-light {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

#paginatorTop ul {
	font-size:14px;
	margin:0;
}

#filterDialog .input-group .input-group-text {
	background:#f0f0f0;
	border-color:#69b234;
	color:#848484;
}
#filterDialog .input-group .btn {
	background:#f0f0f0;
	color:#848484;
	box-shadow:none;
    border: 1px solid #69b234;
	border-left:0;
}
#filterDialog .input-group .form-control {
	background-color:#f0f0f0;
	border-color:#69b234;
	border-left:0;
	border-right:0;
}
#filterDialog .list-group-item {
	height:46px;
}
#filterDialog .list-group-item.active {
    z-index: 2;
    color: #000;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
#orderDialog #gpsFunctionsMap {
	height:30vh;
}

.th-icon2 {
	width:120px;
}


.navbar {
	background-color:#222!important;
	color:#f2f3f4;
	padding:0;
}

@media (min-width: 992px) {
	body {		
		padding-top:62px;
	}
	.navbar {
		position:fixed;
		top:0;
		right:0;
		left:0;
		z-index:1030;
	}
}
.navbar a {
	color:#f2f3f4;
	text-decoration:none;
}
.navbar a:hover {
	color:#fff;
	text-decoration:none;
}
.navbar a:focus {
	color:#C11F1F;
}
.navbar h4 {
	color:#f2f3f4;
}

.navbar #headerKosik {
	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

.navbar .navbar-nav .nav-item-brand {
	display:none;
}

@media (min-width: 992px) {
	.navbar .navbar-nav .nav-item-brand {
		display:list-item
	}
}

.navbar .navbar-nav .nav-item-brand, .navbar .navbar-nav .nav-item-brand:hover {
	background:#96c11f!important;
	color:#fff;
	position:relative;
}
.navbar .navbar-nav .nav-item-brand a, .navbar .navbar-nav .nav-item-brand:hover a {
	transition:none;
	width:130px;
	height:100%;
	background:url(/images/logo-wander-book-bila.svg) center center no-repeat;
	background-size:contain;
}
.navbar .navbar-nav .nav-item-brand a::after {
	content:" ";
	position:absolute;
	left:0;
	top:62px;
	height:35px;
	width:130px;
	background:url(/images/logo-wander-book-flag.svg) 0 0 no-repeat;
	background-size:100% auto;
}
body.map .navbar .navbar-nav .nav-item-brand a::after {
	width:0;
	height:0;
	background:none;
}

.navbar .dropdown-toggle::after {
	display:none;
}
.navbar-nav>.nav-item {
	cursor:default;
}
.navbar-nav>.nav-item>.nav-link {
    font-size: 1.25rem!important;
}
.navbar .navbar-nav>li:hover, .navbar .navbar-nav>li:hover > a, .navbar .navbar-nav>li.active, .navbar .navbar-nav>li.active > a  {
	background:#262626;
	color:#96c11f;
}

.navbar .navbar-nav .dropdown-menu {
	border-radius:0;
	border:none;
	background:#262626;
	padding:10px 20px 20px;
}
.navbar .navbar-nav .nav-item:hover .dropdown-menu, .navbar .navbar-nav .nav-item.active .dropdown-menu {
	display:block;
}
.navbar .navbar-nav .nav-item:hover .dropdown-menu-end {
	right:0;
}
.navbar .navbar-nav .dropdown-menu a {
	color:#f2f2f2;
}
.navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu a:focus {
	color:#fff;
	background:#262626;
}

.navbar .navbar-nav .dropdown-menu .list-group-item {
	transition:padding .1s linear, background-position .1s linear;
	background:#262626 url(/images/zelena.png) -3px 0 repeat-y!important;
	border-color:#333;
	padding-left:16px;
	padding-right:19px;
	white-space:nowrap;
}
.navbar .navbar-nav .dropdown-menu .list-group-item:hover {
	background-position:0 0!important;
	padding-left:19px;
	padding-right:16px;
	background-color:rgba(255,255,255,0.05)!important;
}
.navbar .nav-item.flag img {
	padding:0.25rem;
	max-width:100%;
	height:auto;
}


.footer {
	margin-top:50px;
	width: 100%;
	background-color: #1c1c1b;
	color:#fff;
}
.footer .footer0 {
	background:#e3e7f0;
	height:70px;
}
.footer .footer1 a {
	color:#fff;
}
.footer .footer1 a:hover {
	color:var(--wander-green);

	text-decoration:none;
}
.footer h3 {
	font-size:20px;
	margin-bottom:20px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
.footer .footer1 .logo {
	line-height:24px;
	font-size:16px;
}
.footer .footer1 .logo img {
	margin-bottom:16px;
}
.footer .footer1 .barcode {
	float:left;
	width:120px;
	height:140px;
}
.footer .footer1 ul.mobileApps {
	line-height:26px;
	margin-left:140px;
	margin-top:14px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
.footer .footer1 h4 {
	font-size:1rem;
	margin:0;
}
.footer .footer1 article {
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid rgba(255,255,255,0.1);
}
.footer .footer1 article:first-child {
	border-top:0;
}
.footer .footer1 article ul {
	margin:0;
	color:rgba(255,255,255,0.8);
}
.footer .footer1 .media a img {
	opacity:0.7;
}
.footer .footer1 .media a:hover img {
	opacity:1;
}

.footer .footer2 {
	line-height: 32px;
}
.footer .footer2 .container {
	border-top:1px solid #555;
}
.footer .footer2 .social-icons {
	margin: 0;
	padding: 0;
}
.footer .footer2 .social-icons li {
	height:32px;
	line-height:32px;
}
.footer .footer2 .social-icons a {
	color:#fff;
	background-color: rgba(255, 255, 255, 0.1);
    display: flex;
	align-items: center;
	justify-content: center;
    text-align: center;
    transition: background-color .2s ease-in-out;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.footer .footer2 .social-icons a:hover {
	background-color:var(--wander-green);
	text-decoration:none;
}
.footer .footer3 .container {
	border-top:1px solid #555;
}
.footer .footer3 .item {	
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left:10px;
  padding-right:10px;
}
.footer .footer3 .col-2 {
	flex: 0 0 14%;
    max-width: 14%;
}
.footer .footer3 .item a img {
	opacity:0.7;
}
.footer .footer3 .item a:hover img {
	opacity:1;
	transition: all .15s;
    transform: scale(1.1);
}


.jumbotron.novinky { background-image:url(/images/_sources/jumbotron/novinky.jpg); }
.jumbotron.myslenkaprojektu { background-image:url(/images/_sources/jumbotron/myslenka-projektu.jpg); }
.jumbotron.cojedenik { background-image:url(/images/_sources/jumbotron/co-je-denik.jpg); }
.jumbotron.cojevizitka { background-image:url(/images/_sources/jumbotron/co-je-vizitka.jpg); }
.jumbotron.cojefotonalepka { background-image:url(/images/_sources/jumbotron/oprojektu-fotonalepky.jpg); }
.jumbotron.reference { background-image:url(/images/_sources/jumbotron/reference.jpg); }
.jumbotron.pomahame { background-image:url(/images/_sources/jumbotron/pomahame.jpg); }

.jumbotron.jaksivestdenik { background-image:url(/images/_sources/jumbotron/jak-si-vest-denik.jpg); }
.jumbotron.ziskatodmenu { background-image:url(/images/_sources/jumbotron/jak-ziskat-odmenu.jpg); }
.jumbotron.osobnitymova { background-image:url(/images/_sources/jumbotron/osobni-tymova-vizitka.jpg); }
.jumbotron.osobninavstivenka { background-image:url(/images/_sources/jumbotron/osobni-navstivenka.jpg); }


.jumbotron.vyrobitvizitku { background-image:url(/images/_sources/jumbotron/chci-vyrobit-vizitku.jpg); }
.jumbotron.vyrobitdenik { background-image:url(/images/_sources/jumbotron/chci-vyrobit-denik.jpg); }
.jumbotron.chciprodavat { background-image:url(/images/_sources/jumbotron/chci-prodavat.jpg); }
.jumbotron.obchodnikpodminky { background-image:url(/images/_sources/jumbotron/obchodnik-podminky.jpg); }
.jumbotron.svetovecesko { background-image:url(/images/_sources/jumbotron/svetovecesko.jpg); }

.jumbotron.obchodnipodminky { background-image:url(/images/_sources/jumbotron/obchodni-podminky.jpg); }

.jumbotron.vizitky { background-image:url(/images/_sources/jumbotron/produkty-vizitky.jpg); }
.jumbotron.deniky { background-image:url(/images/_sources/jumbotron/produkty-deniky.jpg); }
.jumbotron.mapy { background-image:url(/images/_sources/jumbotron/produkty-mapy.jpg); }
.jumbotron.odmeny { background-image:url(/images/_sources/jumbotron/produkty-odmeny.jpg); }
.jumbotron.fotonalepky { background-image:url(/images/_sources/jumbotron/produkty-fotonalepky.jpg); }
.jumbotron.dalsiodmeny { background-image:url(/images/_sources/jumbotron/produkty-dalsi-odmeny.jpg); }
.jumbotron.doplnkydeniku { background-image:url(/images/_sources/jumbotron/produkty-doplnkydeniku.jpg); }
.jumbotron.doplnkydenniku { background-image:url(/images/_sources/jumbotron/produkty-doplnkydenniku.jpg); }
.jumbotron.doplnkydenikupl { background-image:url(/images/_sources/jumbotron/produkty-doplnkydeniku-pl.jpg); }
.jumbotron.doplnkydenikude { background-image:url(/images/_sources/jumbotron/produkty-doplnkydeniku-de.jpg); }

.jumbotron.kestazeni { background-image:url(/images/_sources/jumbotron/ke-stazeni.jpg); }
.jumbotron.losovani { background-image:url(/images/_sources/jumbotron/informace-losovani.jpg); }
.jumbotron.zebricek { background-image:url(/images/_sources/jumbotron/informace-zebricek.jpg); }
.jumbotron.dotazy { background-image:url(/images/_sources/jumbotron/informace-dotazy.jpg); }
.jumbotron.roadmap { background-image:url(/images/_sources/jumbotron/roadmap.jpg); }
.jumbotron.kontakty { background-image:url(/images/_sources/jumbotron/kontakty.jpg); }


.jumbotron {
	padding:0;
	margin:0;
	background:#000;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	border-radius:0;
}
.jumbotron .breadcrumb {
	margin:0;
	background:none;
	color:#fff;
	padding:40px 0 0 0;
}
.jumbotron .breadcrumb ol {
	padding:0;
	margin:0;
	font-size:17px;
    text-shadow: 2px 2px 0 rgba(0,0,0,.8);
}
.jumbotron h1 {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-weight:bold;
	font-size:20px;
	padding:5px 0 0 0;
	margin:0;
	color:#fff;
    text-shadow: 2px 2px 0 rgba(0,0,0,.8);
}
.jumbotron h2 {
	color:#fff;
	padding:5px 0 10px 0;
	margin:0;
	font-size:16px;	
    text-shadow: 2px 2px 0 rgba(0,0,0,.8);
}

@media (min-width: 576px) {
	.jumbotron .breadcrumb {
		padding:50px 0 0 0;
	}
	.jumbotron h1 {
		padding:15px 0 0 0;
	}
	.jumbotron h2 {
		padding:20px 0 30px 0;
	}
}

@media (min-width: 768px) {
	.jumbotron .breadcrumb {
		padding:55px 0 0 0;
	}
	.jumbotron h1 {
		font-size:30px;
		padding:15px 0 0 0;
	}
	.jumbotron h2 {
		padding:20px 0 30px 0;
		font-size:18px;
	}
}

@media (min-width: 992px) {
	.jumbotron .breadcrumb {
		padding:75px 0 0 0;
	}
	.jumbotron h1 {
		font-size:38px;
		padding:20px 0 0 0;
	}
	.jumbotron h2 {
		padding:35px 0 30px 0;
		font-size:20px;
	}
}

@media (min-width: 1200px) {
	.jumbotron .breadcrumb {
		padding:150px 0 0 0;
	}
	.jumbotron h1 {
		font-size:38px;
		padding:40px 0 0 0;
	}
	.jumbotron h2 {
		padding:50px 0 45px 0;
		font-size:20px;
	}
}



.whitebox .jumbotron2 {
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
	background:#eee!important;
	color:#000!important;
}
.whitebox .jumbotron2 .container {
	background:#eee;
}
.jumbotron2 {
	background:#212121;
	color:#fff;
}
.jumbotron2 h2 {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:20px;
	color:#69b234;
}
.jumbotron2 a:hover {
	color:#fff;
}
.jumbotron2 p {
	font-size:16px;
}
.jumbotron2 .col-text {
	padding-top:10px;
}
.jumbotron2 .col-button {
	padding-bottom:10px;
}

@media (min-width: 992px) {
	.jumbotron2 h2 {
		font-size:24px;
	}
	.jumbotron2 .col-text {
		padding-top:20px;
	}
	.jumbotron2 .col-button {
		line-height:100px;
		padding-bottom:0;
		text-align:right;
	}
	.jumbotron2 .col-tworows-button {
		line-height:46px;
		padding-bottom:0;
		padding-top:1px;
	}
	.jumbotron2 p {
		font-size:16px;
	}
}

@media (min-width: 1200px) {
	.jumbotron2 h2 {
		font-size:26px;
	}
	.jumbotron2 .col-text {
		padding-top:30px;
	}
	.jumbotron2 .col-button {
		line-height:130px;
		text-align:right;
	}
	.jumbotron2 .col-tworows-button {
		line-height:50px;
		padding-bottom:0;
		padding-top:8px;
	}
	.jumbotron2 p {
		font-size:20px;
	}
}


.jumbotron2 .btn, .whitebox .btn, .greybox .btn {
	font-weight:bold;
}
.jumbotron2 .twoRowsButton {
	line-height:55px;
	padding:10px 0 0;
}

.jumbotron3 {
	background:var(--grey-background);
	padding:15px 0;
	/* height:120px; */
}
.jumbotron3 h2 {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:18px;
	color:#fff;
}
.jumbotron3 h2 {
	padding-top:10px;
	margin:0;
}
.jumbotron3 .btn {
	font-weight:bold;
	padding-left:30px;
	padding-right:30px;
}

@media (min-width: 992px) {
	.jumbotron3, .jumbotron3 h2 {
		font-size:22px;
	}
}
@media (min-width: 1200px) {
	.jumbotron3, .jumbotron3 h2 {
		font-size:24px;
	}
}

.jumbotron4 {
    background:#212121;
    color:var(--wander-green);
    text-align:center;
}
.jumbotron4 .col {
    padding:5px 0;
}
.jumbotron4 a {
    color:var(--wander-green);
    font-weight:bold;
}
.jumbotron4 .active a, .jumbotron4 a:hover {
    color:#fff;
    text-decoration:none;
}
.jumbotron4 .col div.img {
    height:75px;
    display:block;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:70px 70px;
}
.jumbotron4 .col.vizitky div.img { background-image:url(/images/produkty-icon-vizitky.svg); }
.jumbotron4 .col.fotonalepky div.img { background-image:url(/images/produkty-icon-fotonalepky.svg); }
.jumbotron4 .col.deniky div.img { background-image:url(/images/produkty-icon-deniky.svg); }
.jumbotron4 .col.mapy div.img { background-image:url(/images/produkty-icon-mapy.svg); }
.jumbotron4 .col.ostatni div.img { background-image:url(/images/produkty-icon-ostatni.svg); }


.jumbotron4 .col.active.vizitky div.img, .jumbotron4 .col.vizitky a:hover div.img { background-image:url(/images/produkty-icon-vizitky-white.svg); }
.jumbotron4 .col.active.fotonalepky div.img, .jumbotron4 .col.fotonalepky a:hover div.img { background-image:url(/images/produkty-icon-fotonalepky-white.svg); }
.jumbotron4 .col.active.deniky div.img, .jumbotron4 .col.deniky a:hover div.img { background-image:url(/images/produkty-icon-deniky-white.svg); }
.jumbotron4 .col.active.mapy div.img, .jumbotron4 .col.mapy a:hover div.img { background-image:url(/images/produkty-icon-mapy-white.svg); }
.jumbotron4 .col.active.ostatni div.img, .jumbotron4 .col.ostatni a:hover div.img { background-image:url(/images/produkty-icon-ostatni-white.svg); }


.myJumbotron {
	height:620px;
	background:#222;
	padding:0;
	margin:0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:0;
}
.myJumbotron .container {
	position:relative;
}
.myJumbotron .img {
	position:relative;
}
.myJumbotron button.hoverize {
	position:absolute;
	opacity:0;
	transition:opacity 1s;
	right:5px;
	top:5px;
}
.myJumbotron button.hoverize>span {
	padding:3px 5px;
}
.myJumbotron:hover button.hoverize {
	opacity:1;
}
.myJumbotron:hover .img button.hoverize {
	opacity:0;
}
.myJumbotron:hover .img:hover button.hoverize {
	opacity:1;
}

.myJumbotron .image {
	padding-top:50px;
}
.myJumbotron .img {
	height:180px;
	width:180px;
	background:rgba(0,0,0,0.3);
	margin-left:auto;
	margin-right:auto;
}
.myJumbotron div.name {
	padding-top:30px;
	text-align:center;
}
.myJumbotron span.name, .myJumbotronMini span.name {
	padding:10px 50px;
	position:relative;
	background:rgba(0,0,0,0.5);
	color:var(--wander-green);
	font-size:30px;
	font-weight:bold;
}
.myJumbotron div.name span.myBadge, .myJumbotronMini div.name span.myBadge {
	position:absolute;
	right:-50px;
	top:-20px;
	width:80px;
	height:108px;
	padding-top:26px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:url(/images/icon-uroven.svg) 0 0 no-repeat;
	background-size:80px 108px;
}	

.myJumbotron .counter {
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;
}


.myJumbotron .counter .item {
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-size:18px;
	text-align:center;
	border-radius:5px;
	padding:5px 10px 10px;
	margin-bottom:10px;
}
.myJumbotron .counter .item div {
	display:inline;
	padding-left:10px;
	padding-right:10px;
}

@media(min-width:768px) {
	.myJumbotron .counter {
		padding-top:40px;
		padding-left:150px;
		padding-right:150px;
	}	
}

@media(min-width:992px) {
	.myJumbotron .image {
		padding-top:100px;
	}
	.myJumbotron .counter {
		padding-top:60px;
		padding-left:250px;
		padding-right:250px;
	}
	.myJumbotron .counter .item {
		margin-bottom:0;
	}
	.myJumbotron .counter .item div {
		display:block;
		padding-left:0px;
		padding-right:0px;
	}	
}

.myJumbotron .counter .number {
	font-size:30px;
}

.myJumbotronMini {
	height:150px;
	background:#222;
	padding:0;
	margin:0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:0;
}
.myJumbotronMini div.name {
	padding-top:40px;
	text-align:center;
}


.myPanel {
	background:var(--grey-background);
	color:#fff;
	text-align:center;
}
.myPanel a {
	color:var(--wander-green);
}
.myPanel .nav-pills .nav-link {
	border-radius:0;
}
.myPanel .nav-pills .nav-link .title {
	display:none;
}
.myPanel .active {
	background:#3c3c3b;
}
.myPanel span.icon {
	display:block;
}
.myPanel a:hover, .myPanel .active a {
	color:#fff;
	background:#3c3c3b;
}
.mySubPanel {
	background:#3c3c3b;
	color:#fff;
	text-align:center;
}
.mySubPanel a {
	color:var(--wander-green);
}
.mySubPanel li.active a, .mySubPanel li a:hover {
	background:#e3e7f0;
	color:#000;
	text-decoration:underline;
}
.mySubPanel ul.nav {
	padding-top:5px;
}


@media(min-width:768px) {
	.myPanel .nav-pills .nav-link .title {
		display:inline;
	}
}

.myOverview table th {
	border-top:0;
	vertical-align:middle;
}
.myOverview table.text09 td {
	font-size:0.9em;
	padding:5px 0;
	vertical-align:middle;
}
table tr.stavnone td:first-child {
	border-left:5px solid var(--stavnone-background);
}
table tr.stav0 td:first-child {
	border-left:5px solid var(--stav0-background);
}
table tr.stav1 td:first-child {
	border-left:5px solid var(--stav1-background);
}

table td.stavnone {
	background:var(--stavnone-background);
}
table td.stav0 {
	background:var(--stav0-background)!important;
	color:#fff;
}
table td.stav0 a, table td.stav1 a {
	color:#fff;
}
table td.stav1 {
	background:var(--stav1-background)!important;
	color:#fff;
}

table td.stavzruseno {
	text-decoration:line-through;
}

.text-grey{
	color:#ccc;
}

.nav-pills .nav-link {
	margin:0 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	border-color:#56912b;
	background:#56912b;
	color:#fff;
}
.btn-green {
	border-color:#56912b!important;
	background:#69b234!important;
	color:#fff!important;
}
.btn-green:hover, .btn-green.active {
	color: #fff;
    background-color: #218838!important;
    border-color: #1e7e34!important;
}

.input-group.tel_predvolba .dropdown-menu {
	height:auto;
	max-height:400px;
	overflow:auto;
}
.input-group.tel_predvolba button.dropdown-toggle {
	border:1px solid #ced4da;
}
.input-group.tel_predvolba .dropdown-menu button {
	font-size:1rem;
	border-radius:0;
}
.input-group.tel_predvolba .dropdown-menu button img {
	margin-right:10px;
}
.input-group.tel_predvolba .dropdown-menu button .code {
	margin-left:10px;
	font-style:italic;
}


button.button-x, a.button-x{border:2px solid #000;background-color:#fff;color:#000;height:25px;width:25px;line-height:22px;padding:0;text-align:center;}
button.button-x span, a.button-x span{height:100%;width:100%;padding:0;text-align:center;line-height:22px;font-weight:bold;color:#000;}
button.button-x:hover, a.button-x:hover{background-color:#000;color:#fff;}
button.button-x:hover span, a.button-x:hover span{color:#fff;}

.filters {
	background:#eee;
}

.filters.map-filters{
	position: absolute;
	width:100%;
	z-index:99;
	margin-top:-100%;

	-webkit-transition: margin .3s; /* Safari */
    transition: margin .3s;
}

.filters.map-filters .order{
	display: none;
}

.filters.map-filters.show{
	margin-top:0%;
}

.filters .filters-close-btn, .filters.map-filters .oblibene-btn{
	padding: 6px 12px;
	font-size: 15px;
}


.extFilters {
	padding-top:10px;
	padding-bottom:10px;
	background:#d8d8d8;
}
.extFilters .badge {
	position:relative;
	top:-2px;
	background:#acacac;
	color:#fff;
	border-radius:50%;
}
.extFilters label {
	margin-bottom:0;
}
.extFilters h2 {
	font-size:20px;
	font-weight:bold;
	margin:10px 0 3px 10px;
}
.extFilters .nav-tabs {
	border-bottom:0;
}
.extFilters .nav-link {
	padding:7px 10px;
	border-radius:0;
	border:none;
}
.extFilters .order select {
	height:auto!important;
}
.extFilters a.nav-link {
	color:#555;
	font-weight:bold;
}
.extFilters .nav-tabs .nav-item.show .nav-link, .extFilters .nav-tabs .nav-link.active, .extFilters .tab-content {
	background:#e8e8e8;
}
.extFilters .tab-pane {
	padding:8px 10px 10px;
}
.extFilters .tab-pane .columns {
	column-count:3;
	column-width: auto;

}

.setFilters .item {
	border:1px solid var(--wander-green);
	background:#eaf5cc;
	float:left;
	padding:2px 5px;
	margin:5px 5px 5px 0;
	border-radius:3px;
	font-size:12px;
}
.setFilters .item .remove {
	color:#ab0000;
}

.mapycz-buttons{
	position: absolute;
	right:8px;
	z-index: 98;
	top: 8px;
	width: auto;

}
.mapycz-buttons button:hover {
    color: #29ac07;
    background: #f7f7f7;
}
.mapycz-buttons button {
	position: relative;
    display: block;
    cursor: pointer;
    margin: 5px 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    background: #fff;
    color: var(--grey-background);
    border: none;
    outline: 0;
    padding: 2px 8px;
}

.modal-kosik .modal-body .inside {
	background:var(--grey-background);
	padding:10px 10px 0;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
.modal-kosik .modal-body .code {
	background:var(--wander-green);
	color:#fff;
	font-weight:bold;
	padding:5px;
	font-size:18px;
}
.modal-kosik .modal-body .inside .title {
	height:40px;
	border-bottom:1px solid #fff;
}

.modal-kosik .modal-body .image {
	padding:10px 30px;
}

.magic-image {
	position:absolute;
	right:0;
	top:0;
}
.magic-canvas {
	position:relative;
}
.magic-canvas canvas {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

img.img-shadow, .img-shadow {
	-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
}

.homeDark {
	background:#1b1b1b;
	color:#fff;
}
.homeLight {
	background:#fff;
	color:#000;
}


.homepage p.padding-top {
	padding-top:10px;
}
.homepage .padding-top {
	padding-top:20px;
}
.homepage .padding-bottom {
	padding-bottom:20px;
}

@media (min-width: 768px) {
	
	.homepage .padding-top {
		padding-top:50px;
	}
	.homepage .padding-bottom {
		padding-bottom:50px;
	}	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.homepage p.padding-top {
		padding-top:30px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }



.homepage h1, .homepage .h1 {
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
}
.homepage span.h2 {
	font-size:22px;
	font-weight:bold;
}
.homepage .col-h1 {
	text-align:right;
}
.homepage p {
	font-size:16px;
	text-align:justify;
}

.home-projekt {
	padding-top:30px;
	padding-bottom:20px;
}
.home-jested {
	padding-top:25px;
	padding-bottom:100px;
}

.home-jested h2 {
	font-size:22px;
}
.home-jested .home-imagebox {
	position:relative;
	margin-bottom:-50px;
}
.home-jested .item-vizitka {
    position: absolute;
    right: -30px!important;
    bottom: -30px!important;
    width: 60%!important;
	transform: rotate(-8deg);
}
.home-denik-title {
	padding-top:100px;
}
.home-denik-title .home-denik-title-item {
	display:block;
	position:absolute;
	left:0px;
	bottom:25px;
	padding:25px;
	background:rgba(0,0,0,0.8);
	color:#fff;
}
.home-denik2 {
	margin-bottom:-50px;
}
.home-slider {
	padding-top:100px;
}
.home-slider-title {
	padding-top:100px;
}

.home-slider-title .slider-title {
	position:absolute;
	right:0;
	bottom:50px;
	padding:25px;
	background:rgba(0,0,0,0.8);
	color:#fff;
}

.home-mapy-text {
	padding-top:50px;
}
.home-mapy-image {
	margin-top:-25px;
}

.home-mapa {
	padding-top:100px;
}

@media (min-width:768px) {
	.home-jested {
		padding-bottom:50px;
	}
	.home-jested .item-jested {
	    margin-top: -50px;
	}
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.homepage h1, .homepage .h1 {
		font-size:38px;
	}
	.homepage span.h2 {
		font-size:32px;
	}
	.homepage p {
		font-size:20px;
	}
	.home-projekt {
		padding-top:50px;
		padding-bottom:50px;
	}
	.home-jested {
		padding-bottom:100px;
	}
	.home-jested h2 {
		font-size:30px;
	}	
	.home-jested .item-jested {
	    margin-top: -50px;
	}
	.home-denik-title .home-denik-title-item {
		padding:50px;
		bottom:0px;
	}
	.home-denik2 {
		margin-bottom:-100px;
	}
	.home-denik2 .home-denik2-text {
		padding-top:50px;
	}
	.home-slider {
		padding-top:150px;
	}
	.home-slider-title {
		padding-top:100px;
	}
	.home-slider-title .slider-title {
		bottom:50px;
		padding:50px;
		margin-left:-50px;
		margin-right:-50px;
	}
	.home-mapy-text {
		padding-top:50px;
	}
	.home-mapy-image {
		margin-top:-50px;
	}
	.home-mapa {
		padding-top:150px;
	}
		
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.homepage h1, .homepage .h1 {
		font-size:46px;
	}
	.homepage span.h2 {
		font-size:32px;
	}
	.homepage p {
		font-size:20px;
	}
	.home-jested {
		padding-bottom:200px;
	}
	.home-jested .padding-top {
    	padding-top: 100px;
	}
	.home-mapy-image {
		margin-top:-100px;
	}
	.home-slider-title {
		padding-top:200px;
	}
	.home-slider-title .slider-title {
		bottom:100px;
		margin-left:50px;
	}
	.home-mapy-text {
		padding-top:100px;
	}
}





.homepage .bigPicture {
	height:100vh;
	background:#222 url(/images/_sources/homepage.jpg) center center no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}
.homepage .bigPicture .overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	transition:background 0.5s ease;
}
.homepage .bigPicture.active .overlay {
	background:rgba(0,0,0,0.3);
}
.homepage .bigPicture .h1 {
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.homepage .bigPicture .form {
	text-align:center;
	padding-top:45vh;
	transition:padding 0.5s ease;
}
.homepage .bigPicture.active .form {
	padding-top:150px;
}
.homepage .bigPicture .form input {
	padding:10px 20px;
}
.homepage .bigPicture .items {
	padding-top:75px;
}
.homepage .bigPicture .items .item {
	background:rgba(0,0,0,0.5);
}
.homepage .bigPicture .items .title {
	padding:5px 10px;
	text-align:center;
}
.homepage .bigPicture .items .title a {
	color:#fff;
	font-weight:bold;
}
.homepage .bigPicture .items .image {
	height:250px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.homepage .bigPicture .items .image img {
	max-width:100%;
	max-height:210px;
	margin:0 auto;
}

.homepage img.img-fluid {
	width:100%;
}


.homepage .slick-next, .novinky-vizitky-box .slick-next {
	right:15px;
}
.homepage .slick-prev, .novinky-vizitky-box .slick-prev {
	left:15px;
}

@media (min-width: 768px) {
	.homepage .bigPicture .h1 {
		font-size:39px;
	}
}

#homeMap {
	display:block;
	width:100%;
	height:60vh;
	position:relative;
}
#homeMap #map {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
}
.turistickamapa {
	padding:15px;
	background:var(--grey-background);
	border-bottom:15px solid #fff;
}
.turistickamapa #map {
	height:50vh;
}

#homeMap .phoneContainer {
	display:none;
}
@media (min-width: 768px) {
	#homeMap .phoneContainer {
		position:relative;
		display:block;
		height:100%;
	}
	#homeMap .col-sm-6 {
		height:100%;
	}
	#homeMap .phone {
		position:absolute;
		right:0;
		top:-70px;
		z-index:498;
	}
	#homeMap .phone img {
		width:60%;
		float:right;
	}
}

@media (min-width: 992px) {
	#homeMap .phone {
		top:-90px;
	}
	#homeMap .phone img {
		width:80%;
	}
}

#homeMap .mapTitle {
	display: block;
    position: absolute;
    left: 0px;
    bottom: -100px;
    padding: 50px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    z-index:10;
}

.home-vizitky-box {
    padding-top:150px;
    padding-bottom:30px;
}
.home-fotonalepky-box {
    padding-bottom:100px;
}
.home-vizitky {
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
}
.home-vizitky .item {
    padding:15px;
}




.row.padding-top { padding-top:15px; }
.row.padding-top-more { padding-top:30px; }
.row.padding-top-less { padding-top:7px; }
.row.padding-bottom { padding-bottom:15px; }
.row.padding-bottom-more { padding-bottom:30px; }

@media (min-width: 992px) {
	.row.padding-top { padding-top:30px; }
	.row.padding-top-more { padding-top:60px; }
	.row.padding-top-less { padding-top:15px; }
	.row.padding-bottom { padding-bottom:30px; }
	.row.padding-bottom-more { padding-bottom:60px; }
}




.transparentbox.margin-top, .whitebox.margin-top, .greybox.margin-top { margin-top:35px; }
.whitebox.margin-top-less, .greybox.margin-top-less { margin-top:17px; }

.transparentbox .inner.padding-top, .whitebox .inner.padding-top, .greybox .inner.padding-top, .greybox .row .padding-top { padding-top:40px }
.whitebox .inner.padding-top-less, .greybox .inner.padding-top-less, .greybox .row .padding-top-less, .whitebox .row .padding-top-less { padding-top:20px }
.whitebox .inner.padding-top-more, .greybox .inner.padding-top-more, .greybox .row .padding-top-more, .whitebox .row .padding-top-more { padding-top:60px }
.transparentbox .inner.padding-bottom, .whitebox .inner.padding-bottom, .greybox .inner.padding-bottom, .greybox .row .padding-bottom { padding-bottom:40px; }
.whitebox .inner.padding-bottom-less, .greybox .inner.padding-bottom-less, .greybox .row .padding-bottom-less { padding-bottom:20px; }
.whitebox .inner.padding-bottom-more, .greybox .inner.padding-bottom-more, .greybox .row .padding-bottom-more { padding-bottom:60px; }
.whitebox .row.padding-top, .whitebox h2.padding-top, .whitebox.obchodnipodminky h3.padding-top, .greybox .row.padding-top, .greybox h2.padding-top { padding-top:15px; }

@media (min-width: 992px) { 
	.transparentbox.margin-top, .whitebox.margin-top, .greybox.margin-top { margin-top:45px; }
	.whitebox.margin-top-less, .greybox.margin-top-less { margin-top:22px; }

	.transparentbox .inner.padding-top, .whitebox .inner.padding-top, .greybox .inner.padding-top, .greybox .row .padding-top { padding-top:50px }
	.whitebox .inner.padding-top-less, .greybox .inner.padding-top-less, .greybox .row .padding-top-less, .whitebox .row .padding-top-less { padding-top:25px }
	.whitebox .inner.padding-top-more, .greybox .inner.padding-top-more, .greybox .row .padding-top-more, .whitebox .row .padding-top-more { padding-top:75px }
	.transparentbox .inner.padding-bottom, .whitebox .inner.padding-bottom, .greybox .inner.padding-bottom, .greybox .row .padding-bottom { padding-bottom:50px; }
	.whitebox .inner.padding-bottom-less, .greybox .inner.padding-bottom-less, .greybox .row .padding-bottom-less { padding-bottom:30px; }
	.whitebox .inner.padding-bottom-more, .greybox .inner.padding-bottom-more, .greybox .row .padding-bottom-more { padding-bottom:80px; }
	.whitebox .row.padding-top, .whitebox h2.padding-top, .whitebox.obchodnipodminky h3.padding-top, .greybox .row.padding-top, .greybox h2.padding-top { padding-top:20px; }
}
@media (min-width: 1200px) { 
	.transparentbox.margin-top, .whitebox.margin-top, .greybox.margin-top { margin-top:70px; }
	.whitebox.margin-top-less, .greybox.margin-top-less { margin-top:35px; }

	.transparentbox .inner.padding-top, .whitebox .inner.padding-top, .greybox .inner.padding-top, .greybox .row .padding-top { padding-top:80px }
	.whitebox .inner.padding-top-less, .greybox .inner.padding-top-less, .greybox .row .padding-top-less, .whitebox .row .padding-top-less { padding-top:40px }
	.whitebox .inner.padding-top-more, .greybox .inner.padding-top-more, .greybox .row .padding-top-more, .whitebox .row .padding-top-more { padding-top:100px }
	.transparentbox .inner.padding-bottom, .whitebox .inner.padding-bottom, .greybox .inner.padding-bottom, .greybox .row .padding-bottom { padding-bottom:80px; }
	.whitebox .inner.padding-bottom-less, .greybox .inner.padding-bottom-less, .greybox .row .padding-bottom-less { padding-bottom:40px; }
	.whitebox .inner.padding-bottom-more, .greybox .inner.padding-bottom-more, .greybox .row .padding-bottom-more { padding-bottom:120px; }
	.whitebox .row.padding-top, .whitebox h2.padding-top, .whitebox.obchodnipodminky h3.padding-top, .greybox .row.padding-top, .greybox h2.padding-top { padding-top:30px; }
}


.transparentbox .inner {
	background-color:#fff;
}


.col-image-new {
	perspective:1000px;
}
.col-image-new-left img {
    width:100%;
	transform:translate3d(-10px, 0, 80px) rotateY(-20deg);
	transition:transform 1s;
}
.col-image-new-left:hover img {
    transform:translate3d(-30px, 0, 160px) rotateY(0deg);
}

.col-image-new-right img {
    width:100%;
	transform:translate3d(10px, 0, 80px) rotateY(20deg);
	transition:transform 1s;
}
.col-image-new-right:hover img {
    transform:translate3d(30px, 0, 160px) rotateY(0deg);
}

.col-image-spinner img {
    animation: spinner 5s infinite linear;
    -webkit-animation: spinner 5s infinite linear;
}

.whitebox.relative .container {
	position:relative;
}
.whitebox .container {
	background-color:#fff;
}
.whitebox .container .inner {
	background-color:#fff;
	position:relative;
}
.whitebox h2, h1.h2 {
	font-weight:bold;
	font-size:28px;
}

.whitebox h2.fs36, h1.h2.fs36 {
	font-size:26px;
}
.whitebox p {
	text-align:justify;
	font-size:18px;
	line-height:25px;
}
.whitebox ul {
	font-size:18px;
}




@media (min-width:1200px) {
	.whitebox h2, h1.h2 {
		font-size:39px;
	}
	.whitebox h2.fs36, h1.h2.fs36 {
		font-size:36px;
	}
	.whitebox p {
		font-size:21px;
		line-height:30px;
	}
	.whitebox ul {
		font-size:21px;
	}
}

.whitebox .container .inner.jak_turista_vestdenik_01 {
	min-height:488px;
}
.whitebox .container .inner.jak_turista_vestdenik_01 .magic-image {
	margin-right:-60px;
	width:613px;
	height:488px;
}

.rightgreylinefix {
	margin-right:-16px;
} 
.greybox .greenTitle {
	background:var(--wander-green);
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:21px;
	padding-top:10px;
	padding-bottom:10px;
    margin-right: calc(var(--bs-gutter-x) * .5 * -1);
    margin-left: calc(var(--bs-gutter-x) * .5 * -1);
}
.greybox.novinka-corner .container, .whitebox.novinka-corner .container {
	position:relative;
}

@media (min-width: 992px) {
	.greybox.novinka-corner .container::after, .whitebox.novinka-corner .container::after {
		content:' ';
		position:absolute;
		left:0;
		top:0;
		display:block;
		width:125px;
		height:125px;
		background-image:url(/images/novinka-corner.svg);
		background-position:0 0;
		background-repeat:no-repeat;
		background-size:125px 125px;
	}
}
.greybox.novinka-pl-corner .container::after, .whitebox.novinka-pl-corner .container::after {
	background-image:url(/images/novinka-pl-corner.svg);
}
.greybox .table {
	color:#fff;
}
.greybox .container {
	background:var(--grey-background);
	color:#fff;
}
.greybox .container .inner {
	background:var(--grey-background);
	color:#fff;
	position:relative;
}
.greybox .col-white {
	background:#fff;
	color:#000;
}
.greybox h2, h1.h2 {
	font-weight:bold;
	font-size:28px;
	color:#fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.7);
}
.greybox h2.fs36, h1.h2.fs36 {
	font-size:26px;
}
.greybox p {
	text-align:justify;
	font-size:18px;
	line-height:25px;
}
.greybox ul {
	font-size:18px;
}

.greybox .pr-image-white {
	background:#fff;
	color:#000;
}
.greybox p.image-title {
	font-size:16px;
	line-height:24px;
	margin-bottom:5px;
}
.greybox p.image-title .text-green {
	color:var(--wander-green);
}
.greybox .vizitky-left {
	max-width:120%;
}


@media (min-width:1200px) {
	.greybox h2, h1.h2 {
		font-size:38px;
	}
	.greybox h2.fs36, h1.h2.fs36 {
		font-size:36px;
	}
	.greybox p {
		font-size:21px;
		line-height:30px;
	}
	.greybox ul {
		font-size:21px;
	}
}

.imageRotateBox {
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:9;
}
.imageRotateBox .rr {
	position:absolute;
}
.imageRotateBox .rr-13 {
	transform: rotate(13deg);
}
.imageRotateBox .rl-8 {
	transform: rotate(-8deg);
}
.imageRightBottomBox {
  position:relative;
  /* display: flex; */
}
@media (min-width: 768px) {
	.imageRightBottomBox {
	  display: display;
	}
}

.imageRightBottomBox .rbImage {
	position:absolute;
	right:30px;
	bottom:-25px;
}
.imageRightBottomBox .rl-8 {
	transform: rotate(-8deg);
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }



.ovizitkach-imagebox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    padding-top:20px;
    padding-bottom:20px;
}
.whitebox img.ovizitkach-image-01, .greybox img.ovizitkach-image-01 {
	position: relative;
	transform: rotate(13deg);
    margin-left: 50px;
    margin-top: -10px;
    width: 45%!important;
}
.whitebox img.ovizitkach-image-02, .greybox img.ovizitkach-image-02 {
	position: relative;
	transform: rotate(-8deg);	
	margin-right: 50px;
	margin-left: -50px;
	width: 45%!important;
}


@media (min-width: 768px) { 
	.ovizitkach-imagebox {
		padding-top:0;
		padding-bottom:0;
	}
	.whitebox img.ovizitkach-image-01, .greybox img.ovizitkach-image-01 {
		position: absolute;
    	width: 60%!important;
	}
	.whitebox img.ovizitkach-image-02, .greybox img.ovizitkach-image-02 {
		position: absolute;
    	width: 60%!important;
	}
}


.greybox img.cojsouvizitky-image-01, .greybox img.turistaosobnitymova-image-01 {
	position:absolute;
	transform: rotate(13deg);
	margin-left:10px; 
	margin-top:-10px;
	max-width:60%;
}
.greybox img.turistaosobnitymova-image-01 {
	margin-left:10px;
}
.greybox img.cojsouvizitky-image-02, .greybox img.turistaosobnitymova-image-02 {
	position:absolute;
	transform: rotate(-8deg);
	margin-left:-30px;
	max-width:60%;	
}
.greybox img.cojsouvizitky-image-03, .greybox img.turistaosobnitymova-image-03 {
	position:absolute;
	transform: rotate(13deg);
	margin-left:0px;
	margin-top:-10px;
	max-width:85%;
}
.greybox img.cojsouvizitky-image-04, .greybox img.turistaosobnitymova-image-04 {
	position:absolute;
	transform: rotate(-8deg);
	margin-left:-10px;
	max-width:85%;
}
.greybox img.turistaosobnitymova-image-03, .greybox img.turistaosobnitymova-image-04 {
	max-width:60%;
}
.greybox img.turistaosobnitymova-image-01 {
	transform: rotate(14deg);
    margin-left: 35px;
}
.greybox img.turistaosobnitymova-image-02 {
	transform: rotate(-15deg);
    margin-left: -35px;
}
.greybox img.turistaosobnitymova-image-03 {
	transform: rotate(-15deg);
    margin-left: 35px;
}
.greybox img.turistaosobnitymova-image-04 {
	transform: rotate(14deg);
    margin-left: -35px;
}

.cojsouvizitky-image-box {
	height:250px;
	padding-top:30px;
	padding-bottom:30px;
}
	
@media (min-width:768px) {
	
	.cojsouvizitky-image-box {
		height:350px;
		padding-top:0px;
		padding-bottom:0px;
	}
	.greybox img.cojsouvizitky-image-01 {
		margin-left:10px; 
		margin-top:-10px;
		max-width:100%;
	}
	.greybox img.cojsouvizitky-image-02 {
		margin-left:-30px;
		max-width:100%;
		
	}
	.greybox img.cojsouvizitky-image-03 {
		margin-left:0px;
		margin-top:-10px;
		max-width:130%;
	}
	.greybox img.cojsouvizitky-image-04 {
		margin-left:-10px;
		max-width:130%;
	}
	
	.greybox img.turistaosobnitymova-image-01 {
		margin-top:45px;
		margin-left:0px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-02 {
		margin-top:-50px;
		margin-left:-45px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-03 {
		margin-left:28px;
		margin-top:-50px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-04 {
		max-width:95%;
		margin-left:-45px;
		margin-top:45px;
	}	
}

@media (min-width:992px) {	
	.cojsouvizitky-image-box {
		height:250px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.greybox img.cojsouvizitky-image-01 {
		margin-left:70px; 
		margin-top:-10px;
		max-width:100%;
	}
	.greybox img.cojsouvizitky-image-02 {
		margin-left:-30px;
		max-width:100%;
		
	}
	.greybox img.cojsouvizitky-image-03 {
		margin-left:-43px;
		margin-top:-10px;
		max-width:130%;
	}
	.greybox img.cojsouvizitky-image-04 {
		margin-left:-55px;
		margin-left:0px;
		max-width:130%;
	}
	

	.greybox img.turistaosobnitymova-image-01 {
		margin-top:10px;
		margin-left:85px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-02 {
		margin-top:-10px;
		margin-left:-50px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-03 {
		margin-left:30px;
		margin-top:10px;
		max-width:95%;
	}
	.greybox img.turistaosobnitymova-image-04 {
		margin-left:-120px;
		margin-top:-10px;
		max-width:95%;
	}
	
	.cojsouvizitky-image-box {
		height:auto;
	}
	
}

.oproduktechvizitky-image-box {
    position: relative;
    justify-content: center;
    z-index: 9;
}
.oproduktechvizitky-image-01 {
    margin-left: auto;
    margin-right: auto;
}
.oproduktechvizitky-image-02 {
    transform: rotate(-8deg);
    position: absolute;
    bottom: -25px;
    right: 0!important;
    width: 40%!important;
}


img.osobnitymove-sameheight {
	max-height:100px;
	max-width:100%;
	height:auto;
}
@media(min-width:576px) {
	img.osobnitymove-sameheight {
		max-width:none;
		max-height:none;
		width:auto;
		height:100px;
	}
}
@media(min-width:768px) {
	img.osobnitymove-sameheight {
		height:135px;
	}
}
@media(min-width:992px) {
	img.osobnitymove-sameheight {
		height:150px;
	}
}
@media(min-width:1200px) {
	img.osobnitymove-sameheight {
		height:175px;
	}
}

.vyrobitvizitku-image-box {
	height:250px;
	padding-top:30px;
	padding-bottom:30px;
}

img.vyrobitvizitku-01 {
	position: absolute;
    transform: rotate(-11deg);
    width:50%;
    margin-left:50px;
}

img.vyrobitvizitku-02 {
	position: absolute;
    transform: rotate(13deg);
    width:50%;
    margin-right:50px;
}


.greybox img.chciprodavat-01 {
	position:absolute;
	transform: rotate(3deg);
}


.greenbox {
	background:#8cae2d;
	color:#fff;
	padding:25px;	
}
.magic-greenbox {
	background:#8cae2d;
	padding:20px 10px;
	margin-top:20px;
	margin-bottom:20px;
}
.magic-greenbox h3 {
	font-size:21px;
	font-weight:bold;
}
.magic-greenbox p {
	font-size:21px;
	line-height:26px;
}


#myslenkaMap {
	height:330px;
}

.oprojektu_myslenkaprojektu_04 {
	padding-top:30px;
	height:385px;
	background:#222 url(/images/_sources/oprojektu_myslenkaprojektu_04.jpg) center center no-repeat;
	background-size:cover;
}
.counterCircle {
	background-color:rgba(255,255,255,0.2) !important;
	border-color:#fff;
	position:relative;
	color:#fff;
	display: flex!important;
	text-align:center;
	padding:5px 20px;
	margin:10px 20%;
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.counterCircle::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -4px;
    top: -4px;
    display: block;
    border-radius: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}
.counterCircle .innerCircle {
	font-size:16px;
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
}
.counterCircle .number {
	font-weight:normal;
	white-space:nowrap;
}
.counterCircle .text {
	font-size:1rem;
}

@media (min-width: 768px) {
	.oprojektu_myslenkaprojektu_04 {
		padding-top:120px;
		height:375px;
		background:#222 url(/images/_sources/oprojektu_myslenkaprojektu_04.jpg) center center no-repeat;
		background-size:cover;
	}
	.counterCircle {
		padding:22px;
		margin:0 auto;
		border-radius:10%;
		width:120px !important;
		height:120px;
	}
	.counterCircle::after {
	    content: "";
	    position: absolute;
	    left: -9px;
	    right: -9px;
	    bottom: -9px;
	    top: -9px;
	}
		.counterCircle .number {
		font-size:28px;
	}
}
@media (min-width: 992px) {
	.counterCircle {
		border-radius:50%;
		width:150px !important;
		height:150px;
	}
	.counterCircle .number {
		font-size:34px;
	}
}

.accordionLosovani .card-header {
	padding:0;
}
.accordionLosovani .card-header .btn-link {
	box-shadow:none;
	color:#555;
	font-size:20px;
}
.accordionLosovani h3 {
	font-size:22px;
	font-weight:bold;
}
.accordionLosovani p, .accordionLosovani li {
	font-size:18px;
}

.reference .image {
	border-radius:50%;
}
.reference .image img {
	border-radius:50%;
	-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
}
.referenceLight {
	background:#fff;
	color:#000;
	border-radius:10px;
	padding:50px;
}
.referenceDark {
	color:#fff;
	background:#60605f;
	border-radius:10px;
	padding:50px;
}
.reference .fa-quote-right {
	position:absolute;
	right:10px;
	top:10px;
}
.reference .fa-quote-left {
	position:absolute;
	left:10px;
	bottom:10px;
}
/*
.reference h2, .reference .fas {
	color:#96C11F;
	font-size:39px;
}
*/
.reference h3 {
	color:#96C11F;
	font-size:30px;
}
/*
.reference p {
	font-weight:bold;
	font-size:21px;
	margin-top:20px;
}
*/
.reference .fa-quote-left {
	bottom:-50px;
	left:15px;
}
.reference .fa-quote-right {
	right:15px;
}
.referenceRuda .fa-quote-right, .reference .fa-quote-left {
	font-size:24px;
	color:#96c11f;
}
@media (min-width:992px) { 
	.referenceRuda .fa-quote-right, .reference .fa-quote-left {
		color:#96c11f;
		font-size:40px;
	}
}

.jak_produkty_vizitky_druhy {
	height:285px;
	background:url(/images/_sources_cs/jak_produkty_vizitky_druhy.jpg) top center no-repeat;
	background-size:cover;
}

.revealHiddenForm {
	color:#fff;
}
.revealHiddenForm.active {
	display:none;
}
.hiddenForm {
	display:none;
}
.hiddenForm.active {
	display:block;
}

.tabsForm .tabsLine {
	background:#fff;
}
.tabsForm .tabsInner {
	background:var(--grey-background);
	color:#fff;
	border-radius:0px 15px 15px 15px;
	padding:50px;
}
.tabsForm .formTitle {
	font-size:20px;
	border-bottom:3px solid var(--wander-green);
	padding-bottom:10px;
	margin-bottom:20px;
}
sup.required {
	color:var(--wander-green);
	font-size:8px;
	top:-.8em;
}
.tabsForm p {
	font-size:18px;
	color: #fff;
}

.tabsForm .hiddenBlock{
	display: none;
}

.tabsForm .hiddenBlock.active{
	display: block;
}

.tabsForm .tabsLine span{
	display: inline-block;
	padding: 10px 15px;
	line-height: 17px;
	font-size: 15px;
	border-radius: 15px 15px 0px 0px;
	background: var(--grey-background);
	color: #fff;
}
.tabsForm .tabsLine span.active{
	line-height: 23px;
	font-size: 20px;
}

.tabsForm .tabsInner .tabsFormBody{
	display: none;
}
.tabsForm .tabsInner .tabsFormBody.active{
	display: block;
}

.novinky p {
	margin-top: 20px;
	font-size:17px;
	line-height:28px;
	color:#fff;
}
.novinky .container.one h2 {
	margin-top:30px;
}
.novinky h2 a {
	font-size:36px;
	color:#fff;
}
.novinky h2 a:hover {
	text-decoration:none;
}
.novinky .container.two h2 a {
	font-size:30px;
}
.novinky .container.three h2 a {
	font-size:25px;
}
.novinky .rightBottomVice {
	position:absolute;
	right:15px;
	bottom:15px;
}
.novinky .container.two .rightBottomVice, .novinky .container.three .rightBottomVice {
	right:30px;
}

.novinky .container.one .darkBgFix {
	padding-left:15px;
	padding-right:15px;
	position:relative;
	background-color:#fff;
}
.novinky .container.one .darkBgFix::before {
	background:#60605f;
 	width:60%;
    position:absolute;
    right:0;
    top:0;
    content:"";
    display:block;
    height:100%;
}
.novinky .container .darkBg {
	background:#60605f;
}
.novinky .container.two .darkBg {
	margin-top:-60px;
	padding-top:60px;
}
.novinky .container.three .darkBg {
	margin-top:-50px;
	padding-top:50px;
}
.novinky .container.two .item, .novinky .container.three .item {
	background-color:#60605f;
	height:100%;
	background-image:url(/images/_sources/novinky-rightbottom.svg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size: 150px 150px;
}
.novinky .item .datum {
	display:block;
	padding:10px 0;
	color:#fff;
	font-weight:bold;
}
.novinky .item .image {
	padding-left:33px;
	padding-right:33px;
	background-color:#fff;
}
.novinky .two .item .datum {
	padding:10px 0;
}
.novinky img {
	margin-bottom:20px;
}
.novinky .item .popis {
	padding:15px 33px;
}
.novinky .container .leftupCorner, .novinka .leftupCorner {
	background-image:url(/images/_sources/novinky-leftup.svg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size: 150px 150px;
}
.novinky .container.two .rightbottomCorner, .novinky .container.three .rightbottomCorner {
	padding-bottom:50px;
}

.novinky .container.one-inline h2{
	padding-left: 120px;
	padding-right: 120px;
}
.novinky .container.one-inline h2 a{
	font-size: 16px;
	font-weight: bold;
}

.novinky .container.one-inline .item{
	position: relative;
	overflow-y: hidden;
}

.novinky .container.one-inline .leftupCorner{
	background-position: left top;
	position: absolute;
	top:0;
	left: 0;
	width:150px;
	min-height:150px;
	padding: 12px 30px;
}

.novinky .container.one-inline .datum{
	line-height:20px;
	width: 50px;
	padding: 5px 0;
}

.novinka .obsah a:hover{
	color:#fff;
	text-decoration: none;
}
.novinka .datum{
	font-weight: bold;
	line-height: 20px;
	max-width: 90px;
	padding: 20px;
	float:left;
}
.novinka .image{
	background-color: #fff;
}

.novinka .rightbottomCorner{
	padding-left: 33px;
	padding-right: 33px;
	position: absolute;
	bottom: 0;
	right: 0;

	min-height: 150px;
	min-width:150px;
}

.novinka .container.image .image-inner img{
	margin: -120px auto auto auto;
	
}

.novinka .image .image-inner{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}


.losovani-container {
    padding-left:0;
    padding-right:0;
}
.losovani-container .losovani-header {
    background:#5f5f5f;
    text-align:left;
    color:#fff;
    cursor:pointer;
}
.losovani-container .losovani-header .title {
    text-align:left;
    margin-left:180px;
    font-size:36px;    
    font-weight:bold;
    line-height:72px;
    color:#fff;
}
.losovani-container .losovani-header.svetovecesko .title {
	margin-left:110px;
}
.losovani-container .losovani-header button.btn-more, .losovani-container.active .losovani-header button.btn-less {
	display:block;
}
.losovani-container .losovani-header button.btn-less, .losovani-container.active .losovani-header button.btn-more {
	display:none;
}

.losovani-container .losovani-header .fas-padding-right {
	padding-right:30px;
}
.losovani-container .losovani-header .fas {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;  
}
.losovani-container.active .losovani-header .fas {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.losovani-container .losovani-header:hover {
    text-decoration:underline;
}
.losovani-container .losovani-header .datum {
    float:left;
    position: relative;
    background:#96C11F;
    padding: 13px 65px 0 25px;
    height:72px;
    color:#fff;
    font-weight:bold;
}
.losovani-container .losovani-header .datum:before {
    z-index: 0;
    content: "";
    position: absolute;
    right: -45%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
.losovani-container .losovani-header .datum .text {
    z-index:1;
    position:absolute;
}
.losovani-container .losovani-header .button {
    float:right;
    position: relative;
    background:#96C11F;
    padding:13px 105px 0 0;
    height:72px;
    color:#fff;
}
.losovani-container .losovani-header .button:before {
    z-index: 0;
    content: "";
    position: absolute;
    left: -45%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
.losovani-container .losovani-header .button button {
    position:absolute; right: 15px;
    z-index:1;
}
.losovani-container .losovani-body {
    max-height:0;
    overflow-y:hidden;
    transition:max-height .7s ease-out;
    -webkit-transition:max-height .7s ease-out;
}
.losovani-container.active .losovani-body {
    max-height:10000px;
    transition:max-height 1s ease-in;
    -webkit-transition:max-height 1s ease-in;
}
.losovani-container .losovani-body .inner {
    padding-left:15px;
    padding-right:15px;
}

@media (min-width: 768px) {
	.dl-horizontal dt {
	    float: left;
	    width: 160px;
	    overflow: hidden;
	    clear: left;
	    text-align: right;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.dl-horizontal dd {
	    margin-left: 180px;
	}
}

.obchodnipodminky ol > li, .obchodnipodminky ul > li{
	text-align: justify;
}

.obchodnipodminky p{
	font-size: 16px;
	line-height: 1.5;
}


.qa .head {
    background:#5f5f5f;
    color:#fff;
    position:relative;
    text-align:center;
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
    font-size:40px;
    background-image: url(/images/_sources/novinky-leftup.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150px 150px;
}
.qa .head h2 {
    line-height:80px;
}
.qa .head::after {
    content:" ";
    right:0;
    top:0;
    width:150px;
    height:100%;
    position:absolute;
    background-image: url(/images/_sources/novinky-rightbottom.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 150px 150px;
}
    
.qa .head::before {
    content:" ";
    left:0;
    top:0;
    width:150px;;
    height:100%;
    position:absolute;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}
.qa .head.qa-odmeny::before {
    background-image: url(/images/qa-odmeny.svg);
}
.qa .head.qa-kupony::before {
    background-image: url(/images/qa-kupony.svg);
}
.qa .head.qa-denik::before {
    background-image: url(/images/qa-denik.svg);
}
.qa .head.qa-eshop::before {
    background-image: url(/images/qa-eshop.svg);
}
.qa .head.qa-vizitky::before {
    background-image: url(/images/qa-vizitky.svg);
}
.qa .inner {
    padding-bottom:30px;
}
.qa p {
    font-size:16px;
}

.whitebox p.alert, .greybox p.alert {
    font-size: 16px;
    line-height: 20px;
}


.btn.btn-green .badge {
    background: var(--link-red);
    color: #fff;
}
.clear-none {
	clear:none!important;
}
#map {
	position:relative;
	width:100%;
	height:100%;
}
#mapLoading {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.15);
	z-index:1001;  
	text-align:center;  
    display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.leaflet-center {
	left:50%;

}
#fsMap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding-top:62px;
}

.itemsGrid .card {
	background:var(--grey-background);
	color:#fff;
	border-radius:0;
	border:0;
}
.itemsGrid .card-header:first-child, .itemsGrid .card-footer:last-child {
	border-radius:0;
}
.itemsGrid .card .card-header {
	background:var(--wander-green);
	border:0;
}
.myOverview .itemsGrid .card .card-header  {
	background:none;
}
.itemsGrid .card .card-header-nopadding {
	padding:0;
	position:relative;
}
.itemsGrid .card .card-header-padding {
	padding:5px;
}

.itemsGrid .card .card-header .distance {
	position:absolute;
	left:5px;
	top:0;
	height:37px;
  	display: flex;
  	align-items: center;
  	font-size:14px;
  	font-weight:normal;
}
.itemsGrid .card .card-header .icon {
	font-size:24px;
	width:36px;
	align-items: center;
	display: flex;
	justify-content: center!important;
	position:relative;
}
.itemsGrid .card .card-header .icon > span {
	position:absolute;
	top:3px;
}
.itemsGrid .card .card-header .flag {
	width:36px;  
	align-items: center;
	display: flex;
	justify-content: center!important;

	position:absolute;
	right:0;
	width:37px;
	height:37px;
	text-align:center;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.itemsGrid .card .card-header .flag.stavnone, .itemsGrid .card .card-header2 .flag.stavnone, .itemsList .flag.stavnone {
	background:var(--stavnone-background);
	color:#fff;
}
.itemsGrid .card .card-header .flag.stav1, .itemsGrid .card .card-header2 .flag.stav1, .itemsList .flag.stav1 {
	background:var(--stav1-background);
	color:#fff;
}
.itemsGrid .card .card-header .flag.stav0, .itemsGrid .card .card-header2 .flag.stav0, .itemsList .flag.stav0 {
	background:var(--stav0-background);
	color:#fff;
}


.itemsGrid .card .card-header.stav1 {
	background:var(--stav1-background);
}
.itemsGrid .card .card-header.stav0 {
	background:var(--stav0-background);
}

.itemsGrid .card .card-header a {
	color:#fff;
}
.itemsGrid .card-header {
	padding:5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.itemsGrid .card-body {
	padding:10px 10px 10px 10px;
}
.itemsGrid .card-body h2 {
	font-size:14px;
	color:#fff;
	padding-bottom:3px;
}
.itemsGrid .card-body h2 a {
	color:#fff;
}
.itemsGrid .card-body .image {
	border-top:1px solid #fff;
	height:150px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.itemsGrid .card-body .image .item {
	height:150px;
	width:330px;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.itemsGrid .card-body .image img {
	max-height:130px;
	max-width:100%;
	margin:0 auto;
}
.itemsGrid .card-body .image .slickImages {
	height:250px;
	width:330px;
}
.itemsGrid .slickGridFooter {
	background:none;
	border:0;
	padding:10px 0 0;
	text-align:center;
	border-top:1px solid #fff;
}
.itemsGrid .card-body .title {
	height:40px;
}

.itemsGrid .slickGridFooter .footerRightBtn{
	position: absolute;
	right:0;
}

@media(min-width:992px) {
	.itemsGrid .card-body h2 {
		font-size:16px;
	}
		
	.itemsGrid .card-body .image {
		border-top:1px solid #fff;
		height:250px;
	}
	.myOverview .itemsGrid .card-body {
		padding:0;
	}
	.myOverview .itemsGrid .card-body .image {
		border-top:0;
		padding-left:0;
		padding-right:0;
	}
	.itemsGrid .card-body .image .item {
		height:250px;
	}
	.itemsGrid .card-body .image img {
		max-height:210px;
	}
	.itemsGrid .card-body .image .slickImages {
		height:250px;
	}
}

.itemsList table.table-condensed tr td {
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;
}
.itemsList td.flag {
	position:relative;
	padding:0!important;
}
.itemsList div.flag {
	width:30px;
	height:30px;
	text-align:center;
  	display: flex;
  	align-items: center;
  	justify-content: center;
    margin: 0 auto;
}
.itemsList td.w50 {
	width:50px;
}
.itemsList td.nazev {
	font-weight:bold;
}

.login-box {
	width:450px;
	height:600px;
	position:relative;
	margin:60px auto;
	background:#fff;
	padding:5px;
	overflow:hidden;
}
.login-box .button-box {
	width:350px;
	margin:35px auto;
	position:relative;
	box-shadow:0 0 20px 9px var(--wander-green)1f;
	border-radius:30px;
}
.login-box .toggle-btn {
	padding:10px 30px;
	width:50%;
	cursor:pointer;
	background:transparent;
	color:#000;
	border:0;
	outline:none;
	position:relative;
	transition:.5s;
}
.login-box .toggle-btn.active {
	color:#fff;
}
.login-box #btn {
	top:0;
	left:0;
	position:absolute;
	width:50%;
	height:100%;
	background:linear-gradient(to right, #56912b, var(--wander-green));
	border-radius:30px;
	transition:.5s;
}
.login-box #btn.right {
	left:50%;
}
.login-box form {
	top:130px;
	position:absolute;
	width:350px;
	transition:.5s;
}
.login-box .input-field {
	width:100%;
	padding:10px 0;
	margin:5px 0;
	border-left:0;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #999;
	border-radius:0;
	outline:none;
	background:transparent;
}
.login-box .submit-btn {
	width:85%;
	padding:10px 30px;
	cursor:pointer;
	display:block;
	margin:auto;
	background:linear-gradient(to right, #56912b, var(--wander-green));
	border:0;
	outline:none;
	border-radius:30px;
}
.login-box .check-box {
	margin:30px 10px 30px 0;
}
.login-box .check-box span {
	color:#777;
	font-size:12px;
	bottom:68px;
	position:absolute;
}
.login-box #turista {
	left:-400px;
}
.login-box #obchodnik {
	left:500px;
}
.login-box #turista.active, .login-box #obchodnik.active {
	left:50px;
}


.prodejniMistoDetail{
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
	background: var(--grey-background)!important;
	padding-top: 25px;
	padding-bottom: 50px;
}


.slickBig.prodejniMistoDetail .item {
	opacity:1;
    transition: opacity .2s ease-out;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
}
.prodejniMistoPopis .fas{
	padding-top: 12px;
}
.prodejniMistoPopis .detail{
	padding-left: 40px;
}

.prodejniMistoPopis{
	border-top:2px solid var(--wander-green);	
}

.prodejniMistoPopis p.detail{
	margin: auto;
	padding-top:12px;
	padding-bottom: 12px;
}
.turistickemisto h1, .turistickemisto .greenTitle {
	background:var(--wander-green);
	color:#fff;
	padding:8px 15px;
	line-height:24px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
}
.turistickemisto .detailPopis {
	border-bottom:2px solid var(--wander-green);
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
}
.turistickemisto .detailPopis p {
	display:block;
	font-size:16px;
	text-align:center;
}
.itemProdejna .vzdalenost {
	float:right;
}
.slickProdejci, .slickTechnickaSpecifikace {
	padding-top:10px;
	padding-bottom:10px;
}
.slickProdejci .itemProdejna {
	border-bottom:1px solid var(--wander-green);
}
.slickProdejci .itemProdejna:last-child {
	border-bottom:0;
}
.slickProdejci .itemProdejna a:hover {
	text-decoration:none;
}

.slickBig, .slickLine, .slickProdejci, .slickTechnickaSpecifikace {
	margin-left:calc(var(--bs-gutter-x) * .5 * -1);
	margin-right:calc(var(--bs-gutter-x) * .5 * -1);
	display:block;
	position:relative;
	background:#fff;
}
.slickBig .item, .slickLine .item {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
    transition: opacity .2s linear;
}

.slickLine .item{
	width:0;
}
.slickLine .item.active, .slickLine .item.hiding{
	 width:100%
}
.slickProdejci .item {
	display:none;
}
.slickProdejci .item.active {
	display:block;
}
.slickBig .item.active, .slickLine .item.active, .slickProdejci .item.active {
	opacity:1;
    transition: opacity .2s ease-out;
}
.slickBig .list-group-item {
	border:none;
	background:none;
	color:#fff;
	padding-left:100px;
}
.slickBig.fixHeight, .slickBig .fixHeight {
	height:530px;
}
.slickBig::before {
	position:absolute;
	display:block;
	content: " ";
	width:50%;
	height:100%;
	right:0;
	top:0;
	background:var(--grey-background);
}
.slickBig .image img {
	margin-left:15px;
	transform: rotate(-6deg);
	max-width:90%;
	max-height:90%;
}
.slickBig .circles {
	padding-top:0px;
	color:#fff;
}
.slickBig ul.list-green-circles li {
    height: 75px;
    padding-top: 10px;
    padding-right: 15px;
}

@media(min-width:1200px) {	
	.slickBig.fixHeight, .slickBig .fixHeight {
		height:620px;
	}
	.slickBig ul.list-green-circles li {
		height:85px;
		padding-top:25px;
		padding-right: 25px;
	}
}

.slickBig.prodejniMistoDetail div.list-green-circles div.inner{
	min-height:85px;
	padding-top:25px;
	padding-right: 25px;
}

.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle, .slickBig ul.list-green-circles li div.circle, div.circle.foto {
	width:60px;
	height:60px;
	display:block;
	float:left;
	background:var(--wander-green);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:60px 60px;
	color:#fff;
	border-radius:100%;
	margin-right:10px;
	padding:10px;
	font-size:39px;
	line-height:40px;
	text-align:center;
}
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.region, .slickBig ul.list-green-circles li div.circle.region { background-image:url(/images/_sources/region2.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.gps, .slickBig ul.list-green-circles li div.circle.gps {	background-image:url(/images/_sources/gps.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.spravnicleneni, .slickBig ul.list-green-circles li div.circle.spravnicleneni { background-image:url(/images/_sources/spravnicleneni.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.nadmorskavyska, .slickBig ul.list-green-circles li div.circle.nadmorskavyska { background-image:url(/images/_sources/nadmorskavyska.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.web, .slickBig ul.list-green-circles li div.circle.web { background-image:url(/images/_sources/web.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.telefon, .slickBig ul.list-green-circles li div.circle.telefon { background-image:url(/images/_sources/telefon.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.rozmer, .slickBig ul.list-green-circles li div.circle.rozmer { background-image:url(/images/_sources/rozmer.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.meritko, .slickBig ul.list-green-circles li div.circle.meritko { background-image:url(/images/_sources/meritko.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.popis, .slickBig ul.list-green-circles li div.circle.popis { background-image:url(/images/_sources/popis.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.ziskani, .slickBig ul.list-green-circles li div.circle.ziskani { background-image:url(/images/_sources/pocetvizitek.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.typceny, .slickBig ul.list-green-circles li div.circle.typceny{ background-image:url(/images/_sources/druhceny.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.serie, .slickBig ul.list-green-circles li div.circle.serie{ background-image:url(/images/_sources/serie.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.podserie, .slickBig ul.list-green-circles li div.circle.podserie{ background-image:url(/images/_sources/podserie.svg); }
.slickBig.prodejniMistoDetail div.list-green-circles div.inner div.circle.cislovani, .slickBig ul.list-green-circles li div.circle.cislovani{ background-image:url(/images/_sources/cislovani.svg); }

div.circle.foto{ 
	position: absolute;
	bottom:10px;
	right:130px; 
	background-image:url(/images/_sources/foto.svg);
	z-index: 99;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
}

div.circle.foto.licence-info{
	cursor: pointer;
}
.list-green-circles li .text, .list-green-circles li .title, .list-green-circles div.inner .text, .list-green-circles div.inner .title{
	padding-left: 70px;	
}

.slickBig ul.list-green-circles li.triko { 
	height: auto;
}

.slickBig ul.list-green-circles li.triko div {
	background-image:url(/images/_sources/triko.svg); 
	background-repeat:no-repeat;
	background-size:contain;
	min-width: 200px;
	max-width: 400px;
	padding-bottom:69%;
}

.slickBig.prodejniMistoDetail div.list-green-circles div.title, .slickBig ul.list-green-circles div.title {
	font-size:16px;
	font-weight:bold;
}
.slickBig ul.list-green-circles a:hover {
	color:#fff;	
}

.slickLine {
	height:80px;
	border-top:2px solid var(--wander-green)!important;
}
.slickLine .inner {
	padding-left:15px;
	padding-right:15px;
	padding-top:17px;
}
.slickLine .iconCena {
	background:url(/images/icon-cena.svg) 15px 0 no-repeat;
	background-size:44px 44px;
	padding-left:65px;
}

.slickLine.darkBg .iconCena{
	color: #fff;	
}

.slickDetail {
	border-top:2px solid var(--wander-green)!important;
	background:var(--grey-background);
	padding:10px 40px;
    margin-right: calc(var(--bs-gutter-x) * .5 * -1);
    margin-left: calc(var(--bs-gutter-x) * .5 * -1);
}
.slickDetail .slick-prev {
	left:10px;
}
.slickDetail .slick-next {
	right:10px;
}
.slickDetail .image {
	height:220px;
}
.slickDetail .image img {
	height:195px;
	width:auto;
	display:block;
	padding:10px 20px 0;
}

.slick-dotted.slick-slider {
	margin-bottom:0;
}
.slick-dots {
	bottom:0;
	width:60%;
	left:20%;
}
.slick-dots li {
	margin:0;
}
.slick-dots li button:before {
	color:#fff;
	font-size:8px;
}
.slick-dots li.slick-active button:before {
	color:#fff;
	opacity:1;
}
.slick-prev, .slick-next {
	z-index:99;
}
.slick-prev {
	left:-7px;
}
.slick-next {
	right:-7px;
}

.darkBg {
	background:var(--grey-background);
}
.slickProdejci.zbozi .item {
	display:block;
}
.slickBig.zbozi .item, .slickLine.zbozi .item, .slickProdejci.zbozi .item {
	opacity:1;
	width:100%;
    transition: opacity .2s ease-out;
    position: relative;
}

.slickBig .image.imageNoRotate img{
 
    transform: none;
    margin: auto auto;

}

.slickLine.odmeny, .slickLine.tricka{
	height: auto;
	color:#fff;
}

.slickLine.odmeny .item, .slickLine.tricka .item{
	padding: 25px;
}

.item .razitko-zruseno{
	background-image: url(/images/_sources/razitko-zruseno-3.svg);
	width:250px;
	height:250px;
	display:block;
	position: absolute;
	top:25px;
	left:25px;
	z-index:99;
}

.medaileImages{
	border-top: 2px solid var(--wander-green) !important;
	background: var(--grey-background);
}

.medaileMainImage{
	margin-right: -15px;
    margin-left: -15px;
}

.medaileMainImage img{
	max-width:100%;
	height: auto;
	width: auto;
}

.technicka-specifikace label{
	font-weight: bold;
}



.big-circle {
	text-align:center;
}
.big-circle > span {
	width:100px;
	height:100px;
	line-height:100px;
	font-size:50px;
	
	color:#fff;
	background:#96C11F;
	border-radius:50%;
	margin:20px auto 0;
	display:inline-block;
	padding-top:10px;
	text-align:center;
}
.big-circle-title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}

@media(min-width:768px) {
	.big-circle > span {
		width:120px;
		height:120px;
		line-height:120px;
		font-size:60px;
	}
	.big-circle-title {
		font-size:16px;
	}
}

@media(min-width:992px) {
	.big-circle > span {
		width:150px;
		height:150px;
		line-height:150px;
		font-size:75px;
	}
	.big-circle-title {
		font-size:16px;
	}
}

.vizitky-shrink .row {
	height:auto;
	transition: max-height 1s, height 1s;
}
.vizitky-shrink.shrinked .row {
	height:190px;
	transition: max-height 1s, height 1s;
	overflow-y:hidden;
}

@media(min-width:768px) {
	.vizitky-shrink.shrinked .row {
		height:210px;
	}
}
@media(min-width:992px) {
	.vizitky-shrink.shrinked .row {
		height:230px;
	}
}

.vizitky-shrink .btn-controller {
	display:none;
}
.vizitky-shrink.shrinked .btn-controller {
	display:block;
}
.vizitky-shrink.shrinked .btn-controller .shadow {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383736+0,626160+100 */
	background: #383736; /* Old browsers */
	background: -moz-linear-gradient(top, #525150 0%, var(--grey-background) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #525150 0%,var(--grey-background) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #525150 0%,var(--grey-background) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383736', endColorstr='var(--grey-background)',GradientType=0 ); /* IE6-9 */
	height:30px;
}


.oblastOverlay a {
	display:block;
	position:relative;
	display:block;
	height:50vw;
	margin-top:10px;
	margin-bottom:20px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	transition:background-size 0.2s;
}
.oblastOverlay a .overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:270px;
	visibility:hidden;
	opacity:0;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	font-size:39px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	transition:opacity 0.2s;
}
.oblastOverlay a:hover {
	background-size:105%;
}
.oblastOverlay a:hover .overlay {
	opacity:1;
	visibility:visible;
}
.oblastOverlay .turistika {	background-image:url(/images/_sources/jak_produkty_vizitky_turistika.jpg); }
.oblastOverlay .kultura { background-image:url(/images/_sources/jak_produkty_vizitky_kultura.jpg) }
.oblastOverlay .gastronomie { background-image:url(/images/_sources/jak_produkty_vizitky_gastro.jpg) }
.oblastOverlay .sport { background-image:url(/images/_sources/jak_produkty_vizitky_sport.jpg) }

@media (min-width: 576px) {
	.oblastOverlay a {
		height:145px;
	}
	.oblastOverlay a .overlay {
		line-height:145px;
	}
}

@media (min-width: 768px) { 
	.oblastOverlay a {
		height:200px;
	}
	.oblastOverlay a .overlay {
		line-height:200px;
	}
}

@media (min-width: 992px) { 
	.oblastOverlay a {
		height:220px;
	}
	.oblastOverlay a .overlay {
		line-height:220px;
	}
}

@media (min-width: 1200px) { 
	.oblastOverlay a {
		height:270px;
	}
	.oblastOverlay a .overlay {
		line-height:270px;
	}
}

.pomahameOverlay {
    height:273px;
    position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	transition:background-size 0.2s;
}
.pomahameOverlay2 {
	height:807px;
}
.pomahameOverlay:hover {
	background-size:105% 105%;
}

.pomahameItem {
    height:100%;
	transition:background-color 0.2s;
}
.pomahameItem:hover {
    background-color: rgba(0,0,0,0.4);
}
.pomahameItem h2 {
    padding-top:20px;
    text-align:center;
    color:#fff;
    font-size:30px;
    text-shadow:1px 1px 3px rgba(0,0,0,1);
}
.pomahameItem p {
    font-size:20px;
    padding:10px;
    color:#fff;
    text-shadow:1px 1px 3px rgba(0,0,0,1);
}
.pomahameItem span {
    position:absolute;
    bottom:10px;
    width:100%;
    text-align:center;
}
.pomahameItem span a {
    color:var(--wander-green);
    font-weight:bold;
    font-size:18px;
    text-shadow:1px 1px 3px rgba(0,0,0,1);
}

.smap .cluster div {
    white-space: nowrap;
    border: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.smap .cluster div {
    border: none !important;
    background-color: transparent !important;
    background-image: url(/images/map-icons/map-group.png);
    width: 27px !important;
    height: 28px !important;
    left: -14px !important;
    top: -14px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
    color: #000 !important;
}

.smap .cluster div span {
    line-height: 28px !important;
    text-align:center;
}

.smap .cluster img {
	width:0 !important;
	height:0 !important;
	display:none !important;
	margin:0 !important;
}


.maps-modal .modal-header{
	background: var(--wander-green);
	border-bottom: 0 none;
}
.maps-modal .modal-header .modal-title{
	text-align: center;
	flex: 1 0 auto;
	max-width:100%;
	color: #fff;
}
.maps-modal .modal-header .close{
	position: absolute;
	right: 1rem;
}
.maps-modal .modal-header .modal-title a{
	color: #fff;
}

.maps-modal .modal-body{
	background:var(--grey-background);
	
}
.maps-modal .modal-body.white{
	background:#fff;
}

.maps-modal .modal-popis{
	background: #fff;
	border-bottom: 2px solid var(--wander-green);;
}

.maps-modal .modal-popis p.popis{
	text-align: center;
	padding: 5px 16px 8px;
	margin: 0;

}

.maps-modal .modal-footer{
	border-top: 2px solid var(--wander-green);	
}
.modal-kosik .modal-footer {
	justify-content:center;
}

.maps-modal .modal-footer a.btn, .maps-modal .modal-footer a.btn:hover{
	color: #fff;
}


button.updateCartButton {
	display:none;
}
.kosikTable {
	border-bottom:1px solid #d8d8d8;
}
.kosikTable p {
	margin-bottom:0;
}
.kosikTable th {
	text-align:center!important;
	border:0!important;
}
.kosikTable td {
	vertical-align:middle!important;
	border:0!important;
}
.kosikTable .border-top {
	border-top:1px dashed #d8d8d8;
}
.kosikTable .border-top-solid {
	border-top:1px solid #d8d8d8;
}
.kosikTable .border-bottom, .row .border-bottom {	
	border-bottom:1px dashed #d8d8d8;
}
.kosikTable tr:last-child.border-bottom {
	border-bottom:1px solid #d8d8d8;
}
.kosikTable td.popis p {
	color:#888;
}

.kosikTable td.kusu {
	width:80px;
}
.kosikTable .form-inline .form-group {
	vertical-align:top;
}

.kosikTable td.kusu button.button-x, .kosikTable td.kusu a.button-x {
	height:40px;
	line-height:40px;
	width:40px;
}
.kosikTable td.kusu button.button-x span, .kosikTable td.kusu a.button-x span {
	line-height:36px;
}
.kosikTable td.kusu div {
	margin-right:0;
}
.kosikTable td.cart-plus-minus {
	padding:35px 0;
}
.kosikTable td.nazev {
	padding-left:10px;
}
.kosikTable td.nazev span {
	font-weight:bold;
}
.kosikTable td.nazev div.popis {
	padding-top:3px;
}
.kosikTable td.image {
	position:relative;
}
.kosikTable td.image a, .kosikTableObchodnik td.image button.btn-kosik-del {
	position:absolute;
	top:0;
	left:0;
}
.kosikTable td.image img {
	width:auto;
	max-width:75px;
	height:auto;
	max-height:75px;
	margin:0 auto;
}
.kosikTable td.cislo {
	width:130px;
	text-align:center;
}
.kosikTable td.cena {
	width:100px;
	text-align:center;
	padding-right:10px;
}
.kosikTable td.cenaSuma {
	width:100px;
	text-align:right;
	padding-right:10px;
}
.kosikTableObchodnik td.cenaSuma {
	width:150px;
}
.kosikTable div.border {
	border:2px solid #D9EAF2 !important;
    border-radius:5px;
    padding:10px;
    position:relative;
}

.kosikTable div.nazev {
	padding-left:0;
}
.kosikTable div.nazev img.image {
	border:1px solid #D9EAF2;
	width:32px;
	float:left;
}
.kosikTable div.nazev a {
	font-size:16px;
	font-weight:bold;
}
.kosikTable div.cart-plus-minus {
	height:35px;
	line-height:35px; 
	border-radius:3px;
	width:140px;
	font-size:16px;
}
.kosikTable div.plusminus {
	text-align:right;
}
.kosikTable div.dostupnost {
	line-height:35px;
}
.kosikTable div.cenaS {
	font-weight:bold;
	text-align:right;
	text-align:right;
}
.kosikTable div.cena, .kosikTable div.cenaS {
	background:#DAEDF4;
	margin-top:10px;
	white-space:nowrap;
}
.kosikTable td.image {
	width:75px;
    text-align:center;
}
.kosikTable .padd {
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e7e7e7;
}
.kosikTable .pro-price2 {
	margin-right:0;
	text-align:right;
}
.kosikTable .pro-price {
	padding-right:5px;
}
	
@media (max-width: 991px) {
	
    .kosikTable .hideOnSmall {
    	display:none !important;
    }
    .kosikTable tr {
        display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
    }
    .kosikTable th.cena, .kosikTable th.kusu, .kosikTable th.cenaSum {
    	width:100px;
    }
	.kosikTable td.image {
		-webkit-flex: 0 0 85px;
    	-moz-flex: 0 0 85px;
    	-ms-flex: 0 0 85px;
    	flex: 0 0 85px;
    }
	.kosikTable td.nazev {
	    -webkit-flex: 1 1 0%;
    	-moz-flex: 1 1 0%;
    	-ms-flex: 1 1 0%;
    	flex: 1 1 0%;
    }
    .kosikTable td.cena {
        -webkit-flex: 0 1 24%;
    	-moz-flex: 0 1 24%;
    	-ms-flex: 0 1 24%;
    	flex: 0 1 24%;
    }
    .kosikTable td.kusu {
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    -moz-align-items: center;
	    -ms-align-items: center;
	    -o-align-items: center;
	    align-items: center;
	    -webkit-justify-content: space-between;
	    -ms-justify-content: space-between;
	    justify-content: space-between;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;    
    }
    .cart-editer {
    	margin-top:10px;
    }
	.kosikTable td.cena {
		text-align:right;
	}
}

.kosikTable td.cena button.opened .a {
	display:none;
}
.kosikTable td.cena button .b {
	display:none;
}
.kosikTable td.cena button.opened {
	display:none;
}
.kosikTable td.cena button.opened .b {
	display:block;
}

@media (min-width:992px) {
    .kosikTable .hideOnLarge {
    	display:none !important;
    }
}

.kosikTableSuma { text-align:center; }
@media(min-width:768px){
	.kosikTableSuma { text-align:right; }
}

.kosik div.kusu, .kosikTable div.kusu {
    width: 70px;
}

.kosikTableObchodnik div.kusu{
	width: 110px;
}
div.kusu {
	margin-right:8px;
	display:inline-block;
	position:relative;
}
div.kusu .btn-incdec {
	position:absolute;
	height:19px;
	right:1px;
	background:#e2e3e4;
	color:#000;
	font-weight:bold;
	border-radius:0!important;
	line-height:100%;
	width:2em;
	padding-left:0;
	padding-right:0;
	text-align:center;
	border:none;
}
div.kusu .btn-incdec span {
	font-size:12px;
}
div.kusu .btn-increase {
	top:1px;
	border-top-right-radius: 5px!important;
	border-bottom:1px solid #fff;
}
div.kusu .btn-decrease {
	bottom:1px;
	border-bottom-right-radius: 5px!important;
}



.objednavkaSummary {
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.25em 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: left;
    width: 100%;
    margin-bottom:10px;
    border-radius:0!important;
}
@media (min-width:992px) {
	.objednavkaSummary {
	    display: none;
	}
}
.objednavkaSummary .skryj {
	display:none;
}
.objednavkaSummary.opened .zobraz {
	display:none;
}
.objednavkaSummary.opened .skryj {
	display:table-cell;
}

.objednavkaSummaryTable {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
	font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.objednavkaSummaryTableTd {
	display:table-cell;
	padding-left:10px;
	padding-right:10px;
	color:#007BA8;
}
.objednavkaSummaryTableText {
	display: table-cell;
    width: 100%;
	color:#007BA8;
}
.objednavkaSummaryTableTd.cena {
	color:#555;
	font-weight:bold;
	
}

.objednavkaDiv.wrap {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
@media(min-width:992px) {
	.objednavkaDiv.wrap {
		-webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
}
.objednavkaForm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	font-size:1rem;
}
.objednavkaForm p, .objednavkaForm ul, .adresaDiv p, .adresaDiv ul {
	font-size:1rem;
	line-height:1.4rem;
}

.objednavkaKosik {
	background:#f1f2f3;
	
}

@media(min-width:992px) {
	.objednavkaForm {
	    width: 52%;
	    padding-right: 3%;
	    float: left;
	}
	.objednavkaKosik {
		width: 42%;
	    padding-left: 1%;
	    padding-right:1%;
	    background-position: left top;
	    float: right;
	}
}
@media(max-width:991px) {
	.objednavkaDiv .objednavkaKosik { display:none; }
	.objednavkaDiv.opened .objednavkaKosik { display:block; }
}

.objednavkaKosikProductsContent {
	padding:10px 5px 0 0;
}
.objednavkaKosikProductsContent tr.darek td {
	background:#E0FEE2
}
.objednavkaKosikProductsContent tr.darek td p {
	margin:0;
	padding-left:10px;
	padding-right:10px;
}

.objednavkaKosikTable, .objednavkaKosikTableSum {
	width:100%;
}
.objednavkaKosikTable td {
	padding-bottom:10px;
	border-top:1px dashed #d8d8d8;
	padding-top:10px;
}
.objednavkaKosikTable tr:first-child td {
	border-top:0;
}
.objednavkaKosikTable td.image {
	width:82px;
}
.objednavkaKosikTable td.image div.image {
	position:relative;
	text-align:center;
}
.objednavkaKosikTable td.image span.badge {
	position:absolute;
	padding:5px 8px;
	background-color:#007BA8;
	color:#fff;
	top:-8px;
	right:-8px;
	border-radius:12px;
}
.objednavkaKosikTable td.image img {
	max-width:100%;
	max-height:100%;
	margin:0 auto;	
	border:1px solid #e7e7e7;
}
.objednavkaKosikTable td.nazev {
	padding-left:15px;
}
.objednavkaKosikTable td.nazev span.nazev {
	font-weight:bold;
}
.objednavkaKosikSummary {
	margin-top:15px;
	margin-bottom:15px;
	border-top:1px solid rgba(174,174,174,0.4);
	border-bottom:1px solid rgba(174,174,174,0.4);
}
.objednavkaKosikSummary tr.first td {
	padding-top:10px;
	padding-bottom:5px;
}
.objednavkaKosikSummary tr.second td {
	padding-top:5px;
	padding-bottom:5px;
}
.objednavkaKosikSummary tr.doprava td, .objednavkaKosikSummary tr.platba td {
	padding-top:5px;
	padding-bottom:5px;
}

.objednavkaKosikSummarySum {
	font-size:18px;
	font-weight:bold;
	padding-bottom:15px;
}
.objednavkaKosikSummarySum span.sum {
	font-size:22px;
}
.orderPath ul li {
	padding:0!important;
}

.objednavkaKosikSummaryGift {
	font-weight: bold;
	font-size: 18px;
	padding-top:15px;
}
.orderPath ul li a, .orderPath ul li button {
	cursor: pointer;
	display: block;
	width:100%;
    position: relative;
    height: 55px;
    transition: color .3s;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius:0!important;
    font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #fff;
    color: #606975;
    font-size: 16px;
    font-weight: bold;;
    line-height: 55px;
    text-decoration: none;
    text-align: center;
}
.orderPath ul li a {
	top:-1px;
	cursor:context-menu;
}
.orderPath ul li a:hover {
	color:#606975;
}
.orderPath ul li.active a, .orderPath ul li.active button {
	background-color: #007BA8;
    color: #fff;
    cursor: default;
    pointer-events: none;
}
.orderPath ul li a:first-child, .orderPath ul li button:first-child {
	border-left: 1px solid #ddd;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.orderPath ul li a:last-child, .orderPath ul li button:last-child {
	border-right: 1px solid #ddd;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.orderPath ul li a span.angle, .orderPath ul li button span.angle {
    display: block;
    position: absolute;
    top: 0;
    right: -13px;
    width: 27px;
    height: 53px;
    background-color: #fff;
    z-index:2;
}
.orderPath ul li a span.angle::before, .orderPath ul li a span.angle::after, .orderPath ul li button span.angle::before, .orderPath ul li button span.angle::after {
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
}
.orderPath ul li a span.angle::before, .orderPath ul li button span.angle::before {
    margin-top: -1px;
    border-width: 27px;
    border-color: transparent;
    border-left-color: #ddd;
}
.orderPath ul li a span.angle::after, .orderPath ul li button span.angle::after {
	border-width: 26px;
    border-color: transparent;
    border-left-color: #fff;
}
.orderPath ul li.active a, .orderPath ul li.active button  {
    color:#fff!important;
}
.orderPath ul li.active a span.angle::after, .orderPath ul li.active button span.angle::after  {
    border-left-color: #007BA8;
}
.orderPath ul li.preactive a span.angle::before, .orderPath ul li.preactive button span.angle::before {
	border-color:#007BA8;
	top:1px;
    border-width: 26.5px;
}
.form-title-v2{background:#fff;color:#555;border-bottom:1px solid #e7e7e7;padding:8px 10px;margin-bottom:10px;font-size:20px;font-weight:bold;}
.form-title-v2 h2, .form-title-v2 h3, .form-title-v2 p{font-size:20px;font-weight:bold;margin-bottom:0;}
.form-title-v2 label{font-size:20px;font-weight:bold;color:#555;}

.list-group-grey {
	margin-bottom:20px;
	margin-top:20px;
}

.list-group-grey .list-group-item {
	background-color: #E9F4FA;
    border-color: #fff; 
}
.list-group-item input[type="radio"] {
	margin-top:2px;
}
.list-group-item label {
	color:#555;
	font-size:1em;
}
.list-group-item-heading {
	font-size:16px;
}
.list-group-item-heading span.cena {
	float:right;
}
.list-group-item-text {
	display:none;
}
.list-group-item.selected {
	background:#fafafa;
	border-color:#aaa;
	border-bottom:1px solid #aaa;
	margin-bottom:0;
}
.list-group-item.selected .list-group-item-text {
	display:block;
	border-top:1px solid #e6e6e6;
	padding-top:15px;
	margin-top:15px;
}
.list-group-item.selected .list-group-item-text p {
	margin-bottom:5px;
}
.list-group-grey .button, .list-group-grey .button:hover {
	font-size:13px;
	font-weight:bold;
	color:#007BA8;
	margin-right:0;
}
.list-group-item.selected  .list-group-item-heading, .list-group-item.selected  .list-group-item-heading label {
	font-weight:bold!important;
}

table.table-border {
	border-collapse:collapse;
}
.table-border, .table-border thead th, .table-border td {
	border:2px solid #fff;
}
.table-center thead th, .table-center td {
	text-align:center;
}

.arrowX {
	position:absolute;
	display:block;
	font-size:26px;
	text-align:center;
	width:50px;
	line-height:40px;
	height:40px;
	background:rgba(149,193,31,0.7);
}

.arrowX:hover {
	background:rgba(149,193,31,1);
}

.arrowX a {
	color:#fff;
	display:block;
	width:50px;
}


.arrowXBack {
	top:90px;
	left:-50px;
	border-radius:15px 0 0 15px;
}
.arrowXPrev {
	top:140px;
	left:-50px;
	border-radius:15px 0 0 15px;
}
.arrowXNext {
	top:140px;
	right:-50px;
	border-radius:0 15px 15px 0;
}

.myOverview .inside {
	color:#fff;
	padding:10px;
}
.myOverview .wicon {
	font-size:39px;
	width:40px;
	height:40px;
	color:#fff;
	float:left;
}
.myOverview .nadpis {
	padding-left:55px;
	font-weight:bold;
}
.myOverview .perc {
	padding-left:55px;
	font-size:18px;
	font-weight:bold;
}

.myOverview .col-turistika .inside {
	background:#E2061B;
}
.myOverview .col-gastronomie .inside {
	background:#DE9C47;
}
.myOverview .col-kultura .inside {
	background:#F8D937;
}
.myOverview .col-sport .inside {
	background:#83CFF0;
}
.myOverview .progress {
	height:40px;
	font-size:20px;
}

.myOverview div.portfolioBadge {
    position: absolute;
    right: -50px;
    top: -3px;
    width: 110px;
    height: 150px;
    padding-top: 29px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    background: url(/images/icon-uroven.svg) 0 0 no-repeat;
    background-size: 110px 150px;
}



.myDenik {
	background:#e5e5e5 url(/images/_sources/myDenik-vazba100.png) top center repeat-y;
	background-size:50px 182px;
}
.myDenik .item {
	padding:15px 15px;
}
.myDenik div.hideable button.btn-hideable {
	float:right;
	opacity: 0;
	margin-top:-3px;
	/*
	-moz-transition: opacity .25s linear, visibility .5s linear .5s;
	-webkit-transition: opacity .25s linear, visibility .5s linear .5s;
	-o-transition: opacity .25s linear, visibility .5s linear .5s;
	transition: opacity .25s linear, visibility .5s linear .5s;
	*/
	visibility: hidden;	
}
.myDenik div.hideable:hover button.btn-hideable {	
	opacity: 1;
	visibility: visible;
} 
.myDenik div.hideablePane div.hideablePaneCont {
	position:absolute;
	left:5px;
	top:5px;
	opacity: 0;
	/*
	-moz-transition: opacity .25s linear, visibility .5s linear .5s;
	-webkit-transition: opacity .25s linear, visibility .5s linear .5s;
	-o-transition: opacity .25s linear, visibility .5s linear .5s;
	transition: opacity .25s linear, visibility .5s linear .5s;
	*/
	visibility: hidden;	
}
.myDenik div.hideablePane:hover div.hideablePaneCont {
	opacity: 1;
	visibility: visible;
}

.mydenik-selectversion{
	border:#fff 2px solid;
	-webkit-transition: border .5s;
	transition: border .5s;
	margin: auto auto;
	cursor: pointer;
}
.mydenik-selectversion:hover{
	border-color: var(--wander-green);
}


.myDenik .vazba-right {
	padding-right:20px;
	margin-left:-15px;
}
.myDenik .vazba-left {
	padding-left:20px;
}

.myDenik .image {
	max-width:330px;
	display:inline-block;
	margin:0 auto;
	position:relative;
}
.myDenik .image img {
	max-width:100%;
	max-height:330px;
}
.myDenik .image.stav1 {
	border:3px solid #5bb75b;
}
.myDenik .image.stav0 {
	border:3px solid #f0ad4e;
}
.myDenik .datum {
	background:#eaeaea;
	padding:5px;
	-webkit-box-shadow: inset 3px 3px 3px 0px rgba(211,211,211,1);
	-moz-box-shadow: inset 3px 3px 3px 0px rgba(211,211,211,1);
	box-shadow: inset 3px 3px 3px 0px rgba(211,211,211,1);
}

.wdicon {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align:center;
  border-right:1px solid #555;
  border-bottom:1px solid #777;
  background-color:#f6f6f7;
  font-family:"wander denik";
}
.wdicon.big {
	width:30px;
	height:30px;
	line-height:30px;
}
.whitebox a.wdicon {
  color:#555;
}
.wdicon.active, .wdicon:hover, .whitebox a.wdicon:hover, .whitebox a.wdicon.active { background-color:#115F2F; text-decoration:none; color:#fff; }
.wdicon.empty:hover { background:#f6f6f7; } 
.wdicon.divider { 
	height:3px;
	border:0;
	background:transparent;
	display:block;
}

.mdicon {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 14px;
  vertical-align: text-top;
  border-right:1px solid #555;
  border-bottom:1px solid #777;
  background-color:#f6f6f7;
  background-image: url(/images/mujdenik-icons/mujdenik-icons.png);
  background-position: 1000px 0;
  background-repeat: no-repeat;
}
.mdicon.active, .mdicon:hover {	background-color:#115F2F; }
.mdicon-empty:hover { background:#f6f6f7; } 

.mdicon-d-kocarek { background-position: 0 0; }
.mdicon-d-kocarek:hover, .mdicon-d-kocarek.active { background-position:0 -125px; }
.mdicon-d-pesky { background-position: -25px 0; }
.mdicon-d-pesky:hover, .mdicon-d-pesky.active { background-position:-25px -125px; }
.mdicon-d-lyzar { background-position: -50px 0; }
.mdicon-d-lyzar:hover, .mdicon-d-lyzar.active { background-position:-50px -125px; }
.mdicon-d-kolo { background-position: -75px 0; }
.mdicon-d-kolo:hover, .mdicon-d-kolo.active { background-position:-75px -125px; }
.mdicon-d-lodka { background-position: -100px 0; }
.mdicon-d-lodka:hover, .mdicon-d-lodka.active { background-position:-100px -125px; }
.mdicon-d-lezec { background-position: -125px 0; }
.mdicon-d-lezec:hover, .mdicon-d-lezec.active { background-position:-125px -125px; }

.mdicon-d-motorka { background-position: 0 -25px; }
.mdicon-d-motorka:hover, .mdicon-d-motorka.active { background-position:0 -150px; }
.mdicon-d-auto { background-position: -25px -25px; }
.mdicon-d-auto:hover, .mdicon-d-auto.active { background-position:-25px -150px; }
.mdicon-d-bus { background-position: -50px -25px; }
.mdicon-d-bus:hover, .mdicon-d-bus.active { background-position:-50px -150px; }
.mdicon-d-karavan { background-position: -75px -25px; }
.mdicon-d-karavan:hover, .mdicon-d-karavan.active { background-position:-75px -150px; }
.mdicon-d-vlak { background-position: -100px -25px; }
.mdicon-d-vlak:hover, .mdicon-d-vlak.active { background-position:-100px -150px; }

.mdicon-d-zubacka { background-position: 0 -50px; }
.mdicon-d-zubacka:hover, .mdicon-d-zubacka.active { background-position:0 -175px; }
.mdicon-d-lanovka { background-position: -25px -50px; }
.mdicon-d-lanovka:hover, .mdicon-d-lanovka.active { background-position:-25px -175px; }
.mdicon-d-lanovka-kabina { background-position: -50px -50px; }
.mdicon-d-lanovka-kabina:hover, .mdicon-d-lanovka-kabina.active { background-position:-50px -175px; }
.mdicon-d-lod { background-position: -75px -50px; }
.mdicon-d-lod:hover, .mdicon-d-lod.active { background-position:-75px -175px; }
.mdicon-d-letadlo { background-position: -100px -50px; }
.mdicon-d-letadlo:hover, .mdicon-d-letadlo.active { background-position:-100px -175px; }


.mdicon-p-slunicko { background-position: 0 -75px; }
.mdicon-p-slunicko:hover, .mdicon-p-slunicko.active { background-position:0 -200px; }
.mdicon-p-pod-mrakem { background-position: -25px -75px; }
.mdicon-p-pod-mrakem:hover, .mdicon-p-pod-mrakem.active { background-position:-25px -200px; }
.mdicon-p-mrak { background-position: -50px -75px; }
.mdicon-p-mrak:hover, .mdicon-p-mrak.active { background-position:-50px -200px; }
.mdicon-p-dest { background-position: -75px -75px; }
.mdicon-p-dest:hover, .mdicon-p-dest.active { background-position:-75px -200px; }
.mdicon-p-blesk { background-position: -100px -75px; }
.mdicon-p-blesk:hover, .mdicon-p-blesk.active { background-position:-100px -200px; }
.mdicon-p-vlocka { background-position: -125px -75px; }
.mdicon-p-vlocka:hover, .mdicon-p-vlocka.active { background-position:-125px -200px; }


.mdicon-s-sam { background-position: 0 -100px; }
.mdicon-s-sam:hover, .mdicon-s-sam.active { background-position:0 -225px; }
.mdicon-s-par { background-position: -25px -100px; }
.mdicon-s-par:hover, .mdicon-s-par.active { background-position:-25px -225px; }
.mdicon-s-parecek { background-position: -50px -100px; }
.mdicon-s-parecek:hover, .mdicon-s-parecek.active { background-position:-50px -225px; }
.mdicon-s-rodinka { background-position: -75px -100px; }
.mdicon-s-rodinka:hover, .mdicon-s-rodinka.active { background-position:-75px -225px; }
.mdicon-s-skupina { background-position: -100px -100px; }
.mdicon-s-skupina:hover, .mdicon-s-skupina.active { background-position:-100px -225px; }
.mdicon-s-pes { background-position: -125px -100px; }
.mdicon-s-pes:hover, .mdicon-s-pes.active { background-position:-125px -225px; }

.mdicon-divider {
	height:3px;
}

div.propojene .item {
	margin:0 15px;
	border-bottom:3px solid #e3e7f0;
	padding:10px 0;	
}
div.propojene .item:last-child {
	border-bottom:0;
}
div.propojene div.image {
	text-align:center;
}
div.propojene div.image img {
	max-height:210px;
	max-width:270px;
	margin:0 auto;
}
div.propojene .table tr:first-child td {
	border-top:0;
}

.faq-header {
	border-bottom:1px solid #eee;
}
.faq-header a {
	color:#555;
	font-size:18px;
	font-weight:bold;
	padding:5px 10px;
	display:block;
	position:relative;
	text-decoration:none;
}
.faq-header a:hover {
	color:#000;
}
.faq-done {
	position:absolute;
	right:30px;
}
.faq-arrow {
	position:absolute;
	right:10px;
}
.faq-data {
	padding:15px 10px 25px;
}
.faq-header .faq-arrow .fa-angle-up {
	display:none;
}
.faq-header a.active .faq-arrow .fa-angle-up {
	display:inline-block;
}

.faq-header .faq-arrow .fa-angle-down {
	display:inline-block;
}
.faq-header a.active .faq-arrow .fa-angle-down {
	display:none;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: #f1f1f1;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #f1f1f1;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f1f1f1;
	position: relative;
}

.jspDrag
{
	background: #c1c1c1;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #a3a3a3;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-family: Font Awesome\ 5 Free;

	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #a3a3a3;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}
.jspArrowUp:before {
	content: "\f0d8";
}
.jspArrowDown:before {
	content: "\f0d7";
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  /* width: 220px; */
  margin:0 auto;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 36px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  border-color:#56912b;
  background:#69b234;;

  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  border-color:#56912b;
  background:#69b234;;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  border-color:#56912b;
  background:#69b234;;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  border-color:#56912b;
  background:#69b234;;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker.css.map */


/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*	Animations	*/
.onscroll-animation {
    animation-duration: 2s;
    animation-fill-mode: both;
}

.fadeUpIn {
	opacity:0;
    padding-top:30px;
    padding-bottom:0;
    transition:padding 1s ease-in-out, opacity 1s ease-in-out;
}
.fadeUpIn.active {
	opacity:1;
    padding-top:0;
    padding-bottom:30px;
}


/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #333; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 2px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 1099; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	bottom: 50px; /* 30px from the bottom */
  }
  
  /* Show the snackbar when clicking on a button (class added with JavaScript) */
  #snackbar.show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
	However, delay the fade out process for 2.5 seconds */
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  /* Animations to fade the snackbar in and out */
  @-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 50px; opacity: 1;}
  }
  
  @keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 50px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
	from {bottom: 50px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
	from {bottom: 50px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
  }