.store-hero-image {
	height: 480px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.store-hero-image > div {
  text-align: center;
  position: absolute;
  width: 80%;
  bottom: 90px;
  left: 50%;
  transform: translate(-50%, 0%);
  color: white;
}
.store-hero-image > div > h1 {
	margin: 0 0 10px 0;
}
.store-hero-image > div > p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}

#search {
	display: inline-block;
	width: 100%;
	height: 50px;
}
#search > input[type="search"] {
	min-width: auto;
	width: 100%;
	height: 50px;
	background-image: url(/img/magnifier.svg);
	background-repeat: no-repeat;
	background-position: 15px 50%;
	padding: 12px 15px 12px 50px;
	background-color: var(--color-lightgray);
	border-radius: 50px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}
#search > input[type="submit"] {
	width: 0px;
	height: 0px;
}
#storeListButts {
	width: 100%;
	padding: 6px 0 0 0;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
}
#storeListButts > input {
	display: inline-block;
	-webkit-flex: 0 0 auto;  /* Safari 6.1+ */
	-moz-flex: 0 0 auto;  /* Firefox 18+ */
	-ms-flex: 0 0 auto;  /* IE 10 */
	flex: 0 0 auto;
	min-width: 23%;

	width: 48.7%;
	padding: 1px 15px;
	font-weight: 500;
	line-height: 150%;
	font-size: 18px;
	color: var(--color-white);
	background-color: var(--color-pink);
	border-radius: 2px;
	text-transform: lowercase;
	transition: all 0.3s ease-out;
}
#search > input[type="submit"]:hover,
#storeListButts > input:hover,
#storeListButts > input.active {
	background-color: var(--color-black);
}
#categories {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: space-between;
	padding: 0;
	margin: 0 0 30px 0;
}
#categories > div {
	display: inline-block;
	flex: 0 0 auto;
	margin: 3px;
	padding: 8px 15px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: var(--color-blueberry);
	background-color: var(--color-blueberry-05);
	transition: all 0.3s ease-out;
}
#letters {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	padding: 0;
}
#letters .letter {
	display: inline-block;
	flex: 0 0 auto;
	min-width: 58px;
	margin: 4px 0;
	padding: 8px 15px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: var(--color-blueberry);
	background-color: var(--color-blueberry-05);
	transition: all 0.3s ease-out;
}
#letters .letter:nth-child(1),
#letters .letter:nth-child(2) {
//	width: 50px;
}
#categories > div:hover,
#categories > div.active,
#letters .letter:hover,
#letters .letter.active {
	background-color: var(--color-blueberry);
	color: var(--color-white);
}
#stores_list,
#special_stores {
	padding: 30px 0;
	font-size: 16px;
}
#special_stores {
	margin: 0 0 50px 0;
}
/*
#stores_list ul,
#special_stores ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
    column-count: 1;
}
#stores_list > ul > li {
}
#stores_list > ul > li[class^="cat-"] {
	font-size: 24px;
	padding: 10px 0;
	font-weight: 900;
}
#stores_list > ul > li.end {
	height: 15px;
}
#stores_list > ul > li > a,
#special_stores > ul > li > a {
	color: var(--color-text);
	text-decoration: none;
}
#stores_list > ul > li > a:hover,
#special_stores > ul > li > a:hover {
	text-decoration: underline;
}
*/

/***** InfoTable - START *****/
#infoTab, .infoTab {
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
#infoTab tr.extra {
	background-color: #eee;
}
#store #storeDesc {
	text-align: left;
	padding: 50px 0 0 0;
}
#store #storeDesc .logo {
	padding: 0 0 20px 0;
}
#store #storeDesc .logo a {
	display: inline-block;
}

#store .storeDescTab {
	width: auto;
	margin: 0;
}
#store .storeDescTab td {
	padding: 0 20px 0 0;
}

