@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Anton|Roboto');
@import url('icons.css');
* { padding:0; margin:0; outline:none; border:0; box-sizing:border-box; font-family:Roboto, sans-serif; font-weight: 400; line-height: 1.4em; font-size:1.08em; }
h1, h2, h3, h4, h5, h6 { line-height:1.2em; text-transform: uppercase; font-family: Anton, sans-serif; }
h1 { font-size:48px; }
h2 { font-size:36px; }
h3 { font-size:28px; margin:15px 0; }
h4 { font-size:24px; }
h5 { font-size:18px; }
h6 { font-size:14px; }
html { height:100%; min-height: 100%; }
body { overflow: hidden; color: white; background-size: 50%; }
#waypoints { margin:0 0 20px; max-width: 100%; }
button { font-size:24px; padding:5px 10px; border-radius:3px; box-sizing:border-box; width:100%; border:0; background:#7bbd41; color:#2c392c; }
.logo img { width:100%; padding:10px 0; background: -moz-linear-gradient(top,  rgba(0,28,66,1) 7%, rgba(33,72,165,1) 39%, rgba(140,65,108,1) 63%, rgba(178,37,24,1) 75%, rgba(255,153,0,1) 83%, rgba(251,255,63,1) 87%, rgba(244,248,255,1) 90%, rgba(23,52,51,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,28,66,1) 7%,rgba(33,72,165,1) 39%,rgba(140,65,108,1) 63%,rgba(178,37,24,1) 75%,rgba(255,153,0,1) 83%,rgba(251,255,63,1) 87%,rgba(244,248,255,1) 90%,rgba(23,52,51,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,28,66,1) 7%,rgba(33,72,165,1) 39%,rgba(140,65,108,1) 63%,rgba(178,37,24,1) 75%,rgba(255,153,0,1) 83%,rgba(251,255,63,1) 87%,rgba(244,248,255,1) 90%,rgba(23,52,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c42', endColorstr='#173433',GradientType=0 ); /* IE6-9 */  }
a.next { text-decoration: none; }
/* .next:active { background-color: #7ec83c; border-top: solid 1px rgba(0, 0, 0, 0.3); border-bottom: solid 1px rgba(2255, 255, 255, 0.8); } */
.next, .start { font-size:24px; box-sizing:border-box; margin:10px 0; width:100%; border:0; clear:both; cursor: pointer; }
.next span { color:#2c392c; display: block; overflow: hidden; background: #7bbd41; padding:5px 10px; border-radius:3px; }
#content { position:absolute; width:100%; height:100%; display:none; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 40px 10px; }
.fb-login-button { margin:10px auto; text-align: center; width:100%; max-width: 400px; }
.fb-iframe-widget-fluid { margin-left:calc(50% - 80px); }
.fb-page { border-radius:4px; overflow: hidden; display: block!important; }
.submit { color:#323232!important; font-weight:400; width:250px; display: block; cursor: pointer; margin:0 auto; padding:10px; border-radius:4px; font-size:18px; background:rgba(0,0,0,0.1); -webkit-appearance:none; }
.blurb, .stops { position: absolute; border-radius:4px; color:#173433; padding:10px; overflow-y: auto; }
.blurb { padding: 10px; top: 25vw; bottom: 20px; left: 20px; right: 20px; -webkit-overflow-scrolling:touch;  }
.blurb .user-info { margin:0 auto; text-align: center; }
.viewport { position: fixed; width:100%; height:100%; transition:margin 0.5s ease;  }
#dyk { position:fixed; width:70%; right:0; top:20%; border-radius:10px; box-shadow:0px 5px 5px rgba(0,0,0,0.25); z-index: 20000; font-size:small; padding:0 10px 10px; color: #2c392c!important; display: none; background: rgb(123,189,65);
background: -moz-linear-gradient(top,  rgba(123,189,65,1) 0%, rgba(128,219,67,1) 43px, rgba(89,173,20,1) 43px, rgba(123,189,65,1) 100%);
background: -webkit-linear-gradient(top,  rgba(123,189,65,1) 0%,rgba(128,219,67,1) 43px,rgba(89,173,20,1) 43px,rgba(123,189,65,1) 100%);
background: linear-gradient(to bottom,  rgba(123,189,65,1) 0%,rgba(128,219,67,1) 43px,rgba(89,173,20,1) 43px,rgba(123,189,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bbd41', endColorstr='#7bbd41',GradientType=0 );
}
#dyk h4.info { text-align: center; font-size: 1.9em; }
#dyk h4, #dyk p { padding: 10px; margin:0; }
#dyk p { font-size: 1.4em!important; max-height: 60vh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling:touch; }
#dyk .close { float: right; font-size: 30px; color: #2c392c!important; cursor: pointer; }
#dyk .question { float: left; font-size: 25px; color: #2c392c!important; padding: 10px; margin-left: -50px; box-shadow:0px 5px 5px rgba(0,0,0,0.25); background: #7bbd41; line-height: 25px; padding-right: 20px; border-radius: 10px; width: 40px; border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: pointer;  }
#map { position:absolute; top:0; right:100%; height:100%; width:calc(100% - 53px); color:#173433; background:#173433; }
.maptoggle { margin-left: calc(100% - 53px)!important; }
.menu { position:absolute; right:0; top:0; width:53px; height:53px; list-style: none; padding: 15px 14px; cursor: pointer; z-index: 5000; }
#menu { background-color:#002c46; min-height:53px; height:auto; position: absolute; right: 53px; left:53px; z-index: 2000; }
#menu h2 { font-size:30px; margin-top:4px; }
#menu .title { height:53px; position: relative; left:0px; right:53px; overflow: hidden; }
#menu .title .pin { text-align: center; float:left; display:block; position:relative; font-size:15px; margin: -3px 3px 0 0; }
#menu .title .pin .letter { background: white; color: #002c46; width: 18px; height: 18px; position: relative; display:block; font-size: 13px; border-radius: 50%; text-align: center; line-height: 16px; left:6px; top:-36px; padding:3px 0 0 1px; }
#menu .title .pin .icon-location-pin { margin-top:2px; font-size:36px; }
#menu .title li { width:100%; padding: 5px; text-overflow: ellipsis; white-space: nowrap; overflow-x: auto; float:left; background-color:#002c46; -webkit-overflow-scrolling:touch; }
#dropdown-menu { position: absolute; left:100%; height: 100%; width:calc(100% - 53px); background-color:#035244; padding:10px; z-index: 5001; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px inset; }
#dropdown-menu li { list-style: none; font-size:14px; color:white; text-align: center; }
#dropdown-menu p a { border: none; margin-bottom:10px; }
#dropdown-menu p { margin-bottom:10px; }
#dropdown-menu li:nth-last-child(1) { border-bottom:none; }
#dropdown-menu li div { display:none; max-height:63vh; width:100%; overflow-y: auto; -webkit-overflow-scrolling:touch; }
#dropdown-menu a { color:white!important; text-decoration: none; display: block; padding: 10px; cursor: pointer; font-size:4vh; text-transform: uppercase; font-family: Anton; text-shadow: 0px 5px 10px rgba(0,0,0,0.5); }
#details { height: 100%; width:100%; position: fixed; overflow: hidden; background:#b2d8d6; }
#details #summary { font-size:24px; box-sizing:border-box; border:0; background:#7bbd41; color:#2c392c; text-align: center; padding:12px 14px 8px; font-family: 'icomoon' !important; width:53px; min-height:53px; }
#directions { position: absolute; width:100%; height:calc(100% - 50px); }
#directions .blurb { top:10px; }
.warning { padding: 10px!important; font-size: 14px!important; background: #594816; color: #ffedb7; border-radius:5px; margin-bottom:10px;  }
.meta [class^="icon-"], .meta [class*=" icon-"] { font-size:1em; margin-right:7px; }
.hide { float:right; cursor: pointer; margin-top:-3px; }
.stops { width:100%; height:100%; margin:0; padding: 10px; margin-top:-10px; overflow: hidden; z-index: 1; border-radius:0; }
.stops aside li, .placeInfo { width:100%; height:100%; list-style: none; text-align: left; display: inline-block; float:left; overflow-y: auto; overflow-x: hidden; font-size:18px; -webkit-overflow-scrolling:touch; }
.fbShare, .fbComments, .placeInfo { height:100%; width:100%; -webkit-overflow-scrolling:touch; }
.panels { position: absolute; width: 200%; bottom: 3px; left: 0; top:50vw; box-shadow: 0px 10px 10px -11px rgba(0, 0, 0, 0.4) inset; }
.stops aside li p { padding:10px 50px 20px; font-size:28px; text-align: center;}
.stops aside li iframe { margin:0; width:100%; }
.stops aside { width:calc(100% / 2); display: inline-block; float:left; transition:all .5s ease-out; height:100%; }
.stops:nth-child(2) { display: block; }
.stops h2 { height: 47px; }
.stops .photo { height: 50vw; background-size: cover; background-position:50% 60%; box-shadow: #c6f0ee 0px -70px 40px -40px inset; margin:-10px; }
.stops .next, .next, .start { margin:2vh 0; border-radius: 0px; padding: 4vh; font-family: Anton; font-size: 5vh; text-transform: uppercase; }
.stops .next img { height: 9vh; margin-bottom: -2vh; }
.next { width: 100%; text-align: center; display: block!important; overflow: hidden; }
.start { width: 100%; text-align: center; display: block; overflow: hidden; }
.placeInfo p { margin:10px; font-size:22px; padding: 10px; }
#center { text-align: center; margin:0 auto; }
.flow1 { left:0px; right:0px; bottom:0px; border-top-right-radius: 0; border-top-left-radius: 0; overflow-x: hidden; background:#c6f0ee; border-radius: 0px; }
.fbComments { position: absolute; z-index:1000; font-size:12px; padding:10px; }
.fbComments {right:0; width:calc(100% / 2); }
.close { text-align:center; font-size:11px; color:#666; }
.photopost { display:none; }
.fb { background-color:#4267b2; color:white !important; border-radius:4px; height:40px; text-align:center; padding:8px; font-size:18px; font-family:Helvetica, Arial, sans-serif; display:inline-block; margin:10px 0 0!important; }
.fb.icon { background-image:url('images/FB-f-Logo__white_100.png'); background-position:8px center; background-size:24px; background-repeat:no-repeat; }
.fb [class^="icon-"], .fb [class*=" icon-"] { color:white; }
.meta, .share-meta, .comment-meta { background:rgba(255,255,255,0.1); width:calc(97% / 3); display:block; float:left; font-weight: bold; font-size:14px; height:25px; margin:.5%; padding:4px; overflow: hidden; text-align: center; }
.tickeritems { width:100%; display: block; float:left; font-weight: bold; font-size:14px; height:25px; text-align: center; transition: all .5s; }
.buttons { margin:0; padding:0 .5%; overflow: hidden; }
.imagelink { height: 136px; display:block; height: calc(50vw - 30px); }
.share-meta [class^="icon-"], .share-meta [class*=" icon-"], .comment-meta [class^="icon-"], .comment-meta [class*=" icon-"] { margin-right:5px; }
[id^="page-"], [id*=" page-"] { box-shadow: #173433 0px 0px 20px; }
#meta-mode label { width:calc(94% / 3); padding:20px 0; overflow: hidden; display: none; }
#meta-mode img { width:150%; height:150%; margin:-40% -25%; }
#meta-mode img.walking { width:100%; height:100%; margin:-15%; }
#meta-waypoints { overflow-x: auto; scroll-snap-type:x mandatory; scroll-padding:0 50%; margin:-10px; padding:0; }
#meta-waypoints label { display: inline-block; scroll-snap-align:center; width:11%; }
#meta-waypoints label img { float:left; width:90%; margin:10px 5%; }
#meta-waypoints label span { display: inline-block; position: relative; }
#meta-mode label, #meta-waypoints label { display: inline-block; text-align: center; border-radius:15px; border:solid 3px rgba(255,255,255,0); font-size:.7em; vertical-align: middle; margin:20px .5% 20px .5%; padding:10px; background:white; box-shadow:0px 4px 6px rgba(0,0,0,0.25); }
#meta-mode input, #meta-waypoints input { width:15px; margin-right:-16px; opacity: 0; }
#meta-mode input:checked+label, #meta-waypoints input:checked+label { border-color:#7bbd41; }
#meta-mode { margin:20px 0; }
.fieldsetWrapper { width:450%; height:70vh; }
form { }
.icon-cross, .icon-menu, .icon-minus, #summary .icon-rocket, #summary .icon-map { margin: -15px -14px !important; padding: 15px 14px; }
.icon-cross, .icon-minus, #summary .icon-rocket { padding-bottom:calc(100vh - 30px); }
li .fb-comments { display:block; }
li .fb-page { margin-left:4%; }
[class^="icon-"], [class*=" icon-"] { display: inline-block; margin:-8px -3px; background:none!important; }
#dropdown-menu .next [class^="icon-"] { color:white; }
.next [class^="icon-"], .next [class*=" icon-"] { display: inline-block!important; }
.intro { position: fixed; width:100%; height:100%; z-index: 4000; }
.loading { background:url('images/loading.png') center center no-repeat #1F1F1F; position: absolute; top:0; left:0; right:0; bottom:0; display:block; z-index: 3000; }
.loading::before { content:'Calculating Tour Routes'; text-align: center; display: block; height: 100%; line-height: 20px; font-size: 20px; padding-top: calc(65% - 20px); color: #4ec200; }
.ad { width:100%; }
#fullscreen { position: fixed; width:100%; height:100%;z-index: 6000; background-position:center; background-repeat: no-repeat; background-size:contain; background-color:rgba(23,52,51,0.95); display: none; }
.guide { display:none; }
.copyright { text-transform: uppercase; font-size: 10px; position: absolute; right: -86%; z-index: 23333; bottom: 0; padding: 7px; opacity: .4; width: calc(100% - 52px); text-align: center; }
.copyright a { color:white!important; font-size:10px; }
.shadow { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); }

.gm-style .gm-style-iw-c { padding:0!important;border-radius: 50%; border: solid 3px white; z-index: 2; box-shadow: none; margin-top:2px; }
.gm-style .gm-style-iw-d { width: 80px; height:80px; overflow: hidden!important; }
.gm-style .gm-style-iw-c img { width:80px; }
.gm-style .gm-style-iw-c button { display:none!important; }
.gm-style .gm-style-iw-t::after { box-shadow: none; z-index: 1; height: 20px; width: 20px; }

.polyImg { width:100%; height:20vh; background-size: cover; background-position: center; }

@media only screen and (max-width: 400px) {
}

#compass { -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width:100%; }
#compassContainer { position: absolute; width: 43px; height: 43px; top: 10px; right: 100%; padding-right: 8px; display: block; z-index: 100; margin:0; }

#streetview { position: absolute; top:0; right:calc(100% + 43px); display: block; z-index: 100; margin: 0; padding:15px 14px; }

.no { display: none!important; }

#jcf * { padding:0; margin:0; box-sizing: border-box; }
#jcf { max-width:500px; }
#jcf #contact_form { width:100%!important; }
#jcf .error { background-color:rgba(255,184,185,0.80)!important; border:solid 1px #D8000C!important; }
#jcf .error, #jcf .error::placeholder { color:#D8000C!important; }
#jcf .success { background-color:rgba(193,255,198,0.80)!important; border:solid 1px #044406!important; }
#jcf .success, #jcf .success::placeholder { color:#044406; }
#jcf .msg { display:none; padding:10px; margin-bottom:5px!important; width:99%; border-radius: 3px; }
#jcf .contact_message { height:141px; }
#jcf #send_message { text-transform:uppercase; cursor:pointer; color:white!important; }
#jcf button object { margin: -18px -5px!important; width:50px!important; }
#jcf select, #jcf input, #jcf textarea, #jcf button { outline:none; transition: box-shadow .2s, width .2s; width:100%; max-width:100%; min-width: 100%; appearance:none; padding:10px!important; margin:0 0 5px!important; border-radius:2px; }