body, html {margin:0;padding:0;min-height:100%;width:100%;font-family: 'Cormorant Garamond', serif;font-weight: 300;position: relative;color:#333;overflow-x:hidden;}
body {background:url(images/bg-tile3.png) repeat;background-size:400px auto;}
body.front-page, html.front-page {height:100%;}
a, a:visited {color:#478432;}
.clos {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:90%;max-width: 620px;}
.clos img {width:100%;display:block;}
.clos img.fadein {position:absolute;top:0;left:0;opacity:0;animation: fadeinout 10s infinite;animation-direction: alternate;animation-fill-mode:both;transform-origin: center center;animation-timing-function: linear;}
.attribution {font-size:14px;font-weight: 300;text-align: center;position: absolute;bottom:10px;width:100%;z-index: 2;}
.copyright {font-size:14px;font-weight: 300;text-align: right;}
.footer .attribution {position: relative;height:auto;bottom:0;width:auto;}
.annonce {font-size:24px;text-align: center;padding-top:30px;}
.birdmation {position: absolute;left:0;bottom:0;transform:rotate3d(0,0,0,0deg) translate(-90%, -100%);width:25%;animation: bird 5s 1;animation-fill-mode: forwards;}
.prickle {position: relative;width:35%;}
.dragonfly {position: relative;width:25%;max-width: 170px;}
.dragonfly-left {position: relative;width:25%;transform:rotate(-90deg);max-width: 170px;}
.birdmation img, .prickle img, .dragonfly img, .dragonfly-left img {width:100%;display:block;}
.rightbirdmation {position: absolute;right:0;bottom:0;transform:rotate3d(0,0,0,0deg) translate(90%, 100%);width:22%;animation: otherbird 5s 1;animation-fill-mode: forwards;animation-delay:1s;}
.hen {position: relative;width:35%;}
.top-container, .bottom-container {display:flex;justify-content: space-between;height:120px;}
.top-container {height:100px;}
.visit-page .bottom-container {margin:30px 0;}
.bottom-container {height:auto;align-items:flex-end;}
.bottom-container.centered {align-items: center;}
.aloe {position: relative;width:30%;transform: rotate(0deg);animation: aloe 30s infinite linear;transform-origin: center center;}
.leaves {position: relative;width:30%;transform:rotate(10deg) scale(0.9);animation: leaves 3s infinite;animation-direction: alternate-reverse;transform-origin: center center;}
.ornaments {position: relative;display:flex;justify-content: space-around;align-items: center;}
.hibiscus {position: relative;width:30%;max-width: 250px;}
.pear {position: relative;width:35%;transform:rotate(10deg) scale(0.9);max-width:270px;}
.rightbirdmation img, .hen img, .aloe img, .leaves img, .hibiscus img, .pear img {width:100%;display:block;}
.menu-group {position: sticky;top:0;left:0;width:100vw;padding:10px 5vw;display:flex;justify-content: space-between;align-items: center;border-bottom:1px solid #478432;box-sizing: border-box;z-index: 99;box-shadow:0 2px 6px rgba(0,0,0,0.25);}
.menu-group-bg {position: absolute;top:0;left:0;width:100%;height:100%;background:url(images/bg-tile3.png) repeat;background-size:400px auto;opacity: 0.95;filter:saturate(1.3) brightness(0.95);}
.menu-group .logo {width:120px;position: relative;}
.menu-group .logo img {width:100%;}
.menu-group .options {display:flex;}
.menu-group .options .option {margin-right:20px;position: relative;}
.menu-group .options .option a, .menu-group .options .option a:visited, .menu-group .options .lang, .menu-group .options .lang a:visited {font-size:18px;line-height: 1em;transition: all 0.5s;text-decoration: none;color:#444;font-weight: 500;}
.menu-group .options .option a:hover, .menu-group .options .option.active-page a, .menu-group .options .lang {color:#478432;}
.menu-group .options .lang {position: relative;font-weight: 600;font-size:14px;padding-top:4px;}
.menu-group .options .lang a {text-decoration: none;color:#444;font-weight: normal;}
.menu-group .options .lang a:hover {color:#478432;text-decoration: underline;}
.menu-group .options .option.active-page a {pointer-events:none;}
.menu-group .options .option:after {opacity:0;transition: all 1.2s;}
.menu-group .options .option.active-page:after, .menu-group .options .option:hover:after {content:'';width:100%;background:url(images/undervine.png);background-size:100% auto;background-repeat: no-repeat;position: absolute;left:0;bottom:-15px;height:15px;opacity:1;}
.menu-group .options .option:last-child {margin-right:0;}
.burger {width: 40px;height: 40px;background: transparent;overflow: hidden;transition: all .5s ease;position:absolute;top:25px;right:5vw;display:none;cursor:pointer;}
.burgerline {width: 37px;height: 7px;position: absolute;left: 0;transition: all .5s ease;background:#478432;}
.burgerline.top {top:2px;}
.burgerline.mid {top:16px;opacity:1;}
.burgerline.btm {top:30px;}
.burgerline.top.active {transform:rotate(45deg);transform-origin: top left;left:10px;top:3px;}
.burgerline.btm.active {transform:rotate(-45deg);transform-origin: top left;left:5px;}
.burgerline.mid.active {opacity:0;}
.page-container {width:90%;max-width: 1024px;margin:0 auto;padding:20px 0 0 0;position: relative;}
.page-container p {font-size:22px;line-height: 34px;}
.page-container p.first {margin-top:0;}
.intro-feature, .visit-feature, .contact-feature {width:100%;padding-top:47%;background:url(images/intro-feature.jpg);background-size:cover;position: relative;}
.visit-feature {background:url(images/visit-feature.jpg);background-size:cover;}
.contact-feature {background:url(images/contact-feature.jpg);background-size:cover;}
.monument {text-align: center;}
.book-button {position: relative;padding:20px 0;}
.book-button a {display:block;position: relative;left:50%;transform: translateX(-50%);font-size:20px;line-height:40px;color:#FFF;background:#478432;border:2px solid #478432;max-width: 280px;transition: all 0.5s;text-align: center;text-decoration: none;border-radius: 6px;font-weight: 600;letter-spacing: 0.1em;}
.book-button a:hover {background:transparent;color:#478432;}
a.mailto, a.mailto:visited {color:#333;text-decoration: none;}
a.mailto:hover {color:#478432;text-decoration: underline;}
.footer {width:100%;padding:20px 30px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.footer a, .footer a:visited {color:#444;}
h2 {font-size:36px;color:#478432;position: relative;z-index: 1;margin:50px 0 0 0;}
h2.cform {margin:50px 0 20px 0;}
h3 {font-size:30px;color:#478432;font-style: italic;margin:30px 0 0 0;}
h3.top-margin-50 {margin:50px 0 0 0;}
.no-margin {margin:0;}
.contact-contain {position: relative;display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.location-icon, .phone-icon {width:36px;}
.phone-icon {margin-top:20px;}
.info-block {position: relative;width:35%;text-align: center;}
.info-block h3 {font-size:24px;margin:0;padding:0;}
.info-block p {line-height:20px;margin:0;font-size:20px;}
.form-block {width:60%;position: relative;text-align: center;}
#theform {display:flex;flex-wrap:wrap;justify-content: space-between;}
#theform.submitted {visibility: hidden;}
#theform:after {content:'Thanks. We’ve received your message and will get back to you soon.';position: absolute;top:50%;transform:translateY(-50%);width:100%;text-align: center;font-size:18px;display:none;}
#theform.submitted:after {display:block;visibility: visible;}
input {background: transparent;border: 1px solid #478432;color: #333;display: block;font-size: 1.125em;height: 37px;width: 100%;padding-left: 12px;border-radius: 4px;margin-bottom: 10px;font-family: 'Cormorant Garamond', serif;}
input#who, input#first {width:45%;}
textarea.box {background: transparent;border: 1px solid #478432;color: #333;display: block;font-size: 1.125em;width: 100%;padding-left: 12px;border-radius: 4px;height:60px;font-family: 'Cormorant Garamond', serif;}
input:focus, textarea:focus {outline: 0;}
:-moz-placeholder {color: #8c8c8c;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color: #8c8c8c;}
.radio {margin:20px 0 0 0;width:100%;display:none;}
label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 15px;color:#333;}
input[type=radio] {display: none;}
label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #FFF;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.radio label:before {border-radius: 8px;}
input[type=radio]:checked + label:before {content: "\2022";color: #478432;font-size: 30px;text-align: center;line-height: 16px;}
a.btn {background: transparent;border: 2px solid #478432;color: #478432;text-transform: uppercase;font-weight: bold;padding: 6px 32px;font-size: 15px;line-height: 19px;letter-spacing: 1px;transition: all 0.3s ease;-webkit-transition: background-color 0.3s linear, box-shadow 0.3s linear, text-shadow 0.3s linear;-moz-transition: background-color 0.3s linear, box-shadow 0.3s linear, text-shadow 0.3s linear;transition: background-color 0.3s linear, box-shadow 0.3s linear, text-shadow 0.3s linear;display: block;vertical-align: baseline;zoom: 1;border-radius: 4px;margin: 20px auto 0 auto;text-decoration: none;cursor:pointer;}
a.btn:hover {background: #478432;color: #FFF;text-decoration: none;}
.loader {display:inline-block;margin: 20px 0 0 15px;float:left;display:none;}
.warning {color:#478432;font-weight: 700;margin-top:20px;display:none;}
.ack {color:#333;margin-top:20px;display:none;}
#email {display:none;}
.nospam {width:100%;padding-top:10px;text-align: left;display:flex;align-items: center;}
.nospam input {width:20px;margin:0 0 0 10px;}
.map-container {position: relative;}
.main-map {display:block;}
.map-button {width:3.25%;height:auto;position:absolute;cursor:pointer;border-radius:50%;}
.map-button img {transition: all 0.7s;filter:saturate(1);display:block;}
.map-button:hover img {filter:saturate(9);border-radius: 50%;}
.map-button.button1 {left:61%;top:81.2%;}
.map-button.button2 {left:37.5%;top:72.5%;}
.map-button.button3 {left:38.1%;top:55.2%;}
.map-button.button4 {left:53.2%;top:50.3%;}
.map-button.button5 {left:8.3%;top:39.3%;}
.map-button.button6 {left:34.4%;top:27.7%;}
.map-button.button7 {left:8.2%;top:22.7%;}
.map-button.button8 {left:23.2%;top:20.5%;}
.map-button.button9 {left:48%;top:21.2%;}
.map-button.button10 {left:75%;top:13.9%;}
.map-button.button11 {left:70.5%;top:19.4%;}
.map-button.button12 {left:73.6%;top:37.2%;}
.map-button.button13 {left:69.8%;top:57.8%;}
.map-modal {width:100%;height:100%;background: rgba(0,0,0,0.75);z-index: 2;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items:center;opacity:0;transition:all 0.5s;visibility: hidden;z-index: 100;}
.map-modal.showing {visibility: visible;opacity:1;}
.map-modal .content-block {width:80%;max-width: 400px;height:95%;background-image:url(images/bg-tile4.png);background-size:400px auto;padding:50px 30px 30px 30px;box-sizing: border-box;position: relative;overflow:scroll;}
.map-modal .content-block h3, .legend-item h3 {margin:0;font-size:24px;font-family: "Love Ya Like A Sister", serif;font-style: normal;color:#444;}
.legend-item h3 {font-weight: normal;}
.page-container .map-modal .content-block p {font-size:18px;line-height:1.3em;}
.map-modal .content-block .closer {position: absolute;top:10px;right:10px;width:30px;height:30px;cursor: pointer;}
.map-modal .content-block .closer img {display:block;transition: all 0.5s;}
.map-modal .content-block .closer:hover img {transform:rotate(90deg);}
.legend {position: relative;display:flex;flex-wrap:wrap;justify-content: space-between;margin:30px 0;}
.legend-column {width:25%;position: relative;}
.legend-column.column1 {width:40%;}
.legend-item {cursor:pointer;padding-bottom:8px;}
/* @media screen and (max-width:1120px) {
	.top-container {height:10vw;}
} */
@media screen and (max-width:767px) {
	.birdmation {width:35%;}
	.rightbirdmation {width:33%;}
	.prickle, .hen, .aloe, .leaves {width:45%;}
	.top-container {height:20vw;}
	.menu-group .options {display:none;position: absolute;top:90px;right:0;padding:30px;background:rgba(235,230,192,0.85);}
	.menu-group .options.active {display:block;}
	.menu-group .options .option {margin-bottom:20px;margin-right:0;}
	.burger {display:block;}
	.footer .attribution, .mh, .copyright {width:100%;}
	.mh, .copyright {text-align: center;}
	.mh, .attribution {padding-bottom: 10px;}
  .info-block, .form-block {width:100%;}
  .info-block {margin-top:30px;}
  .legend-column, .legend-column.column1 {width:100%;}
  .legend-item table {margin:0 auto;}
  .map-modal .content-block {width:90%;}
}
@media screen and (max-width:450px) {
  .legend-item table {margin:0;}  
}
@keyframes bird {
	from {transform:rotate3d(0,0,0,0deg) translate(-90%, -100%);}
	to {transform: rotate3d(1,1,1,360deg) translate(0,0);}
}
@keyframes otherbird {
	from {transform:rotate3d(0,0,0,0deg) translate(-90%, 100%);}
	to {transform: rotate3d(1,1,1,-360deg) translate(0,0);}
}
@keyframes aloe {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@keyframes leaves {
	from {transform:rotate(10deg) scale(0.9);}
	to {transform:rotate(10deg) scale(1);}
}
@keyframes fadeinout {
	0% {opacity:0;}
	25% {opacity:0}
	30% {opacity:1;}
	70% {opacity:1;}
	75% {opacity:0;}
	100% {opacity:0;}
}
.birdies {position: relative;}
.bird {
  background-image: url(images/bird-cells-new.png);
  background-size: auto 100%;
  width: 88px;
  height: 125px;
  will-change: background-position;
  -webkit-animation-name: fly-cycle;
		  animation-name: fly-cycle;
  -webkit-animation-timing-function: steps(10);
		  animation-timing-function: steps(10);
  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
}
.bird--one {
  -webkit-animation-duration: 1s;
		  animation-duration: 1s;
  -webkit-animation-delay: -0.5s;
		  animation-delay: -0.5s;
}
.bird--two {
  -webkit-animation-duration: 0.9s;
		  animation-duration: 0.9s;
  -webkit-animation-delay: -0.75s;
		  animation-delay: -0.75s;
}
.bird--three {
  -webkit-animation-duration: 1.25s;
		  animation-duration: 1.25s;
  -webkit-animation-delay: -0.25s;
		  animation-delay: -0.25s;
}
.bird--four {
  -webkit-animation-duration: 1.1s;
		  animation-duration: 1.1s;
  -webkit-animation-delay: -0.5s;
		  animation-delay: -0.5s;
}

.bird-container {
  position: absolute;
  top: 20px;
  left: -10%;
  transform: scale(0) translateX(-10vw);
  will-change: transform;
  -webkit-animation-name: fly-right-one;
		  animation-name: fly-right-one;
  -webkit-animation-timing-function: linear;
		  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
}
.bird-container--one {
  -webkit-animation-duration: 15s;
		  animation-duration: 15s;
  -webkit-animation-delay: 0;
		  animation-delay: 0;
}
.bird-container--two {
  -webkit-animation-duration: 16s;
		  animation-duration: 16s;
  -webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.bird-container--three {
  -webkit-animation-duration: 14.6s;
		  animation-duration: 14.6s;
  -webkit-animation-delay: 9.5s;
		  animation-delay: 9.5s;
}
.bird-container--four {
  -webkit-animation-duration: 16s;
		  animation-duration: 16s;
  -webkit-animation-delay: 10.25s;
		  animation-delay: 10.25s;
}
@media screen and (max-width:767px) {
.bird-container--one {
  -webkit-animation-duration: 7.5s;
      animation-duration: 7.5s;
  -webkit-animation-delay: 0;
      animation-delay: 0;
}
.bird-container--two {
  -webkit-animation-duration: 7.5s;
      animation-duration: 7.5s;
  -webkit-animation-delay: 2s;
      animation-delay: 2s;
}
.bird-container--three {
  -webkit-animation-duration: 7.5s;
      animation-duration: 7.5s;
  -webkit-animation-delay: 4s;
      animation-delay: 4s;
}
.bird-container--four {
  -webkit-animation-duration: 7.5s;
      animation-duration: 7.5s;
  -webkit-animation-delay: 6s;
      animation-delay: 6s;  
}
}
@-webkit-keyframes fly-cycle {
  100% {
	background-position: -900px 0;
  }
}

@keyframes fly-cycle {
  100% {
	background-position: -900px 0;
  }
}
@-webkit-keyframes fly-right-one {
  0% {
	transform: scale(0.6) translateX(-10vw);
  }
  10% {
	transform: translateY(2vh) translateX(10vw) scale(0.8);
  }
  20% {
	transform: translateY(0vh) translateX(30vw) scale(1);
  }
  30% {
	transform: translateY(4vh) translateX(50vw) scale(1.2);
  }
  40% {
	transform: translateY(2vh) translateX(70vw) scale(1.2);
  }
  50% {
	transform: translateY(0vh) translateX(90vw) scale(1.2);
  }
  60% {
	transform: translateY(0vh) translateX(110vw) scale(1.2);
  }
  100% {
	transform: translateY(0vh) translateX(110vw) scale(1.2);
  }
}
@keyframes fly-right-one {
  0% {
	transform: scale(0.6) translateX(-10vw);
  }
  10% {
	transform: translateY(2vh) translateX(10vw) scale(0.8);
  }
  20% {
	transform: translateY(0vh) translateX(30vw) scale(1);
  }
  30% {
	transform: translateY(4vh) translateX(50vw) scale(1.2);
  }
  40% {
	transform: translateY(2vh) translateX(70vw) scale(1.2);
  }
  50% {
	transform: translateY(0vh) translateX(90vw) scale(1.2);
  }
  60% {
	transform: translateY(0vh) translateX(110vw) scale(1.2);
  }
  100% {
	transform: translateY(0vh) translateX(110vw) scale(1.2);
  }
}
@-webkit-keyframes fly-right-two {
  0% {
	transform: translateY(-2vh) translateX(-10vw) scale(1);
  }
  10% {
	transform: translateY(0vh) translateX(10vw) scale(0.8);
  }
  20% {
	transform: translateY(-4vh) translateX(30vw) scale(1.2);
  }
  30% {
	transform: translateY(1vh) translateX(50vw) scale(0.9);
  }
  40% {
	transform: translateY(-2.5vh) translateX(70vw) scale(1);
  }
  50% {
	transform: translateY(0vh) translateX(90vw) scale(0.9);
  }
  51% {
	transform: translateY(0vh) translateX(110vw) scale(0.9);
  }
  100% {
	transform: translateY(0vh) translateX(110vw) scale(0.9);
  }
}
@keyframes fly-right-two {
  0% {
	transform: translateY(-2vh) translateX(-10vw) scale(1);
  }
  10% {
	transform: translateY(0vh) translateX(10vw) scale(0.8);
  }
  20% {
	transform: translateY(-4vh) translateX(30vw) scale(1.2);
  }
  30% {
	transform: translateY(1vh) translateX(50vw) scale(0.9);
  }
  40% {
	transform: translateY(-2.5vh) translateX(70vw) scale(1);
  }
  50% {
	transform: translateY(0vh) translateX(90vw) scale(0.9);
  }
  51% {
	transform: translateY(0vh) translateX(110vw) scale(0.9);
  }
  100% {
	transform: translateY(0vh) translateX(110vw) scale(0.9);
  }
}