#store #storePics a {
	display: inline-block;
}
#store #storeInfo {
//	position: relative;
	padding: 50px 0 0 0;
}
#infoTab tr {
	display: flex;
	flex-flow: row wrap;
    justify-content: start;
	padding: 10px 0;
}
#infoTab th, .infoTab th {
	vertical-align: top!important;
	width: calc(100% - 25px - 5px);
	padding: 3px 5px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: var(--color-text);
	text-transform: uppercase;
	white-space: nowrap;
	text-align: left;
}

//	#infoTab > tbody > tr:nth-child(1) > th

#infoTab td, .infoTab td {
	vertical-align: top!important;
	width: calc(100% - 25px);
	left: 30px;
	padding: 3px 5px;
/*
	color: #343a46;
//	word-wrap: break-word;
	word-break: break-all;
//	white-space: nowrap;
	line-height: 130%;
*/
}
/*
.infoTab td {
//	white-space: normal;
}
*/
#infoTab tr td:first-child, .infoTab tr td:first-child {
	width: 25px;
	padding: 3px 0;
	margin: 0 5px 0 0;
    left: 0px;
    vertical-align: top;
}
#infoTab tr td:last-child, .infoTab tr td:last-child {
	width: 100%;
	padding: 3px 0;
	margin: 0 5px 0 0;
    left: 0px;
}

#infoTab td span {
	display: inline-block;
	text-transform: capitalize;
/*
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 14px;
	padding: 2px 6px 1px 6px;
	color: #ffffff;
	white-space: nowrap;
	border-radius: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
*/
}
/*
#infoTab td span.yes {
	display: inline-block;
	font-family: var(--font-family);
	font-weight: 1000;
	font-size: 14px;
	text-transform: uppercase;
	color: #74c043;
	padding: 4px 0px 0px 0px;
	line-height: 100%;
	text-shadow: 1px 1px 1px #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#infoTab td span.no {
	display: inline-block;
	font-family: var(--font-family);
	font-weight: 1000;
	font-size: 14px;
	text-transform: uppercase;
	color: #f26725;
	padding: 4px 0px 0px 0px;
	line-height: 100%;
}
#infoTab tr:last-child td,
#infoTab tr:last-child th,
.infoTab tr:last-child td,
.infoTab tr:last-child th,
#infoTab tr.extra td:first-child,
#infoTab tr.extra td,
#infoTab tr.extra th,
#infoTab td:first-child.no-border {
	border: none;
}
*/
.icon {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.icon16 {
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.work {
	background-image: url('/img/door.svg');
}
.info {
	background-image: url('/img/info.svg');
	background-size: 90%;
}
.category {
	background-image: url('/img/tag.svg');
}
.open {
	background-image: url('/img/opening-hours.svg');
}
.chief {
	background-image: url('/img/chief.svg');
	background-size: 90%;
}
.gift {
	background-image: url('/img/gift-card.svg');
}
.holidays {
	background-image: url('/img/holidays.svg');
	background-size: 90%;
}
.point {
	background-image: url('/img/map-point.svg');
}
.phone {
	background-image: url('/img/phone.svg');
	background-size: 80%;
}
.email {
	background-image: url('/img/email.svg');
}
.support {
	background-image: url('/img/customer-care.svg');
}
.web {
	background-image: url('/img/web.svg');
}
.isic {
	background-image: url('/img/student.svg');
}
.fb {
	background-image: url('/img/facebook.svg');
}
.insta {
	background-image: url('/img/instagram.svg');
}
.yt {
	background-image: url('/img/youtube.svg');
}
.app {
	background-image: url('/img/mobile-app.svg');
}
/***** InfoTable - END *****/

.streetview {
	width: 100%;
	height: calc(650px / 16 * 9);
}

.store-img {
	width: 100%;
//	max-width: 900px;
	margin: 30px auto 0 auto;
	border-radius: 16px;
}
#storeMap, #storeGallery, #storeActions, #storeJobs, #sameCategory {
	margin: 30px 0 0 0;
//	padding: 5px 0 0 0;
//	border-top: dotted var(--color-border) 1px;
}

#storeActions {
	position: relative;
	width: var(--content-width);
	margin: 0px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	perspective: 1000px;
}
#storeActions > h2 {
	width: 100%;
}
#storeActions > a {
	display: inline-block;
	text-align: left;
	text-decoration: none;
	color: var(--color-text);
	background-color: #ffffff;
	margin: 0 0 50px 0;
	border-bottom: dotted var(--color-border) 1px;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
