@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

* { box-sizing: border-box;}	
body { font-family: 'Inter', sans-serif; font-size:1.125rem; font-weight:400; line-height: 1.6rem; background-color:#222222; color:#cfcfd3; }
img, fieldset {	border:0;}
article,aside,footer,header,nav,section,picture { display:block;padding:0;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,figure,ol,p,pre,table,ul,dd,dt,li,td,tr,button,map,object,a,b,br,i,img,small,span,strong,fieldset {margin:0;padding:0;}

.material-icon, .material-icons, ul.list-full-events li::after, .card-list-icon-item > div:nth-child(1) {
font-family: 'Material Icons';
	color: #fff;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.black { color: #000;}
.page-header { background: #222222; height:103px; position:fixed; top:0; width:100%; z-index:5000; }
.page-header-spacer { height: 127px; }
.page-header-spacer-min { height: 103px; }
.page-header-inside { padding-left: 16px; position: relative; }

.btn-hamburger-pos { color:#fff; font-size: 34px; position: absolute; right:16px; top:18px;  }
.logo {
    position: absolute;
    width: calc(100% - 70px);
	max-width: 352px;
    height: auto;
	filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, 0.9));
}
.logo-bg-stars { 
	position: absolute;
	width: 378px;
	height: auto;
	left: -10px;
	top: 0;
	filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, 0.9));
}

.nav-menu-top-inner::-webkit-scrollbar {
  display: none;
}



.nav-menu-top { font-size:18px; height:50px; line-height:40px; overflow:hidden; position:absolute; top: 53px; width: 100%; }
.nav-menu-top-inner { height:50px;  overflow-x:auto; overflow-y:hidden; padding-right: 16px; white-space: nowrap; }
.nav-menu-top ul { align-items:center; display: flex;gap: 16px; }
.nav-menu-top li { list-style:none;  }
.nav-menu-top li:last-child {margin-right:16px;}
.nav-menu-top a, .nav-menu-top a:visited {color:#fff; line-height: 50px;}

li.nav-change-city div { background: #cc0007 url('https://www.nighttours.eu/images/static/icon-drop-down-white.svg') no-repeat; background-size: 10px 5px; background-position: right 10px center; border-radius: 6px; color: white; font-size: 16px; height: 28px; line-height: 27px; padding: 0 28px 0 10px; }

.nav-top-shadow {
    background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0) 100%);
    height: 4px;
    position: absolute;
    top: 103px;
    width: 100%;
    left: 0;
}
header { padding: 0 16px; position: relative;}
.stars-background { position: absolute; left: 0; filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.9));}
.container { /*display: flex;*/ width: 100%; }


