/* resets and clearfix */
   
   *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
   .cf:before, .cf:after { content: " "; display: table; }
   .cf:after { clear: both; }
   html, div, label, input, button, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
   input:focus, select:focus, option, option:focus, option:hover { outline: none; }
   html, body { height: 100%; }
   
   /* type */
   
   body, div, table, td, input, select, option, textarea { font: 300 17px/23px 'Roboto', sans-serif; }
   h1 
   { 
      font: normal 56px/56px 'Abril Fatface', serif; margin: 20px 0px 8px 0px; color: #000000; display: block; text-transform: uppercase; 
   }
   h1 .alt, .accent { color: #CAA705; }
   h2 { font: normal 40px/42px 'Ropa Sans', sans-serif; margin: 10px 0px 15px 0px; letter-spacing: -1px; }
   h3, h7 { font-family: 'Abril Fatface', 'Georgia', sans-serif; }
   h3, h3 select, h3 option { font-family: 'Abril Fatface', 'Georgia', sans-serif; font-weight: normal; font-size: 32px; line-height: 36px; text-transform: lowercase; }
   h4 { font-weight: bold; font-size: 22px; line-height: 26px; }
   h5 { font-weight: bold; font-size: 18px; line-height: 22px; margin: 10px 0px; color: #000000; }
   h6 { font-weight: bold; font-size: 19px; line-height: 23px; margin: 10px 0px; }
   .tagline { margin: 0px 0px 15px 0px; color: #000000; text-transform: uppercase; }
   span.browse
   {
      font-size: 15px; line-height: 15px; font-weight: 700; color: #000000; background-color: #DEDEDE; padding: 2px 6px 2px 6px; 
      text-transform: lowercase; white-space: nowrap;
   }
   .confirm { color: #8BB544; }
   .alert { color: #CC0000; }
   small, #footer { font-size: 15px; line-height: 23px; font-weight: 400; color: #333333; }
   .side ul { list-style-type: none; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
   .side ul li { padding: 0px 0px 10px 0px; margin: 0px; }
   
   /* images */
   
   img { border: none; }
   img.right, div.right, #content .frame img.right { max-width: 50%; height: auto; margin: 0px 0px 30px 40px; float: right; }
   div.right { color: #999999; }
   div.right img { width: 100%; height: auto; display: block; margin: 0px 0px 10px 0px; }
   div.img 
   { 
      width: 100%; padding: 66.666% 0 0 0; margin: 0px; text-align: center; position: relative;
      background-position: left center; background-size: contain; background-repeat: no-repeat; 
   }
   div.img .inner
   { 
      position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; text-align: center;
      background-color: rgba(255,255,255,0.85);
      background-position: center center; background-size: contain; background-repeat: no-repeat; 
   }
   div.img img { display: none; max-height: 66.666%; max-width: 100%; }
   img.alignright { max-width: 33%; float: right; margin: 0px 0px 30px 30px; }
   div.hero 
   { 
      width: 100%; padding-top: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; 
      margin: 30px 0px;
   }
   .wd, td.wd { text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 600; }
   .dy, td.dy { font-size: 40px; line-height: 20px; color: #8BB544; font-weight: 400; }
   td.dy { padding: 0px 15px; text-align: center; }
   .sb { font-weight: 400; }
	#content .frame img { max-width: 100%; height: auto; }
   
   /* structure */
   
   body { background-color: #FFFFFF; color: #000000; padding: 0px; margin: 0px; }
   .container { background: transparent url('images/gold-edge.png') left top repeat-y; border-right: 5px solid #7D4E8F; min-width: 520px; }
   .frame { padding: 0px 60px; position: relative; min-width: 440px; }
   .table { display: table; width: 100%; }
   .tr { display: table-row; vertical-align: middle; }
   .td { display: table-cell; }
   #menubar { margin-bottom: 30px; }
   #topbar { position: relative; width: 100%; height: 48px; margin: 15px 0px 15px 0px; }
   a#mapicon 
   { 
      display: block; position: relative; color: #000000; margin: 0px; padding: 0px;
      width: 48px; height: 48px; float: left;
      background: #C00046 url('images/icon-heart.png') center center no-repeat; 
      background-size: auto 34px; text-align: center;
   }
   a#mapicon:hover { background-color: #CAA705; }
   a#mapicon .counter
   {
      width: 100%; text-align: center; color: #000000; margin-top: 15px; font-size: 16px; 
      font-weight: bold; line-height: 16px;
   }
   a#h1s 
   { 
      display: block; text-align: right; margin: 0px; padding: 5px; line-height: 0px; overflow: hidden;
      background: transparent url('images/h1s-10years.jpg') right center repeat-x; background-size: cover;
   }
   a#h1s.hasmap { margin-left: 52px; }
   #content .frame a#h1s img { height: 38px; width: auto; filter: drop-shadow(0px 0px 6px #000000); }
   a.harlem-one-stop { display: block; width: 80%; margin: 0px; padding: 0px; }
   a.harlem-one-stop img { width: 100%; max-width: 650px; height: auto; margin: 0px; padding: 0px; display: table; }
   #hd { padding: 30px 0px; position: relative; border-top: 1px solid #000000; }
   a#searchbox 
   { 
      display: block; position: absolute; top: 30px; bottom: 30px; right: 0px; width: 15%; 
      background: transparent url('images/search-sprite.png') right top no-repeat;
      background-size: auto 300%;
   }
   a#searchbox:hover { background-position: right bottom; }
   .side { width: 50%; margin: 30px 0px 60px 0px; }
   .side1 { float: left; padding-right: 20px; }
   .side2 { float: right; padding-left: 20px; }
   .evergreen .side { margin-bottom: 20px; }
   .evergreen { margin-bottom: 20px; }
   #content h3 { border-top: 1px solid #000000; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; color: #CAA705; }
	#content h3 i.material-icons { color: #000000; position: relative; top: 2px; display: inline-block; margin-right: 3px; }
   #content h3 select, #content h3 option { color: #CAA705; cursor: pointer; }
   #footer 
   { 
      padding: 30px 0px 60px 0px; margin-top: 60px; border-top: 1px solid #000000; clear: both;
   }
   #footer a { white-space: nowrap; }
   .blockout { padding: 30px; width: 100%; background-color: #EFEFEF; text-align: left; display: block; }
   .box { padding: 20px; margin: 30px 0px; border: 1px solid #AAAAAA; }
   table.addevent { width: 100%; }
   table.addevent > tr > td:last-child { width: 100%; }
   table.addevent input[type=text] { width: 100%; }
   table.addevent input[type=text].short { width: 50%; }
   small { font-size: 15px; line-height: 18px; }
   label.error { font-size: 15px; line-height: 18px; color: #CC0000; font-weight: 400; }
   
   /* links */
   
   :root  { --link: #895794; --hover: #CAA705; --accent: #CAA705; } 
   a, a:visited, a:link { color: var(--link); text-decoration: none; }
   a:hover, a:active, #searchbox:hover .label, #searchbox:hover a { color: var(--hover); text-decoration: none; }
   a.moar { font-weight: normal; }
   a.moar:before { content: '\00BB '; color: #CAA705; font-weight: 600; padding-right: 6px; font-size: 20px; }
   
   a.btn, .btn 
   { 
      font-weight: 700; color: #FFFFFF; background-color: #895794; padding: 1px 6px 2px 6px; 
      text-transform: lowercase; white-space: nowrap; border: none; cursor: pointer;
   }
   a.cat 
   { 
      font-size: 15px; line-height: 15px; font-weight: 700; color: #FFFFFF; background-color: #b292b9; 
		padding: 4px 6px 3px 6px; text-transform: lowercase; white-space: nowrap;
		background-position: center center; background-repeat: no-repeat;
		background-size: cover; display: inline-block;
   }
	a.cat.bg { padding: 0px; }
	a.cat.bg span 
	{ 	
		display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
		margin: 0px; padding: 4px 10px 3px 10px; background-color: rgba(178,146,185,0.2); 
	} 
	a.cat.bg:hover span { background-color: #CAA705; text-shadow: none; }
   a.viewall
   {
      display: block; margin: 25px 0px; font-size: 18px; line-height: 18px; font-weight: normal; letter-spacing: 2px;
      color: #FFFFFF; background-color: #b292b9; padding: 7px 4px 5px 4px; text-align: center;
      text-transform: uppercase; white-space: nowrap; opacity: 0.7;
   }
   a.cat:hover, a.btn:hover, .btn:hover, a.viewall:hover { color: #FFFFFF; background-color: #CAA705; opacity: 1; }
   a.tab 
   { 
      color: #FFFFFF; font-weight: normal; font-size: 28px; line-height: 28px; text-transform: uppercase; letter-spacing: 1px;
      display: block; overflow: hidden; padding: 12px; margin: 0px 0px 20px 0px;
      background-position: center center; background-repeat: none; background-size: cover;
      text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
   }
   a.tab:hover { text-shadow: 0px 0px 10px rgba(255,255,204,1); }
   a.email { background-image: url('images/tab-email.jpg'); }
   a.map { background-image: url('images/tab-map.jpg'); }
   a.tours { background-image: url('images/tab-tours.jpg'); }
   a.explore { background-image: url('images/tab-explore.jpg'); color: #000000; text-shadow: 0px 0px 10px rgba(255,255,255,0.3); }
   a.news { background-image: url('images/tab-news.jpg'); }
   a.blog { background-image: url('images/tab-blog.jpg'); }
   a.tab .material-icons { position: relative; top: 2px; }

   /* working mode */
   
   @-webkit-keyframes pulse { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
   @keyframes pulse { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
   .working 
   { 
      -webkit-animation-name: pulse; animation-name: pulse; 
      -webkit-animation-duration: 2s; animation-duration: 2s;
      -webkit-animation-fill-mode: both; animation-fill-mode: both;
      -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
   }
   
   #topbar .socialstrip 
   { 
      width: 190px; overflow: hidden; position: absolute; top: 0px; left: 0px; bottom: 0px;
      padding-top: 4px; padding-left: 10px;
      background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
      background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
      background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
   }
   a.social 
   { 
      display: inline-block; width: 20px; height: 20px; background-size: 20px 20px; margin: 7px 1px 8px 0px; 
      background-repeat: no-repeat; background-position: center center; background-color: transparent;
   }
   a.feature 
   { 
      color: #FFFFFF; background-color: #a2c469; padding: 15px 10px 15px 90px;
      background-size: 60px 60px; background-position: 15px center; background-repeat: no-repeat;
      display: block; margin: 0px 0px 30px 0px; font-weight: 400; font-size: 16px; line-height: 21px;
   }
   a.feature b { font-weight: 700; font-size: 18px; color: #000000; }
   a.feature:hover { color: #FFFFFF; background-color: #DB9E4A; }
   a.tix { font-weight: 400; white-space: nowrap; }
   a.tix .material-icons { vertical-align: top; position: relative; top: -1px; }
   a.favorite { color: #C00046; }
   a.favorite:hover { color: #CAA705; }
   .facebook, .facebook.bw:hover { background-image: url('images/icon-facebook.png'); }
   .twitter, .twitter.bw:hover { background-image: url('images/icon-twitter.png'); }
   .youtube, .youtube.bw:hover { background-image: url('images/icon-youtube.png'); }
   .flickr, .flickr.bw:hover { background-image: url('images/icon-flickr.png'); }
   .podcast, .podcast.bw:hover { background-image: url('images/icon-podcast.png'); }
   .share, .share.bw:hover { background-image: url('images/icon-share.png'); }
   .mail, .mail.bw:hover { background-image: url('images/icon-email.png'); }
   .instagram, .instagram.bw:hover { background-image: url('images/icon-instagram.png'); }
   .facebook.bw, #browser .facebook:hover { background-image: url('images/icon-facebook-bw.png'); }
   .twitter.bw, #browser .twitter:hover { background-image: url('images/icon-twitter-bw.png'); }
   .youtube.bw, #browser .youtube:hover { background-image: url('images/icon-youtube-bw.png'); }
   .flickr.bw, #browser .flickr:hover { background-image: url('images/icon-flickr-bw.png'); }
   .podcast.bw, #browser .podcast:hover { background-image: url('images/icon-podcast-bw.png'); }
   .share.bw, #browser .share:hover { background-image: url('images/icon-share-bw.png'); }
   .mail.bw, #browser .mail:hover { background-image: url('images/icon-email-bw.png'); }
   .instagram.bw, #browser .instagram:hover { background-image: url('images/icon-instagram-bw.png'); }
   #footer a.social { margin: 0px 5px 0px 0px; height: 32px; width: 32px; background-size: contain; }
   #footer a.social:hover { opacity: 0.7; }
   #browser a.social { margin: 0px 5px 15px 0px; height: 28px; width: 28px; position: relative; top: -3px; background-size: contain; }
   
   a.managing { width: 100%; display: inline-block; text-transform: none; padding: 4px 8px; background-color: #186996; }
   a.logout { display: inline-block; text-transform: none; padding: 4px 8px; background-color: #CC0000; white-space: nowrap; }
   

   div.searchmodes { float: right; display: inline-block; }
   div.searchmodes .material-icons { font-size: 36px; line-height: 30px; }
    
   /* desktop menu */
   
   #desktopmenu { margin: 15px 0px 0px 0px; padding: 4px 4px 3px 4px; background-color: #B292B9; color: #000000; }
   #desktopmenu a { color: #FFFFFF; padding: 0px 4px; font-weight: bold; }
   #desktopmenu a i { font-weight: normal; color: rgba(255,255,255,0.7); }
   #desktopmenu a:hover, #desktopmenu a:hover i { color: #000000; } 
   
   /* mobile menu */
   
   #menu 
   { 
      padding: 0px; margin-bottom: 1px; font-size: 20px; line-height: 24px; 
      color: #FFFFFF; background: transparent url('images/hatch.png') top left repeat; text-align: left; 
   }
   #menu a 
   { 
      display: inline-block; padding: 5px 42px 4px 10px;  font-weight: 600; 
      color: #FFFFFF; border-right: 4px solid #FFFFFF; 
      background: #B292B9 url('images/dropdown.png') right center no-repeat; /* #7D4E8F */
   }
   #menu a .label { font-weight: normal; }
   #menu a:hover { color: #FFFFFF; background-color: #CAA705; }
   #menu a .material-icons { font-size: 17px; line-height: 1px; position: relative; top: 2px; }
   /* #menu a.current { background: #593860 url('images/currentnav.png') center 33px no-repeat; } */
   #menu a.current { background-color: #593860; }
      
   #navzone { margin: 0px 0px 9px 0px; padding: 0px; }
   #navzone > div { display: none; color: #FFFFFF; background-color: #593860; padding: 9px 15px; }
   
   /* search overlay and controls */
   
   .modal
   { 
      display: none; background-color: #180f1c; padding: 30px 0px 30px 0px; color: #FFFFFF; 
      position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 30; text-align: center; overflow: auto;
   }
   .modal a { color: #E8C5F0; }
   .modal a:hover { color: #CAA705; }
   .modal #cancelsearch { float: right; }
   .modal #cancelsearch i.material-icons { font-size: 56px; line-height: 40px; }
   .modal .frame { max-width: 1400px; text-align: left; margin: 0px auto; }
   .modal h1 { font-size: 48px; line-height: 48px; }
   .modal h1 .sitetitle { color: #FFFFFF; }
   .modal h1 .alt { color: #FACF06; }
   .modal .panel h3 { margin: 0px 0px 25px 0px; padding-top: 25px; border-top: 1px solid #FFFFFF; }
   .modal .panels { margin-right: -30px; }
   .modal .panel 
   {
      padding: 0px 30px 30px 0px; 
      position: relative; width: 33.3333%; display: inline-block; float: left;
   }
   .modal .panel ul, .modal .panel li { list-style-type: none; margin: 0px; padding: 0px; }
   .modal .panel li { margin-bottom: 5px; }
   #termsbox { margin: 30px 30px 30px 0px; }
   #terms, .datepicker { -webkit-appearance: none; -moz-appearance: none; }
   #terms, .modal select, .modal option 
   { 
      border: none; color: #FFFFFF; background-color: #7d4e8f; width: 100%; font-size: 24px; line-height: 24px; padding: 3px 6px; 
   }
   #terms { background-color: #51325d; }
   .modal .btn { border: none; font-size: 24px; line-height: 24px; padding: 4px 12px; cursor: pointer; background-color: #CAA705; }
   .modal .btn:hover { color: #000000; background-color: #FFFFFF; }
   .modal option:hover, .modal option:focus { color: #000000; background-color: #2193D1; }
   #terms::-webkit-input-placeholder { color: #000000; font-style: italic; }
   #terms::-moz-input-placeholder { color: #000000; font-style: italic; }
   #terms:-ms-input-placeholder { color: #000000; font-style: italic; }
   #terms:-moz-placeholder { color: #000000; font-style: italic; }
   .datepicker { color: #b292b9; border: 0; background-color: transparent; font-weight: 400; width: 100%; }
   .datepicker.inline { width: auto; display: inline-block; }
   .datebtn { position: relative; top: 2px; display: inline-block; float: left; margin-right: 8px; cursor: pointer; color: #E8C5F0; }
   .modal .panel li.daterange  { display: none; padding-top: 13px; line-height: 28px; }
   li.daterange .through { display: block; margin-left: 30px; }
   li.daterange i.material-icons { vertical-align: bottom; display: inline-block; width: 30px; cursor: pointer; color: #FFFFFF; }
   .active { color: #FACF06; }
   label, input[type="radio"], .datepicker { cursor: pointer; }
   ul#regions { display: table-cell; }
   #map 
   {
      display: none;
      /*
      display: table-cell; width: 100%; background-size: contain;
      background: transparent url('/images/region0.png') center center no-repeat; 
      */
   }
   
   
   /* maps */
   
   .map-single, .map-nearby, .map-nearby-here { overflow: hidden; width: 100%; height: 300px; margin-bottom: 30px; }
   .map-tall { overflow: hidden; width: 100%; height: 600px; }
   #gmap_canvas { width: 100%; height: 300px; }
   .map-tall #gmap_canvas { height: 600px; }
   div.gm-style-iw div { font-size: 13px; line-height: 18px; overflow: auto; }
   div.gm-style-iw img { max-width: 100px; height: auto; } 
   /* here */
   .marker 
   { 
      width: 20px; height: 20px; color: #FFFFFF; background-color: #000000; display: inline-block; 
      text-align: center; margin: -10px 0px 0px -10px; 
      border-radius: 10px; font-size: 12px; line-height: 21px; font-weight: bold; cursor: pointer;
   }
   .infowindow 
   { 
      width: 200px; height: 200px; position: relative; background-repeat: no-repeat;
      background-position: center center; background-size: cover;
   }
   .infowindow span 
   { 
      position: absolute; bottom: 0px; left: 0px; display: inline-block; font-size: 13px; line-height: 17px; 
      padding: 3px; background-color: rgba(255,255,255,0.8); 
   }
   
   
   /* search switches */

   .searchtools { text-align: right; cursor: pointer; float: right; white-space: nowrap; cursor: pointer; }
   .searchtools i.material-icons { font-size: 56px; line-height: 56px; margin: 12px -2px 0px 0px; }
   .searchtools .label { font-size: 18px; line-height: 48px; color: #666666; padding-right: 5px; vertical-align: middle; }

   /* browser panel */

   #browser { display: none; padding: 30px; color: #FFFFFF; overflow: hidden; /* background-color: #186996; */ }
   #browser h3 { margin: 0px 0px 15px 0px; font-size: 30px; line-height: 36px; }
   #browser ul, #browser li, #navzone ul, #navzone li { list-style-type: none; margin: 0px; padding: 0px; }
   #browser ul { margin-bottom: 25px; }
   #browser li a, #navzone li a, #navzone li form { display: block; border-top: 1px dotted #000000; padding: 6px 0px; }
   #navzone li:first-child a, #navzone li:first-child form { border-top: none; }
   #browser a, #navzone a, #navzone input { color: #d6c1d7; font-weight: 300; }
   #browser a:hover, #navzone a:hover { color: #FFFFFF; }
   
   /* "book a tour" and email signup controls in browser */
      
   #browser { padding-top: 15px; }
   #browser a.sidebtn, #browser a.sidebtn:link
   {
      font-size: 16px; line-height: 20px;
      display: block; color: #FFFFFF; background-color: rgba(0,0,0,0.5); text-align: center; padding: 11px 5px 7px 5px; 
      overflow: hidden; text-transform: uppercase; letter-spacing: 1px; margin: 0px 0px 15px 0px;
      border: 1px solid rgb(214,193,215);
   }
   #browser a.sidebtn:hover { background-color: transparent; color: #FFFFFF; border-color: #FFFFFF; }
	#browser a.sidebtn i.material-icons { vertical-align: middle; position: relative; top: -2px; color: #E7BF05; }
	#browser a.sidebtn:nth-child(3) { margin-bottom: 30px; }
   
   /* back-to-top control */
   
   a#totop 
   { 
      position: fixed; width: 100px; height: 100px; bottom: 0px; left: 50%; margin-left: -50px; margin-bottom: -55px; 
      z-index: 25; text-align: center; color: #FFFFFF; background-color: #895794; border-radius: 50px; display: none;
   }
   a#totop:hover { color: #FFFFFF; background-color: #CAA705; }
   a#totop i.material-icons { font-size: 48px; }
   
   /* audio players */
     
   div.playcontrol.material-icons { cursor: pointer; color: #FFFFFF; font-size: 40px !important; line-height: 36px; }
   table.tracks { width: 100%; background-color: #C2D9ED; list-style-type: none; margin: 10px 0px; padding: 0px; }
   table.tracks td { padding: 10px; border-top: 1px dotted #FFFFFF; font-weight: 400; font-size: 16px; line-height: 21px; }
   table.tracks td .date { color: #000000; font-size: 14px; line-height: 22px; text-transform: uppercase; font-weight: 700; }
   table.tracks tr:first-child td { border-top: none; }
      
   /* slider */
   
   div.slider { width: 100%; margin: 30px 0px; }
	div.slider.right { margin: 0px 0px 30px 30px; }
   a.slide 
   { 
      display: block; width: 100%; padding-top: 50%; background-position: center center; background-size: cover; cursor: pointer; 
   }
   div.slide 
   { 
      display: block; width: 100%; padding-top: 50%; background-position: center center; background-size: contain; 
      background-repeat: no-repeat; background-color: #000000;
   }
   .slide .caption 
   { 
      position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 80px 30px 40px 30px; color: #FFFFFF;
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.65) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.65) 100%);
   }
   .slide h2 
   { 
      color: #FFFFFF; font-size: 40px; line-height: 44px; padding: 0; display: inline-block; margin: 0px 0px 5px 0px; 
      text-shadow: 2px 2px 8px rgba(0,0,0,0.8); font-weight: 300; letter-spacing: 0px;
   }
   .slide h4 
   { 
      color: #FFFFFF; background-color: #895794; padding: 6px 6px 4px 6px; display: inline-block; margin: 10px 0px 0px 0px; 
      text-transform: uppercase; font-weight: normal; letter-spacing: 1px; font-size: 15px; line-height: 15px; max-width: 800px;
   }
   .flickity-page-dots { bottom: 15px; right: 15px; text-align: right; }
   .flickity-page-dots .dot { background-color: #DEDEDE; width: 15px; height: 15px; margin: 0px 0px 0px 12px; }
   .flickity-prev-next-button { display: none; }
   
   /* sidebar calendar grid */

   .calendar 
   { 
      border-top: 1px dotted #000000; margin-bottom: 10px;
      -moz-transition: animation: fadein 0.5s ease; -webkit-transition: animation: fadein 0.5s ease;
      -o-animation: fadein 0.5s ease; animation: fadein 0.5s ease;
   }
   @keyframes fadein { 0% { opacity:0; } 50% { opacity:0; } 100% { opacity:1; } }
   .calendar, .monthgrid { width: 100%; overflow: hidden; }
   .monthgrid { margin: 0px 5px; }
   .monthname { text-align: center; padding: 10px 5px; font-weight: 400; }
   .monthname a { font-size: 28px; padding: 0px 8px; position: relative; top: 1px; }
   #browser table.month { margin: -1px; width: 100%; }
   #browser table.month td { padding: 1px; width: 14.29%; font-weight: 400; text-align: center; }
   #browser table.month th { padding: 1px; width: 14.29%; font-weight: 700; font-size: 15px; text-align: center; color: #e7bf05; }
   #browser table.month td a.day { display: block; color: #FFFFFF; background-color: rgba(0,0,0,0.5); text-align: center; padding: 1px 0px;  }
   #browser table.month td a.day:hover { color: #FFFFFF; background-color: #D4AF05; }
   #browser table.month td div.blank { display: block; color: #FFFFFF; background-color: #000000; text-align: center; padding: 1px 0px; opacity: 0.35;  }
   #browser table.month td.today div.blank { background-color: #FFFFFF; color: #d6c1d7; opacity: 0.35; }
   #browser table.month td.today a.day { color: #000000; background-color: #d6c1d7; }
   #browser table.month td.today a.day:hover { color: #FFFFFF; background-color: #D4AF05; }
   
   /* tiles */
   
   .tiles { display: flex; flex-wrap: wrap; margin-right: -30px; }
   div.tile { padding: 0px 30px 30px 0px; width: 33.3333%; font-size: 17px; line-height: 22px; }
   div.tile h6 { margin: 0px; padding: 15px 0px 5px 0px; }
   .tile .date b { font-weight: bold; }
   .tile img { max-width: 100%; }
   
   /* advertising & offers */
   
   .ad-728 { text-align: center; margin: 0px; padding: 20px 0px 20px 0px; border-top: 1px solid #000000; line-height: 0; }
   .ad-300 { text-align: left; margin: 10px auto 20px 0px; }
   .bottomedge { border-bottom: 1px solid #000000; margin-bottom: 20px; }
   .topedge { border-top: 1px solid #000000; padding-top: 30px; margin-top: 0px; }
   .ad img { max-width: 100%; height: auto; border: none; }
   .ad a img { border: 2px solid #895794; }
   .ad a:hover img { border-color: #CAA705; }
   .ad-728 .slug 
   { 
      display: inline-block; margin: 0px auto; width: 100%; max-width: 728px; padding: 12% 0px 0px 0px; 
      height: 0px; background: #DEDEDE url('images/ad.png') center center no-repeat;
   }
   .coupon { border: 4px dashed #999999; margin: 0px 0px 20px 0px; padding: 10px; }
   .coupon h4 { margin: 0px 0px 10px 0px; }
   .coupon td { font-size: 15px; }
	
	/* tours upsell */
	
	.upsell 
	{
		margin: 40px 0px; background: #abd7ff url('/images/tours-upsell3.jpg') bottom right no-repeat; 
		background-size: cover; cursor: pointer;
	}
	.upsell > div { width: 75%; padding: 30px; font-weight: 400; }
	.upsell h3, #content .upsell h3 { border: none; padding-top: 0px; margin: 0px 0px 10px 0px; color: #000000; }
   
   /* location controls and information only appear when we have user's position */
   
   li.geolocated { display: none; }
   
   /* sharing controls */
   
   .a2a_svg, .a2a_count, .a2apage_dropdown, .a2a_menu, .a2a_mini { border-radius: 0 !important; }
   a.a2a_i { font-family: 'Open Sans', sans-serif; border-color: #FFFFFF; }
   a.a2a_i:hover { background-color: #FFFFFF !important; border-color: #FFFFFF; }
     
   /* update form */
   
   div#updateform { display: none; }     
   
   /* embedded videos */

   .video-container { position: relative; padding-bottom: 54%; padding-top: 30px; height: 0; overflow: hidden; background-color: #000000; }
   .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
   
   /* tooltips -- https://chrisbracco.com/a-simple-css-tooltip/ */

   [data-tooltip], .tooltip { position: relative; cursor: pointer; }
   [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after 
   {
      position: absolute; visibility: hidden; opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
      -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
      transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
      -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
      pointer-events: none;
   }
   [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after,
   .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; opacity: 1; }
   .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; }
   .tooltip:after, [data-tooltip]:after 
   {
      z-index: 1000; padding: 8px; width: 120px; background-color: #C00046; color: #FFFFFF; content: attr(data-tooltip); 
   }
   [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { top: 100%; bottom: auto; left: 50%; }
   [data-tooltip]:before, .tooltip:before { margin-left: -6px; margin-bottom: -12px; }
   [data-tooltip]:after, .tooltip:after { margin-left: -60px; }
   [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after,
      .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after
   {
      -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); 
   }
   .tooltip:before { margin-top: -12px; margin-bottom: 0; border-bottom-color: #C00046; }
   
   /* addtocalendar.com */
   
   .addtocalendar var { display: none; }

   .addtocalendar { position: relative; display: inline-block; background: transparent!important; }
   .atcb-link { display: inline-block; outline: none!important; cursor: pointer; } 
   .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover { visibility:visible; }
   .atcb-list { visibility: hidden; position: absolute; top: 100%; left: 0; width: 170px; z-index: 900; border: 1px solid #999999; padding: 4px; }
   .atcb-list, .atcb-item { list-style: none; margin: 0; background-color: #fff; text-transform: lowercase; }
   .atcb-item { float: none; text-align: left; padding: 1px 4px; }
   .atcb-item-link { text-decoration: none; outline: none; display: block; }
   .atcb-item.hover, .atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none; }

   .atc-style-menu-wb .atcb-list { width: 170px; border: 1px solid #999999; }
   .atc-style-menu-wb .atcb-list, .atc-style-menu-wb .atcb-item { background: #fff; color: #000; }
   .atc-style-menu-wb .atcb-item, .atc-style-menu-wb .atcb-item-link { line-height: 1.3em; vertical-align: middle; zoom: 1; } 
   .atc-style-menu-wb .atcb-item-link, .atc-style-menu-wb .atcb-item-link:hover,   
      .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus
      { color: #000; text-decoration: none; outline: none; padding: 5px 15px; }
   .atc-style-menu-wb .atcb-item-link:hover, .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus { color: #fff; }
   .atc-style-menu-wb .atcb-item.hover, .atc-style-menu-wb .atcb-item:hover { background-color: #895794; }

   

   /* medium-to-wide screens: browse column */
   
   @media screen and (min-width: 1000px)
   {
      h1 { font-size: 48px; line-height: 48px; margin-top: 18px; }
      .searchtools i.material-icons { margin-top: 10px; }
      .container { border-right: none; }
      #content { float: left; width: 70%; padding-right: 60px; }
      #browser { display: block; float: right; width: 30%; }
      #content .frame { padding-right: 0px; }
      #menu, #navzone { display: none; }
      #hd { border-bottom: 1px solid #000000; }
      body { background: #FFFFFF url('images/bg.png') right center repeat-y; background-size: 30% 100%; background-attachment: fixed; }
   }
   
   /* wide screens: different browse column proportions */
   
   @media screen and (min-width: 1100px)
   {
      h1 { font-size: 60px; line-height: 60px; }
      .searchtools i.material-icons { margin-top: 12px; }
      #content { width: 75%; }
      #browser { width: 25%; }
      body { background-size: 25% 100%; }
   }
   
   /* very wide screens: more tile columns */
   
   @media screen and (min-width: 1400px)
   {
      h1 { font-size: 72px; line-height: 60px; margin-top: 22px; } 
      .searchtools i.material-icons { font-size: 62px; line-height: 62px; }
      div.tile { width: 25%; }
      body.home .tile { width: 33.333%; }
      .slide h2 { font-size: 36px; line-height: 42px; }
   }
   
   /* new longer tagline */
   
   @media screen and (max-width: 1130px)
   {
      a#h1s { background-position: center center; }
      a#h1s img { visibility: hidden; }
      #desktopmenu i { display: none; }
   }

   /* small desktops and tablets: mobile nav */

   @media screen and (max-width: 900px)
   {
      .container { border: none; }
      #content .frame, .modal .frame { padding: 0px 30px; }
      .slide .caption { padding-left: 30px; padding-right: 30px; }
      h1 { font-size: 48px; line-height: 48px; }
      .modal h1 { font-size: 36px; line-height: 48px; }
      .modal .panel { width: 100%; display: block; }
      #map { background-position: left center; }
      #searchbox .label { display: none; }
      .slide h2 { font-size: 30px; line-height: 32px; }
      .tagline { font-size: 16px; color: #666666; }
   }
   
   /* bring tiles down to 2 columns */
   
   @media screen and (max-width: 800px)
   {
      div.tile { width: 50%; }
      body.home .tile { width: 33.333%; }
      #menu .label { display: none; }
   }
   
   /* header adjustments */

   @media screen and (max-width: 700px)
   {
      .tagline { display: none; }
      img.right { max-width: 33%; }
		div.slider.right { float: none; max-width: 100%; margin-left: 0px; width: auto; }
      .modal h1 .sitetitle { display: none; }
      #menu a { white-space: nowrap; background-image: none; padding: 3px 8px; font-weight: normal; }
      body.home .tile { width: 50%; }
   }
   
   /* phone */
   
   @media screen and (max-width: 620px)
   {
      a#h1s { display: none; }
      h1 { font-size: 36px; line-height: 36px; margin: 10px 0px 0px 0px; }
      .searchtools i.material-icons { font-size: 42px; line-height: 42px; margin-top: 2px; }
      .flickity-page-dots { display: none; }
      .slide .caption { padding: 30px; }
      .slide h2 { font-size: 24px; line-height: 28px; font-weight: 400; }
      .slide h4 { letter-spacing: 0px; }
      #menu { margin-bottom: 0px; }
      /* #menu a:last-child { border: none; } */
      .side, .side1, .side2 { float: none; width: 100%; margin: 0px 0px 60px 0px; padding: 0px; }
      #menubar { position: fixed; top: 0px; left: 0px; right: 0px; background-color: #FFFFFF; z-index: 20; margin-bottom: 0px; }
      #content { padding-top: 120px; }
      #navzone { margin: 1px 0px 10px 0px; }
      img.right { float: none; max-width: 100%; display: block; margin: 40px 0px 40px 0px; }
      #hd { padding: 20px 0px; }
      a#searchbox { top: 20px; bottom: 20px; }
      #topbar { display: none; }
      .nomobile { display: none; }
   }
   
   /* desktop only */
   
   @media screen and (max-width: 999px)
   {
      .desktop { display: none; }
   }
   
   /* not phone */
   
   @media screen and (min-width: 621px)
   {
      .mobileonly, #menu a .mobileonly { display: none !important; }
   }
   
   /* print */
   
   @media print
   {
      .noprint, #topbar, #browser, a.social, #menu { display: none; }
      .container { border: none; }
      #content { width: 100%; float: none; }.
      #hd { border-top: 1px solid #000000; border-bottom: 1px solid #000000 !important; }
      .frame { padding: 0px; }
   }
   
   /* map: here */
   
   .H_ui 
   {
      font-size: 10px; font-family: Arial, Helvetica, sans-serif;
      -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; 
      z-index: 0; position: absolute; width: 100%; height: 100%; left: 100%;
   }
   .H_ui * { box-sizing: content-box; -moz-box-sizing: content-box; }
   .H_noevs { pointer-events: none; }
   .H_l_left { position: absolute; left: 0; margin-left: -100%; }
   .H_l_center { position: absolute; left: -50%; }
   .H_l_right { position: absolute; right: 100%; margin-left: -100%; }
   .H_l_top { top: 0; }
   .H_l_middle { top: 50%; }
   .H_l_bottom { bottom: 0; }
   [class^=H_l_] { pointer-events: none; }
   .H_ctl { pointer-events: visiblePainted; pointer-events: auto; }
   .H_l_horizontal .H_ctl { float: left; }
   .H_l_anchor { clear: both; float: right; }
   .H_l_vertical .H_ctl { clear: both; }
   .H_l_right .H_l_vertical .H_ctl { float: right; }
   .H_l_right.H_l_middle.H_l_vertical .H_ctl{ float: right; }
   .H_ctl { margin: .6em; position: relative; cursor: pointer; -ms-touch-action: none; }
   .H_btn, .H_rdo li { background: #1f262a; border-radius: 2em; color: #fff; padding: .4em; -webkit-transform: translate3d(0, 1, 0); }
   .H_rdo { color: white; padding-bottom: .5em; margin-bottom: .5em; border-bottom: .1em solid #4A5B65; }
   .H_rdo_title { text-transform: uppercase; color: #dbe1e4; margin-bottom: 1em;  }
   .H_rdo ul { list-style: none; margin: 0 auto; padding: 0; }
   .H_active, .H_rdo li.H_active { background: #4A5B65; }
   .H_disabled, .H_active.H_disabled { color: #5A6166; cursor: default; }
   .H_l_vertical .H_grp>.H_btn { border-radius: 0; }
   .H_l_vertical .H_grp>div:first-child 
   { 
      -webkit-border-top-left-radius: 2em; -webkit-border-top-right-radius: 2em; -moz-border-radius-topleft: 2em; 
      -moz-border-radius-topright: 2em; border-top-left-radius: 2em; border-top-right-radius: 2em; padding-top: 1em; margin-bottom: -1px; 
   }
   .H_l_vertical .H_grp>div:last-child 
   { 
      -webkit-border-bottom-right-radius: 2em; -webkit-border-bottom-left-radius: 2em; -moz-border-radius-bottomright: 2em; 
      -moz-border-radius-bottomleft: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; padding-bottom: 1em;
   }
   .H_l_horizontal .H_grp>.H_btn, .H_l_vertical .H_ctl { border-radius: 0; float: left; }
   .H_l_horizontal .H_grp>div:first-child 
   { 
      -webkit-border-top-left-radius: 2em; -webkit-border-bottom-left-radius: 2em; -moz-border-radius-topleft: 2em; 
      -moz-border-radius-bottomleft: 2em; border-top-left-radius: 2em; border-bottom-left-radius: 2em; padding-left: 1em; 
   }
   .H_l_horizontal .H_grp>div:last-child 
   { 
      -webkit-border-top-right-radius: 2em; -webkit-border-bottom-right-radius: 2em; -moz-border-radius-topright: 2em; 
      -moz-border-radius-bottomright: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; padding-right: 1em; 
   }
   .H_overlay { position: absolute; min-width: 15em; background: #1F262A; display: none; padding: 1em; z-index: 100; }
   .H_overlay>*:last-child { clear: both; }
   .H_overlay>.H_btn { white-space: nowrap; }
   .H_overlay.H_open { display: block; }
   .H_overlay::after { content: " "; width: 0px; height: 0px; border-style: solid; position: absolute; }
   .H_overlay.H_left::after { border-width: 1em 1em 1em 0; border-color: transparent #1F262A transparent transparent; left: -1em; }
   .H_overlay.H_right::after { border-width: 1em 0 1em 1em; border-color: transparent transparent transparent #1F262A; left: 100%; }
   .H_overlay.H_top::after { top: .5em; }
   .H_overlay.H_bottom::after { bottom: .5em; }
   .H_overlay.H_middle::after { top: 50%; margin-top: -1em; }
   .H_overlay.H_top.H_center::after 
   { 
      border-width: 0 1em 1em 1em; border-color: transparent transparent #1F262A transparent; top: -1em; left: 50%; margin-left: -1em; 
   }
   .H_overlay.H_bottom.H_center::after 
   { 
      border-width: 1em 1em 0 1em; border-color: #1F262A transparent transparent transparent; bottom: -1em; left: 50%; margin-left: -1em; 
   }

   .H_l_horizontal.H_slider { float: left; height: 2.8em; width: auto; padding: 0 1em; }
   .H_slider .H_slider_track { width: 0.2em; height: 100%; }
   .H_l_horizontal.H_slider .H_slider_track { height: 0.2em; width: 100%; }
   .H_l_horizontal.H_slider .H_slider_cont { height: 100%; } 
   .H_l_horizontal.H_slider .H_slider_knob_cont { margin-top: -0.2em; }
   .H_slider { background-color: #1f262a; padding: 1em 0em; width: 2.8em; }
   .H_slider .H_slider_cont { position: relative; }
   .H_slider .H_slider_knob_cont, .H_slider .H_slider_knob_halo { width: 2.4em; height: 2.4em; margin-left: 0em; border-radius:9em; }
   .H_slider .H_slider_knob_halo { background-color: rgba(255,255,255,0.1); }
   .H_slider .H_slider_knob 
   { 
      width: 1.6em; height: 1.6em; background-color: white; border-radius:9em; -webkit-transform: translate(-50%,-50%); 
      -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; 
   }
   .H_slider .H_slider_track, .H_slider .H_slider_knob_cont
   { 
      position:relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
      transform: translate(-50%,-50%); 
   }
   .H_slider .H_slider_track { background-color: white; }
   .H_slider.H_disabled { cursor: default; }
   .H_disabled .H_slider_track, .H_disabled .H_slider_knob { background-color: #5A6166; }
   .H_context_menu 
   { 
      min-width: 158px; max-width: 40%; position: absolute; left: -100%; top: 0; color: white; background-color: #000F1A; 
      -moz-border-radius: .4em; -webkit-border-radius: .4em; -o-border-radius: .4em; border-radius: .4em; padding: 10px 0; 
      -moz-user-select: initial; -khtml-user-select: initial; -webkit-user-select: initial; -o-user-select: initial; 
      -ms-user-select: initial; z-index: 200; 
   }
   .H_context_menu_closed {   display: none; }
   .H_context_menu_item { text-overflow: ellipsis; overflow: hidden; padding: 1px 10px 0; }
   .H_context_menu_item.clickable:hover, .H_context_menu_item.clickable:focus { outline: none; background-color: #00BBDC; cursor: pointer; }
   .H_context_menu_item.disabled 
   { 
      background: transparent !important; color: #5A6166; cursor: default !important; -moz-user-select: none; -khtml-user-select: none;   
      -webkit-user-select: none;   -o-user-select: none;   -ms-user-select: none; 
   }
   .H_context_menu_item_separator 
   { 
      height: 0; margin: 8px 10px; border-top: 1px solid #333; border-bottom: 1px solid #666; line-height: 0; font-size: 0; 
   }
   .H_scalebar_svg { display: block; }
   .H_pano_mm { position: absolute; top: 0; left: -100%; font-size: 1.5em; width: 0; height: 0; }
   .H_pano_man { margin-top: -3em; z-index: 2; }
   .H_pano_notransition { transition: none !important; }
   .H_pano_circle { margin-top: -1em; margin-left: -1em; transition: all .3s; pointer-events: none; }
   .H_disabled .H_pano_circle { transition: none; margin-left: -.1em; }
   .H_disabled .H_pano_mm svg.H_icon, { fill: #ddd; stroke: #5A6166; }
   .H_pano_man svg.H_icon, .H_pano_circle svg.H_icon { fill: #09b; stroke: #fff; pointer-events: none; }
   .H_pano_ib { cursor: pointer; }
   .H_tib { margin: 1em 0 1em 1em; font-size: .5em; width: 30em; }
   .H_tib p { margin: .5em 0; padding: 0; line-height: 1.3em; }
   .H_tib p.H_tib_desc { border-top: 1px solid #666; padding-top: .5em; }
   .H_tib .H_tib_time { color: #aaa; }
   .H_tib_right { float:right; }
   .H_dm_label 
   { 
      font: 10pt sans-serif; color: black; text-shadow: 1px 1px .5px #FFF, 1px -1px .5px #FFF, -1px 1px .5px #FFF, -1px -1px .5px #FFF; 
      white-space: nowrap; margin-left: 12px; margin-top: -7px; pointer-events: none; 
   }
   svg.H_icon { display: block; width: 2em; height: 2em; fill: #fff; }
   .H_active svg.H_icon { fill: #fff; }
   .H_disabled svg.H_icon, .H_active.H_disabled { fill: #5A6166; }
   .H_overview 
   { 
      transition: width 0.2s,height 0.2s,margin-top 0.2s, padding 0.2s; width: 0em; height: 0em; overflow: hidden; 
      cursor: default; position: absolute; margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
      box-sizing: border-box; 
   }
   .H_overview_active { padding: 0.5em; }
   .H_l_center .H_overview { left: -9999px; right: -9999px; }
   .H_l_middle .H_overview { top: -9999px; bottom: -9999px; }
   .H_l_right .H_overview { right: 100%; }
   .H_l_left .H_overview { left: 100%; }
   .H_l_bottom .H_overview { bottom: 0; }
   .H_l_center.H_l_bottom .H_overview { bottom: 100%; }
   .H_l_top .H_overview { top: 0; }
   .H_l_center.H_l_top .H_overview { top: 100%; }
   .H_overview .H_overview_map 
   { 
      border: 1px solid black; background-color: rgba(256,256,256,0.6); -webkit-box-sizing: border-box; 
      -moz-box-sizing: border-box; box-sizing: border-box; 
   }
   .H_overview_map .H_ui { display: none; }
   
   /* map: info box */
   
   .H_ib { position: absolute; left: .91em; left: -100%; }
   .H_ib_tail 
   { 
      position: absolute; z-index: 100; left: -6px; bottom: 12px; overflow: hidden; width: 0; height: 0;
      border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #000000; 
   }
   .H_ib_tail svg, .H_ib_notail .H_ib_tail, .H_ib_noclose .H_ib_close { display: none; }   
   .H_ib_body 
   { 
      position: absolute; bottom: 24px; right: -24px; padding: 0;
      color: #000000; background-color: #FFFFFF; border: 1px solid #000000; box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
   }
   .H_ib_close { font-size: 10px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 120; background: var(--link); padding: 2px; }
   .H_ib_close:hover { background-color: var(--hover); }
   .H_ib_close svg.H_icon, .H_ib_close svg.H_icon path { fill: #FFFFFF; }
   .H_disabled .H_ib_close { cursor: default; }
   .infowindow 
   { 
      width: 200px; height: 200px; position: relative; background-repeat: no-repeat;
      background-position: center center; background-size: cover;
   }
   .infowindow span 
   { 
      position: absolute; bottom: 0px; left: 0px; display: inline-block; font-size: 13px; line-height: 17px; 
      padding: 5px; background-color: rgba(255,255,255,0.8); 
   }
   
   /* map: marker */
   
   .marker 
   { 
      width: 20px; height: 20px; color: #FFFFFF; background: var(--link); display: inline-block; 
      text-align: center; margin: -10px 0px 0px -10px; 
      border-radius: 10px; font-size: 11px; line-height: 21px; font-weight: bold; cursor: pointer;
   }