#storeActions > a > img {
	width: 100%;
	height: auto;
	border-radius: 16px;
}
#storeActions > a > div {
	width: 100%;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-violet);
	text-transform: uppercase;
}
#storeActions > a > div > span {
	float: right;
	color: var(--color-text);
	text-transform: none;
}
#storeActions > a > strong {
	font-size: 18px;
	line-height: 26px;
}
@media only screen and (min-width: 530px) {
	#storeActions > a {
		flex: 0 0 49%;
	}
}
@media only screen and (min-width: 1000px) {
	#storeActions > a {
		flex: 0 0 32%;
	}
}

#storeGallery {
	text-align: center;
}
#storeGallery .photogallery {
	margin: 0 auto;
	width: 250px;
}
#storeGallery .photogallery a {
	width: 250px;
	height: 250px;
}


#store #show_map, #store #hide_map,
#store #show_gallery, #store #hide_gallery,
#store #show_actions, #store #hide_actions,
#store #show_jobs, #store #hide_jobs {
	position: relative;
	top: 0px;
	cursor: pointer;
	text-align: right;
	color: #727272;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 25px 0px 0px;
	text-transform: lowercase;
}
#store #show_map, #store #show_gallery, #store #show_actions, #store #show_jobs {
	background: transparent url('/img/show.svg') no-repeat 100% 50%;
	display: none;
}
#store #hide_map, #store #hide_gallery, #store #hide_actions, #store #hide_jobs {
	background: transparent url('/img/hide.svg') no-repeat 100% 50%;
}

#storeJobs > div.job {
	padding: 20px 0 10px 0;
	border-top: none;
}
#storeJobs > div.job > h3 {
	font-size: 18px;
	font-weight: 900;
}


#store .store_map {
	position: relative;
	margin: 0px auto 20px auto;
	width: 100%;
	height: calc(95vw * 461 / 800);
	clear: both;
}
#store .store_map img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}
#store .store_map .level_desc {
	position: absolute;
	top: -20px;
	left: -10px;
	width: 150px;
	height: 40px;
}
#store .store_map .level_desc div {
	font-size: 24px;
	font-weight: 700;
	text-align: right;
	text-shadow: 1px 1px 1px #aaaaaa;
}
#store .store_map .level_desc div span{
	font-size: 36px;
}
#store .store_map .level_desc #ld3 {color: #efe93a;}
#store .store_map .level_desc #ld2 {color: #f36f24;}
#store .store_map .level_desc #ld1 {color: #4eb859;}
#store .store_map .level_desc #ld0 {color: #005a83;}

#storeGallery #gallery_desc,
#storeGallery .gallery_desc {
	padding-bottom: 30px;
}


#sameCategory ul {
	list-style-type: none;
	-webkit-columns: auto 2; /* Chrome, Safari, Opera */
	-moz-columns: auto 2; /* Firefox */
	columns: auto 2;
}

#stores-box {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
//	align-content: flex-start;
//	align-content: stretch;
//	gap: 25px 25px;
}
#stores-box > a {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
//	border: solid transparent 7.5px;
	margin: 7.5px;
	text-align: center;
	border-radius: 16px;
    box-shadow: 0px 10px 20px 0px #1A205129;
	text-decoration: none;
}
#stores-box > a > h2 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: var(--color-text);
	margin: 20px 0 20px 0;
	padding: 0 10px;
}
#stores-box > a > div {
	display: block;
	width: 100%;
	padding: min(25px, 2%);
	border-bottom: solid var(--color-lightgray) 1px;
}
#stores-box > a > div > img {
	margin: 25px 0 20px 0;
}
#stores-box > a > span {
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: var(--color-text);
}
#stores-box > a > span:nth-child(2),
#stores-box > a > span:last-child {
	font-weight: 700;
	color: var(--color-violet);
}
#stores-box > a > span:last-child {
	padding: 0 0 20px 0;
}