/* panel */
.popup-base { position: fixed;  top:0; width: 100%; z-index: 6000;}
.popup-position { margin: auto; max-width: 970px; position: relative; }
.popup-container {  height: 100vh; overflow: hidden; position: relative; width: 100vw; } /* relative needed! */
.popup-hidden { left: -100vw; }
.popup { background: #262728; height: 100vh; position: absolute; transition: left 0.5s; width: 90vw; }

.panel-container { height: 100%; }
.panel-header {  font-size: 1.25rem; height: 60px; padding:20px; }
.panel-header div { position: absolute; right: 20px; top: 20px; }
.panel-content { height: calc(100% - 62px); overflow-y: auto;}
.panel-inside { padding: 0 16px;}

/* popup hamburger menu */
.hamburger-menu li {border-bottom:1px solid #171717; font-size: 20px; list-style: none;  }
.hamburger-menu a { display: flex; padding:12px 20px; }
.hamburger-menu a span:first-of-type {flex: 1 1 auto; }
.hamburger-menu-level-2 { padding-left: 20px; }

.sub-nav-highlight { background-color: darkslategray; }

.hamburger-menu li:first-child {border-top:1px solid #171717; ;}
.search-field { border:1px solid #ddd; margin-right: 12px; padding: 8px 12px;}
.top-search-container { margin: 24px 20px 48px 20px;}
footer {margin-bottom: 24px; }
p { margin: 0 24px 14px 24px; }
p:last-child { margin-bottom: 0; }
p strong { color: #fff; font-weight: 500;}
p a, .text-content li a, .bullet-list li a  { color: burlywood;font-weight: 500; text-decoration: underline #b2b2b2;} /*0000ee*/

.font-size-2 { font-size: 1.5rem; }
.font-size-3 { font-size: 1.1rem; }
.font-size-4 { font-size: 1rem; line-height: 1.3; }
.font-size-5 { font-size: 0.88rem; line-height: 1.3; }
.line-height-12 { line-height: 1.2; }
.line-height-40 { line-height: 40px; }
.line-height-list { line-height: 1.6; }
small { line-height: 1.4; }


em { color:#fff; font-style: normal; font-weight:700; }
h1, h2, h3, .header2, .heading3, .heading-3, .all-headers, .section-preview-items header, .section-heading, .event-sub-heading
	 { display: block; clear:both; font-weight:normal; letter-spacing: -0.6px;  line-height: 1.1;  margin: 0 24px 8px 24px;}
h1 { color:#959699; font-size: 2.25rem; line-height: 2.4rem; }
h2, .header2 { font-size:1.7em; margin-bottom: 12px; }
.block h2:nth-child(n+2) { margin-top: 24px;  }
.display-block { display:block; }
h3, .heading3 { clear: both; display: block; font-size:1.75rem; margin-bottom: 0.4rem; font-weight: normal; color: #ddd; }

h1 a, h2 a, h2 b a , h3 a, h4 a, .heading3 a, .heading-3 a  { color: inherit;}
h1 b, h1 em, h1 strong, .b, h3 b { color:#fff; font-weight:700;  }
.semi-bold { font-weight: 500; }
h4 { color: #111; font-size: 1rem; line-height: 1.1rem; margin-bottom: 0.4rem;}
.event-sub-heading { font-size: 1.2rem; font-weight: 300; margin-top: 6px; }
.line-after { border-bottom:1px solid #d2d1ce; } 
.nav-bar, .heading { margin: 0 24px; }

.block { margin-bottom: 36px; }
.block, .indent-h2-mobile h2 { padding: 0 20px; }
.block-connected { margin-bottom: 0; }

.flex-article { display: flex; flex-direction: column; }
.show-as-card h3 { font-size: 36px; order: 2; padding: 0 12px; margin-top: 8px; }
.show-as-card img {order: 1;  }
.show-as-card p {order: 3;padding: 0 12px;  }
.show-as-card .read-more-link {order: 4; padding: 0 12px;  }



.padding-h { padding-left: 20px; padding-right: 20px; }
.mobile-block-spacer, .mobile-block-spacer-half { background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(20,20,20,0) 100%); 
	 height: 8px; margin-bottom: 32px;}
.mobile-block-spacer::after { content: ''; display: block; height: 16px; border-bottom: 1px solid #3c3c3c; margin-top: 24px;}
.mobile-block-spacer-half { height: 16px; }


.frame-text-block { padding: 0 20px; }
.frame-text-padding { padding: 8px 20px; }

.heigth-width-100 { height: 100%; width: 100%; }
.no-top-margin { margin-top: 0; }
.spacer-bottom-4 { margin-bottom: 4px; }
.spacer-bottom-16 { margin-bottom: 16px; }
.spacer-bottom-40 { margin-bottom: 40px; }
.spacer-bottom-60 { margin-bottom: 60px; }
.tiny-heading{ font-size:12px; font-weight:bold; }
/*.content a {color:#06F}*/
.blacklink a, a.black-link {color:#fff; }
.red-link a, a.red-link { color: #cc0007; }
a.red-link-greyline { color: #cc0007; text-decoration: underline #b2b2b2; }
a.black-link-xl { color: black; font-size: 16px; font-weight: bold; line-height: 32px; }
.grey-link a {color:#666}
.white-link a, a.white-link { color: #cfcfd3; }
.cornflower-link a, a.cornflower-link { color: cornflowerblue; }
.external-links a { color: #1e90ff; font-weight: 500; text-decoration: underline; }

a.link-underline { text-decoration: underline; text-decoration-color: #1e90ff; }
a.black-underline { color: #333; text-decoration: underline; text-underline-position: auto; }
.link-blue a, .link-blue { color: #0029cc; }
.link-white a, .link-white { color: #fff; }
.block-link { display: block; margin-bottom: 6px; }
.word-break {word-break:break-all; max-width: 600px;}
.nowrap { white-space: nowrap;  }
.relative {position:relative}
.absolute-right { position: absolute; right: 8px; }
.top-8 { top: 8px; }
.arrow-open { color: #dddddd; }
.filter-drop { filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, 0.9));}
.relative-100 { height: 100%; position:relative; width: 100%; }
.event-link-date { color: burlywood; font-size: 0.9rem; font-weight:500; }

.compact-list dt, .compact-list dd  {border-top:none; padding:4px 0}
dl.compact-list {border-bottom:none}
picture { height: 100%; }

.cancelled, .cancelled a { text-decoration: line-through;}
.inactive { color: darkgrey; }
.strong{font-weight:bold;}
.center {margin:0 auto;}
.icon24 { width: 24px; }
.btn-show-map { background-color: #0029cc; border-radius: 4px; color: white; font-weight: bold; font-size: 14px; line-height: 14px; margin-left: 6px; padding:2px 6px 3px 6px; }

.line {width:100%;height:1px;clear:both;border-bottom:1px solid #d2d1ce;display:block}

label, button {white-space: nowrap; user-select: none;}
button, img {outline:none}
button, .btn {cursor:pointer;user-select: none;}
a { cursor:pointer;text-decoration:none;user-select: none; text-underline-position: under;} 
.img-full{width:calc(100% - 48px); margin: 0 24px;}
.header-image {display:block; height:auto; width:100%;}
.header-image img { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; height: 100%; object-fit:cover; width: 100%; }
.image-attribution{ display: block; font-size:12px;line-height:16px; margin-bottom: 16px; padding-top:4px;text-align:right}
.image-attribution a { color: #abadb3;}

img.image-shadow { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }

.main-image { object-fit:cover; height: 200px; width: 100%; }




.btn-swipe-down-text { color: #fff; display: inline-block; font-size: 15px;
    font-weight: bold; line-height:28px; margin: 0 auto; position: relative; text-align: center; }
.btn-swipe-down-text::before { content: 'expand_more'; font-family: 'Material Icons'; position: absolute; left: -24px;}	

.inline-block { display: inline-block; }
.flex-container { display:flex;}
.fit-content { width: fit-content; }
.flex-gap-20 { column-gap: 20px; }
.flex-gap-30 { column-gap: 30px; }
.flex-gap-8 { column-gap: 8px; }
.flex-container-center { align-items:center; display:flex; }

.flex-container-li { display:flex; list-style: none;}
.flex-container-li > li { flex: 0 0 auto; }
.flex-container-ul > li { display:flex; list-style: none; }


.flex-container-ul img {width:24px;height:24px}

.flex-default-cel, .flex-grow{ flex:1 1 auto; }
.flex-fixed { flex:0 0 auto; }
.flex-wrap { flex-wrap: wrap; }
.flex-collapse {  visibility: collapse; }
.flex-justify-content-center { display: flex; justify-content: center; }

.flex-icon-cel { flex:0 0 32px; }
.flex-icon-cel img {height:16px; width:16px; }
.flex-icon-cel-l { flex:0 0 24px}
.flex-icon-cel-l img { width:24px; height:24px; }
.flex-24 { flex:0 0 24px}
.flex-12 { flex:0 0 12px}
.flex-aside { display: none;}
.flex-icon-spacer div:first-child { margin-right: 16px; }

.menu-top-on a, .menu-sub-on a { border-bottom:2px solid #cc0007; font-weight:bold;letter-spacing:0.5px;}
.menu-sub-on a { /*border-bottom:2px solid #898989;*/font-weight:bold;letter-spacing:0.5px;}

.menu-top-inner { overflow-x:scroll;overflow-y:hidden;height:60px; white-space: nowrap; }

.fixed {position:fixed; }	

aside {display:none}
.div-with-aside { margin-bottom: 36px; position: relative;}

footer li {list-style-type:none}
footer a { color:#cfcfd3;} 

.flags-list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 20px; width: 200px; padding: 8px;}
.flags-list a { align-items:center; display: flex; font-weight: bold; height: 40px; padding: 6px;width: 100%; }
.flags-list img { display: inline-flex; max-width: 24px;  max-height: 24px; margin-right: 12px; }


nav.nav-bar { margin-bottom: 2rem; }

.breadcrumb { font-size:0.85rem; margin-bottom: 12px; margin-left: 24px}
.breadcrumb	a{color:#ddd}
.breadcrumb li {display:inline-block; }

ul.tabs { list-style: none; display: flex; flex-wrap: wrap; }
ul.tabs li { background-color:#595d75; border-radius:3px; color: white; cursor:pointer; font-size: 0.875rem; line-height:1rem; margin-bottom:8px; margin-right:6px; 
	padding: 6px 12px; user-select: none; }
ul.tabs li:hover { background-color:#0029cc; }
ul.tabs li.tab-btn-on { background:#000e5a;}
	
ul.tabs li a { color: white; }
ul.tabs-s li { font-size: 0.75rem; padding: 4px 10px; }



.btn-large {  background-color: #0029cc; /*border: 1px solid #3b9fe2*/; border-radius: 3px; box-shadow: 0 0 0 1px #3b9fe2; cursor: pointer; color: #fff; line-height: 40px;
	padding: 0 20px; }


.tab-bar 				{ padding-top:1px;outline:none}
.tab-bar .tab, .tab-bar .tab_on { background-color:#626262; color:#fff; cursor:pointer; display:inline-block; 
	vertical-align:baseline;line-height:40px;  margin-right:1px; margin-bottom:1px; outline:none; padding: 0 12px}
.tab-bar .tab:hover, .tab-bar .tab_on 		{ background-color:#1e90ff; }
.tab-bar .hide		{ display:none; }
.tab-bar a			{color:#fff; }
.tab-bar .tab_on a	{color:#fff; }

.cards-container { margin: 0 24px; }
.cards-container .dark-card { margin-bottom: 48px; }
.cards-container-without-scroll {  margin: 0 24px; }
.card33 { margin-bottom: 48px;}
.cards-container h1, .cards-container h2, .cards-container h3 {font-size: 36px; font-weight: 700; margin-top: 0; }
.cards-container .with-image h1, .cards-container .with-image h2, .cards-container .with-image h3 { padding-top: 0; }
.cards-container h1 { font-size: 36px;}
.cards-container h2 a, .cards-container h3 a { color: unset;}

.cards-container p, .cards-container .inner-space { margin-bottom: 12px;  }

.cards-container img {width: 100%; height: auto;}
.cards-container a.btn-round {margin-left: 16px;}

.cards-container-scroll { display: flex; width: fit-content; padding-right: 20px;}
.cards-container-scroll .dark-card { flex: 0 0 70vw;} 

.card-margins { margin-left: 24px; margin-right: 24px; }
.multiple-cards .dark-card:first-child { margin-left: 24px; }
.dark-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 1), 1px 1px 15px 10px rgba(255, 255, 255,0.04);
    position: relative;
}

.dark-card:first-child {
	margin-left: 0;
}
.dark-card .map-container { padding: 0;}
.scroll-container-x .dark-card:first-child {
	margin-left: 24px;
}
.scroll-container-x .dark-card:last-child {
	margin-right: 24px;
}


.dark-card::before {
    content: '';
    background: #343434;
    border: 1px solid #515151;
    height: 100%;
	width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
.dark-card .img-full {margin: 0; }
.dark-card .read-more-link, .dark-card .bullet-list, .dark-card .margin-left { margin-left: 24px;}
.full-card { width: 100%; }
.read-more-link {
    margin-left: 24px;
}
.block img {
	width: 100%;
	height: auto;
}
.card-no-image {padding-top: 24px; }

.event-card > h3 { font-size: 36px; font-weight: bold; margin-left: 22px; margin-top:0; position: relative; }
.event-card header a { color: black; display: inline-block; }


/* custom */
.custom-button {border:none;background:none;}
.clear, .clear4, .clear8, .clear16, .clear24, .clear48 { clear:both;width:100%;display:block;}
.cel, .cel1, .cel2, .cel2a	{ float:left;}
.clear8{height:8px}
.clear16{height:16px}
.clear24{height:24px}
.clear48{height:48px}
.space-top-48 {margin-top: 48px;}
.space-top-16 {margin-top: 16px;}


.cel-margin {float:left;margin-right:12px;}

.card-box { padding:12px 0; }
.card-box .card { background: #222222; border: 1px solid #636363; margin: 0 12px 40px 12px; }

/* sections  --new */
.content { margin-top:118px;}


section { border-bottom: 1px solid #cccccc; margin-bottom: 40px;  }
.section-group { background: white ; overflow: hidden;}
.section, .section-first {  border-bottom: 1px solid #cccccc; border-top:1px solid #d9d9d9; margin-bottom: 36px; }
.section-first { border-top: none }
.indent-mobile { padding: 0 20px; }
.card-container .indent-mobile { padding: 12px 20px; }
article { clear: both; overflow: hidden; }


.section-preview-item { padding-bottom: 24px; }
.section-preview-items article { background:white; padding-bottom:8px; margin-bottom: 16px;  }
.section-preview-items header { font-size: 1.25rem; margin-bottom: 4px; }
.section-preview-items .card-content { padding-top:16px; }
header a { color: #212121; }
header a b { color: black; }

dl { border-bottom: 1px solid #d2d1ce; display: flex;  flex-wrap: wrap; }
dt, dd  { border-top:1px solid #d2d1ce; padding:8px 0; }
dt { padding-top: 10px; }
.dd-events-list { padding-top: 0; }

.guide-list-details h4, .event-details h3 { color: #cc0007; font-size: 0.9rem; font-weight: bold; margin-top: 0;}


dt { border-right: 1px solid #d2d1ce;  display: flex; justify-content: center ; width:54px; }
dt img { height: 20px; }

dd { flex-grow: 1; width: calc(100% - 60px ); }

/* cards */
.card-container { display:flex; padding-bottom:36px; }
.card-container > article { overflow:hidden; flex:0 0 70vw; margin-left:24px; flex-direction:row }
.card-container div.empty-card, .card-4-container div.empty-card { flex: 0 0 24px; }

.card-list-container article {  border-bottom:1px solid #cccccc;border-top:1px solid #d9d9d9;  margin-bottom: 32px; padding-bottom: 12px; }


/* icons */
.top-right { position: absolute; right: 0; top: -16px;}

/* lists */ 
.text-content ul, ul.bullet-list { list-style: none; }
.text-content ul li, ul.bullet-list li { display: block; margin-bottom: 4px; margin-left: 22px; position: relative; }
ul.bullet-list { list-style: none; margin:0 24px;  }

ul.faq { list-style: none; }
.faq h3 { font-weight: bold; }
ul.faq li { margin-bottom: 16px; }

.text-content ul li:before,  ul.bullet-list li:before { background: #b2b2b2; border-radius: 50%; content: ''; display: block; height: 9px; 
	left: -20px; position: absolute; top: 8px; width: 9px;}


.card-canvas {  overflow:hidden; }




.preview-item { background:white; padding-bottom:8px; border-bottom: 1px solid #cccccc; margin-bottom: 16px; }
.preview-item .card-content { padding:16px 20px 0 20px; }

.preview-item-line { border-bottom: 1px solid #cccccc; }


.plus-sign {  display: block; font-size: 0.8888rem; background: url('https://www.nighttours.eu/images/static/icon-plus-point-green.svg') no-repeat; background-size: 13px 13px; background-position: top 8px left;
		 padding-left: 24px; }
.plus-sign-purple { background-image: url('https://www.nighttours.eu/images/static/icon-plus-point-purple.svg'); }

.card-container article, .card-layout-default .card, .card-layout-default .preview-item
	{  border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12);
	  margin-top:4px; padding-bottom: 12px; }
 .card-shadow { border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12);
	  min-width: 80vw; margin-top:4px; margin-left: 20px; padding-bottom: 12px; }
 .shadow { border-radius: 2px; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); overflow:hidden; }
 .shadow-2 { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
 .shadow-3 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; }
 
.hotel-details-link { display: block;}
.hotel-details-image, .hotel-details-image-price { height: 150px; margin-bottom: 8px; object-fit: cover; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.7);}
.hotel-details-image-price { height: 175px; }
.hotel-details-header { display: block; font-size: 20px; font-weight: bold; line-height: 24px;  margin-bottom: 8px; overflow: hidden;}
.hotel-sub-heading { color: #fff; display: block; font-size: 15px; font-weight: bold; }
.hotel-price-block { display: inline-block; height: 66px;}
.item-row { margin-bottom: 8px; }
.btn-shortcut { cursor: pointer; color: #4082f0; user-select: none; white-space: nowrap;}

.icon-location { background:url('https://www.nighttours.eu/images/static/icon-marker-3.svg') no-repeat; background-position: top 2px left 2px; background-size: 11px 20px; padding-left:23px; }

.vertical-container { margin:0 24px; }

.card-canvas .header2plain{ font-size:24px; margin:6px 0 12px 0;  }
.card-canvas h3, .card-canvas .heading3 { clear: both; font-size:24px; line-height: 24px; margin:0;  }
.card-canvas p, .card-canvas .section { margin:6px 0 12px 0; }


.card-padding { display: block; padding: 0 24px; }
.card-padding-all { padding: 10px 24px; }
.card-padding-text { padding: 0 24px 12px 24px; }
.mobile-card-regular, .mobile-desktop-card-regular { padding-left:24px; padding-right: 24px; } 
.card-padding-bottom { padding-bottom: 24px }
.card-padding-section { padding-bottom: 10px }

.card-mobile { display: flex; flex: 0 0 70vw; flex-direction: column; padding-bottom: 20px; margin-top:4px; scroll-snap-align: center;}
.card-mobile:first-child { margin-left: 20px;}

.content-card { display: flex; flex: 0 0 70vw; flex-direction: column; padding-bottom: 16px; }
.content-card:first-child { margin-left: 20px;}

.content-card div:nth-child(1) { font-weight: bold; }
.content-card div:nth-child(2) { color: white; font-weight: bold; margin-bottom: 4px;}
.content-card div:nth-child(4) { flex-grow: 1; margin-top: 12px;}
.content-card-img { height: 150px; object-fit: cover; width: 100%; margin-bottom: 16px; }

.list-card { flex: 0 0 70vw;  }
.list-card > h3 { margin: 12px 12px 12px 12px;}


.card-space-after, .card-space-group { margin-bottom: 48px; }

#div-hotel-cards-list { min-height: 601px;  }

.card-borders-mobile { border-bottom:1px solid #cccccc;border-top:1px solid #d9d9d9; }
.card-border-top-mobile { border-bottom:none; }
.inner-card, .main-card .inside{  padding:18px 20px 0 20px; width: 100%;  }
.picture-card{padding:20px 20px}
.connected-card  { margin-bottom:12px }
.card-mobile-section {  border-bottom:1px solid #cccccc; margin-bottom: 48px; padding: 0;}
.card-mobile-section > .preview-item {border-bottom:none; }

.card-space { margin-bottom: 12px ;}
.overlay-header { align-items: center; display:flex; height:50px;  padding-right:12px}
.overlay-header-back { flex:0 0 24px; margin-left: 20px; }
.overlay-header-text{ flex:1 1 200px; line-height: 1; }
.overlay-header-close{ flex:0 0 24px }
.card-image  { /*margin-bottom: 12px;*/ height: 180px; width: 100%; }
.card-image img { height: 100%; object-fit: cover; width: 100%; }

.card-show-more { display: flex;}
.card-show-more img { width:24px; margin:12px auto; }


.canvas_section {margin:0 16px 48px 16px ;overflow:hidden}
.canvas-box { border:1px solid #abadb3; padding:8px }
.canvas_section h1 {margin:0 0 12px 0}





.drop-down-container { display: inline-block;  margin-bottom: 8px; position: relative;  }
.position-right { right: 0;}
.drop-arrow { background: white url('https://www.nighttours.eu/images/static/icon-drop-down-down.svg') no-repeat center center; 
	background-size:12px 8px; cursor: pointer; display: block; flex: 0 0 auto; height:10px;  width:20px; }
.box-open .drop-arrow { background: url('https://www.nighttours.eu/images/static/icon-drop-down-up.svg') no-repeat center center;  }
.drop-down-box { align-items: center; border: 1px solid #999999;border-radius: 8px; display: flex; padding:2px 12px; }
.drop-down-box-xl { padding:6px 16px; text-underline-position: under; }
.option-popup {  border-radius: 6px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12); 
	list-style: none; min-width: 100%; overflow: hidden; padding: 6px 10px; position: absolute; z-index: 4000; }
.option-popup	li { display: block; margin-bottom:4px; min-width: 280px; padding: 2px 6px; }
li.option-popup-on, li.option-popup-on a { background-color: #4c4c4c; color: white;}	
.option-popup:focus { outline:none; }
.option-popup a { color: #333; display: block; } 
.option-popup-sub-heading { margin-top: 12px; }
.icon-close-window { background: url('https://www.nighttours.eu/static/icon-close-s.svg') no-repeat; background-size:8px 8px; position:absolute; right:2px; top:2px; width:16px; height:16px; padding:4px; background-position:center; cursor:pointer  } 


.summary-list li {list-style-type:none;border-bottom:1px solid #d9d9d9;padding:8px 0;overflow:hidden}
.summary-list li:first-child {border-top:1px solid #d9d9d9}
.nr-list .cel1 { width:25px;padding-top:5px}
.nr-list .cel2 { width:calc(100% - 25px);}
.list-2-col { display: flex; column-gap: 20px; max-width: 400px; margin:0 24px; }
.list-2-col div { flex: 1;  }
.list-2-col a { display: block; margin-bottom: 8px; }


/* flex list */

.list-icon-item { display: flex; margin-bottom: 16px;}
.list-icon-item:last-child {  margin-bottom:0;}
.list-icon-item > div:nth-child(1) { flex: 0 0 50px; padding-top: 4px; }
.list-icon-item img { max-height: 24px; max-width: 24px;}
.list-icon-item > div:nth-child(2) { flex-grow: 1; padding-top: 4px; }

.card-list-icon-item { display: flex; margin-bottom: 16px; padding:0 24px; }
.card-list-icon-item > div:nth-child(1) { flex: 0 0 40px; padding-top: 4px; }


.city-cel { align-items:center; border-bottom:1px solid;  display:flex; line-height:23px; overflow:hidden; padding:8px 12px; white-space:nowrap }
.city-cel:last-child { border-bottom: none; }
.city-cel img { flex:0  0 24px; margin-right: 10px; width: 24px;}
.city-cel span { flex:1  1 auto; }

img.city-cel-flag { width:24px;margin-right:10px;margin-top:3px; max-height: 20px;}



.postion-rating-box { top: 4px; position: absolute; left: 4px; }
.postion-rating-box-top { left: 12px; position: absolute; top: 12px; }
.rooms { font-size:15px; line-height:15px}



.basic-list { list-style: none; margin: 0; padding: 0; }
.basic-list li a {color: unset; }

.arrow-item { background: url('https://d2kf1nqjka06i0.cloudfront.net/static/chevron-right-bold.svg') no-repeat; background-size:9px 15px; background-position: right 20px top 4px; column-gap: 20px; display: flex; padding: 0 20px 0 0; }



.hotel-price-list .hotel-name {padding:0;font-size:15px;}
.hotel-name-full { display: inline-block; font-weight:bold; line-height:1.2rem; }
.hotel-name-full a {color:#000;}


.btn-with-icon, a.btn-with-icon, .icon { line-height:24px;height:24px;font-size:15px;cursor:pointer;display:inline-block;vertical-align:baseline;margin-left:12px;}
.icon {cursor:auto}
.icon-rounded {border-radius:4px;background:#b2b2b2;width:24px}
.btn-with-icon:first-child, a.first-btn, .icon:first-child {margin-left:0}
.btn-with-icon img, .btn-with-icon span, .icon img { width:24px; height:24px;margin-right:6px;vertical-align:middle;}
.icon-16 img {width:16px;height:16px}
.icon-s img { width:14px; height:14px;}
.btn-outline { border-radius:6px; border:1px solid #cccccc;padding:2px 4px;}
.btn-xl {padding:8px 16px} 

.btn-round, .hotel-btn {background-color: #0029cc; box-shadow: 1px 1px 2px rgba(0,0,0,0.7); color: #fff; cursor:pointer;}
.hotel-btn, a.hotel-btn, .hotel-card-s a.hotel-btn { align-items: center;  border:none; border-radius:30px;  color: #fff;; 
	display:block; font-size:15px; justify-content:center; margin:0 auto; padding:1px 12px; text-align: center; width:80%; }

.btn-round, .btn-round-s { border-radius: 9999px;   display: inline-block; font-size: 16px; font-weight:500; margin-bottom: 16px; line-height: 29px;  padding: 0 16px;}
.btn-round-s { font-size: 14px; line-height: 20px; margin-top:6px; }





.tag { border-radius:4px; background-color:#2f4f4f; color:#fff; display:inline-block; margin-right: 8px; overflow:hidden; padding:0px 8px; }
.category-tag { font-size: 15px; line-height: 15px; }

.hotel-price-header { margin-bottom:1px;}

ul.gallery {  display: flex; flex-direction: column; list-style: none; row-gap: 40px; }
ul.gallery img { height: auto; width: 100%; }
ul.gallery .heading-row { display: flex; justify-content: space-between; }
ul.gallery a { color: black;}
ul.gallery a.link { background:#0029cc; color: white; display: inline-block; font-size: 16px; font-weight: bold; line-height: 20px; padding:0 6px; }




.hours-list li { column-gap: 8px;}
.hours-list li div:nth-child(1) {flex:0 0 80px; }
.hours-list li div:nth-child(2) {flex-grow: 1; }

/* hotel form */
.booking-form { padding: 20px; }

.hotel-form { margin-top: 8px; position:relative; }
.hotel-form-row { background-color: #28292a; border: 1px solid #585858; display: flex; line-height: 36px; margin-bottom: 16px; }
.hotel-form-row > div { padding: 2px 8px;}
.hotel-form-row > div:nth-child(1) { flex: 0 0 36px; align-items: center; display: flex; }
.hotel-form-row > div:nth-child(2) { flex: 0 0 90px;font-size: 14px; }
.hotel-form-row > div:nth-child(3) { color: #fff; flex: 1 1 auto;  font-size: 15px;}

.hf-checkinout { align-items:center; border:1px solid #abadb3;  cursor:pointer; display:flex;  height: 40px; line-height:17px; margin-bottom:16px; user-select: none }
.hf-checkinout-active, .hf-checkinout:hover, .hf-select-container select:hover { border-color: #0029cc;}
.hf-checkinout-cal { align-items:center; background-color: #777;  color: white; display:flex;  line-height:17px; padding:7px 10px 7px 16px}
.hf-city-name { border:none; /*flex: 1 1 auto;*/ font-size: 16px; font-weight: bold; width: calc(100% - 124px );}
.hf-city-name:focus {outline: none;}
.hf-checkinout-label { flex:0 0 120px; font-size: 15px; padding-left: 42px;}
.label-blue { color: #0029cc; font-weight: normal; }
.hf-checkinout-date { flex:1 1 auto; font-size:17px; font-weight: bold; line-height:17px }
.hf-checkinout-icon-s { cursor: pointer; flex:0 0 18px ;}
.hf-checkinout-icon-s img{ height:18px; width:18px;}
.hf-checkinout-icon-clear { cursor: pointer; flex:0 0 24px ;}
.hf-select-container select { border-color: #abadb3; height: 36px; margin-right: 12px; padding: 4px 16px; }

.checkinout-hover-label {  left: 0; position: absolute; top: 0; width: 100%;}
.icon-calendar { background:url('https://d2kf1nqjka06i0.cloudfront.net/images/static/icon-calendar-darkblue.png') no-repeat; background-position: center left 10px; background-size: 21px 17px; }
.icon-search { background:url('https://www.nighttours.eu/images/static/icon-search.svg') no-repeat; background-position: center left 10px; background-size: 20px 20px; }
.btn-hotel { border:none; border-radius:30px; background-color:#0029cc; color:#fff;padding:7px 16px 7px 16px;cursor:pointer; vertical-align:baseline;font-size:15px;font-weight:bold; line-height:15px;margin:8px 0}
.btn-hotel-inactive { background-color: lightgrey; }
.btn-hotel-active { background-color: #008009; }
.booking-logo-side { flex:0 0 106px;}
.header-booking { font-size: 22px; font-weight: bold; line-height: 20px; margin-bottom: 8px;}
.btn-radio { display:inline-block; background:url('https://www.nighttours.eu/images/static/check_box_outline_blank-24px.svg') no-repeat;background-size: 24px 24px;height:24px;width:24px;}
.btn-radio-on { background:url('https://www.nighttours.eu/images/static/check_box-24px.svg');}
.calendar-label { flex:1 1 auto ;}
.hf-submit-container { align-items: center; align-content: space-between; display: flex; flex-wrap: wrap;  }
.hf-clear-dates { margin-left: auto; }

/* (events) lists */
.with-red-line { border-left: 12px solid #cc0007; }
.with-grey-line { border-left: 1px solid #d2d1ce; }
.with-line-right { border-right: 1px solid #d2d1ce; }

.flex-next-li > li, .flex-next-a li > a { display: flex; }


.list li { list-style:none; }
.with-lines li { border-bottom: 1px solid #d2d1ce; padding: 8px 0; }


.list-full-events { background-color: #1b1b1b; position: relative; }
.list-full-events a { color: #cfcfd3; }
.list-full-events li { border-bottom:1px solid #000; border-top: 1px solid #575757;;   list-style:none; overflow:hidden; padding:8px 20px; position: relative;}
ul.list-full-events li::after { color: #cfcfd3; content: "chevron_right"; right: 4px; line-height: 24px;position: absolute;  top: 8px; }
.list-full-events-no-top li:first-child { border-top:none; }
.list-full-events li:first-child { border-top-color: #484848; }
.list-full-events-no-top li:last-child { border-bottom:none; }
.list-full-events-details, .list-full-events-details li { padding-left: 0; padding-right: 0; }
.no-background { background: none; }

.list-full-events .flex-row { display:flex; flex-direction:row; }

img.events-list-flag { flex: 0 0 24px; margin-right:10px;margin-top:8px; width:24px }
.events-list-month { flex: 0 0 50px; font-size: 0.8rem; font-weight:bold; text-transform:uppercase; }
.events-list-full-date { display:block; font-size:14px; font-weight:bold}

.cel-event-distance { padding: 0 8px 0 0; width: 80px; }

.list-full-events .cel-date-after-flag {flex: 0 0 80px;}

.list-full-events .cel-info {padding:0 8px 0 0; flex: 1 1 auto;}


.list-full-events .cel-day {width:80px;float:left;padding:2px 0}
.list-full-events .cel-opening-hours {width:calc( 100% - 80px);float:left;padding:2px 0}

.list-full-events .cel-date-max {width:calc(100% - 130px);float:left;padding:2px 0}
.list-full-events .cel-hours-fixed {width:120px;float:left;padding-right:8px}
.list-full-events .hours-text{display:block}

.list-full-events .cel-hours {width:110px;float:left;padding-right:8px}

.list-full-events img.img-link-icon {width:16px;height:16px;float:left;margin-top:6px;}

.list-full-events .cel-link-icon {width:40px;float:left;padding:6px 0 6px 0px;overflow:hidden;}
.list-full-events .cel-link-icon img {width:16px;height:16px;}
.list-full-events .cel-city-event {width:calc(100% - 40px );float:left;padding:6px 0 6px 0px;overflow:hidden;}
.list-full-events .cel-event-details {width:calc(100% - 110px);border-left:1px solid #9e9e9a;float:left;padding-left:8px;}

.list-full-events .cel-city {display:block;}
.list-full-events .cel-event {display:block;margin-left:13px;padding-bottom:5px;}
.list-full-events .cel-news { display:block; line-height: 1.2; max-height: 2.5em; overflow: hidden; margin-bottom: 4px;}
.list-full-events .cel-event-name { flex-grow: 1; padding:0 8px 0 0; }
.list-full-events .cel-event-name a {color:#000;}
.list-full-events h3 { margin-top:48px; }
.list-full-events h3:first-child { margin-top:16px; }

.events-list { background-color: #2a2a2a;}

.list-breaks a {border:none;}

.summary-list .list-full-events li:first-child {border-top:none;}
.summary-list .list-full-events li:last-child {border-bottom:none;}




.img_right 			{ float:right; max-width:300px; margin:0 0 4px 16px; }
.img_right img		{ max-width:100%; width:100%;}

.img-left 			{ float:left; height: auto; margin:0 16px 4px 0; width:40%; }
.img-left img, .img-right img		{ max-width:100%; width:100%;}
.img-right 			{ float:right; height: auto; margin:0 0 4px 16px; width:40%; }
.img-full 			{ height: auto; }
.img-full img { max-width: 100%; }
img.desktop-img-right, img.desktop-img-left, .desktop-right img	{ height: auto; width:100%; }
/*.desktop-right*/
.float-right { float: right; margin:0 0 4px 16px; }

.img_left 			{ margin:0px 12px 4px 0;float:left;max-width:300px;}
.img_full 			{ width:100%;}



.scroll-container { overflow-x:scroll; width:100%; }
.scroll-container-y { overflow-y:auto; }
.scroll-container-x {
    overflow-x: auto;
    padding-top: 10px;
    scroll-snap-type: x mandatory;
}
.scroll-container-x > div >div{
	scroll-snap-align: center;
	padding-bottom: 24px;
}
.option-container { max-height: calc(100vh - 200px); }
.scroll-control-desktop { display: none; }
.empty-card-spacer { width: 20px; }


.card-border { border: 1px solid; }
.card-inside { padding:12px 8px;}

.map-container { height: calc(100vh - 150px); padding: 0 20px; width: 100%; }
/* hotel list */
.hotel-card, .hotel-card-s {display:flex; flex-direction:column; padding-bottom: 12px;}
.hotel-card .img-block, .hotel-card-s .img-block, .hotel-detail-card .img-block { flex: 0 0 100%; height: 180px; margin-bottom: 12px ;}

.map-overlay-small .img-block, .map-overlay-small .hotel-detail-card .img-block  { display:none; }

.hotel-card .img-block img, .hotel-detail-card .img-block img, .hotel-card-s .img-block img { height: 100%; object-fit: cover; width:100%; }
.hotel-detail-card .img-block img {height:180px}
a.btn-blue { background-color: #0029cc; border-radius:30px;  color:#fff; cursor:pointer; font-size:15px; line-height: 24px; margin:8px auto 0 auto; padding:0 24px;  }
	
.hotel-card .hotel-header, .hotel-card-s .hotel-header { font-size:1.5rem; min-height:72px; }
.hotel-card .hotel-header a, .hotel-card-s .hotel-header a{color:#000; }
.hotel-card .main-block, .hotel-card-s .main-block {padding:0 20px 0 20px}
.card-layout-default .hotel-preview-details { min-height: 120px;}



.hotel-text {margin-top: 12px;}

.nr_icon	{ border-radius: 50%; height:17px; margin-bottom:4px;width:17px;font-size:13px;line-height:17px; font-weight:bold; color:#ffffff; text-align:center; background-color:#cc0007}

/* text */

:target {
  display: block;
  position: relative;
  top: -140px; 
  visibility: hidden;
}


.read-more { background:url('https://www.nighttours.eu/images/static/icon-read-more-red.svg') no-repeat; background-position: center; background-size:7px 14px;
		display:inline-block; height:1.1rem; margin-left:12px; vertical-align: text-bottom; width:6px; }

.star-container { display:inline-flex; line-height:12px; vertical-align:text-top; }
.star-gold { background:url('https://d2kf1nqjka06i0.cloudfront.net/images/static/star2.svg') no-repeat; width:12px; line-height:12px; height:12px; margin-left:2px}

.star-1, .star-2, .star-3, .star-4, .star-5 { background:url('https://www.nighttours.eu/images/static/stars-5x.svg') no-repeat;  background-size: 60px 12px; background-position: center left; display: inline-block; height:22px; margin-left:4px; width:12px; vertical-align: middle;}
.star-2 { width: 24px; }
.star-3 { width: 36px; }
.star-4 { width: 48px; }
.star-5 { width: 60px; }


/* forms */
.form_layout label				{ float:left; width:19%; clear:left; margin:0; padding:0; }
.form_layout fieldset			{ float:left; width:80%; margin:0 0 12px 0; padding:0;}
.form_layout fieldset label		{ float:none; width:auto; white-space:nowrap; font-weight:inherit;cursor:pointer}
.form_layout select				{ padding:4px; }
.form_layout input[type=text], .form_layout input[type=email], .form_layout input[type=password], .form_layout .box	
	{ font-size:14px; padding:3px 6px;width:100%;max-width:300px;  min-height:20px}
.subfield input[type=text] { width:auto;}
.small_field input[type=text] { width:40px;}
.form_layout textarea			{  margin:0; width:100%; font-size:14px}

.form_layout input[type=text].wide_field { width:100%;max-width:100%;}
.form-layout-input-small { width: 60px; }

input[type=search] { border: 1px solid #ddd;border-radius: 1px;padding:3px 6px;width:100%;max-width:300px; display:inline-block;height:22px;margin-bottom:8px;}


.btn_active	{ 
 background-image:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0.02));border-color: #ddd;text-overflow: ellipsis;color: #222;border: 1px solid #ddd;
border-radius: 2px;cursor: pointer;font-size: 13px;font-weight:400;height:22px;line-height:20px;margin:0;min-width:72px;padding:0 10px;text-align:center;text-decoration: none
;text-transform: none;white-space: nowrap;vertical-align: middle;}
.btn_active	{background-color: #4184f3;color: #fff;border: 1px solid #0157e4;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));border-color:#0157e4;overflow:hidden;}
a.btn_active{color:#ddd;}
.warning { color:#f39200;font-weight:bold }



.close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}

	
.box-cancelled  {background:#ff0000;overflow:hidden; padding:0 8px;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:bold; padding:0 4px;font-size:12px;line-height:16px}


.hide, .mobile-hide, .mobile-hide-table, .basic-table .hide, .hotel-price-list .hide, .list-full-events .hide {display:none; }
.hidden{ visibility:hidden; }


/* default themes */

ul.flag_list_abc li { align-items: center; display: flex; }
ul.flag_list_abc li div { flex: 0 0 40px; font-weight: bold; }

/* map */
.duo-container { height: calc(100vh - 95px); position: relative; }
.map-list-container { height:30vh;  }
.map-map-container { height:90vh;  }
.map-popup-content { padding: 0 16px; }
.map-popup-container { background-color: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 30vh;  }

.map-card-container { height: 30vh; margin-bottom: 16px;}
.map-card { height: calc(30vh - 16px); }
.div-map-cards { display: flex; column-gap: 16px; width: fit-content;}
.map-card { flex: 0 0 80vw; }
.map-card .venue-image  { height: 100%; object-fit: cover; width: 100%; position: absolute; }
.map-card .hotel-map-image { height: 100%; object-fit: cover; width: 100%; }
.map-card-image-container { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.map-card-title { height: calc(50% - 34px); letter-spacing: -0.6px; font-size: 24px; overflow: hidden; padding: 8px 20px; }
.map-card-heading { height: 50px; font-size: 24px; overflow: hidden; width: 100%; }
.map-card-info { background-color: rgba(0,0,0,0.8); bottom: 0; height: 100px; left: 0; letter-spacing: -0.6px; font-size: 24px; overflow: hidden; padding: 8px 20px; position: absolute; width: 100%; }
.map-card-center { display: flex; justify-content: center;	width: 100%; }
.map-card-btns { display: flex; justify-content: center; align-items: center; column-gap: 24px; position: absolute; bottom: 12px; left: 0; right: 0; }
.map-card-button {  background: #0029cc; border-radius: 30px; color: white; cursor: pointer; display: flex; align-items: center; column-gap: 4px;
	font-size: 15px; left: 0; line-height: 24px; padding: 0 16px; vertical-align: middle; width: fit-content; }
.map-position-dot { bottom: 0; height: 1px; left: 50%; position: absolute; width: 1px;}
.map-card-active { background-color: rgba(0,0,128,0.8); }

.margin-bottom-default { margin-bottom: 16px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-12 { margin-bottom: 12px; }
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-24 { margin-bottom: 24px; }
.margin-bottom-32 { margin-bottom: 32px; }
.margin-right-12 { margin-right: 12px; }
.margin-right-20 { margin-right: 12px; }
.margin-top-4 { margin-top: 4px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-20 { margin-top: 20px; }
.margin-left-20 { margin-left: 20px; }
.padding-top-4 { padding-top: 4px; }
.padding-16 { padding: 16px; }
.height-40 { height: 40px;}
.height-90 { height: 90px;}

.no_mobile, a.no_mobile, .no-mobile			{ display:none;}
	
@media screen and (min-width:970px) {

	.no_mobile, a.no_mobile, .mobile-hide	{ display:unset}
	.no-mobile { display:inherit}
	.mobile-hide-table { display: table-cell; }

	.page-header {  display: flex; height:135px; justify-content: center; position:fixed; }
	.page-header-spacer { height: 159px; }
	.page-header-spacer-min { height: 135px; }

	.page-header-inside { padding:0 20px; max-width: 1010px; width: 100%;} 
	.nav-top-shadow { top: 135px; width: calc(100% - 40px); left:unset; }

	.nav-menu-top { top: 80px; width: calc(100% - 40px); }	

	/*.page-header-top { height: 104px; }*/
	.page-top, header, footer, .container-basic { margin-left: auto; margin-right: auto; max-width: 1010px; padding:0 20px; }	
	.container-content { margin: auto; max-width: 1010px; padding:0 400px 0 20px; }	
	footer { margin-top: 48px;}

	header { margin:0 auto 20px auto; padding-top: 16px;}
	footer h2 { padding-left: 0;}

	h1, h2, h3, h4, .heading3, .list-2-col, p, .img-full, .nav-bar, ul.bullet-list { margin-left: 0; margin-right: 0;}
	.dark-card p, .dark-card h1, .dark-card h2, .dark-card h3, .dark-card h4, .dark-card .heading3  {margin-left: 24px; margin-right: 24px; }
	.cards-container-scroll .dark-card { flex: 0 0 270px;}

	.img-full { width: 100%;  }

	.main-image { height: 346px; width: 100%; }	
	.container { display: flex; column-gap: 30px; margin: auto; max-width: 1010px; }


	.div-with-aside { flex: 1 0; padding-left: 20px;  }
	aside {	display: block; flex: 0 0 360px; padding-right: 20px; }

	.page-top-line { background: #f2f2f2; display: none; height: 8px; position: fixed; top:0; width: 100%; z-index: 5000;}

	.page-bottom { height: 16px; }

	
	.popup-container {width: 400px; }
	.popup-hidden { left: -400px; }
	.popup { height: 800px; width: 400px; }

	div.panel-content::-webkit-scrollbar,	.scroll-panel::-webkit-scrollbar { width: 10px; }
	div.panel-content::-webkit-scrollbar-track , .scroll-panel::-webkit-scrollbar-track { background: #2a2b2d; }
	div.panel-content::-webkit-scrollbar-thumb, .scroll-panel::-webkit-scrollbar-thumb { background: #888; }
	div.panel-content::-webkit-scrollbar-thumb:hover, .scroll-panel.scroll-panel::-webkit-scrollbar-thumb:hover { background: #555; }

	.minimal-scrollbar::-webkit-scrollbar{ width: 8px; height: 8px;}
	.minimal-scrollbar::-webkit-scrollbar-thumb{ background: #B3AFB3; border-radius: 0px; }
	.minimal-scrollbar::-webkit-scrollbar-thumb:hover{ background: #B3AFB3;}
	.minimal-scrollbar::-webkit-scrollbar-track{ background: #2a2b2d; border-radius: 0px; box-shadow: inset 0px 0px 0px 0px #F0F0F0; }	

	.scroll-container-margin-desktop { margin-right: 20px; }

	
	
	.nav-systemwide { align-content: flex-end; align-items:center; display: flex; top:95px; position: absolute; right: 20px;}
	.nav-systemwide button { margin-left:12px; }

	.nav-menu-top li:first-child { margin-left:0; }





	
	img.logo { height: 76px; width: 468px; max-width: 468px;}
	img.logo-bg-stars { 
		width: 488px;
		height: auto;
	}

	.header-fixed .page-header-inside { padding:5px 20px 11px 20px; }

	.cards-container { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 48px; }
	.cards-container-without-scroll {  margin-left: 0; margin-right: 0;}
	.card33 { flex: 0 0 calc((100% - 48px) / 3);/* margin: 24px 24px 48px 24px; */ }		
	.card-margins { margin: 0 0 48px 0; }

	.scroll-container-x .dark-card:first-child {
		margin-left: 0;
	}
	.scroll-container-x > div {
		scroll-snap-align: unset;
	}


	.vertical-container { margin:0 0; }

	.popup-base { position: fixed; left: 0; top:0; width: 100%; }
	.popup-container { overflow: hidden; position: relative; width: 970px; } /* container where popup slides in relative needed! */
	.popup-hidden { left: -420px; }
	.popup { height:calc(100vh - 120px); top:120px; width: 400px;  }

	ul.gallery {  column-gap: 40px; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; row-gap: 40px; }
	ul.gallery li { flex: 0 1 calc((100% - 80px) / 3); list-style: none;  }
	ul.gallery img { width: 100%; }

	/* map 970px */
	.map-list-container { flex: 0 0 360px; height:100%;  }
	.map-popup-container { width: 360px;  }
	.map-map-container { flex: 1 1 auto; height:100%; overflow: hidden;  }

	.map-card { flex: 0 0 300px; height: 240px; margin-bottom: 16px; }
	.map-card-container { height: unset; }


.content {  margin-top:174px; }

.block { padding: 0 0 10px 0; }

.indent-h2-mobile h2 { padding: 0; }
.mobile-block-spacer, .mobile-block-spacer-half { background: none; border: none; }


.card-box {  padding:4px 0 0 0; }
.card-box .card { margin: 0 0 32px 0; }
.no-border-desktop {border: none;}
.no-shadow-desktop {box-shadow: none;}
.no-padding-desktop { padding: 0;}

/* --new desktop*/
.desktop-flex-row { display: flex; }
.section { border-bottom: inherit; border-top: inherit; }
.indent-mobile, .card-container .indent-mobile { padding: initial; }


.section-preview-items article { border: none; display: flex; }
.section-preview-items .card-content { padding:0; }

.card-container article { box-shadow: none; }
.card-list-container article { display: flex; border: none; }

div.panel-content::-webkit-scrollbar {  width: 20px; }

img.desktop-img-left 			{ float:left; margin:0 16px 4px 0; width:40%; }
img.desktop-img-right 			{ float:right; margin:0 0 4px 16px; width:40%; }
.desktop-right	{ float:right; margin:0 0 4px 16px;  }
img.desktop-300-200 { height: 200px; width: 300px; }

.mobile-card-regular { padding-left: initial; padding-right: initial; }


div.section-preview-items .preview-item, div.section-card-items article , div.section-card-items .preview-item { /*border-bottom: 1px solid #cccccc;*/ display: flex; }
div.card-image { flex: 0 0 200px; height: inherit;  margin-bottom: 0; margin-right: 32px; }

div.preview-item { border: none;  margin-bottom: 0; padding: 12px 0 16px 0; }
div.preview-item .card-content { padding:0}


.flex-container-desktop { display:flex; }


.desktop-topnav-btns { position:absolute; top:85px; padding:4px;  }

.aside_section {padding:12px;overflow:hidden;margin-bottom:16px;}
.aside_section:first-child {margin-top:8px}

.aside-middle {margin-top:0;}
.menu-btn {margin-left:8px;}

.breadcrumb { margin-left: 0; padding: 0;}
.breadcrumb a:hover{text-decoration:underline}
.header-image { height:auto; padding:0; width:100%; }

.option-popup	li:hover { background-color: #ebebeb; }
li.option-popup-sub-heading:hover { background: initial; }

.picture-card { display: flex; }
a.card-header  { margin-top: 0}
.card-image img { height: auto; width: 200px;}

.card-content { flex: 1 1 auto; position: relative;}
.card-space { margin-bottom: 4px ;}
.connected-card{margin-bottom:4px}
.desktop-card { padding:20px; }
.desktop-card-padding-right { padding-right:20px; }

.card-space-group {margin-bottom: 32px;}

.canvas_section {margin:0 0 32px 0;padding:0}

.city-cel:last-child {border:none;}


.hotel-form { max-width:350px; }

.booking-form { padding: 16px 20px; margin-bottom: 32px; }

.hotel-list .hotel-photo {width:220px;}
.hotel-list .hotel-photo img {width:200px;height:200px }
a.hotel-btn { width: 160px; }

.card-container{ display:block; overflow-x:hidden; }
.card-container > article { margin-left:0 }

.scroll-container { overflow:unset; width:100%}
.card-shadow { border:none; border-radius:0; box-shadow:none; margin: 0; min-width: unset; }

.scroll-container-desktop { display: flex; }
.scroll-container-desktop .scroll-container { flex-grow: 1; width: unset; overflow: hidden;}

.scroll-control-desktop, .scroll-control-desktop-left {
    background: rgba(14,15,17,0.50);
    display: flex;
    align-items: center;
    justify-content: right;
    height: calc(100% - 20px);
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.scroll-control-desktop-left { justify-content: left; right: unset; left:0; } 
.scroll-container-desktop .scrollbar-desktop-h { overflow-x: auto; }

.card-mobile { margin-top:0; margin-left: 0; }
.card-mobile:first-child { margin-left: 0;}

.content-card, .list-card  { flex: 0 0 270px; }
.content-card:first-child, .list-card:first-child { margin-left: 8px; }


.card-desktop { /*flex: 0 1 25%;*/ flex: 0 1 220px; min-width: 240px;}


.desktop-card-row { border: 1px	solid #d2d1ce; margin-bottom: 32px; padding: 20px; }


.card-inside { padding:0}

.price-detail-container { /*height:100%;*/ position:absolute; top:0px; width:100%; }

.div_table { padding-right: 0; }

.hf-checkinout { margin-bottom:12px;}
#placeholder-booking { min-height: 290px;}

.event-card h3 a:hover { text-decoration: underline; text-decoration-color: #cc0007; }


/*.price-detail-panel {left:1000px;}*/






.with-red-line { border-left: 8px solid #cc0007; }

.list-full-events .cel-date {flex: 0 0 160px;}
.list-full-events .cel-date-after-flag {flex: 0 0 160px;}
.list-full-events .cel-news { max-height: none; }

.arrow-flex-list li:hover, .arrow-list li:hover, .list-full-events li:hover { background:#121314; }




.video-list-item { flex: 1; }



.mobile_only, a.mobile_only {display:none}
.desktop-hide { display: none; }




.img_left_small {float:left;max-width:40%; margin:0 8px 8px 0}

footer, footer .canvas_section {clear:both;overflow:hidden}
.section-form .canvas_section { padding:12px;border:1px solid #cccccc}

.tab-bar .tab, .tab-bar .tab_on {width:150px;font-size:18px}

	/* theme desktop */
	.theme-menu-panel { font-size: 18px; font-weight: bold; }

a.cms-edit-left-side { color: saddlebrown; display: block; position: absolute; left: -40px; top:0; z-index: 1000; }
.cms-edit-left-container { position: relative; height: 24px; }


}	
	




/* smaller than 768 */
@media screen and (max-width:768px) {
	html { -webkit-text-size-adjust:none;	}
	#nav-main { background-color:#f5f5f5}
	.show-on-mobile{display:inherit}

	.preview-item .card-image { object-fit: cover; }
	div.section-preview-items .item-3-plus { display: flex; padding-top:16px; }
	div.section-preview-items .item-3-plus div.card-image { flex: 0 0 100px; height:100px;  margin-bottom: 10px; margin-right: 20px; order: 2;}
	div.section-preview-items .item-3-plus div.card-content { flex-grow: 1; order: 1; padding-top: 0; }


	.modal-content { width: 100%; }

}
		/* max-width 768 (= mobile)*/ 
		/* more map mobile map */
		/* NOTE: some styles are copied again below this part, with the self::$map_iphone_fix set to another value */

a.btn-cms { background:#7f7f7f; border-radius:4px; color:#fff; font-size: 13px; font-weight:normal; padding: 3px 8px; }
a.btn-cms:hover
a.btn-cms-margin { margin-left: 20px; }
a.right-bottom-btn { position: absolute; right: 20px; bottom: 20px; z-index: 1000; color: saddlebrown;}

.no-transition { transition: top 0s, left 0s; }
.move-in { left:0; top:0;  }
.move-in-left { left:0;  }

.hide {display:none; }


@media screen and (max-width:480px) {
.no_mobile { display: none;}
.img_right 			{ margin:4px 0 4px 16px;float:right;max-width:50%;}

.form_layout label, .form_layout fieldset{float:none; width:100%; }
}