@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  }
  @font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  }
  @font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrE.woff2) format('woff2');
  }
  @font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/raleway/v26/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  }


@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  }
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
}
/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');  
}*/
* { box-sizing: border-box;}	
body { font-family: 'Raleway', sans-serif; font-size:1.125rem; font-weight:400; line-height: 1.6rem; background-color:#fff; color:#000; }
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;}

.banner-top {display:none}
.page-header { background: white; height:112px; position:fixed; top:0; width:100%; z-index:5000; }
.page-header-inside { position: relative; }
.header-fixed { position:fixed;top: 0px; width: 100%;  }
.btn-hamburger-pos { left:20px; position: absolute; top: 20px; }
.logo { display: flex; justify-content: center; height: 62px; width: 100%; }
.logo a { align-items: center; display: flex;}
.logo img { height: 56px; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2)); margin-top: 2px; width: 156px;}

.nav-page-header-top { align-content: flex-end; display: flex; column-gap: 20px; position: absolute; right: 20px; top:20px }


/*.page-header-top { align-items:center; background:white; display: flex; height: 70px; position: relative;}*/

.nav-menu-top { border-top: 1px solid #999999; font-size:18px; height:50px; line-height:40px; overflow:hidden; position:relative; }

.nav-menu-top-inner { height:80px;  overflow-x:auto; overflow-y:hidden; padding-right: 16px; white-space: nowrap; }
.nav-menu-top ul { align-items:center; display: flex; }
.nav-menu-top li { list-style:none; margin-left:16px; }
.nav-menu-top li:last-child {margin-right:16px;}
.nav-menu-top a, .nav-menu-top a:visited {color:#000; line-height: 50px;}

li.nav-change-city div { background: #595d75 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; margin-left: 4px; padding: 0 28px 0 10px; }

.nav-top-shadow { background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); height: 6px; }
nav, header, .nav-font, .rating-box, .price-box, .nav-bar, .nr_icon, .system-font, .btn-round, .btn-round-s { font-family: 'Roboto', sans-serif; }
header { margin-top: 136px;}
.container { /*display: flex;*/ width: 100%; }
/*main { flex: 0 100%; }*/


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

.panel-container { height: 100%; }
.panel-header { align-items: center;  display: flex; font-size: 1.25rem; height: 60px; padding:20px; }
.panel-header div { margin-left: 10px; }
.panel-content { height: calc(100% - 62px); overflow-y: auto;}
.panel-inside { padding: 0 16px;}

/* popup hamburger menu */
.hamburger-menu li {border-bottom:1px solid #ddd; 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; }
.list-more-icon-dark { background:url('https://www.nighttours.eu/images/static/chevron_right-white-24dp.svg') no-repeat; flex: 0 0 24px; }

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

.with-red-letter>p:first-of-type:first-letter {
    color: #cc0008;
    font-size: 3.5rem;
	font-weight: bold;
    float: left;
    line-height: 1;
    margin-bottom: -.5rem;
    padding-bottom: 0;
    padding-right: 6px;
}
.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-list { line-height: 1.6; }
small { line-height: 1.4; }
.font-grey { color: grey; }

em { color:black; font-style: normal; font-weight:700; }
h1, h2, h3, .header2, .heading3, .all-headers, .section-preview-items header, .section-heading, .event-sub-heading
	 { display: block; clear:both; /*font-family:'Open Sans', sans-serif;*/ font-weight:normal; line-height: 1.1;}
h1 { color:#333333; font-size: 2.25rem; line-height: 2.4rem; margin-top:16px; padding:0 20px; margin-bottom: 8px; }
h2, .header2 { font-size:1.5rem; 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.25rem; margin-bottom: 0.4rem; margin-top: 36px; font-weight: normal; color: #333; }

h1 a, h2 a, h2 b a , h3 a, h4 a, .heading3 a  { color: inherit;}
h1 b, h1 em, h1 strong, .b, h3 b { color:black; 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; }
hr { border:0; border-style: none; border-top:1px solid #d2d1ce; display:block; margin:0.5em auto 0.5em auto; } 
.line-after { border-bottom:1px solid #d2d1ce; } 
.height-40 { height: 40px;}

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

.padding-h { padding-left: 20px; padding-right: 20px; }
.mobile-block-spacer, .mobile-block-spacer-half { background-color: #f2f2f2; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 36px; overflow: hidden ;}
.mobile-block-spacer-half { height: 16px; }

.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-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; }

.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:black}
.red-link a, a.red-link { color: #cc0008; }
a.red-link-greyline { color: #cc0008; text-decoration: underline #b2b2b2; }
a.black-link-xl { color: black; font-size: 16px; font-weight: bold; line-height: 32px; }
.grey-link a {color:#666}
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; }
.block-link { display: block; margin-bottom: 6px; }
.word-break {word-break:break-all; max-width: 600px;}
.nowrap { white-space: nowrap;  }
.relative {position:relative}
.relative-100 { height: 100%; position:relative; width: 100%; }
.event-link-date { color: darkgreen; 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-large-center {margin:0 auto;display:flex;;width:100px;background-color:#fff;border:1px solid #d2d1ce;border-radius:4px;color:#1e90ff;font-size:15px;font-weight:bold;margin-top:8px;}
.btn-large-center > span {padding:0 10px;border-right:1px solid #d2d1ce;line-height:30px;flex:1 1 50px;text-align:center}
.btn-large-center > img {height:24px;width:24px;flex:0 0 28px;margin-top:3px;margin-left:2px}
.btn-flex-with-icon, .btn-flex-with-icon-xl { display: inline-flex; align-items: center; margin-right: 12px; outline: none; user-select: none;}
.btn-flex-with-icon img { width: 16px; margin-right: 4px;}
.btn-flex-with-icon-xl img { padding:4px; width: 36px; }
.btn-flex-with-icon-xl span { padding:4px; }
.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; }
.flex-with-icon-top { align-items: flex-start; }
.flex-with-icon-top img { padding-top: 4px; }

.line {width:100%;height:1px;clear:both;border-bottom:1px solid #d2d1ce;display:block}
select {background-color:#fff;}
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:100%;}
.header-image {display:block; height:240px; padding:0 20px; 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{ font-size:12px;line-height:16px; padding-top:4px;text-align:right}

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; }




.list-show-more-overlay { background-image: linear-gradient( rgba(255, 255, 255, 0.6),  rgba(255, 255, 255, 1)); 
	height: 100%; left: -8px;  position: absolute; top: 1px; width: calc(100% + 8px); }
.list-show-more-overlay img { bottom: 12px; display: block; margin:0 auto; padding-top:8px; position: absolute; left: 50%; }
.btn-swipe-down-s { background: url('https://www.nighttours.eu/images/static/icon-swipe-down-black.svg') no-repeat; background-position: center center; background-size: 16px 9px; height: 13px; }
.btn-swipe-down-text { background: url('https://www.nighttours.eu/images/static/icon-swipe-down-black.svg') no-repeat; background-position: center left; background-size: 16px 13px; color: black; display: inline-block; font-size: 15px;
    font-weight: bold; height: 28px; line-height:28px; margin: 0 auto; padding-left: 24px;}

.inline-block { display: inline-block; }
.flex-container { display:flex; }
.flex-gap-20 { column-gap: 20px; }
.flex-gap-30 { column-gap: 30px; }
.flex-gap-8 { column-gap: 8px; }
.flex-right { justify-content: flex-end; }
.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 li div:first-child {margin-right: 10px; }*/


.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-hotel-icon-cel { flex:0 0 44px; }
.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 #cc0008; 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}

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

.flags-list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 20px; }
.flags-list a { display: flex; flex-basis: 50%;  }
.flags-list a { align-items:center; color: #222; display: flex; font-weight: bold; height: 40px; padding: 6px; }
.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; padding:20px; }
.breadcrumb	a{color:#666666}
.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; }



/* cookie consent nighttours*/
.cookie-wallpaper { background-color: rgba(48,48,48,0.6) ; height: 100vh; left: 0;  position: fixed; top: 0; width: 100vw; z-index: 10000000000;}

.cookie-window { background-color: #fff; color: #303030; height: auto; left: 50%; position: fixed; transform: translate(-50%, -50%); top: 50%; z-index: 100000000000; width: 90vw; }
.cookie-button-bar { box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.2); padding: 16px ; width: 100%;	}
.cookie-content { padding: 20px; }
.cookie-header { border-bottom: 1px solid #d2d1ce; padding: 10px 0; }
.cookie-header img { height: 100%; width: 150px; }
.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; }


.event-card { padding: 24px; }
.event-card > h3 { font-size:1.5rem; font-weight: bold; margin-left: 22px; margin-top:0; position: relative; }
.event-card h3:before {	background-color:#cc0008; content: ''; display: block; height:15px; left: -26px; position: absolute; top:6px; width:15px; }
.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;}

.no_mobile, a.no_mobile			{ display:none;}

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

.card-box { background: #f2f2f2; padding:12px 0; }
.card-box .card { background: white;/* border: 1px solid #d2d1ce;*/ 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 { background: white; 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: #cc0008; font-size: 0.9rem; font-weight: bold; margin-top: 0;}

.box-item { align-items:center; border: 1px solid #d2d1ce; display: flex; height: 40px; }
.box-item div:nth-child(1)  { align-items:center; border-right: 1px solid #d2d1ce; display: flex; height: 100%; justify-content: center; margin-right: 20px; width: 50px; }
.box-item div:nth-child(1) img { max-height: 20px; max-width: 20px; }
.box-item div:nth-child(2)  { flex:1 1 auto; }
.box-item div:nth-child(3)  { align-items:center; display:flex; flex:0 0 auto; padding-right: 20px; }

a.icon-link-20 { height: 20px; }



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 { background: white; 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.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;}

a.blue-link-arrow {    
    background: url(https://d2kf1nqjka06i0.cloudfront.net/static/chevron-right-bold.svg) no-repeat;
    background-size: 9px 11px;
    background-position: right 2px center;
    color: #0029cc;
    font-weight: 500;
    line-height: 40px;
    padding-right: 20px;
    font-weight: bold;
    text-decoration: underline #b2b2b2; }
a.blue-link { color: #0029cc; }

.card-canvas { background: white; 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
	{ background: white; 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 { background: white; 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%; }
.hotel-details-image-price { height: 175px; }
.hotel-details-price-banner { background-color: rgba(255, 255, 255, 0.95); color:black; display: block;  height: 52px; line-height: 24px; padding: 2px 20px 0 20px; position: absolute; top: 100px; width: 100%; }
.hotel-details-price-banner .currency-value { font-size: 20px; font-weight: bold; }
.currency-symbol { color: black; font-size: 0.8888rem; font-weight: normal; }
.hotel-details-header { display: block; font-size: 20px; font-weight: bold; height: 98px; line-height: 24px;  margin-bottom: 8px; overflow: hidden;}
a.hotel-details-from-price { background: url('https://www.nighttours.eu/images/static/chevron-right-bold.svg') no-repeat; background-position: right 20px center; background-size:9px 15px;
	border-bottom: 1px solid #d2d1ce; display: block; height: 40px; line-height: 40px; margin-bottom: 12px; padding:0 20px; }
.hotel-review-block { column-gap: 12px; display: flex; margin: 0 20px 16px 20px; }
.hotel-review-block > span:nth-child(1) { background: #003580; border-radius: 8px; color: white; font-size: 16px; font-weight: bold; line-height: 32px; padding: 0 6px; }
.hotel-review-block > span:nth-child(2) {color: black; }
.hotel-review-block-text { color: #262626; display: block; font-size: 16px; font-weight: bold; line-height: 20px ;}
.hotel-review-block-nr { color: #6b6b6b; display: block; font-size: 12px; line-height: 12px ;}
.hotel-sub-heading { color: black; display: block; font-size: 15px; font-weight: bold; }
.hotel-price-block { display: inline-block; height: 66px;}
.item-row { margin-bottom: 8px; }
a.address-map { display: flex; }
a.address-map span:nth-child(1) { color: black; flex-grow: 1; }
a.address-map span:nth-child(2) { background-color: #333333; border-radius: 4px; color: white; height: 20px; line-height: 1; margin-bottom: 8px; padding: 0px 6px 4px 6px; }
.btn-shortcut { cursor: pointer; color: #4082f0; user-select: none; white-space: nowrap;}
.price-checkin-form > div { display: flex; column-gap: 8px; }
.price-checkin-form div div:nth-child(1) { font-size: 0.85rem; width: 70px; }
.price-checkin-form div div:nth-child(2) { border: 1px solid #d2d1ce; margin-bottom: 6px; padding: 0 12px; width: 170px;}
.price-checkin-form div div:nth-child(3), .price-checkin-form div div:nth-child(4) { border: 1px solid #d2d1ce; color: #173cc0; font-size: 20px; font-weight: bold; margin-bottom: 6px; text-align: center; width: 30px; }

.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; }

.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 { padding: 0 20px; }
.card-padding-all { padding: 10px 20px; }
.card-padding-text { padding: 0 20px 12px 20px; }
.mobile-card-regular, .mobile-desktop-card-regular { padding-left:20px; padding-right: 20px; } 
.card-padding-bottom { padding-bottom: 20px }
.card-padding-section { padding-bottom: 10px }

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

.content-card { display: flex; flex: 0 0 70vw; flex-direction: column; padding: 20px 0; }
.content-card:first-child { margin-left: 20px;}
.content-card > div { padding: 0 20px; }
.content-card div:nth-child(1) { font-weight: bold; }
.content-card div:nth-child(2) { color: #cc0008; 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; padding: 0 20px; width: 100%; }

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

.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 { background: white; 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}




.options-box { border: 1px solid #626262; border-radius: 6px; margin-bottom: 8px; }
.options-box-header { align-items: center;  display: flex; padding: 10px 20px; }
.options-box-header div:first-child { flex: 0 0 auto; font-weight: bold; }
.options-box-header div:nth-child(2) { flex: 1 1 auto; margin-left: 20px; }
.options-box-content-inside { padding: 0 20px 10px 20px; }

.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 { background-color: white; 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}
.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 > 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; }

.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;}


.hotel-price-list-loader {min-height:200px;}
.hotel-price-list li .flex-cel-1 { flex: 0 0 80px; }
.hotel-price-list li .flex-cel-2 {flex: 1 1 auto; padding:0 12px}
.price-detail-container { background: #fff; height: 100vh; left: 0; overflow: hidden; position:fixed; top:0; visibility:hidden; width: 100vw; z-index: 7000; }
.price-detail-panel { background-color: #fff; height:100%; left: 100vw; overflow:hidden; position:absolute; transition: all 0.5s ease; visibility: visible; width: 100%; }
.price-detail-inner { position: relative; height: auto; }




#myChart { max-height: 200px;} 

.basic-table li { display: flex; line-height: 1; list-style: none; margin-bottom: 6px; }
.basic-table li div:first-child {flex: 0 0 60px; }




.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}
.price-box { color: green; display:inline-block; font-weight:bold; }
.price-box-currency { font-size: 0.8rem; }
.price-box-container { margin:4px 0 8px 0; }
.currency-symbol { font-size: 0.8rem; margin-right: 6px; }

.arrow-list li {  border-bottom:1px solid #d2d1ce; cursor:pointer; list-style:none; overflow:hidden; padding:10px 0; }
.arrow-flex-list li {  border-bottom:1px solid #d2d1ce; cursor:pointer; display:flex; list-style:none; overflow:hidden; padding:10px 0; }
.arrow-flex-list .hide { display:  none; }
.arrow-list-header { background:#173cc0; color:#fff; font-size:12px; font-weight:bold; height:24px; line-height:24px; overflow:hidden; padding-left:20px; }
.arrow-flex-list li:first-child, .arrow-list li:first-child {  border-top:1px solid #d2d1ce;}


.default-list li { background: url('https://d2kf1nqjka06i0.cloudfront.net/static/chevron-right-bold.svg') no-repeat; background-size:9px 15px; background-position: right 20px top 14px; border-bottom: 1px solid #d2d1ce; column-gap: 20px; display: flex; padding: 12px 20px 12px 0; }
.default-list li:first-child { border-top: 1px solid #d2d1ce; }

.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-picture-list-small { user-select: none; }
.hotel-picture-list-small li > div:nth-child(2) { flex: 1 1 auto; padding-right: 16px; }

.hotel-picture-list-small img { height: 80px; width:80px; }

.flex-list-arrow { flex: 0 0 28px; padding-top: 3px; }
.flex-list-arrow img { display: block; width:8px; }
.arrow-list-text { flex:1 1 auto; padding-left: 20px; }


.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;}

.tab-round-container {display:flex; }
.tab-round { background:#898989;border-radius:10px;color:#fff;margin-right:6px;padding:0px 12px;line-height:24px;cursor:pointer;margin-bottom:8px;}

.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;background-color:#fff;}
.btn-xl {padding:8px 16px} 
.btn-round, .btn-round-s { border-radius: 9999px; border: 1px solid rgba(204,204,204,1); color: black; 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; }

.youtube-quarter {height:160px;overflow:hidden; font-size:15px; font-weight:bold;line-height:17px}

.video-list-item { flex: 0 0 70vw; }
a.video-list-item-top img { height: auto; width: 100%; }

.video-flex-list { display: flex; justify-content: space-between; flex-flow: row wrap;  }
.video-flex-list li {list-style: none;  margin-bottom:16px;  width: calc(25% - 12px);  }
.video-flex-list li img { width: 100%;}



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

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

.hotel-form {margin-top: 8px; position:relative; }
.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 { background-color: white; 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:5px 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; margin-top:8px; }
.hf-clear-dates { margin-left: auto; }

.calendar-box { clear:both; margin-bottom:8px; position:absolute; top:0; width:100%;
    
    /*border-radius: 2px;*/
    outline: 0; z-index:8000; }

/* CALENDAR */

.hotel-form .calender-checkin { top:45px; }
.hotel-form .calender-checkout { top:100px; }




/* (events) lists */
.with-blue-line { border-left: 8px solid #1e90ff; }
.with-red-line { border-left: 12px solid #cc0008; }
.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; }

.icon-right-arrow-more  { background:url('https://www.nighttours.eu/images/static/chevron-right-black.svg') no-repeat; background-size: 8px 16px; display: block; flex: 0 0 auto; height: 16px; margin-top:3px; width: 8px; }
.icon-internal-link  { background:url('https://www.nighttours.eu/images/static/icon-link-black.svg') no-repeat; background-size: 16px 8px; display: block; flex: 0 0 auto; height: 8px; margin-top:3px; width: 16px; }

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


.list-full-events { position: relative; }
.list-full-events a { color: black; }
.list-full-events li { border-bottom:1px solid #d2d1ce; list-style:none; overflow:hidden; padding:8px 20px; }
.list-full-events li:first-child { border-top: 1px solid #d2d1ce; }
.list-full-events-no-top li:first-child { border-top:none; }
.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; }

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

img.events-list-flag { flex: 0 0 24px; margin-right:10px;margin-top:8px; width:24px }
.events-list-month { color: #cc0008; 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; }

.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; width:100%;}
.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; }
.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;}

/* 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}
.hotel-btn, a.hotel-btn, .hotel-card-s a.hotel-btn { align-items: center; background-color: #0029cc; border:none; border-radius:30px;  color:#fff; cursor:pointer; 
	display:block; font-size:15px; justify-content:center; margin:0 auto; padding:1px 12px; text-align: center; width:80%; }
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-detail-card a.hotel-btn {width:80%;max-width:160px;}
.hotel-card .hotel-header, .hotel-card-s .hotel-header { font-size:1.5rem; min-height:72px; }
.hotel-detail-card .hotel-header{ font-size:24px; min-height:auto; margin-bottom:8px; margin-top:4px}
.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}
.hotel-detail-card .main-block {padding:0 12px 8px 12px}
.card-layout-default .hotel-preview-details { min-height: 120px;}



.rating-box-in-image { background:#173cc0; box-shadow: rgb(255 255 255 / 40%) 0px 0px 0px 2px, rgb(255 255 255 / 65%) 0px 2px 6px -1px; color:#fff; font-weight:bold; line-height:24px; text-align:center; font-size:16px; vertical-align:bottom; width:40px;}
.rating-box-s { background:#173cc0; color:#fff; font-weight:bold; line-height:13px; margin-right: 12px; text-align:center; font-size:13px; padding:2px 0; width:32px;}
.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:#cc0008}

/* 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-color: #fff; 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 }


.icon-link {background:url('https://d2kf1nqjka06i0.cloudfront.net/images/static/icon-link-blue.svg') no-repeat right bottom;background-size: 16px 16px;overflow:hidden;display:inline-block;width:16px;height:18px;margin-right:6px;}


.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 */
.theme-menu-panel * { border-color: #ddd; font-weight: normal;}
.theme-flag-list { border-color:#efefef; font-size:0.875rem; font-weight: 700;}
.theme-flag-list a { color: black; }
.theme-list * { border-color: #d2d1ce;}

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


	
@media screen and (min-width:970px) {
	
	.no_mobile, a.no_mobile, .mobile-hide	{ display:inherit}
	.mobile-hide-table { display: table-cell; }
	.banner-top{ background: #f2f2f2; display: flex; justify-content: center; height:90px;  }

	.page-header { background: white; display: flex; height:155px; justify-content: center; position: relative; }

	.page-header-inside { display: inline-block; padding:16px 20px; max-width: 1240px; } 
	/*.nav-menu-top { margin-top: 16px; }	*/

	/*.page-header-top { height: 104px; }*/
	.page-top, header, footer, .container-basic { margin: auto; max-width: 1240px; padding:0 20px; }	
	header { margin: 36px auto 20px auto; }

	.container { display: flex; column-gap: 40px; margin: auto; max-width: 1240px; }

	main, .main-continued { flex: 1 0; padding-left: 20px;  }
	.main-fixed { margin-top: 162px; }
	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;}
	h1 { padding:0; }

	.page-bottom { background: #f2f2f2; height: 16px; }
	.logo { display: block; height: 80px; margin-bottom: 6px; }
	.logo img { height: 80px; width:222px;}

	.cookie-window { left: 50%; width: 480px; }

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


	.scroll-panel::-webkit-scrollbar { width: 10px; }
	.scroll-panel::-webkit-scrollbar-track { background: #f1f1f1; }
	.scroll-panel::-webkit-scrollbar-thumb { background: #888; }
	.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: #F0F0F0; border-radius: 0px; box-shadow: inset 0px 0px 0px 0px #F0F0F0; }	

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

	
	.nav-page-header-top { align-content: flex-end; display: flex; column-gap: 20px; position: absolute; right: 20px; top:16px }
	.page-header-branding { top:50px; /*font-family: 'Open Sans', sans-serif;*/ font-size:32px; font-weight: 300; position: absolute; right: 20px;  }

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

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

	.nav-top-shadow { background: none; border-top: 1px solid #999; height: 10px; }
	.header-fixed { height: 112px;  position:fixed; top:8px; }



	.header-fixed .nav-top-shadow { background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); border-top: none; height: 6px; }
	.header-fixed .page-header-branding { display: none;}
	.header-fixed .logo img { height: 53px; margin-top:0; width: 147px; }
	.header-fixed .logo { height: 53px; margin-bottom: 4px;  }
	.header-fixed .page-header-inside { padding:5px 20px 11px 20px; }
	.header-fixed .nav-systemwide { top: 72px}

	.popup-base { position: fixed; top:0; width: 100%; }
	.popup-container { overflow: hidden; position: relative; width: 1200px; } /* 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%; }

.content { background: white; margin-top:174px; }
p {max-width: 800px; }

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

.flags-list { margin: 0; }
.flags-list a { flex-basis: 25%;  }

.card-box { background: white; padding:4px 0 0 0; }
.card-box .card { margin: 0 0 32px 0; }
.shadow-img-desktop { border-radius: 4px; 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; }
.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; }

/* Track */
div.panel-content::-webkit-scrollbar-track {  background: #e5e5e5; }
 
/* Handle */
div.panel-content::-webkit-scrollbar-thumb {  background: #888; }

/* Handle on hover */
div.panel-content::-webkit-scrollbar-thumb:hover {  background: #555; }

.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 {background-color:#fff;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 { padding: 0;}
.breadcrumb a:hover{text-decoration:underline}
.header-image { height:346px; margin-top: 16px; 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(255,255,255,80); 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: 8px;}

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

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


.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: #cc0008; }


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






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

.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:#f2f2f2; }




.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; }

}	
	

@media screen and (min-width:1240px) {
.page-header-inside { display: inline-block; width: 1240px; }

}



/* 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-margin { margin-left: 20px; }
.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%; }
}