/***** Externí mapa centra - START *****/
#iframemap {
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	max-width: 1200px;
	height: calc((100vw - 40px) / 3 * 2);
	max-height: 800px;
	border: solid #edebef 1px;
	border-radius: 28px;
}
@media only screen and (min-width: 540px) {
	#stores-box > a {
		-webkit-flex: 0 0 47%;
		-moz-flex: 0 0 47%;
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
	}
}
/***** Externí mapa centra - END *****/


/***** Mapa centra - START *****/
#centreMap {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: calc((100vw - 20px) / var(--map-height-ratio));
	background: none;
	/*overflow: hidden;*/
}
#centreMap > div {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: calc((100vw - 20px) / var(--map-height-ratio));
	background-color: transparent;;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: none;
}
/***** Mapa centra - END *****/


#infoTab td.apps {
	display: flex;
    justify-content: flex-start;
    column-gap: 20px;
    flex-wrap: wrap;
}
td.apps > a.app_btn > img {
	width: auto;
	height: auto;
	max-height: 33px;
}


@media only screen and (min-width: 540px) {
	#stores-box > a {
		-webkit-flex: 0 0 48%;
		-moz-flex: 0 0 48%;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		margin: calc(4% / 4);
	}
}


@media only screen and (min-width: 570px) {
	#storeGallery .photogallery {
		justify-content: flex-start;
		width: 530px;
	}
}

@media only screen and (min-width: 640px) {
	#storeListButts {
		width: 48.7%;
		float: right;
		text-align: right;
		padding: 0;
	}
	#stores_list ul,
	#special_stores ul {
	    column-count: 2;
	}
	#letters .letter {
		min-width: 12.6%;
	}
/*
	#store #storePics {
		text-align: left;
	}
	#store #storePics > .logo {
		float: left;
		margin: 0 30px 30px 0;
	}
	#store #storePics > .store {
//		float: right;
		margin: 0 0 30px 0;
	}
*/
	#store #storeDesc .h3 {
		font-size: 24px;
		line-height: 32px;
	}
	#store #storeDesc p {
		font-size: 18px;
		line-height: 26px;
	}
	#storeJobs > div.job > h3 {
		font-size: 24px;
	}
	#store .store_map .level_desc {
		top: -10px;
		left: -10px;
	}
	#basicInfo > a {
		width: 100px;
		height: 100px;
	}
	#basicInfo > h2 {
		display: block;
	}
	#basicInfo > table {
		display: initial;
	}
	#infoTab tr {
		display: table-row;
	}
	#infoTab th, .infoTab th {
		word-wrap: normal;
		word-break: normal;
		font-size: 16px;
		line-height: 24px;
	}
	#infoTab td, .infoTab td {
		word-wrap: normal;
		word-break: normal;
		font-size: 18px;
		line-height: 26px;
	}
	#infoTab tr td:first-child, .infoTab tr td:first-child {
		width: 25px;
		padding: 3px 10px 3px 0;
	    left: 0px;
	}
	.mobwrap {
		display: none;
	}
	#sameCategory ul {
		-webkit-columns: auto 3;
		-moz-columns: auto 3;
		columns: auto 3;
	}
	#level_desc {
		top: 200px;
	}
	#result {
		position: absolute;
		width: 50%;
		z-index: 0;
	}
}



@media only screen and (min-width: 800px) {
	#stores-box > a {
		-webkit-flex: 0 0 32%;
		-moz-flex: 0 0 32%;
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		margin: calc(4% / 6);
	}
}

@media only screen and (min-width: 840px) {
/*
	#storeGallery .photogallery a {
		-webkit-flex: 0 0 32%;
		-moz-flex: 0 0 32%;
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		margin: calc(4% / 6);
	}
*/
	#storeGallery .photogallery {
		width: 795px;
	}
}



@media only screen and (min-width: 900px) {
	#search {
		max-width: 280px;
		margin: 0 20px 0 0;
	}
	#letters {
		padding: 10px 0 0 0;
	}
}

