@charset "UTF-8";

html, body {height:100%; margin:0; padding:0; font-size:100%; background:#fff;}
html {-moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%;}
body {position:fixed; width:100%; word-wrap:break-word; overscroll-behavior-y:contain; overflow:hidden;} /* fixed position for mobiles */

/* cursor, user-select, pointer-events, outline, overflow*/

a, .menulink, .mapboxgl-ctrl-geolocate, #pagebox #map, .photo, .mappic {cursor:pointer;}
.mapboxgl-interactive {cursor:-moz-grab; cursor:-webkit-grab; cursor:grab;}
.mapboxgl-interactive:active {cursor:-moz-grabbing; cursor:-webkit-grabbing; cursor:grabbing;}
.menunotch, .tripmode0 a.trip0, .tripmode1 a.trip1, .tripmode2 a.trip2 {cursor:default;}
input.field {cursor:text;}

form, #mapbox, #pagemap, #headbox, .loading, #detect, #slender, #bottomad, #click, .email, .lightbox, .billboard {-webkit-touch-callout:none; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; cursor:default;}

#detect, #slender, #bottomad, #click, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, #pagebox .mapboxgl-canvas-container, #mapbottom, .mapnotice, .topunit .menuarea, .inactive, .inactive .menunotch, .topunit .inactive .menublock, .sphere, input#mapfield {pointer-events:none;}
.mapboxgl-ctrl-group, #infobox, .menunotch, .topunit .menublock, #mapbox .notice, .searchopen input#mapfield {pointer-events:auto;}

a:focus, input:focus, button:focus {outline:none;}
.strip .switchlink, .circle, .stacks .stamp, .listlink, .overlayframe {overflow:hidden;}

/* font */

@font-face {font-family:Poppins; font-style:normal; font-weight:300; src:url('/fonts/poppins-v12-latin-ext_latin-300.woff2') format('woff2'), url('/fonts/poppins-v12-latin-ext_latin-300.woff') format('woff'); font-display:swap;}

body, input {font-family:Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Oxygen, "Fira Sans", "Droid Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

body, h1, h2, h3 {font-weight:400;}
input {font-weight:400 !important;}

/* display */

.hide, .mapview #pagebox, .mapview #fullmap, .pagemode #exitmap, .mapboxgl-missing-css, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right, #pagemap, #pagemap .topleft, #pagemap .bottomright, #pagemap .mapboxgl-ctrl-bottom-right, .mainview .mainswitch, .tripview .tripswitch, .consent2, .options .consent1, .withoutmap #pagemap, .zoomed .normalpic, .billboard, .motivate, #pagemap #mapsearch {display:none;}

.crop .withicon, .mainview #mainbox, .tripview #tripbox, .pageloadview #auxbox, .searchloadview #auxbox, .searchview #auxbox, .stamp, .switchtag, #mapinfo .withicon, .options .consent2, .glyph, .adsbygoogle, .addition, .mapview .withad .billboard, .mainview .motivate, .mapsubmit, .pagesubmit, .menulink, .listlink, .linkbox, .overlaylink, .overlayclose {display:block;}

/* display and position */

.mapview .infomap #mapbottom, .dot, .doticon, .hole, .siteicon {display:block; position:absolute;}

.crumblink, .spin, .circle, .ikon, .switchlink, .stampimage, #tripform, .pageform, input.field {display:block; position:relative;}

.inlineblock, .langtext, .withicon, #infobox, .notice {display:inline-block; position:relative;}

.crop, .crop .singleline {display:inline-block; max-width:100%;}

/* position */

.loading, .triparea, #headbox, #pagemap, #maparea, .topunit .menublock, #tripbottom, .foot, .bit, .button, .picform {position:relative;}

.menuarea, .bottomunit, .mapnotice, #maparea .lightbox {position:absolute;}

#pagebox, .strip .stamp, #infopic, .leftunit, .overlaybox, .overlaylink, .overlayclose {position:absolute; top:0; left:0;}
#mapbox, .pagesubmit, .normalpic, .rightunit, .mapsubmit {position:absolute; top:0; right:0;}

/* z-index */

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {z-index:2000000000;}
.consent, #testing {z-index:90000;}
.photo, .overlay {z-index:80000;}
.triptop .menuarea {z-index:70000;}
.menuarea {z-index:60000;}
.topright {z-index:50000;}
.topleft, .billboard {z-index:40000;}
#mapbottom, .mapnotice, .bigspin, .overlay .circle {z-index:30000;}
.bottomunit, .siteicon, .pagesubmit, #pagesearch, .picinfo, .overlaylink {z-index:20000;}
.pagemode #pagebox,
.menunotch, input#pagefield, .normalpic, #tripform, .mapsubmit, .overlaybox {z-index:10000;}

/* height and width */

.fullsize, .switchlink, #piczoom, .formphoto, .overlayclose, .overlayinner, .overlaybox, .overlaylink {height:100%; width:100%;}
table.fullsize {table-layout:fixed;}
#mapbox, #maparea, #map {height:100%; width:100%; overflow:hidden;}

.dot, .glyph {height:24px; width:24px;}
#maparea .ikon, .photo .ikon, .overlay .ikon {height:26px; width:26px;}
.sphere, .orb, .mapboxgl-user-location-dot::before {height:28px; width:28px;}
.ikon, #maparea #mappanel .ikon {height:30px; width:30px;}
.siteicon, #maparea .circle, .photo .circle, .overlay .circle, .zoomin, .zoomout, button.mapboxgl-ctrl-geolocate, .mapsubmit {height:40px; width:40px;}
.circle {height:50px; width:50px;}

/* font size */

input#pagefield, .pictitle, .maptitle {font-size:140%;}
.loading, input.tripfield, input#mapfield, .email {font-size:130%;}
.attention {font-size:120%;}
.button, .instruction, .strip .switchtag, .consentbox, .noticetext, .accent {font-size:110%;}
.subtitle, .linktitle {font-size:106%;}
#pagebox, #mapbox, .lightbox, #testing {font-size:93.75%;}
.addition {font-size:85%;}

/* line height */

#pagebox, #mapbox {line-height:1.5em;}
.foot, .addition {line-height:1.375em;}
.listbox, .listbox .addition, .namespacing {line-height:1.2em;}
.noticetext, .infostack {line-height:1.1em;}
h1, h2, h3, input, #testing {line-height:1em;}

.withicon {line-height:1.5em; height:1.5em;}
.iconspacing .withicon {line-height:1.2em; height:1.2em; margin:.15em 0;}
h1 .withicon, h3 .withicon {line-height:1em; height:1em;}

/* alignment */

.middle {vertical-align:middle;}
#mapbottom, #testing, .stacks, .picbox, #mappanel {text-align:center;}

/* advert */

.advert {position:relative; text-align:center;}
.pagemode .advert {min-height:6px; margin:-6px -20px 0; line-height:0; background:-moz-linear-gradient(0deg,rgba(255,255,255,0) 6px,#fff 6px); background:-webkit-linear-gradient(0deg,rgba(255,255,255,0) 6px,#fff 6px); background:linear-gradient(0deg,rgba(255,255,255,0) 6px,#fff 6px);}
.pagemode .adsbygoogle {margin:0 20px;}

.billboard {position:absolute; bottom:0; left:0; right:0; width:100%; overflow:hidden;}
.withad50 .billboard, .withad60 .billboard, .withad90 .billboard {background:#fff;}
.withad1 .billboard {line-height:0; min-height:1px; max-height:90px;}
.withad50 .billboard {height:50px;}
.withad60 .billboard {height:60px;}
.withad90 .billboard, .billboard .adsbygoogle {height:90px;}
.billboard .adsbygoogle {min-height:90px; max-height:90px;}

/* margin */

.advert *, .advert iframe, #picunit, .billboard .advert {margin:0 auto;}
#mainbox .switches, #tripunit, a.topspace {margin-top:20px;}
.picform, .triparea {margin-bottom:20px;}
.improve {margin-bottom:.18em;}

/* padding */

.viewloading {padding:10px 0;}
td, input, .listlinks .listbox {padding:0;}
.noticetext {padding-left:10px;}

/* border */

.topright, .bottomright, .mapboxgl-ctrl-group {border-right:10px dashed transparent;}
.topleft, .bottomleft {border-left:10px dashed transparent;}

/* border radius */

.rounded, .button, input.tripfield, #pagesearch, .pageform, #mapsearch {border-radius:500px;}

.circle, .mapboxgl-ctrl-geolocate, .glyph, .stamp, .dot, .siteicon, .hole, .mappic, .mapsubmit, .consentchoice {border-radius:50%;}

#mainbox .pic, #auxbox .pic {border-radius:10px;}

.menublock, .notice, .picbox, .textpic, .formphoto, #tripform, .textbox, .listbox, .listlink, .quotation {border-radius:17px;}

#infobox, #mappanel .menublock, .consentbox, .overlaybox, .overlaylink {border-radius:25px;}

/* box shadows */

.pagemode #pagebox {box-shadow:0 0 4px rgba(0,0,0,.15);}
.mappic {box-shadow:0 0 4px rgba(0,0,0,.3);}

.menublock, #infobox, .notice, .consentbox, .overlay .circle {box-shadow:0 1px 5px rgba(0,0,0,.3);}
.searchlive .pageform, .menulive input.tripfield {box-shadow:0 1px 5px rgba(0,0,0,.375);}
.overlaybox {box-shadow:0 1px 5px rgba(0,0,0,.5);}


/* background */

.trip0, .trip1, .trip2 {background-color:rgba(247,247,247,.3);}
.pageform, input.tripfield {background-color:#ebebeb; background-color:rgba(247,247,247,.76); box-shadow:0 1px 5px rgba(0,0,0,.2), inset 0 0 15px rgba(255,255,255,.5);}
.frosted, .mapboxgl-ctrl-geolocate {background-color:#fff; background-color:rgba(255,255,255,.76); box-shadow:0 1px 5px rgba(0,0,0,.3), inset 0 0 15px rgba(255,255,255,.5);}
.searchlive .pageform, #infobox, .notice, .menulive input.tripfield, .tripmode0 .trip0, .tripmode1 .trip1, .tripmode2 .trip2, .triptype .circle {background-color:#fff; background-color:rgba(255,255,255,.84);}
.lightgray {background-color:#f2f2f2;}
.textpic .textbox {border-radius:0; background-color:rgba(249,249,249,.87);}

.consent, #mappanel {background-color:rgba(0,0,0,.3);}
.overlay {background-color:rgba(0,0,0,.5);}
.photo {background-color:#000; background-color:rgba(0,0,0,.9);}

/* grayscale */

.style1 .nomap, .style2 .nomap {color:#bbb;}
.switchlink, .subtle, .nomap {color:#363636;}
html, body, input#pagefield, .listlink .addition {color:#222;}

/* 0 */

.c0 {color:#600;}
.pick0 .entry0, .pick1 .entry1, .pick2 .entry2, .pick3 .entry3, .pick4 .entry4, .style0 #menu0 .entry0, .style1 #menu0 .entry1, .style2 #menu0 .entry2, .style3 #menu0 .entry3, .mapmode0 #menu1 .entry0, .mapmode1 #menu1 .entry1, .mapmode2 #menu1 .entry2, .mapmode3 #menu1 .entry3 {background-color:#f2e6e6;}
.b0 {background-color:#ba3939;}
.m0 {background-color:#c8a7a7;}
.l0 {background-color:#e9e2e2;}

/* 52 */

.c52 {color:#5c5000;}
.b52 {background-color:#a69211;}
.m52 {background-color:#bfb788;}
.l52 {background-color:#e9e8e2;}

/* 120 */

.c120 {color:#005c00;}
.b120 {background-color:#218021;}
.m120 {background-color:#99bd99;}
.l120 {background-color:#e2e9e2;}

/* 180 */

.b180 {background-color:#0e8181;}

/* 220 */

a {color:#003cb3;}
.b220 {background-color:#2d5ec2;}
.m220 {background-color:#a3b2d2;}
.l220 {background-color:#e2e4e9;}

/* background images */

.ikon, .doticon, .glyph, .stampimage, .spin, .bigspin, .sitelogo, .siteicon, .odlogo, .cclogo {background-image:url(/images/sprite3-1x.png); background-size:312px 305px; background-repeat:no-repeat;}

/* text */

* {text-overflow:ellipsis;}
a {text-decoration:none; background-color:transparent;}
input {text-indent:0; word-spacing:normal;}
.infodescription, .consentbox {-moz-text-wrap:balance; -webkit-text-wrap:balance; text-wrap:balance;}

.singleline, .menulink, .crumb, .langtext, .switchtag, .nowrap, .picinfo, .imagetext {white-space:nowrap; word-wrap:normal;}
.singleline {display:block; overflow:hidden;}
h3 .singleline, #mapinfo .singleline {margin-bottom:-.5em; padding-bottom:.5em;}

.columns, .double, .triple {-moz-columns:2; -webkit-columns:2; columns:2;}
.reverse {unicode-bidi:bidi-override; direction:rtl;}
.details {position:relative; line-height:1.1em;}
.detailsandmore {top:-.7em;}
.justdetails {margin:-.7em 0 .2em;}
.detailsicon {margin-left:35px;}

h1, h2, h3, .subtitle, #testing {color:#111;}
h1, h2, h3 {margin:0;}
h1 {padding:14px 0 12px; font-size:225%; clear:both;}
h2 {padding:20px 0 12px; font-size:180%;}
h3 {padding:8px 0 12px; font-size:160%}
h3.topspace {padding-top:20px;}
#pagesearch h3, #mapsearch h3 {padding-top:0;}

/* lists */

ul {display:block; margin:0; padding:0; list-style:none none;}
li {display:block; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}
.listspacing {margin:-.25em 0;}
.listspacing li {padding:.25em 0;}
.namespacing {margin:-.35em 0;}
.namespacing li {padding:.35em 0;}
.iconspacing {margin:-3px 0;}
#mappanel .iconspacing {margin-bottom:10px;}
.iconspacing li {padding:6px 0;}
.scroll {overflow:auto; height:30em; max-height:60vh;}

.listboxes {margin:-5px -10px;}
.listlinks, .listlinks .listbox, .listlink {height:100%;}
.listtable {width:100%; table-layout:fixed; border-collapse:separate; border-spacing:10px;}
.listbox, .textbox, .linkbox {padding:15px;}
.listbox {width:50%; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;}
.listbox .subtitle {margin-bottom:.35em;}
.listbox .addition {margin-top:.25em;}
#tripbox .textbox {margin-top:10px;}
#tripbox .textpic .textbox {margin-top:0;}

/* elements */

table, tr, td, .crop .singleline {vertical-align:top;}
table {border:0 none; border-collapse:collapse; border-spacing:0;}
iframe, form {margin:0; border:0 none; padding:0;}
img, a img {color:transparent; border:0 none; vertical-align:middle;}
input {border:0 none; border-radius:0; -moz-appearance:none; -webkit-appearance:none;} /* removes ios top box shadow */

/* shared */

#mainbox, #tripbox, #auxbox {display:none; padding:0 20px 20px;}
#tripbox {border-top:15px dashed transparent;}
#auxbox {border-top:10px dashed transparent;}
#detect, #slender, #bottomad, #click {position:absolute; top:0; left:0; height:1px; width:1px; overflow:hidden;}
#testing {position:fixed; top:0; right:0; height:1em; padding:.2em; text-shadow:0 0 4px #fff,0 0 4px #fff;}
.menunotch, .tripdown, .tripup {position:absolute; height:0; width:0; line-height:0; border-right:6px dashed transparent; border-left:6px dashed transparent; font-size:0;}
.picbox {text-shadow:0 0 4px #000;}

/* spacers */

.spacer0, .spacer1, .spacer2, .spacer3, .spacer4, .divider, .ball {font-size:1px; overflow:hidden;}
.spacer0 {height:6px;}
.spacer1 {height:10px;}
.spacer2 {height:12px;}
.spacer3 {height:20px;}
.spacer4 {height:40px;}
.divider, .ball {height:6px;}
.divider {position:relative; width:78px; margin:20px auto 0;}
.ball {width:6px; position:absolute; top:0; border-radius:3px;}
.ball0 {left:0;}
.ball1 {left:24px;}
.ball2 {right:24px;}
.ball3 {right:0;}

/* switches */

.switches {position:relative; width:100%;}
.stacks {margin:0 -5px;}
.singlestrip, .doublestrip {display:none; position:relative; margin-right:-10px;}
.switch {position:relative; width:25%;}
.doublestrip .switch {width:50%;}
.secondstrip .switch {padding-top:10px;}

.strip .switchlink, .strip .stamp, .strip .switchtag {height:56px;}
.strip .stamp {width:56px;}
.strip .switchtag {position:relative; top:28px; margin:-.75em 10px 0 63px; height:1.5em; line-height:1.5em;}

.stacks .stamp {position:relative; height:58px; width:58px; margin:0 auto;}
.stampimage {top:50%; height:30px; width:30px; margin:-15px auto;}
.stacks .switchtag {margin:5px 0 0 0;}

/* icons */

.siteicon {top:10px; left:10px; background-position:-193px -190px; background-color:#cde0eb; box-shadow:inset 0 0 7px rgba(0,0,0,.13);}

.spin {height:38px; width:38px; margin:-18px 10px -18px -3px; background-position:-136px -195px;}
.bigspin {position:absolute; top:50%; left:50%; height:76px; width:76px; margin:-38px; background-position:-236px -157px; pointer-events:none;}
.mapview .withad50 .bigspin {margin-top:-63px;}
.mapview .withad60 .bigspin {margin-top:-68px;}
.mapview .withad90 .bigspin {margin-top:-83px;}

.withicon .ikon, .menuicon {position:absolute; top:50%;}
.withicon, .hasicon, .bit {border-left:35px dashed transparent;}
.topleft .withicon {border-left-width:31px;}
.withicon .ikon {left:-36px; margin:-15px 0 0;}
.topleft .withicon .ikon {left:-34px; margin:-13px 0 0;}
.menuicon {left:-19px; height:12px; width:12px; margin:-6px 0 0;}

.dot {top:50%; margin:-12px 0 0;}
.withicon .dot, .bit .glyph {left:-35px;}
.featuredot .dot {left:-31px;}

#mapinfo .withicon {border-left-width:37px;}
h1 .withicon {border-left-width:39px;}
h1 .withicon .dot, #mapinfo .withicon .dot {height:28px; width:28px; margin:-14px 0 0;}
#mapinfo .withicon .dot {left:-37px;}
h1 .withicon .dot {left:-39px;}

.doticon, .hole {top:50%; left:50%;}
.doticon {height:18px; width:18px; margin:-9px;}
.hole {height:10px; width:10px; margin:-5px; background-color:#fff;}

.bit .glyph {position:absolute; top:.75em; margin:-12px 0 0;}

.o0 {background-position:0 0;}
.o1, .mapmode1 .rightunit .o0 {background-position:-26px 0;}
.o2, .mapmode2 .rightunit .o0 {background-position:-52px 0;}
.o3, .mapmode3 .rightunit .o0 {background-position:-78px 0;}
.mapicon {background-position:-104px 0;}
.compassicon, .style2 .leftunit .mapicon {background-position:-130px 0;}
.earthicon, .style1 .leftunit .mapicon {background-position:-156px 0;}
.caricon, .style3 .leftunit .mapicon {background-position:-182px 0;}
.exiticon {background-position:-208px 0;}
.fullicon {background-position:-234px 0;}
.mainicon {background-position:-260px 0;}
.tripicon {background-position:-286px 0;}

.globeicon {background-position:0 -26px;}
#pagebox .mapicon {background-position:-30px -26px;}
#pagebox .caricon {background-position:-60px -26px;}
.cycleicon {background-position:-90px -26px;}
.walkingicon {background-position:-120px -26px;}
.imageicon {background-position:-150px -26px;}
.editicon {background-position:-180px -26px;}
.handicon {background-position:-210px -26px;}
.abouticon {background-position:-240px -26px;}
.phoneicon {background-position:-270px -26px;}

.gmapsicon {background-position:0 -56px;}
.hereicon {background-position:-30px -56px;}
.bingicon {background-position:-60px -56px;}
.mapquesticon {background-position:-90px -56px;}
.wcicon {background-position:-120px -56px;}
.wdicon {background-position:-150px -56px;}
.wvicon {background-position:-180px -56px;}
.wpicon {background-position:-210px -56px;}
.osmicon {background-position:-240px -56px;}

.deicon {background-position:0 -86px;}
.enicon {background-position:-30px -86px;}
.esicon {background-position:-60px -86px;}
.fricon {background-position:-90px -86px;}
.pticon {background-position:-120px -86px;}
.tripgo .ikon {background-position:-270px -86px;}

.mainstamp {background-position:0 -116px;}
.streetstamp {background-position:-30px -116px;}
.satellitestamp {background-position:-60px -116px;}
.photostamp {background-position:-90px -116px;}
.tripstamp {background-position:-120px -116px;}

.goicon {background-position:1px -145px;}
.staricon {background-position:-21px -145px;}
.upicon {background-position:-43px -145px;}
.downicon {background-position:-65px -145px;}
.lefticon {background-position:-87px -145px;}
.righticon {background-position:-109px -145px;}
.checkicon {background-position:-131px -145px;}
.warnicon {background-position:-153px -145px;}

.searchicon {background-position:-280px -116px; height:32px !important; width:32px !important;}

.odlogo, .cclogo {display:block; position:absolute; top:-5px; height:30px; width:104px;}
.odlogo {background-position:0 -168px; left:35%; margin-left:-75px;}
.cclogo {background-position:-150px -116px; right:35%; margin-right:-75px;}

/* menus */

.lightbox, #mappanel {top:0; left:0; height:100%; width:100%;}

#tripform .menuarea {top:58px; left:0; max-width:100%;}
.topleft .menuarea {top:40px; left:0;}
#pagesearch .menuarea {top:60px; left:0; width:100%;}
#mapsearch .menuarea {top:56px; right:-48px;}
.searchopen #mapsearch .menuarea {right:0;}
#pagesearch .pic, #mapsearch .pic {margin-left:-20px; margin-right:-20px;}

.menunotch {top:0; border-bottom:7px solid #fff;}
#menu0 .menunotch {left:14px;}
#menu1 .menunotch {left:62px;}
#pagesearch .menunotch, #mapsearch .menunotch {left:25px;}

.menublock {background:#fff; overflow:hidden;}
#pagesearch .menublock, .topunit .menublock {margin:7px 0 0 0;}
#pagesearch .menublock, #mapsearch .menublock, #mappanel .menublock {padding:20px;}
#mappanel .menublock {position:relative; display:inline-block; max-width:90%; text-align:left;}

.menulink {padding:11px 15px; overflow:hidden;}

/* lightbox */

.lightbox {position:fixed;}

.consentbox {width:310px; margin:0 auto; padding:25px; line-height:1.47em; text-align:center; background:#fff;}
.consent1 .button, .consentchoice {height:3em; line-height:3em;}
.consent1 .button {display:inline-block; margin:0 auto; padding:7px 32px; font-size:100%; color:#fff;}
.consentarea {position:relative; margin:16px 0;}
.consentchoice {display:block; width:3em; padding:7px; color:#fff;}
.consentno {position:relative; left:50%; margin-left:10px;}
.consentyes {position:absolute; top:0; right:50%; margin-right:10px;}

.photo .fullsize {background-size:contain; background-position:center; background-repeat:no-repeat;}
.photo #picunit .fullsize {background-size:100% 100%;}
.picinfo {position:absolute; bottom:0; left:0; right:62px; pointer-events:none;}
.pictext {display:inline-block; max-width:100%; padding-left:.65em; line-height:1.4em; pointer-events:auto; cursor:default; color:#f0f0f0; overflow:hidden;}
.piccredit {padding-bottom:.5em;}
#piczoom {opacity:0; overscroll-behavior:contain; overflow:auto;}
.zoomed #piczoom {opacity:1;}
#piczoom.xpic {overflow-y:hidden;}
#piczoom.ypic {overflow-x:hidden;}
.piclink {color:#dbe7ff;}

.overlayouter {position:absolute; top:30px; bottom:30px; left:30px; right:30px;}
.overlayinner {position:relative; margin:0 auto; max-width:1150px;}
.overlaybox {background:#fff; overflow:hidden;}
.overlay .circle {position:absolute; top:-20px; right:-20px; background:#000;}
.overlay .ikon {-webkit-filter:invert(1) brightness(1.5); filter:invert(1) brightness(1.5);}
.overlaylink {background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}

/* breadcrumbs */

.crumbs {position:relative; height:1.5em; margin:5px -15px 0 0; overflow:hidden;}
.crumb {float:left; position:relative; max-width:100%;}
.crumblink {margin:0 15px 0 0; overflow:hidden;}

/* views */

#pagebox {height:100%; overflow:auto; -ms-overflow-x:hidden; overflow-x:hidden;}
.pagemode #pagebox {width:500px; width:calc(450px + 10%);}
.pagemode #mapbox {position:relative; width:auto; margin-left:500px; margin-left:calc(450px + 10%);}

/* map */

#pagemap {height:400px; height:65vh; min-height:400px; margin:-6px -20px 0;}
.nomap {padding:0 50px; text-align:center;}

#map {position:relative; top:0; left:0; -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:0;}
.mapboxgl-canvas-container, .mapboxgl-canvas {touch-action:none;}
.hidemap .mapboxgl-canvas-container, .menuarea {visibility:hidden;}
.mapboxgl-canary {background-color:salmon;} /* supress missing CSS warning */
.mapview #maparea {position:absolute; top:0; bottom:0; left:0; right:0;}
.mapview .withad50 #maparea {height:auto; bottom:50px;}
.mapview .withad60 #maparea {height:auto; bottom:60px;}
.mapview .withad90 #maparea {height:auto; bottom:90px;}

.motivate {right:62px;}
.bare {top:50%; left:10px; right:10px; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center;}
#mapbox .motivate {bottom:10px; left:62px; text-align:center;}
#pagemap .motivate {top:10px; left:10px;}
.notice {text-align:left; padding:6px 15px 6px 10px;}
#mapbox .motivate .notice {vertical-align:bottom;}

#mapbottom, #infopic {height:70px;}
#mapbottom {display:none; bottom:10px; left:160px; right:160px;}
#infobox {height:68px; max-width:100%; margin:0 -60px; padding:1px 108px 1px 12px; text-align:left; overflow:hidden;}
#infobox .circle {position:absolute; top:15px;}
.mainlink {right:58px;}
.triplink {right:10px;}
#mapinfo, #mapinfo .withicon {height:2.8em;}
#mapinfo {position:relative; border-top:35px dashed transparent; margin:-1.4em 0 0 -2px; padding-left:2px; line-height:2.8em; overflow:hidden;}
#mapinfo .withicon {line-height:inherit; margin-left:-2px;}
.infostack {position:relative; top:.2em;}
.infotable {position:relative; display:table; height:2.7em;}
.infocell {display:table-cell; vertical-align:middle;}
.infodescription {display:block; display:-webkit-box; line-height:1.35em; max-height:2.7em; -webkit-line-clamp:2; -moz-box-orient:vertical; -ms-box-orient:vertical; -webkit-box-orient:vertical; overflow:hidden;}
.infotable, .infostack {padding-left:2px;}
.withicon .infotable, .withicon .infostack {padding-left:0;}
.mapcaption {display:block; padding-top:.1em;}
#infopic {display:block; width:90px;}
.withpic #mapinfo {margin-left:88px;}

.style0 {background:#ebe8e6;}
.style1, .style2 {background:#04070e;}
.style3 {background:#fcfcfc;}
.style1 .bigspin, .style2 .bigspin {-webkit-filter:brightness(.35); filter:brightness(.35);}
.style3 .bigspin {-webkit-filter:brightness(.9); filter:brightness(.9);}

.topunit {position:absolute; top:0; height:40px; width:88px; border-top:10px dashed transparent;}
.topleft {left:0; border-bottom-right-radius:20px;}
.topright {right:0; border-bottom-left-radius:20px;}
#pagemap .topunit {width:40px;}

.circle .ikon {top:10px; left:10px;}
#maparea .circle .ikon, .photo .circle .ikon, .overlay .circle .ikon {top:7px; left:7px;}

.orb, .mapboxgl-user-location-dot::before {border-radius:50%; opacity:0;}
.orb {background:hsla(0,0%,50%,.5);}
.style1 .orb, .style2 .orb {background:hsla(0,0%,95%,.75);}
.pulse, .mapboxgl-user-location-dot::before {-moz-animation:pulse 2s infinite; -webkit-animation:pulse 2s infinite; animation:pulse 2s infinite;}
.expand {-moz-animation:expand 1.4s forwards; -webkit-animation:expand 1.4s forwards; animation:expand 1.4s forwards;}

/* controls */

.bottomleft {bottom:28px; left:0; border-bottom:8px dashed transparent; border-top-right-radius:20px;}
.bottomleft .circle {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E"); background-size:34px 34px; background-position:3px 3px; background-repeat:no-repeat;}

.mapboxgl-ctrl-bottom-left {position:absolute; bottom:0; left:0;}
.mapboxgl-ctrl-logo {display:block; pointer-events:auto; height:28px; width:95px; border-top-right-radius:12px; background-size:85px 21px; background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E"); background-position:10px 0; background-repeat:no-repeat;}

.bottomright, .mapboxgl-ctrl-group {bottom:22px; right:0; margin-bottom:1.216em;} /* 1.6em*76% */
.bottomright {border-radius:20px 0 0 20px;}
.zoomin, .zoomout, .zoomunit {display:block; background-size:38px 38px; background-repeat:no-repeat;}
.zoomin, .zoomunit {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");}
.zoomout, .zoomed .zoomunit {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");}
.zoomin {border-radius:20px 20px 0 0; background-position:1px 4px;}
.zoomout {border-radius:0 0 20px 20px; background-position:1px -2px;}
.zoomunit {background-position:1px 1px;}

.mapboxgl-ctrl-bottom-right {position:absolute; bottom:0; right:0;}
.mapboxgl-ctrl-group {position:absolute; border-bottom:88px dashed transparent; border-top-left-radius:20px !important; border-bottom-left-radius:20px !important;}
button.mapboxgl-ctrl-geolocate {display:block; border:0 none; padding:0; background-position:3px 3px; background-size:34px 34px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); background-repeat:no-repeat;}
button.mapboxgl-ctrl-geolocate:disabled {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M14.434,7.688c0.213,0.407 0.371,0.848 0.466,1.312l0.1,0c0,0 1,0 1,1c0,1 -1,1 -1,1l-0.1,0c-0.4,1.96 -1.94,3.5 -3.9,3.9l0,0.1c0,0 0,1 -1,1c-1,0 -1,-1 -1,-1l0,-0.1c-0.477,-0.097 -0.93,-0.262 -1.347,-0.484c0.383,-0.377 0.767,-0.753 1.151,-1.129c0.374,0.138 0.777,0.213 1.196,0.213c1.92,0 3.5,-1.58 3.5,-3.5c0,-0.403 -0.07,-0.791 -0.197,-1.153c0.379,-0.384 0.756,-0.77 1.131,-1.159Zm-9.334,1.312c0.4,-1.961 1.94,-3.5 3.9,-3.9l0,-0.1c0,0 0,-1 1,-1c1,0 1,1 1,1l0,0.1c0.477,0.097 0.93,0.262 1.347,0.484c-0.383,0.377 -0.767,0.753 -1.151,1.129c-0.374,-0.138 -0.777,-0.213 -1.196,-0.213c-1.92,0 -3.5,1.58 -3.5,3.5c0,0.403 0.07,0.791 0.197,1.153c-0.379,0.384 -0.756,0.77 -1.131,1.159c-0.213,-0.407 -0.371,-0.848 -0.466,-1.312l-0.1,0c-0.005,0 -1,-0.003 -1,-1c0,-0.997 0.995,-1 1,-1l0.1,0Z'/%3E %3Cpath d='M14,5l1,1l-9,9l-1,-1l9,-9Z'/%3E %3C/svg%3E");}
button::-moz-focus-inner {padding:0; border:0 none;}
.mapboxgl-ctrl-scale {position:relative; bottom:10px; right:10px; height:1.6em; border-width:0 2px 2px; border-style:none solid solid; border-color:#000; border-radius:0 0 8px 8px; padding:0 5px; line-height:1.6em; font-size:76%; color:#000; text-align:right; background-color:#fff; background-color:rgba(255,255,255,.6);}
.style1 .mapboxgl-ctrl-scale, .style2 .mapboxgl-ctrl-scale {border-color:#fff; color:#fff; background-color:#000; background-color:rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.5);}

@media not all and (any-pointer:fine),
not all and (any-hover:hover) {
	.bottomright {display:none;}
	.mapboxgl-ctrl-group {border-bottom-width:0;}
}

/* location */

.mapboxgl-marker {position:absolute; top:0; left:0; will-change:transform;}
.mapboxgl-user-location-dot {height:12px; width:12px; border-radius:50%; background-color:#00a8a8; box-shadow:0 0 3px #fff;}
.mapboxgl-user-location-dot::before {content:''; position:absolute; top:-8px; left:-8px; background-color:hsla(180,48%,50%,.5);}
.style1 .mapboxgl-user-location-dot, .style2 .mapboxgl-user-location-dot {color:#5ec9c9; box-shadow:0 0 3px rgba(0,0,0,.5);}
.style1 .mapboxgl-user-location-dot::before, .style2 .mapboxgl-user-location-dot::before {background-color:hsla(0,0%,100%,.5);}

/* pic */

#headbox, .pic, .picbox, #picfade, .textpic, .formpic, #infopic {background-size:cover; background-position:center; background-repeat:no-repeat;}
#headbox, .pic, .picbox, #picfade, .textpic, #infopic {background-color:#ccc;}
.pic, .picbox, .formphoto {box-shadow:inset 0 0 3px rgba(0,0,0,.1);}
.textpic {box-shadow:inset 0 0 3px rgba(0,0,0,.2); overflow:hidden;}
.pic {display:block; margin-bottom:10px;}
.picbox {display:block; margin:20px 0 0; padding:35px; color:#fff;}
.quotation {display:inline-block; background:rgba(0,0,0,.4); padding:10px;}
.headlink, .mapimage {display:block; height:100%; width:100%;}
.mappic {height:0; width:0; border:0 dashed transparent; background:#fff; overflow:hidden;}
.mappic.livepic {height:75px; width:75px; border-width:2px;}
.mappic.livepic:hover {height:150px; width:150px; z-index:2147483647 !important; border-radius:17px;}
.mapimage {object-fit:cover; pointer-events:none;}
.imagetext {position:absolute; opacity:0; -moz-transform:scale(0.5); -webkit-transform:scale(0.5); transform:scale(0.5); opacity:0; bottom:1%; left:5%; right:5%; width:90%; color:#fff; overflow:hidden;}
.picinfo, .imagetext {text-shadow:0 0 4px #000,0 0 4px #000;}
.mappic.livepic:hover .imagetext {opacity:1; -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}

#picfade {margin:0 -20px -20px;}
#picfade .foot {border-left:20px dashed transparent; border-right:20px dashed transparent; padding:0 0 20px; text-shadow:0 0 4px #fff; background:#fff; background:-moz-linear-gradient(#fff,rgba(255,255,255,.75) 50%,rgba(255,255,255,.75) 100%); background:-webkit-linear-gradient(#fff,rgba(255,255,255,.75) 50%,rgba(255,255,255,.75) 100%); background:linear-gradient(#fff,rgba(255,255,255,.75) 50%,rgba(255,255,255,.75) 100%);}

/* forms */

.formphoto {position:absolute; overflow:hidden;}
.formpic {position:absolute; top:-5px; bottom:-5px; left:-5px; right:-5px; -webkit-filter:blur(5px); filter:blur(5px); background-color:#aaa;}
#tripform {border:20px dashed transparent; background:#969696; background:rgba(200,200,200,.3);}

input.field {height:30px; line-height:30px;}
input#pagefield, input.tripfield {width:100%;}
#tripform .button {display:block; line-height:30px; height:30px; padding-top:26px; padding-bottom:0; text-align:center; color:#fff;}

/* search */

#pagesearch {position:absolute; top:20px; left:20px; right:20px;}
.pageform {padding:0 111px 0 0;}
.pageform, .pagesubmit {height:60px;}
.sitelogo, .pagesubmit .ikon {opacity:.85;}

.sitelogo {position:absolute; top:15px; left:56px; height:35px; width:136px; background-position:0 -198px;}
.searchlive .sitelogo {opacity:0;}

.pagesubmit {width:52px; border-radius:0 30px 30px 0;}
.pagesubmit .ikon {position:absolute; top:14px; right:17px;}
.searchlive .pagesubmit .ikon {opacity:.9;}
input#pagefield {opacity:0; margin:0 0 0 46px; padding:15px 0 15px 13px; background:transparent;}
.searchlive input#pagefield {opacity:1;}

#mapsearch {overflow:visible;}
#mapsearch .ikon {-moz-transform:scale(0.8125); -webkit-transform:scale(0.8125); transform:scale(0.8125); margin:-3px; opacity:.9;}
.mapform {position:absolute; opacity:0; top:5px; left:15px; background:transparent;}
input#mapfield {width:10px; background:transparent;}
.searchopen .topunit.topright, .searchopen #mapsearch, #mapsearch .menuarea {width:260px;}
.searchopen .topunit.topright, .searchopen #mapsearch {height:56px;}
.searchopen .topunit.topright {border-bottom-left-radius:28px;}
.searchopen .mapsubmit {height:56px; width:50px; border-radius:0 50% 50% 0;}
.searchopen #mapsearch .ikon {-moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); top:15px; right:17px;}
.searchopen .mapform {opacity:1; top:13px;}
.searchopen input#mapfield {width:195px;}
.searchopen .topright .rightunit {-moz-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); right:-25px;}

/* trip */

.tripbase {position:relative; padding:0 61px 0 0;}
.triparea .glyph {position:absolute; top:50%; left:13px; margin-top:-12px; pointer-events:none;}
input.tripfield {padding:13px 13px 13px 48px;}
.tripswap {display:block; position:absolute; height:20px; width:40px; top:56px; left:50%; margin-left:-20px;}
.tripdown, .tripup {display:block; top:6.5px; -webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.3)); filter:drop-shadow(0 0 4px rgba(0,0,0,.3));}
.tripdown {left:7px; border-top:8px solid #fff;}
.tripup {right:7px; border-bottom:8px solid #fff;}

#tripbottom .circle {position:absolute; top:3px;}
.trip0 {left:0;}
.trip1 {left:22%;}
.trip2 {left:44%;}
.tripgo {width:34%; margin:0 0 0 auto;}
.tripgo .ikon {position:absolute; top:50%; left:50%; margin:-15px;}

.tripmap {display:none;}
.triptype {margin:0 16px 0 0;}
.triptype .circle {box-shadow:0 0 3px rgba(0,0,0,.15);}

/* high-resolution graphics - place before others to help prevent bugs */

@media
only screen and (-webkit-min-device-pixel-ratio:1.01),
only screen and (min-device-pixel-ratio:1.01),
only screen and (min-resolution:97dpi),
only screen and (min-resolution:1.01dppx) {
	.ikon, .doticon, .glyph, .stampimage, .spin, .bigspin, .sitelogo, .siteicon, .odlogo, .cclogo {background-image:url(/images/sprite3-2x.png);}
}

@media
only screen and (-webkit-min-device-pixel-ratio:2.01),
only screen and (min-device-pixel-ratio:2.01),
only screen and (min-resolution:193dpi),
only screen and (min-resolution:2.01dppx) {
	.ikon, .doticon, .glyph, .stampimage, .spin, .bigspin, .sitelogo, .siteicon, .odlogo, .cclogo {background-image:url(/images/sprite3-3x.png);}
}

/* sizing */

@media screen and (max-width:379px) {
	#pagesearch {left:16px; right:16px;}
	#mainbox, #tripbox, #auxbox {padding:0 16px 18px;}
	#pagemap, .pagemode .advert, .picform {margin-left:-16px; margin-right:-16px;}
	#picfade {margin:0 -16px -18px;}
	#picfade .foot {border-left:16px dashed transparent; border-right:16px dashed transparent; padding:0 0 18px;}
	.columns {-moz-columns:auto; -webkit-columns:auto; columns:auto;}
	#tripform {border-width:18px 16px;}
	.formphoto, #tripform {border-radius:0;}
	.searchopen .topleft .circle {-moz-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);}
}

@media screen and (max-width:759px) { /* equal to javascript matchMedia */
	#detect, .pagemode #mapbox {display:none;}
	#pagemap {display:block;}
	body.pagemode {position:static; height:auto; min-height:100%; width:auto; overflow:visible;}
	.pagemode #pagebox {position:static; top:auto; left:auto; height:auto; width:auto; overflow:visible; -ms-overflow-x:hidden; overflow-x:hidden; box-shadow:none;}
	.pagemode #pagemap + .advert {min-height:0; margin-top:0;}
	.pagemode .withoutmap #pagemap + .advert {min-height:6px; margin-top:-6px;}
	.tripbuttons {-moz-columns:2; -webkit-columns:2; columns:2;}
	.tripmap {display:list-item;}
}

@media screen and (min-width:760px) {
	.pagemode .lightbox.overlay {right:0; width:auto;}
}

@media screen and (min-width:760px) and (max-width:1125px) {
	.pagemode #pagebox {width:50%;}
	.pagemode #mapbox {margin-left:50%;}
	.pagemode .lightbox.overlay {left:50%;}
}

@media screen and (min-width:1126px) {
	.pagemode .lightbox.overlay {left:500px; left:calc(450px + 10%);}
}

@media screen and (max-width:359px) {
	.picbox {padding-left:0; padding-right:0;}
	.quotation {border-radius:0;}
}

@media screen and (max-width:339px) {
	.strip .switchlink, .strip .stamp, .strip .switchtag {height:50px;}
	.strip .stamp {width:50px;}
	.strip .switchtag {top:25px; margin-left:57px; font-size:100%;}
}

@media screen and (min-width:340px) and (max-width:359px) {
	.strip .switchlink, .strip .stamp, .strip .switchtag {height:52px;}
	.strip .stamp {width:52px;}
	.strip .switchtag {top:26px; margin-left:59px; font-size:105%;}
}

@media screen and (min-width:360px) and (max-width:399px) {
	.strip .switchlink, .strip .stamp, .strip .switchtag {height:54px;}
	.strip .stamp {width:54px;}
	.strip .switchtag {top:27px; margin-left:61px;}
}

@media screen and (max-width:399px) {
	.stacks {display:none;}
	.doublestrip {display:block;}
}

@media screen and (max-width:464px),
screen and (min-width:760px) and (max-width:929px) {
	.stacks {margin:0 -10px;}
	.stacks .stamp {height:56px; width:56px;}
}

@media screen and (min-width:550px) and (max-width:759px),
screen and (min-width:1000px) {
	.stacks {margin:0;}
	.stacks .stamp {height:60px; width:60px;}
}

@media screen and (min-width:620px) and (max-width:759px),
screen and (min-width:1700px) {
	.stacks {display:none;}
	.singlestrip {display:block;}
	.triple {-moz-columns:3; -webkit-columns:3; columns:3;}
}

@media screen and (min-width:820px) {
	#infobox {max-width:500px;}
}

@media screen and (max-width:549px) and (min-height:350px) {
	#mapbottom {bottom:0; left:0; right:0;}
	#infobox {display:block; margin:0;}
}

@media screen and (min-width:350px) and (max-width:549px) and (min-height:350px) {
	#mapbottom {pointer-events:auto; border-right:10px dashed transparent; border-bottom:10px dashed transparent; border-left:10px dashed transparent;}
	#infobox {display:block; margin:0;}
	#mapbox.infomap .bottomleft {bottom:110px;}
	#mapbox.infomap .mapboxgl-ctrl-bottom-left {bottom:82px;}
	.infomap .bottomright, .infomap .mapboxgl-ctrl-group {bottom:104px;}
	.infomap .mapboxgl-ctrl-scale {bottom:92px;}
}

@media screen and (max-width:349px) and (min-height:350px) {
	#infobox {border-radius:0;}
	#mapbox.infomap .bottomleft {bottom:100px;}
	#mapbox.infomap .mapboxgl-ctrl-bottom-left {bottom:72px;}
	.infomap .bottomright, .infomap .mapboxgl-ctrl-group {bottom:94px;}
	.infomap .mapboxgl-ctrl-scale {bottom:82px;}
}

@media screen and (max-height:349px) {
	.mapview .infomap #mapbottom {display:none;}
}

@media screen and (max-width:449px),
screen and (min-width:760px) and (max-width:899px) {
	.pagemode .adsbygoogle {margin:0 auto;}
}

@media screen and (max-height:499px) {
	#bottomad, .mapview .withad .billboard {display:none;}
	.mapview .withad50 #maparea, .mapview .withad60 #maparea, .mapview .withad90 #maparea {height:100%; bottom:auto;}
	.mapview .withad50 .bigspin, .mapview .withad60 .bigspin, .mapview .withad90 .bigspin {margin-top:-38px;}
}

@media screen and (max-width:449px) {
	#slender {display:none;}
}

@media screen and (max-width:499px) {
	.consentbox {width:256px; padding:18px 16px;}
	.consentarea {margin:14px 0;}
}

@media screen and (min-width:500px) {
	.overlayouter {left:calc(30% - 120px); right:calc(30% - 120px);}
}

@media screen and (min-width:760px) and (max-width:999px) {
	.pagemode .overlayouter {left:30px; right:30px;}
}

@media screen and (min-width:1000px) {
	.pagemode .overlayouter {left:calc(30% - 120px); right:calc(30% - 120px);}
}

@media screen and (min-height:500px) {
	.overlayouter {top:calc(30% - 120px); bottom:calc(30% - 120px);}
}

@media screen and (min-width:500px) and (max-width:599px),
screen and (min-width:500px) and (max-height:599px) {
	.consentbox {padding:20px;}
}

/* animations */

.spin, .bigspin {-moz-animation:spin 5s linear infinite; -webkit-animation:spin 5s linear infinite; animation:spin 5s linear infinite; will-change:transform;}

.animate .pageform, .animate input.tripfield {-moz-transition:background-color .5s, box-shadow .5s; -o-transition:background-color .5s, box-shadow .5s; -webkit-transition:background-color .5s, box-shadow .5s; transition:background-color .5s, box-shadow .5s;}
.animate .sitelogo, .animate .pagesubmit .ikon {-moz-transition:opacity .5s; -o-transition:opacity .5s; -webkit-transition:opacity .5s; transition:opacity .5s;}
#tripbottom .circle {-moz-transition:background-color .5s; -o-transition:background-color .5s; -webkit-transition:background-color .5s; transition:background-color .5s;}

.menuarea, .lightbox, .mapnotice {opacity:0; -moz-transition:opacity .7s; -o-transition:opacity .7s; -webkit-transition:opacity .7s; transition:opacity .7s;}
.nospin {opacity:0; -moz-transition:opacity 1s; -o-transition:opacity 1s; -webkit-transition:opacity 1s; transition:opacity 1s;}

.livepic {-moz-transition:height 1s, width 1s, border-width 1s, border-radius 1s; -o-transition:height 1s, width 1s, border-width 1s, border-radius 1s; -webkit-transition:height 1s, width 1s, border-width 1s, border-radius 1s; transition:height 1s, width 1s, border-width 1s, border-radius 1s;}
.livepic .imagetext {-moz-transition:opacity 1s, transform 1s; -o-transition:opacity 1s, transform 1s; -webkit-transition:opacity 1s, transform 1s; transition:opacity 1s, transform 1s;}

.morph .topunit.topright, .morph .mapsubmit {-moz-transition:height 1s, width 1s, border-radius 1s; -o-transition:height 1s, width 1s, border-radius 1s; -webkit-transition:height 1s, width 1s, border-radius 1s; transition:height 1s, width 1s, border-radius 1s;}
.morph #mapsearch {-moz-transition:height 1s, width 1s; -o-transition:height 1s, width 1s; -webkit-transition:height 1s, width 1s; transition:height 1s, width 1s;}
.morph #mapsearch .ikon {-moz-transition:transform 1s, top 1s, right 1s; -o-transition:transform 1s, top 1s, right 1s; -webkit-transition:transform 1s, top 1s, right 1s; transition:transform 1s, top 1s, right 1s;}
.morph .topright .rightunit {-moz-transition:transform 1s, right 1s; -o-transition:transform 1s, right 1s; -webkit-transition:transform 1s, right 1s; transition:transform 1s, right 1s;}
.morph .mapform {-moz-transition:opacity 1s, top 1s; -o-transition:opacity 1s, top 1s; -webkit-transition:opacity 1s, top 1s; transition:opacity 1s, top 1s;}
.morph input#mapfield {-moz-transition:width 1s; -o-transition:width 1s; -webkit-transition:width 1s; transition:width 1s;}
.morph #mapsearch .menuarea {-moz-transition:right 1s, opacity .7s; -o-transition:right 1s, opacity .7s; -webkit-transition:right 1s, opacity .7s; transition:right 1s, opacity .7s;}
.morph .topleft .circle {-moz-transition:transform 1s; -o-transition:transform 1s; -webkit-transition:transform 1s; transition:transform 1s;}

@-moz-keyframes spin {
	100% {-moz-transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes spin {
	100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes spin {
	100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

@-moz-keyframes pulse {
	0% {-moz-transform:scale(1); transform:scale(1); opacity:1;}
	70% {-moz-transform:scale(3); transform:scale(3); opacity:0;}
	100% {-moz-transform:scale(1); transform:scale(1); opacity:0;}
}
@-webkit-keyframes pulse {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	70% {-webkit-transform:scale(3); transform:scale(3); opacity:0;}
	100% {-webkit-transform:scale(1); transform:scale(1); opacity:0;}
}
@keyframes pulse {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	70% {-webkit-transform:scale(3); transform:scale(3); opacity:0;}
	100% {-webkit-transform:scale(1); transform:scale(1); opacity:0;}
}

@-moz-keyframes expand {
	0% {-moz-transform:scale(1); transform:scale(1); opacity:1;}
	100% {-moz-transform:scale(3); transform:scale(3); opacity:0;}
}
@-webkit-keyframes expand {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	100% {-webkit-transform:scale(3); transform:scale(3); opacity:0;}
}
@keyframes expand {
	0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
	100% {-webkit-transform:scale(3); transform:scale(3); opacity:0;}
}

/* hover */

@media (hover:hover) and (pointer:fine) {
	#click {display:none;}
	.pageform:hover, input.tripfield:hover {background-color:#fff; background-color:rgba(255,255,255,.84); box-shadow:0 1px 5px rgba(0,0,0,.375);}
	.trip0:hover, .trip1:hover, .trip2:hover {background-color:#fff; background-color:rgba(255,255,255,.84);}
}