@media only screen and (min-width: 1000px) {
	#stores_list ul,
	#special_stores ul {
	    column-count: 4;
	}
	#letters .letter {
		display: inline-block;
		-webkit-flex: 0 0 auto;  /* Safari 6.1+ */
		-moz-flex: 0 0 auto;  /* Firefox 18+ */
		-ms-flex: 0 0 auto;  /* IE 10 */
		flex: 0 0 auto;
		min-width: 30px;
	}
	#stores-box > a {
		-webkit-flex: 0 0 24%;
		-moz-flex: 0 0 24%;
		-ms-flex: 0 0 24%;
		flex: 0 0 24%;
		margin: calc(4% / 8);
	}
	#infoTab {
		margin: 0px 0px 50px 0px;
	}
	#infoTab th, .infoTab th {
		white-space: nowrap;
	}
	#store #storeDesc {
//		width: calc(50% - 50px);
		width: 50%;
		float: left;
		margin-left: -50px;
	}
	#store #storeInfo {
//		width: calc(50% - 50px);
		width: 50%;
		float: right;
		margin-right: -50px;
	}
	#store .store_map {
		width: 800px;
		height: 461px;
	}
	#store .store_map img {
		width: 800px;
		height: 461px;
	}
	#store .store_map .level_desc {
		top: 0px;
		left: 0px;
	}
	#sameCategory ul {
		-webkit-columns: auto 4;
		-moz-columns: auto 4;
		columns: auto 4;
	}

	/***** Mapa centra - START *****/
	#result {
		position: absolute!important;
		width: 50%!important;
		top: 75px;
	}
	#centreMap {
		margin: 130px 0px 0px 0px;
		width: 800px;
		height: 461px;
	}
	#centreMap div {
		width: 800px;
		height: 461px;
	}
	#centreMap img[id^="map"], #centreMap img[id^="s"] {
		width: 800px;
		height: 461px;
	}
	#centreMap div[id^="sd"] img {
		top: 30px;
	}
	#level_desc {
		top: 180px;
		left: 250px;
	}
	#legend {
/*
		position: absolute;
		top: 110px;
		right: 200px;
		width: 80px;
		height: 150px;
		background: transparent url('/img/legend.png') 0px 0px/cover no-repeat;
*/
		display: block;
	}
	#basicInfo > a {
		width: 120px;
		height: 120px;
	}
	/***** Mapa centra - END *****/

}

@media only screen and (min-width: 1080px) {
/*
	#stores-box > a {
		-webkit-flex: 0 0 23.5%;
		-moz-flex: 0 0 23.5%;
		-ms-flex: 0 0 23.5%;
		flex: 0 0 23.5%;
	}
	#stores-box::after {
		content: "";
		-webkit-flex: 0 0 23%;
		-moz-flex: 0 0 23%;
		-ms-flex: 0 0 23%;
		flex: 0 0 23%;
	}
*/
}



@media only screen and (min-width: 1100px) {
/*
	#storeGallery .photogallery a {
		-webkit-flex: 0 0 24%;
		-moz-flex: 0 0 24%;
		-ms-flex: 0 0 24%;
		flex: 0 0 24%;
		margin: calc(4% / 8);
	}
*/
	#storeGallery .photogallery {
		width: 1100px;
	}
}


@media only screen and (min-width: 1200px) {
	#letters {
		width: 900px;
		margin: 0;
		padding: 0 0 0 0;
		float: right;
	}
	#stores-box > a {
		-webkit-flex: 0 0 19%;
		-moz-flex: 0 0 19%;
		-ms-flex: 0 0 19%;
		flex: 0 0 19%;
		margin: 0.5%;
	}
}

@media only screen and (min-width: 1400px) {
	.store-hero-image > div {
	  text-align: left;
	  width: 1320px;
	  left: 50%;
	  transform: translate(-50%, 0%);
	}
	.store-hero-image > div > h1 {
		text-align: left;
//		margin: 0 0 10px 0;
	}
	.store-hero-image > div > p {
//		text-align: left;
	}
}