html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67596373b8f1079e4451895d_recoleta-black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/675963744d63ac7f77878767_recoleta-light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67596373615b1a4fba6950f1_recoleta-medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67596373e3b9e94412383d7f_recoleta-semibold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67596373046b0982e6c25436_recoleta-thin.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/6759637380381251a19c5f2e_recoleta-bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Recoleta;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/6759637362470d794f7bac4a_recoleta-regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvin Visions Small;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/675963df60827d8d12b328b5_MarvinVisionsSmall-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvin Visions Small;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/675963dfd8c8b93264eebe41_MarvinVisionsSmall-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvin Visions Small;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/675963df5e4a1403940e70e7_MarvinVisionsSmall-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvin Visions Small;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/675963dfd8c8b93264eebe38_MarvinVisionsSmall-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvinvisionsbig;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684d715f16ed9a4ce5531b94_MarvinVisionsBig-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvinvisionssmall;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684d73ba568c5d80f5f1d5c7_MarvinVisionsSmall-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Marvinvisionsbig;
src: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684d73c9f7519f8e470d7d0e_MarvinVisionsBig-DemiBold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root {
--lightest-cream: #ecebe8;
--darkest-green: #182719;
--white\: white;
--background-green: #273d26;
--hero-orange: #ef5025;
--darker-green: #2d4e2f;
--background-cream: #d9d4c3;
--middle-green: #223321;
--dark-green\: #1e301f;
--black: black;
--cley: #742c2d;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.icon {
width: 25px;
height: 25px;
}
.icon._40px {
width: 40px;
height: 40px;
}
.body-text {
z-index: 5;
color: var(--lightest-cream);
letter-spacing: .4px;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
position: relative;
}
.body-text.weight-medium {
font-weight: 600;
}
.body-text.weight-medium.align-center {
line-height: 24px;
}
.body-text.colour-white {
color: #fff;
}
.body-text.colour-darkest-green {
color: var(--darkest-green);
text-align: left;
justify-content: center;
align-items: center;
height: 100%;
font-weight: 600;
display: flex;
}
.body-text.colour-darkest-green.weight-bold {
font-weight: 700;
}
.body-text.colour-darkest-green.margin-5 {
margin-right: 5px;
}
.body-text.colour-darkest-green.margin-5.lowercase {
text-transform: lowercase;
}
.body-text.weight-bold {
font-weight: 700;
}
.body-text.align-centre {
text-align: center;
}
.body-text.colour-zoo-do {
color: #1e1339;
font-weight: 600;
}
.body-text.max-width-720 {
text-align: center;
max-width: 720px;
}
.section_home-hero {
justify-content: center;
width: 100%;
height: 100vh;
margin-top: 0;
display: flex;
}
.h1 {
color: var(--lightest-cream);
-webkit-text-stroke-color: #f3f2eb;
white-space: normal;
word-break: normal;
align-self: auto;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 90px;
font-weight: 700;
line-height: 70px;
}
.h1.colour-darkest-green {
color: var(--darkest-green);
flex: none;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 90px;
font-weight: 700;
line-height: 70px;
}
.h1.colour-darkest-green.test {
line-height: 81px;
}
.h1.mobile {
font-size: 90px;
line-height: 70px;
}
.h1.align-centre {
text-align: center;
}
.h1.mobile-portrait {
line-height: 85px;
}
.h1.shrink-small {
letter-spacing: 0;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 78px;
font-weight: 700;
line-height: 69px;
}
.h1.shrink-big {
letter-spacing: 0;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 90px;
font-weight: 700;
line-height: 70px;
}
.h1.colour-zoo-do-light {
color: #f0dbe4;
}
.h1.zoo-do {
text-align: center;
font-size: 160px;
line-height: 120px;
}
.h1.colour-zoo-do-dark {
color: #1e1339;
}
.h1.shrink {
font-size: 82px;
}
.h1.srhink-desktop {
font-size: 80px;
line-height: 62px;
}
.h1.zoo-fest {
color: #e5f2dd;
text-align: right;
font-size: 160px;
line-height: 120px;
}
.h1.right-a-lign {
text-align: right;
letter-spacing: 0;
text-overflow: clip;
font-family: Marvinvisionssmall, Arial, sans-serif;
line-height: 73px;
}
.h5 {
color: var(--lightest-cream);
letter-spacing: .4px;
font-family: Manrope, sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 28px;
}
.h5.colour-darkest-green {
color: var(--darkest-green);
font-weight: 700;
}
.fixed-button {
z-index: 100;
color: var(--white\);
justify-content: center;
align-items: center;
width: auto;
height: 50px;
text-decoration: none;
display: none;
position: fixed;
inset: auto 0% 0% auto;
}
.hero-icon-wrapper {
flex-flow: column;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
margin-bottom: 50px;
display: none;
}
.section_home-plan-your-visit {
z-index: 8;
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.plan-your-visit-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 185px;
display: flex;
position: relative;
}
.plan-your-visit-text-wrapper {
flex-flow: column;
align-items: baseline;
width: 470px;
height: 100%;
display: flex;
}
.primary-button {
z-index: 10;
background-color: var(--hero-orange);
letter-spacing: .4px;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 240px;
height: 50px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
display: flex;
position: relative;
}
.primary-button:hover {
opacity: .85;
}
.primary-button.left-margin-15 {
min-width: 0;
height: 50px;
margin-left: 15px;
}
.primary-button.left-margin-15.w--current {
border-radius: 60px;
}
.pb-text-wrapper {
background-color: var(--hero-orange);
text-align: center;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.pb-icon-wrapper {
background-color: #d2360c;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
flex: none;
justify-content: center;
align-items: center;
width: 60px;
height: 50px;
display: flex;
}
.plan-your-visit-content-wrapper {
width: 700px;
}
.plan-card-wrapper {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-small {
background-color: var(--darker-green);
flex-flow: column;
justify-content: flex-start;
width: 100%;
height: auto;
padding: 30px;
display: flex;
}
.tertiary-button {
z-index: 10;
text-decoration: none;
display: flex;
position: relative;
}
.tertiary-button:hover {
opacity: .8;
}
.tb-text-wrapper {
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
height: 35px;
display: flex;
}
.icon-wrapper {
flex: none;
margin-right: 0;
}
.icon-wrapper.center {
align-self: center;
}
.icon-wrapper.margin-20 {
margin-right: 20px;
}
.icon-wrapper.tablet {
display: none;
}
.tb-icon-wrapper {
background-color: #00a851;
flex: none;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin-bottom: 0;
margin-right: 20px;
padding-left: 2px;
display: flex;
}
.section_home-dont-miss {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.dont-miss-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.vertical-title-wraper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: flex-end;
width: 100%;
max-width: 1340px;
height: 100%;
display: flex;
}
.highlight-content-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid;
}
.card-highlight {
width: 100%;
height: auto;
text-decoration: none;
}
.card-highlight-title-wrapper {
background-color: var(--darker-green);
flex-flow: row;
width: 100%;
height: auto;
min-height: 80px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.card-highlight-title-wrapper.colour-zoo-do {
background-color: #756890;
}
.highlight-card-image {
aspect-ratio: auto;
object-fit: cover;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: auto;
}
.highlight-card-icon-wrapper {
background-color: var(--background-green);
flex: none;
justify-content: center;
align-items: center;
width: 90px;
height: 100%;
min-height: 80px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.highlight-card-icon-wrapper.colour-darker-green {
background-color: var(--middle-green);
}
.highlight-card-icon-wrapper.colour-zoo-do {
background-color: #1e1339;
}
.h4 {
color: var(--lightest-cream);
letter-spacing: 1px;
font-family: Recoleta, Arial, sans-serif;
font-size: 29px;
font-weight: 400;
line-height: 32px;
}
.h4.colour-green, .h4.colour-darkest-green {
color: var(--darkest-green);
font-weight: 500;
}
.h4.colour-darkest-green.margin-8 {
margin-right: 8px;
}
.h4.italic {
font-style: italic;
font-weight: 400;
}
.h4._100 {
width: 100%;
}
.card-highlight-text-wrapper {
word-break: normal;
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.highlight-card-icon {
width: 45px;
height: 45px;
}
.padding-global {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: block;
}
.padding-global.block {
display: block;
}
.hero-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-top: 150px;
padding-bottom: 0;
display: flex;
position: relative;
}
.hero-text-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 50px;
display: flex;
}
.spacer-small {
width: 100%;
padding-top: 20px;
}
.spacer-medium {
width: 100%;
padding-top: 25px;
}
.section_member-cta {
background-color: #d9d4c3;
justify-content: center;
align-items: center;
width: 100%;
height: 600px;
padding: 0 30px;
display: flex;
overflow: hidden;
}
.cta-wrapper {
background-color: var(--background-green);
flex-flow: row;
flex: 0 auto;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
display: flex;
}
.cta-wrapper.align-centre {
justify-content: center;
align-items: center;
overflow: hidden;
}
.cta-wrapper.align-centre.colour-darkest-green {
background-color: var(--darkest-green);
}
.cta-text-content {
background-color: var(--background-green);
text-align: center;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
height: auto;
padding: 0;
display: flex;
position: relative;
}
.cta-text-content.colour-blue {
background-color: #0b5b9a;
justify-content: center;
display: flex;
}
.cta-text-content.colour-darkest-green {
background-color: var(--darkest-green);
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.cta-text-content.colour-zoo-do {
background-color: #756890;
}
.cta-image {
box-sizing: border-box;
aspect-ratio: auto;
vertical-align: baseline;
object-fit: cover;
flex: 0 auto;
width: 100%;
height: 100%;
position: static;
overflow: hidden;
}
.cta-full-padding-text-wrapper {
text-align: center;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 70px;
display: flex;
}
.cta-full-padding-text-wrapper.bottom-padding-0 {
padding-bottom: 0;
overflow: hidden;
}
.footer {
background-color: var(--darkest-green);
flex-flow: column;
width: 100%;
height: auto;
margin-top: auto;
padding-top: 100px;
padding-bottom: 80px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.footer-primary {
flex-flow: column;
align-items: center;
width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer-links {
z-index: 10;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
position: relative;
}
.footer-logo {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/670d2a204b6125037d2a332b_bz-logoface-negative.svg");
background-position: 0 0;
background-size: auto;
width: 100px;
height: 100px;
}
.footer-link-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-link {
color: var(--lightest-cream);
letter-spacing: .4px;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.text-link:hover {
opacity: .8;
}
.text-link.colour-green {
color: var(--darkest-green);
letter-spacing: .3px;
font-size: 18px;
font-weight: 700;
}
.text-link.colour-white {
color: #fff;
}
.text-link.margin-5 {
margin-right: 5px;
}
.social-icon-wrapper {
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.social-icon {
width: 35px;
height: 35px;
margin-right: 30px;
}
.footer-accreditations {
z-index: 10;
width: 100%;
height: auto;
position: relative;
}
.accreditations-wrapper {
justify-content: flex-start;
align-items: center;
height: 90px;
display: flex;
}
.accreditation {
justify-content: center;
align-items: center;
width: 90px;
height: 70px;
margin-right: 30px;
display: flex;
}
.footer-terms {
z-index: 10;
aspect-ratio: auto;
align-items: flex-end;
display: flex;
position: relative;
}
.company-info {
width: 50%;
}
.terms-links {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-end;
align-items: stretch;
width: 50%;
display: flex;
}
.spacer-larger {
flex: 0 auto;
width: 100%;
padding-top: 40px;
}
.nav-text-link {
color: #fff;
margin-left: 15px;
margin-right: 15px;
padding: 32px 0;
text-decoration: none;
transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
display: inline-block;
}
.dropdown-list-wrapper {
border-left: 1px #00305d;
padding: 0;
}
.dropdown-list-wrapper.first-child {
border-left-style: none;
padding-left: 0;
padding-right: 0;
text-decoration: none;
}
.nav-dropdown {
box-sizing: border-box;
aspect-ratio: auto;
background-color: var(--background-cream);
object-fit: fill;
border-top: 1px solid #00305d;
align-items: center;
width: auto;
height: auto;
margin-left: 0;
margin-right: 0;
display: none;
inset: 100px 0% auto 0;
}
.nav-dropdown.w--open {
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 1200px;
height: auto;
padding-left: 30px;
padding-right: 30px;
display: flex;
top: 84px;
}
.menu-button {
position: absolute;
}
.nav-primary {
background-color: var(--darker-green);
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0 30px;
display: flex;
position: static;
}
.nav-link {
margin-left: 0;
margin-right: 0;
display: block;
position: static;
}
.nav-logo {
color: #fff;
letter-spacing: 2px;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/670d29d25ab1d6cefa8ceeed_bz-negative.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
flex: none;
width: 300px;
height: 60px;
margin-left: 0;
padding-bottom: 0;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-size: 35px;
line-height: 40px;
}
.nav-logo.w--current {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d40e43492de8db7ade620e_670d29d25ab1d6cefa8ceeed_bz-negative.svg");
flex: none;
width: 300px;
}
.dropdown-wrapper {
z-index: 5;
grid-column-gap: 70px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .5fr .5fr .5fr .5fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
padding: 50px 30px;
display: grid;
position: relative;
}
.nav-menu-wrapper {
background-color: var(--darker-green);
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.nav-education {
background-color: var(--background-green);
flex-flow: row;
justify-content: space-around;
align-items: flex-start;
width: 100%;
height: auto;
padding: 30px;
text-decoration: none;
display: block;
}
.nav-secondary {
background-color: var(--background-green);
border-radius: 0;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: auto;
padding: 0 30px;
display: flex;
position: static;
}
.nav-secondary-wrapper {
justify-content: space-around;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.nav-secondary-talks {
width: 40%;
}
.nav-secondary-links {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-end;
width: 60%;
display: flex;
}
.nav-link-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
text-decoration: none;
display: flex;
}
.spacer-large {
color: var(--darkest-green);
width: 100%;
padding-top: 30px;
}
.spacer-large.hide-desktop {
display: none;
}
.h2 {
color: var(--lightest-cream);
-webkit-text-stroke-color: #f3f2eb;
white-space: normal;
word-break: normal;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 80px;
font-weight: 700;
line-height: 66px;
}
.h2.colour-darkest-green {
color: var(--darkest-green);
}
.h2.colour-darkest-green.test {
line-height: 66px;
}
.h2.shrink {
font-size: 70px;
line-height: 60px;
}
.section_content-hero {
background-color: var(--darkest-green);
justify-content: center;
width: 100%;
height: 620px;
margin-top: 120px;
display: flex;
}
.section_content-hero.colour-pink {
background-color: #182719;
}
.section_content-hero.zoo-do {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee612968be3432cf85941b_zoo-do-texture-wide.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.section_content-hero.may {
height: 800px;
}
.content-hero-wrapper {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 600px;
height: 100%;
padding-top: 177px;
padding-left: 30px;
display: flex;
}
.content-hero-wrapper.easter {
padding-top: 70px;
}
.content-hero-wrapper.zoo-do {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 1200px;
height: auto;
padding-top: 0;
display: flex;
}
.content-hero-wrapper.may {
padding-top: 100px;
}
.content-hero-text-wrapper {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 400px;
height: 100%;
padding-bottom: 80px;
display: flex;
}
.content-hero-text-wrapper.easter {
max-width: 500px;
}
.content-hero-text-wrapper.zoo-do {
justify-content: space-between;
align-items: center;
width: auto;
padding-top: 0;
padding-bottom: 45px;
}
.content-hero-text-wrapper.may {
max-width: 450px;
}
.hero-image {
z-index: 5;
object-fit: cover;
width: 50%;
height: 100%;
}
.hero-wrapper-padding {
flex: 1;
justify-content: flex-end;
width: 100%;
display: flex;
}
.hero-wrapper-padding.zoo-do {
justify-content: center;
align-items: center;
height: 620px;
overflow: hidden;
}
.nav-menu {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
position: static;
}
.navbar {
z-index: 20;
background-color: var(--darker-green);
color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.nav-dropdown-2 {
position: static;
}
.phone-spacer-medium {
width: 100%;
padding-top: 30px;
display: none;
}
.right-chevron {
width: 18px;
height: 18px;
}
.grass-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 430px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
}
.grass-wrapper.align-bottom-right {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
inset: auto 0% 0%;
}
.grass-two {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d5504a191e39fba6efcb92_grass-two-min.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 434px;
height: 250px;
position: relative;
}
.grass-three {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/66ffeb346debf62d1509f6fc_Grass-3.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
width: 420px;
height: 250px;
margin-right: 16px;
position: relative;
}
.grass-three.homepage {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d5504a794483edbf57c0f5_grass-three-min.png");
background-position: 100% 60%;
background-size: contain;
height: 300px;
}
.grass-three.hide-mobile {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548cd95de9f5015d368f5_rock-green-grash-min.png");
background-position: 100% 100%;
background-size: contain;
}
.dropdown-link-wrapper {
justify-content: flex-start;
align-items: center;
height: 35px;
text-decoration: none;
display: flex;
}
.dropdown-text-wrapper {
align-self: flex-start;
align-items: center;
height: 100%;
padding-top: 0;
display: flex;
}
.spacer-100 {
width: 100%;
padding-top: 100px;
}
.spacer-dropdown {
width: 100%;
padding-top: 23px;
}
.nav-membership {
background-color: var(--background-green);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px;
text-decoration: none;
display: flex;
}
.nav-membership.w--current {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 30px;
text-decoration: none;
}
.nav-membership.flex-horizontal {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.section_ticket-prices {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.ticket-prices-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.ticket-prices-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 50%;
height: 100%;
padding-right: 60px;
display: flex;
}
.ticket-prices-content-wrapper {
width: 50%;
}
.ticket-prices-card-wrapper {
z-index: 10;
grid-column-gap: 26px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
position: relative;
}
.ticket-prices-card {
text-align: center;
flex-flow: column;
justify-content: flex-start;
width: 180px;
height: auto;
padding: 0;
display: flex;
}
.spacer-tiniest {
width: 100%;
padding-top: 5px;
}
.ticket-prices-card-text {
background-color: var(--darkest-green);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 80px 0;
display: flex;
}
.section_membership {
background-color: var(--background-cream);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.memberships-price-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 50px;
display: flex;
position: relative;
}
.memberships-title-wrapper {
flex-flow: column;
align-items: baseline;
width: auto;
height: 100%;
display: flex;
}
.memberships-content-wrapper {
width: auto;
}
.membership-card-wrapper {
z-index: 10;
grid-column-gap: 26px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: end;
height: auto;
display: flex;
position: relative;
}
.membership-price-wrapper {
background-color: var(--darker-green);
width: 100%;
padding: 25px;
}
.membership-subprice-wrapper {
background-color: var(--background-green);
width: 100%;
padding: 20px 25px 25px;
}
.membership-benefits-wrapper {
padding-bottom: 80px;
display: flex;
}
.membership-benefits-title {
background-color: var(--darker-green);
width: 50%;
min-width: 50%;
}
.text-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--background-green);
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px;
display: flex;
}
.membership-benefits-content {
background-color: var(--background-green);
width: 50%;
}
.membership-benefits-title-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 80px 70px;
display: flex;
}
.membership-benefits-title-wrapper.bottom-padding-0 {
justify-content: flex-end;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.membership-benefits-title-wrapper.bottom-padding-0.junior {
justify-content: center;
align-items: center;
}
.membership-benefit-wrapper {
display: flex;
}
.membership-benefit-text-wrapper {
text-align: left;
align-self: center;
margin-left: 25px;
}
.membership-benefit-icon-wrapper {
flex: none;
width: 50px;
height: 50px;
margin-right: 0;
}
.membership-benefit-icon {
width: 50px;
height: 50px;
display: inline-block;
}
.section_cta-image {
background-color: #d9d4c3;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_cta-image.colour-darkest-green {
background-color: var(--darkest-green);
}
.cta-text-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
padding: 80px;
display: flex;
}
.cta-text-wrapper.bottom-padding-0 {
justify-content: space-between;
align-items: center;
height: 100%;
padding-bottom: 0;
}
.section_useful-links {
background-color: #d9d4c3;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_useful-links.top-padding-80 {
padding-top: 80px;
}
.helpful-links-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.useful-links-title-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: row;
justify-content: center;
align-self: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.helpful-links-button-wrapper {
grid-column-gap: 30px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.helpful-link-button {
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 240px;
height: 80px;
text-decoration: none;
display: flex;
}
.helpful-link-button:hover {
opacity: .85;
}
.qa-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex-flow: column;
width: 100%;
display: flex;
}
.question-wrapper {
border-bottom: 3px solid var(--darkest-green);
cursor: pointer;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 5px;
display: flex;
}
.question-content-wrapper {
justify-content: space-between;
width: 100%;
padding-bottom: 10px;
display: flex;
}
.answer-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 30px;
display: none;
}
.answer-wrapper.faq {
display: flex;
}
.spacer-largest {
width: 100%;
padding-top: 50px;
}
.expand-icon {
flex: none;
justify-content: flex-end;
align-items: flex-start;
width: 50px;
height: 50px;
margin-left: 25px;
margin-right: 0;
display: flex;
}
.background-video {
width: 100%;
height: 100vh;
position: absolute;
}
.section_opening-hours {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.accessibility-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.opening-hours-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
margin-bottom: 80px;
display: flex;
}
.opening-hours-content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.section_directions {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.directions-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.text-card-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #04322000;
flex-flow: column;
width: 100%;
display: flex;
}
.text-card-title-wrapper {
display: flex;
}
.section_accessibility-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.accessibility-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.accessibility-intro-content-wrapper {
flex-flow: column;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.section_accessibility-list {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.accessibility-card-icon-wrapper-copy {
flex: none;
width: 50px;
height: 50px;
margin-right: 0;
}
.accessibility-card-text-wrapper {
text-align: left;
align-self: center;
margin-left: 25px;
}
.cta-image-wrapper {
aspect-ratio: auto;
object-fit: cover;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
height: 100%;
display: flex;
position: static;
overflow: visible;
}
.membership-benefits-card-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: var(--background-green);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 60px 50px;
display: flex;
}
.section_faqs-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.faqs-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.faqs-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.faqs-intro-links-wrapper {
flex-flow: column;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.intro-link-button {
background-color: var(--background-green);
flex-flow: row;
width: 100%;
height: 100px;
text-decoration: none;
display: flex;
}
.intro-link-button:hover {
opacity: 1;
}
.intro-link-icon-wrapper {
background-color: var(--darkest-green);
flex: none;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
}
.intro-link-icon-wrapper.colour-background-green {
background-color: var(--middle-green);
}
.intro-link-text-wrapper {
background-color: var(--middle-green);
word-break: normal;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 0;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.intro-link-icon {
width: 50px;
height: 50px;
}
.intro-link-icon.flag {
width: 70px;
}
.intro-link-icon.icon {
aspect-ratio: auto;
object-fit: contain;
}
.section_faqs-list {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.faqs-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.faqs-list-content-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #04322000;
flex-flow: column;
width: 100%;
display: flex;
}
.faq-title-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--background-cream);
text-align: center;
border-bottom: 3px solid #000;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 0 0 20px;
display: flex;
}
.faq-title-wrapper {
display: flex;
}
.faq-answer {
flex-flow: column;
align-items: flex-start;
width: 100%;
padding-bottom: 0;
display: flex;
}
.faq-question {
justify-content: space-between;
width: 100%;
padding-bottom: 20px;
display: flex;
}
.faq-question-wrapper {
border-bottom: 3px none var(--darkest-green);
cursor: auto;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 0;
display: flex;
}
.section_contact-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.contact-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.contact-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.contact-intro-links-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 575px;
height: 100%;
display: flex;
}
.navbar-secondary {
z-index: 10;
background-color: var(--background-green);
color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 84px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.section_saving-wildlife-beings {
background-color: #d9d4c3;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 80px 0;
display: flex;
overflow: hidden;
}
.saving-wildlife-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.row-1 {
justify-content: flex-start;
width: 100%;
margin-bottom: 30px;
margin-left: 30px;
display: flex;
overflow: hidden;
}
.saving-wildlife-image {
object-fit: cover;
width: 300px;
height: 350px;
margin-right: 30px;
}
.row-2 {
justify-content: flex-start;
width: 100%;
margin-left: 0;
display: flex;
}
.saving-wildlife-title-wrapper {
text-align: center;
flex-flow: column;
align-items: center;
width: 800px;
margin-bottom: 80px;
display: flex;
}
.home-hero-grass-wrapper {
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
overflow: hidden;
}
.leaves-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d550affff86e042a429598_leaves-1-min.png");
background-position: 0 29%;
background-repeat: no-repeat;
background-size: contain;
width: 350px;
height: 100%;
margin-bottom: -87px;
margin-left: 0;
overflow: hidden;
}
.leaves-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d550afa76aa2b2aff64fda_leaves-4-min.png");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: contain;
width: 350px;
height: 100%;
margin-bottom: -140px;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.pre-footer {
background-color: var(--darkest-green);
flex-flow: column;
width: 100%;
height: auto;
margin-top: auto;
padding-top: 100px;
padding-bottom: 0;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.section_promotions-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.promotions-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.promotions-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.links-wrapper {
flex-flow: column;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.section_events-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.events-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.events-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 490px;
height: 100%;
display: flex;
}
.events-image-wrapper {
background-color: var(--darkest-green);
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 540px;
height: 430px;
padding: 32px;
display: flex;
}
.section_events-list {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1340px;
height: auto;
padding: 80px 0;
display: flex;
}
.events-list-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.events-card {
box-sizing: border-box;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.events-card.draft {
display: none;
}
.card {
background-color: var(--middle-green);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px;
text-decoration: none;
display: flex;
}
.card.colour-blue {
background-color: #4b81af;
}
.card.colour-darkest-green {
background-color: var(--darkest-green);
justify-content: space-between;
align-items: flex-start;
}
.card.colour-middle-green, .card.colour-mid-green {
background-color: var(--middle-green);
}
.card.auto {
height: auto;
}
.card.colour-pink {
background-color: #223321;
}
.card.colour-zoo-do {
background-color: #756890;
}
.section_cta {
background-color: #d9d4c3;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_cta.height-auto {
height: auto;
}
.section_event-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_event-header.zoo-do {
background-color: #1e1339;
}
.section_event-header.hide {
display: none;
}
.event-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.event-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 100%;
height: 100%;
display: flex;
}
.event-title-wrapper.zoo-do {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.bullet-list-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
height: auto;
display: grid;
}
.event-details-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_event-details {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_event-details.zoo-do {
background-color: #f0dbe4;
}
.section_event-details.hide {
display: none;
}
.section_event-details.dark-green {
background-color: var(--darker-green);
}
.section_event-details.dark-green-copy {
background-color: var(--background-cream);
}
.event-body-text-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 100px;
padding-right: 100px;
display: flex;
}
.event-body-text-wrapper.no-padding {
padding-left: 0;
}
.talk-location-icon-wrapper {
flex: none;
margin-left: 0;
margin-right: 25px;
}
.talk-location-wrapper {
flex: none;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.talk-name-wrapper {
flex: none;
margin-left: 0;
margin-right: 0;
padding-top: 0;
display: flex;
}
.event-schedule-header-wrapper {
justify-content: center;
align-items: stretch;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.event-schedule-header-wrapper.align-middle {
text-align: center;
}
.event-schedule-list-wrapper {
background-color: var(--background-green);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 80px 70px 70px;
display: flex;
}
.event-schedule-list-wrapper.colour-darkest-green {
background-color: var(--darkest-green);
}
.event-schedule-list-wrapper.colour-zoo-do {
background-color: #1e1339;
}
.event-schedule-list-wrapper.colour-zoo-do-2 {
background-color: #756890;
}
.section_also-at {
background-color: var(--darkest-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_also-at.colour-zoo-do {
background-color: #0d0424;
}
.section_also-at.colour-zoo-do-copy {
background-color: var(--background-cream);
}
.also-at-title-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-self: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.section_event-upsell {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.section_event-upsell.colour-middle-green {
background-color: var(--darkest-green);
}
.section_event-upsell.colour-middle-green.hide {
display: none;
}
.section_event-upsell.colour-zoo-do {
background-color: #1e1339;
}
.section_event-upsell.colour-middle-green-copy {
background-color: var(--middle-green);
}
.section_event-upsell.colour-middle-green-copy.hide {
display: none;
}
.section_event-upsell.zoo-do {
background-color: #1e1339;
}
.section_event-upsell.zoo-do.hide {
display: none;
}
.section_event-upsell.zoo-do02 {
background-color: #756890;
}
.section_event-upsell.zoo-do02.hide {
display: none;
}
.event-upsell {
flex-flow: column;
align-items: flex-start;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.event-upsell-content-wrapper {
background-color: var(--middle-green);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 80px 180px 0;
display: flex;
}
.event-upsell-content-wrapper.colour-zoo-do {
background-color: #756890;
padding-bottom: 80px;
}
.event-upsell-content-wrapper.margin-50 {
padding-left: 80px;
padding-right: 80px;
}
.also-at-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.spacer-dynamic {
width: 100%;
padding-top: 60px;
}
.events-card-title-wrapper {
flex-flow: column;
align-items: flex-start;
height: auto;
display: flex;
}
.h2-r {
color: var(--lightest-cream);
-webkit-text-stroke-color: #f3f2eb;
white-space: normal;
word-break: normal;
font-family: Recoleta, Arial, sans-serif;
font-size: 55px;
font-weight: 400;
line-height: 58px;
}
.h2-r.align-centre {
font-family: Recoleta, Arial, sans-serif;
font-size: 55px;
font-weight: 400;
line-height: 60px;
}
.h2-r.colour-darkest-green {
color: var(--darkest-green);
}
.h2-r.colour-darkest-green.test {
font-weight: 400;
line-height: 58px;
}
.section_animal-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animal-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.animal-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 100%;
height: 100%;
display: flex;
}
.animal-title-wrapper._100 {
width: 460px;
}
.animal-links-wrapper {
flex-flow: column;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.section_animal-info {
background-color: #f8e6db;
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animal-info-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: grid;
position: relative;
}
.live-card-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
background-color: #f8e6db;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 40px;
display: flex;
}
.live-text-wrapper {
text-align: left;
align-self: center;
width: 100%;
margin-left: 0;
}
.eat-card-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--background-green);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 40px;
display: flex;
}
.eat-wrapper {
text-align: left;
align-self: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
}
.breed-card-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 40px;
display: flex;
}
.section_endangered {
background-color: var(--darkest-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.endangered-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.endangered-title-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.status-content-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.status-title-wrapper {
margin-right: 25px;
}
.animal-link-card {
background-color: var(--background-green);
flex-flow: row;
width: 100%;
height: 80px;
text-decoration: none;
display: flex;
}
.animal-link-card:hover {
opacity: 1;
}
.animal-link-icon-wrapper {
background-color: var(--darkest-green);
flex: none;
justify-content: center;
align-items: center;
width: 90px;
height: 80px;
display: flex;
}
.zone-icon, .map-icon {
width: 50px;
height: 50px;
}
.animal-link-text-wrapper {
background-color: var(--middle-green);
word-break: normal;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 0;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.breed-wrapper {
text-align: left;
align-self: center;
width: 100%;
margin-bottom: 0;
margin-left: 0;
}
.status-wrapper {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: auto;
padding: 20px 30px;
display: flex;
}
.status-icon-wrapper {
width: 50px;
height: 50px;
margin-right: 25px;
}
.status-description-wrapper {
display: flex;
}
.section_animals {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animals-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 40px 0 80px;
display: flex;
}
.animal-card-image {
aspect-ratio: auto;
text-align: left;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 250px;
min-height: 250px;
}
.animal-card-body-text-wrapper {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.animal-filter-wrapper {
padding-top: 80px;
}
.filter-checkbox-wrapper {
width: 50%;
}
.animal-filter-title-wrapper {
width: 600px;
}
.animal-filter-title {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.text-field {
color: var(--background-cream);
width: 600px;
height: 70px;
margin-bottom: 0;
padding: 30px;
font-family: Recoleta, Arial, sans-serif;
font-size: 29px;
font-weight: 600;
}
.text-field::placeholder {
color: #939893;
font-family: Recoleta, Arial, sans-serif;
font-weight: 500;
}
.animal-filter-parameters {
background-color: #e8e5d8;
padding: 30px;
display: none;
}
.checkbox {
border: 3.5px solid var(--darkest-green);
width: 30px;
height: 30px;
margin-top: 0;
margin-right: 20px;
}
.checkbox-field {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.animal-card-subtitle-wrapper {
margin-right: 5px;
}
.collection_animals-item {
height: 100%;
padding: 0;
}
.h3 {
color: var(--lightest-cream);
-webkit-text-stroke-color: #f3f2eb;
white-space: normal;
word-break: normal;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 51px;
}
.h3.colour-darkest-green {
color: var(--darkest-green);
}
.h3.colour-darkest-green.test {
line-height: 51px;
}
.collection_animals-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.animal-filter-header {
background-color: var(--background-green);
cursor: pointer;
justify-content: space-between;
padding: 30px;
display: flex;
}
.section_animal-list {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animals-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.animals-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 50%;
height: 100%;
display: flex;
}
.animal-filter {
margin-bottom: 0;
}
.collection_animals {
height: auto;
overflow: hidden;
}
.animal-card {
box-sizing: border-box;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.animal-card-content-wrapper {
background-color: var(--background-green);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
}
.animal-card-text-wrapper {
flex-flow: column;
align-items: flex-start;
height: 100%;
display: flex;
}
.animal-subtitle-wrapper {
align-items: center;
display: flex;
}
.filter-header-wrapper {
padding-top: 5px;
}
.talk-content-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1.25fr .75fr 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.talk-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-bottom: 0;
display: flex;
}
.talk-wrapper.vendor {
flex-flow: column;
align-items: stretch;
height: auto;
}
.talk-wrapper.vendor.zoo-do {
background-color: #756890;
}
.section_whats-on-talks {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.hack22-date-version2 {
color: var(--lightest-cream);
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 0;
font-family: Recoleta, Arial, sans-serif;
font-size: 29px;
font-weight: 400;
line-height: 29px;
}
.hack22-date-version1 {
color: var(--lightest-cream);
letter-spacing: .4px;
margin-top: 0;
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.snack-shacks-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.walkthroughs-list-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.dining-list-wrapper {
width: 100%;
}
.dining-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-bottom: 10px;
display: flex;
}
.dining-content-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: .5fr .75fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.dining-name-wrapper {
flex: none;
margin-left: 0;
margin-right: 0;
padding-top: 0;
display: flex;
}
.spacer-smaller {
height: 15px;
}
.section_cta-full-width {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_cta-full-width.colour-darkest-green {
background-color: var(--darkest-green);
}
.cta-full-width-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 800px;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.section_tropical-house-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_things-to-do-animal-list {
background-color: var(--middle-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_things-to-do-animal-list.colour-cream {
background-color: var(--background-cream);
}
.things-to-do-animals {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
height: auto;
margin-bottom: 0;
display: grid;
}
.horizontal-card {
background-color: var(--background-green);
flex-flow: row;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.horizontal-card:hover {
opacity: 1;
}
.horizontal-card.hide {
display: none;
}
.horizontal-card-title-wrapper {
background-color: var(--background-green);
word-break: normal;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
min-height: 100px;
padding: 25px;
display: flex;
}
.horizontal-card-title-wrapper.colour-darkest-green {
background-color: var(--darkest-green);
flex: 0 auto;
height: auto;
min-height: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.horizontal-card-title-wrapper.colour-zoo-do {
background-color: #756890;
}
.horizontal-card-title-wrapper.vert {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.horizontal-card-title-wrapper.colour-middle-green {
background-color: var(--middle-green);
flex: 0 auto;
height: auto;
min-height: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.section_things-to-do-featured {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.dyk-card-wrapper {
background-color: var(--darkest-green);
text-align: center;
word-break: normal;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 500px;
padding: 50px 80px;
display: flex;
}
.dyk-card-wrapper.colour-mid-green {
background-color: var(--middle-green);
}
.things-to-do-content-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: row;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: flex-start stretch;
display: grid;
}
.section_cta-full-padding {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0;
display: flex;
}
.section_cta-full-padding.colour-darkest-green {
background-color: var(--darkest-green);
}
.section_cta-full-padding.top-margin-80 {
margin-top: 80px;
}
.things-to-do-column-1 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.horizontal-card-image-wrapper {
background-color: var(--darkest-green);
flex: none;
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
min-height: 100px;
display: flex;
}
.horizontal-card-image-wrapper.colour-background-green {
background-color: var(--background-green);
min-height: 90px;
}
.horizontal-card-image-wrapper.large {
align-items: center;
height: 100%;
min-height: 160px;
}
.horizontal-card-image-wrapper.zoo-do {
background-color: #1e1339;
}
.horizontal-card-image-wrapper.auto {
height: 100%;
min-height: 140px;
}
.horizontal-card-image-wrapper.vendor {
text-align: left;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
padding-left: 40px;
}
.things-to-do-column-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: none;
width: 100%;
display: flex;
}
.section_whats-on-dining {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.whats-on-dining-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.walkthroughs-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.talks-list-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.walkthrough-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-bottom: 0;
display: flex;
}
.walkthrough-content-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: .75fr .75fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.walkthrough-name-wrapper {
overflow-wrap: break-word;
flex: none;
margin-left: 0;
margin-right: 0;
padding-top: 0;
display: flex;
}
.section_whats-on-more {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.text-wrapper {
flex-flow: column;
flex: none;
max-width: 500px;
margin-bottom: 0;
display: flex;
}
.collection-initial-state {
width: 100%;
height: 0;
}
.animals-map-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0;
display: flex;
}
.section_map {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 80px;
display: flex;
}
.map {
background-color: var(--background-green);
width: 100%;
height: auto;
margin-top: 20px;
overflow: hidden;
}
.collection_animals-map {
height: auto;
overflow: hidden;
}
.collection_animals-map-item {
width: 100%;
height: 100%;
padding: 0;
}
.animal-filter-map-wrapper {
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 20px;
}
.section_dining-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_restaurants {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.restaurants-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_snack-shacks {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.snack-shacks-list-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.snack-shack-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-bottom: 0;
display: flex;
}
.snack-shack-content-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: .5fr .75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.snack-shack-name-wrapper {
flex: none;
margin-left: 0;
margin-right: 0;
padding-top: 0;
display: flex;
}
.large-text-wrapper {
flex-flow: column;
max-width: 800px;
margin-bottom: 0;
display: flex;
}
.image-default {
object-fit: cover;
width: 100px;
max-width: 100px;
height: 100%;
overflow: hidden;
}
.section_animal-experiences-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_keeper-shadowing {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.experience-card {
box-sizing: border-box;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.experience-card-image {
aspect-ratio: auto;
text-align: left;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 250px;
min-height: 250px;
}
.experience-card-content-wrapper {
background-color: var(--background-green);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
}
.experience-card-content-wrapper.colour-cley {
background-color: var(--cley);
}
.experience-card-content-wrapper.colour-green {
background-color: #37673f;
}
.experience-card-content-wrapper.colour-blue {
background-color: #2c78bd;
}
.experience-card-content-wrapper.colour-orange {
background-color: #e55a25;
}
.experience-card-content-wrapper.colour-woodland {
background-color: #1c7e72;
}
.experience-card-content-wrapper.colour-global {
background-color: #dc1f2c;
}
.experience-card-text-wrapper {
flex-flow: column;
align-items: flex-start;
height: 100%;
display: flex;
}
.section_experiences {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_carnivore-exp-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.title-wrapper {
flex-flow: column;
align-items: baseline;
width: 100%;
height: 100%;
display: flex;
}
.exp-details-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.exp-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100px;
margin-bottom: 0;
display: flex;
}
.exp-wrapper.large {
align-items: stretch;
height: auto;
}
.exp-content-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: 100%;
margin-left: 0;
padding: 0 40px;
display: grid;
}
.exp-content-wrapper.large {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.div-block {
padding-top: 20px;
}
.section_exp-details {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.exp-details-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_conservation-projects {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.conservation-projects-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 0;
display: flex;
}
.section_education-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_school-trips {
background-color: var(--darkest-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.school-trips-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.school-trips-more-wrapper {
padding-bottom: 80px;
display: flex;
}
.school-trips-pricing-wrapper {
width: auto;
}
.school-price-card {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 180px;
height: auto;
padding: 0;
display: flex;
}
.school-card-price {
background-color: var(--darker-green);
height: 100%;
padding: 25px;
}
.school-card-subprice {
background-color: var(--background-green);
padding: 20px 25px 25px;
}
.cta-lemur-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5e62d9bc846f7ce70a_lemur-purple%20(1).png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.cta-lemur-badge.height-50 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 50% 0;
height: 50%;
}
.cta-stamp-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67adc7269f78a3b9edc0be78_Stamp%20Badge%20Outline.svg");
background-position: 0 60%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-left: 20px;
margin-right: 0;
}
.body {
padding: 80px;
}
.div-block-4 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.code-embed {
color: var(--lightest-cream);
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.ebp-content-wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.ebp-text-wrapper {
flex-flow: column;
flex: none;
align-items: flex-start;
width: 100%;
display: flex;
}
.ebp-card-wrapper {
flex: none;
width: 100%;
}
.section_conservation-projects-links {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.section_ebp-details, .section_private-teaching-details {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.private-teaching-details-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.hep-content-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.hep-text-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 30px;
display: flex;
}
.section_hep-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_whats-included {
background-color: var(--middle-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.hep-sessions-wrapper {
background-color: var(--background-green);
text-align: center;
height: auto;
padding: 50px;
}
.hep-details-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_hep-details {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.hep-schedule-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.section_membership-details {
background-color: var(--background-cream);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 80px;
display: flex;
}
.section_membership-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.membership-splash {
padding-bottom: 50px;
display: flex;
}
.membership-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 520px;
height: 100%;
padding-right: 30px;
display: flex;
}
.membership-details-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 50px;
display: flex;
position: relative;
}
.membership-benefits-list-wrapper {
background-color: var(--background-green);
text-align: left;
margin-bottom: 50px;
padding: 80px 70px 70px;
}
.membership-benefits {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
width: 100%;
display: flex;
}
.hero-image-copy {
z-index: 5;
object-fit: cover;
width: 50%;
height: 100%;
padding-top: 0;
}
.hero-image-copy-1 {
z-index: 5;
object-fit: cover;
width: 100%;
height: 100%;
}
.section_corporate-membership {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section-corporate-membership-benefits {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.corporate-membership-benefits-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_support {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_support-list {
background-color: var(--middle-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.support-list-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.section_legacy-header {
background-color: var(--background-cream);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_fundraising-header {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.fundraising-header-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.section_volunteer, .section_mission-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_history {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animal-talk-wrapper {
background-color: var(--background-green);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
padding: 80px;
display: flex;
position: relative;
}
.animal-talk-wrapper.colour-darker-green {
background-color: var(--darker-green);
justify-content: center;
align-self: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.desc-wrapper {
background-color: var(--darkest-green);
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: auto;
margin-bottom: 80px;
padding: 70px;
display: flex;
}
.section_page-desc {
background-color: #d9d4c3;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0 30px;
display: flex;
}
.rock-green-grash {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548cd95de9f5015d368f5_rock-green-grash-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 180px;
position: relative;
}
.opening-hours-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.events-header-image {
aspect-ratio: auto;
text-align: left;
vertical-align: bottom;
object-fit: contain;
object-position: 50% 50%;
width: 100%;
height: 360px;
margin-top: 40px;
}
.section_school-trips-faq {
background-color: var(--background-cream);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 0;
display: flex;
}
.section_schools-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_education-list {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.education-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.cta-text-container {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.group-discounts-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-bottom: 3px solid var(--darkest-green);
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.section-group-discount {
background-color: var(--middle-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.illustration-wrapper-3 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 240px;
display: flex;
}
.section_uniform-groups {
background-color: var(--background-cream);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.uniform-groups-wrapper {
border-bottom: 3px none var(--darkest-green);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1200px;
height: auto;
padding: 80px 0;
display: flex;
position: relative;
}
.cta-badge-content {
background-color: var(--background-green);
text-align: center;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
height: auto;
padding: 0 180px;
display: flex;
position: relative;
}
.section_group-visits-header {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.group-visits-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.group-visits-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.group-discount-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 410px;
height: 100%;
display: flex;
}
.group-discount-pricing-wrapper {
width: auto;
height: 100%;
}
.div-block-16 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.pricing-block {
background-color: var(--background-green);
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
}
.pricing-block.align-left {
background-color: var(--darkest-green);
justify-content: flex-start;
align-items: center;
padding-left: 20px;
}
.section_ticket-prices-copy {
background-color: var(--middle-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.div-block-17 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.link-2, .link-3 {
color: var(--darkest-green);
}
.opening-hours-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 230px;
display: flex;
}
.illustration-1-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 260px;
display: flex;
}
.keeper-talks-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.spacer-80 {
width: 100%;
padding-top: 80px;
}
.offers-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5eb1dea3e49d70cc7f_vulture%20(1).png");
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
height: 150px;
}
.cats-intro-wrappr {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.section_experiences-cta {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_experiences-cta.colour-darkest-green {
background-color: var(--darkest-green);
}
.cats-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 220px;
display: flex;
}
.primates-illustration-wrapper {
background-image: none;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
overflow: auto;
}
.birds-intro-wrapper, .tropical-house-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.tropical-house-things-to-do-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
}
.tropical-house-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
overflow: auto;
}
.safari-road-train-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.safari-road-train-list-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: auto;
padding: 80px 0 0;
display: flex;
}
.keeper-talks-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.for-kids-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 290px;
display: flex;
overflow: auto;
}
.for-kids-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.section_for-kids {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.safari-road-train-cta {
background-color: var(--background-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 0;
display: flex;
}
.content-link-wrapper {
background-color: var(--background-green);
flex-flow: row;
flex: 0 auto;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 500px;
min-height: 0;
display: flex;
}
.discovery-centre-illustration-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 330px;
margin-bottom: 10px;
display: flex;
overflow: auto;
}
.zoo-map-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.crayfish-illustration-wrapper {
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
overflow: auto;
}
.div-block-19 {
flex-flow: column;
align-items: center;
width: 100%;
max-width: 1000px;
display: flex;
}
.cta-illustration-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
overflow: auto;
}
.dining-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.dining-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 250px;
display: flex;
overflow: auto;
}
.dining-cta-wrapper {
background-color: var(--darkest-green);
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 540px;
display: flex;
}
.div-block-20 {
flex-flow: column;
flex: none;
align-items: flex-end;
display: flex;
}
.dining-text-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
min-height: 540px;
padding: 80px;
display: flex;
}
.link-4, .link-5, .link-6, .link-7 {
color: var(--darkest-green);
}
.school-visits-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.school-visits-intro-wrapper.padding {
padding-bottom: 80px;
}
.school-visits-text-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
display: flex;
}
.link-8 {
color: var(--lightest-cream);
}
.school-visits-book-now-illustration {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 210px;
display: flex;
}
.private-teaching-session-card {
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.dyk-card-wrapper-copy {
background-color: var(--darkest-green);
text-align: center;
word-break: normal;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
min-height: 500px;
padding: 50px 80px;
display: flex;
}
.private-teaching-details-wrapper-copy {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
}
.private-teaching-session-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 300px;
display: flex;
}
.link-9 {
color: var(--darkest-green);
}
.home-education-illustration {
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.home-education-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.home-education-pricing-box {
background-color: var(--darkest-green);
justify-content: center;
align-items: center;
width: 400px;
height: auto;
padding: 0;
display: flex;
}
.home-education-badge-wrapper {
justify-content: space-between;
width: 600px;
display: flex;
}
.link-10 {
color: var(--lightest-cream);
}
.research-details-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.work-experience-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
}
.link-11, .link-12 {
color: var(--darkest-green);
}
.send-details-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.link-13 {
color: var(--darkest-green);
}
.support-us-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
display: grid;
}
.vertical-card-wrapper {
background-color: var(--darkest-green);
flex-flow: column;
width: 100%;
padding: 25px;
display: flex;
}
.link-14 {
color: var(--darkest-green);
}
.volunteer-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
display: grid;
}
.link-15 {
color: var(--lightest-cream);
}
.section_volunteer-details {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.link-16 {
color: var(--lightest-cream);
}
.volunteer-illustration-wrapper {
background-image: none;
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
margin-bottom: -2px;
display: flex;
overflow: auto;
}
.link-17 {
color: var(--darkest-green);
}
.section_t-c {
background-color: var(--background-cream);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.terms-content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.div-block-22 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.race-intro-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.cta-text-wrapper-copy {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
padding: 80px 55px;
display: flex;
}
.section_animal-cta {
background-color: #d9d4c3;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.animal-cta-wrapper {
background-color: var(--background-green);
flex-flow: row;
flex: 0 auto;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 0;
display: flex;
}
.animal-cta-content {
background-color: var(--background-green);
text-align: center;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
height: auto;
padding: 0;
display: flex;
position: relative;
}
.animal-cta-text-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
padding: 80px;
display: flex;
}
.div-block-23, .div-block-24 {
display: flex;
}
.div-block-25 {
flex-flow: column;
width: 100%;
height: auto;
display: flex;
}
.image-7 {
object-fit: cover;
height: 100%;
}
.snow-leopard-illustration-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 290px;
display: flex;
overflow: auto;
}
.div-block-25-copy {
flex-flow: column;
width: 50%;
height: auto;
display: flex;
}
.faq-page-title-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--background-cream);
text-align: center;
border-bottom: 3px solid #000;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 0 0 20px;
display: flex;
}
.faq-questions-wrapper {
flex-flow: column;
display: none;
}
.faqs-list-content-wrapper-copy {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #04322000;
flex-flow: column;
width: 100%;
display: flex;
}
.link-18, .link-19, .link-20, .link-21 {
color: var(--darkest-green);
}
.link-22 {
color: var(--darkest-green);
font-weight: 600;
}
.faqs-list-wrapper-copy {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.rock-butterfly {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a5fceaea8c593ba34475c5_Rock-Butterfly.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 480px;
height: 250px;
position: relative;
}
.rock-green-grash-copy {
z-index: 5;
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 190px;
position: relative;
}
.illustration-1 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72dba167feb303d78d47a_Artboard%2028%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 600px;
height: 230px;
position: relative;
}
.illustration-2 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 380px;
height: 200px;
position: relative;
}
.illustration-2-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 260px;
display: flex;
}
.illustration-3 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db94dbb6364e490ec8b_Artboard%2024%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 600px;
height: 180px;
position: relative;
}
.illustration-4 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-wrapper-4 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-5 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db83b30b4a18a30e8d7_Artboard%2010%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 560px;
height: 260px;
position: relative;
}
.illustration-wrapper-5 {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 300px;
display: flex;
}
.illustration-6 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a7337c64ab7c547cd43336_Artboard%2012%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 860px;
height: 200px;
}
.illustration-wrapper-6 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 240px;
display: flex;
}
.illustration-7 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db92a44b216663991f6_Artboard%2027%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 440px;
height: 240px;
}
.illustration-8 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a0620f3afc3820e6243_Red%20Panda-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 190px;
margin-top: 20px;
}
.illustration-9 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db78a01b596c2164669_Artboard%207%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 220px;
}
.illustration-10 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db83b30b4a18a30e8d7_Artboard%2010%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 220px;
}
.illustration-11 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db82a44b21666398fed_Artboard%2021%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 220px;
}
.illustration-58 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db96824085bb7bea5c8_Artboard%2026%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 360px;
height: 170px;
}
.illustration-13 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 670px;
height: 250px;
}
.illustration-14 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db78a01b596c2164669_Artboard%207%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 670px;
height: 250px;
}
.illustration-15 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 530px;
height: 250px;
}
.illustration-16 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db82a44b21666398fed_Artboard%2021%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 700px;
height: 250px;
}
.illustration-17 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db92a44b216663991f6_Artboard%2027%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 400px;
height: 250px;
}
.illustration-18 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db76824085bb7bea374_Artboard%201%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 180px;
}
.illustration-19 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8dcb6ce82eed71cd4_Artboard%2019%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 650px;
height: 250px;
}
.illustration-20, .illustration-21 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db83b30b4a18a30e8d7_Artboard%2010%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-22 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db7aa234d97b1963cd6_Artboard%2016%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 230px;
}
.illustration-23 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 200px;
}
.illustration-24 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 200px;
}
.illustration-wrapper-24 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 230px;
display: flex;
}
.illustration-25 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72dba167feb303d78d47a_Artboard%2028%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 200px;
}
.illustration-26 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8a61784bb67391bb0_Artboard%2017%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 480px;
height: 200px;
}
.illustration-27 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 180px;
}
.illustration-28 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db96824085bb7bea5c8_Artboard%2026%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 230px;
}
.illustration-wrapper-28 {
background-image: none;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
overflow: auto;
}
.illustration-29 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 230px;
}
.illustration-30 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8a61784bb67391bc6_Artboard%2011%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 230px;
}
.illustration-31 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 530px;
height: 250px;
}
.illustration-32 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 520px;
height: 230px;
}
.illustration-wrapper-32 {
background-image: none;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
overflow: auto;
}
.illustration-34 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 680px;
height: 210px;
}
.illustration-35 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8a61784bb67391bc6_Artboard%2011%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 200px;
}
.illustration-36 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 680px;
height: 210px;
}
.illustration-37 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 240px;
}
.illustration-38 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db83b30b4a18a30e8d7_Artboard%2010%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 240px;
}
.illustration-wrapper-38 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
overflow: auto;
}
.illustration-39 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db7edd6514dfae68664_Artboard%2013%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 540px;
height: 240px;
}
.illustration-wrapper-39 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 280px;
display: flex;
overflow: auto;
}
.illustration-41 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8fff6f7e70492dac9_Artboard%2020%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
}
.illustration-42 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db8fff6f7e70492dac9_Artboard%2020%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 240px;
}
.illustration-wrapper-42 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
}
.illustration-43 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72dba167feb303d78d47a_Artboard%2028%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 490px;
height: 240px;
}
.illustration-44 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-wrapper-44, .illustration-wrapper-45 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 250px;
display: flex;
}
.illustration-45 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db796f70e3bbd1004ec_Artboard%209%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-46 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 440px;
height: 180px;
}
.illustration-47 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-48 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db99e5daef66d900765_Artboard%2022%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-wrapper-48 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 250px;
display: flex;
}
.illustration-wrapper-49 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 270px;
display: flex;
}
.illustration-49 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db96824085bb7bea5c8_Artboard%2026%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.right-chevron-box {
width: 26px;
height: 26px;
}
.cta-badge {
background-color: var(--background-green);
text-align: center;
flex-flow: row;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
height: 550px;
padding: 50px;
display: flex;
position: relative;
}
.cta-badge.colour-darkest-green {
background-color: var(--darkest-green);
justify-content: center;
display: flex;
}
.cta-badge.width-50 {
width: 50%;
height: 100%;
}
.cta-badge.colour-mid-green {
background-color: var(--middle-green);
justify-content: center;
display: flex;
}
.cta-text-vert-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.home-education-badge-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67adc72730325868c756dd17_Flag%20Badge%201.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
margin-right: 0;
}
.home-education-badge-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5ef60b55e830417437_penguin%20(1).png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 170px;
height: 100%;
}
.home-education-badge-3 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5f02b65c00ebb0db1c_ibis.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
margin-left: 20px;
}
.membership-badge-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
margin-right: 20px;
}
.membership-badge-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
}
.membership-badge-3 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5eb1dea3e49d70cc7f_vulture%20(1).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
margin-left: 20px;
}
.membership-badge-wrapper, .animal-badge-wrapper {
justify-content: space-between;
width: 600px;
display: flex;
}
.animal-badge-wrapper-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 180px;
height: 100%;
margin-right: 20px;
}
.animal-badge-wrapper-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d55136dfd1744fb1ceb4b1_Snow-leopard-badge.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 210px;
height: 100%;
}
.animal-badge-wrapper-3 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
margin-left: 20px;
}
.body-2 {
background-color: var(--middle-green);
}
.animal-exp-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.exp-badge-wrapper {
justify-content: space-around;
width: 440px;
height: 200px;
display: flex;
}
.div-block-25-copy {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.exp-activity {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: auto;
display: flex;
}
.exp-activity-icon {
background-color: var(--darkest-green);
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 100px;
min-height: 100px;
display: flex;
}
.exp-activity-icon.zoo-do {
background-color: #150c2a;
}
.exp-activity-text-wrapper {
background-color: var(--middle-green);
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 25px 40px;
display: flex;
}
.exp-activity-text-wrapper.zoo-do {
background-color: #1e1339;
}
.exp-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.exp-page-badge-wrapper {
justify-content: center;
align-items: flex-end;
width: 600px;
height: 260px;
display: flex;
}
.jke-badge-wrapper {
flex: none;
justify-content: space-between;
width: 390px;
height: 330px;
display: flex;
}
.section_mission-header-copy {
background-color: var(--background-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section_conservation-projects-copy {
background-color: var(--middle-green);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.offers-intro-wrapper-copy {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.conservation-project-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
}
.illustration-wrapper-60 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-60 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a605b59b0592b6d357b220_Rock-Stone.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-61 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db92a44b216663991f6_Artboard%2027%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-wrapper-61, .illustration-wrapper-62 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-62 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db840f8a5868a81cdc6_Artboard%2018%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-63 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db75ce34ace86c80555_Artboard%204%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-wrapper-63 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-64 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db7edd6514dfae6865e_Artboard%203%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-wrapper-64, .illustration-wrapper-65 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-65 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db82a44b21666398fed_Artboard%2021%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-66 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db62ce3e47ac5157d37_Artboard%2015%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 570px;
height: 210px;
position: relative;
}
.illustration-wrapper-66 {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.illustration-wrapper-67 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 370px;
display: flex;
}
.illustration-67 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db7aa234d97b1963cd6_Artboard%2016%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 210px;
}
.illustration-wrapper-68 {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.panda-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 50% 104%;
width: 100%;
height: 200px;
margin-top: 40px;
}
.cheetah-wrapper {
box-sizing: border-box;
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 124%;
width: 340px;
height: 250px;
margin-top: 0;
margin-bottom: -2px;
}
.tiger-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 100%;
width: 100%;
height: 200px;
margin-top: 0;
margin-bottom: -1px;
}
.maned-wolf-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 340px;
margin-top: 0;
margin-bottom: -2px;
}
.binoculars-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 180px;
margin-top: 40px;
}
.tent-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 104%;
width: 100%;
height: 200px;
margin-top: 40px;
}
.compass-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 200px;
margin-top: 40px;
}
.cyclist-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 310px;
margin-top: 40px;
}
.toby-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 53%;
width: 100%;
height: 370px;
margin-top: 40px;
margin-bottom: -3px;
}
.zookeeper-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 370px;
margin-top: 0;
margin-bottom: 20px;
}
.giraffe-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 360px;
margin-top: 34px;
margin-bottom: 20px;
}
.margay-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 230px;
margin-top: 0;
margin-bottom: 0;
}
.christmas-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 290px;
margin-top: 0;
}
.flamingo-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 280px;
margin-top: 0;
}
.hat-wrapper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 140px;
margin-top: 150px;
}
.events-badge-wrapper {
justify-content: space-between;
width: 100%;
height: 270px;
display: flex;
}
.event-badge-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67adc72730325868c756dd17_Flag%20Badge%201.svg");
background-position: 0 10%;
background-repeat: no-repeat;
background-size: contain;
width: 170px;
height: 100%;
margin-right: 20px;
}
.event-badge-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5ef60b55e830417437_penguin%20(1).png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
height: 100%;
}
.event-badge-3 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5eb1dea3e49d70cc7f_vulture%20(1).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 140px;
height: 100%;
margin-left: 20px;
}
.penguin-egg-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 300px;
margin-top: 40px;
}
.snake-egg-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 50% 50%;
transform-style: preserve-3d;
width: 100%;
height: 360px;
margin-top: 40px;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.vulture-egg-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 50% 50%;
width: 100%;
height: 320px;
margin-top: 40px;
position: static;
}
.flamingo-egg-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 300px;
margin-top: 40px;
}
.tortoise-egg-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 230px;
margin-top: 40px;
}
.ferris-wheel-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a04cfa21c661a83a2ee_Ferris%20Wheel-min.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 350px;
position: relative;
}
.map-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 0% 50%;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a067827c343eb5a220c_Map-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 230px;
margin-top: 40px;
}
.toby-illustration {
width: 100%;
height: 490px;
}
.zoo-do-intro-wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 0;
display: flex;
position: relative;
}
.maned-wolf-illustration {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05db3bfe57def814c4_Maned%20Wolf-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 320px;
height: 320px;
}
.zookeeper-illustration {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73be291da9c003563614b_Zookeeper.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 400px;
}
.tent-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73bb88b512c3e9c69c371_Tent.png");
background-position: 50% 103%;
background-repeat: no-repeat;
background-size: contain;
width: 630px;
height: 280px;
position: relative;
}
.cyclist-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a052212299ef7005da3_Cyclist.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 330px;
height: 280px;
position: relative;
}
.rock-green-grash-copy {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b4a197679df7395d1c99aa_Asset%202.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 470px;
height: 230px;
position: relative;
}
.bug-llustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 0% 50%;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05fae558fe85c723b1_Bug%202-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 230px;
margin-top: 40px;
}
.snow-leopard-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 270px;
position: relative;
}
.snow-leopard-illustration.width-100 {
width: 100%;
}
.snow-leopard-illustration._40-top-margin {
margin-top: 40px;
}
.see-more-text-wrapper {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-right: 116px;
display: flex;
}
.see-more-wrapper {
background-color: var(--darkest-green);
text-align: center;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: auto;
padding: 50px 100px;
display: flex;
position: relative;
}
.primate-list-two {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
height: auto;
margin-top: 0;
display: none;
}
.see-more-primate {
z-index: 10;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 240px;
height: 50px;
text-decoration: none;
display: flex;
position: relative;
}
.see-more-primate:hover {
opacity: .85;
}
.birds-list-two {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
height: auto;
margin-top: 0;
display: none;
}
.see-more-birds {
z-index: 10;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 240px;
height: 50px;
text-decoration: none;
display: flex;
position: relative;
}
.see-more-birds:hover {
opacity: .85;
}
.primate-list-one, .bird-list-one {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
height: auto;
margin-bottom: 30px;
display: grid;
}
.illustration-bug {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05fae558fe85c723b1_Bug%202-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 260px;
position: relative;
}
.train-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c92858bafa055f64582c_Train-min%202-carriages.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 240px;
position: relative;
}
.train-illustration-wrapper {
background-image: none;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 280px;
display: flex;
overflow: auto;
}
.train-illustration-2 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c92858bafa055f64582c_Train-min%202-carriages.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 240px;
position: relative;
}
.crayfish-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05de4d96518226d2be_Crayfish-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 270px;
position: relative;
}
.frog-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05ec40c9309a37d02c_Frog.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 210px;
position: relative;
}
.events-card-image-copy {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 200px;
margin-top: 40px;
}
.turtle-dove {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db92a44b216663991f6_Artboard%2027%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 220px;
position: relative;
}
.coronation-meadow {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db7aa234d97b1963cd6_Artboard%2016%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 220px;
position: relative;
}
.butterfly {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db9f92df27fef3e6557_Artboard%2023%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 220px;
position: relative;
}
.tansy-beetle {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9ea77eaf24e807f5a14aa_Tansy-beetle-min.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 220px;
position: relative;
}
.moonshiner-beetle {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9ea763e67d334258d9ca4_Moonshiner-beetle-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 220px;
position: relative;
}
.tiger-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a058b512c3e9c67f88d_Amur%20Tiger-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 480px;
height: 210px;
margin-bottom: -2px;
position: relative;
}
.tiger-illustration.hide-desktop {
display: none;
}
.iguana-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a0691c16c44b93a8fce_Iguana-min.png");
background-position: 50% 65%;
background-repeat: no-repeat;
background-size: auto 250px;
width: 390px;
height: 250px;
position: relative;
}
.nav-experiences-card-copy {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 200px;
height: 270px;
margin-top: 40px;
margin-left: 40px;
}
.nav-wrapper {
flex-flow: column;
display: flex;
}
.event-card {
background-color: var(--background-green);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px 50px 0;
display: flex;
}
.event-card.colour-cley {
background-color: var(--cley);
justify-content: space-between;
text-decoration: none;
}
.event-card.colour-blue {
background-color: #4b81af;
}
.event-card.colour-darkest-green {
background-color: var(--darkest-green);
}
.event-card.colour-woodland {
text-decoration: none;
}
.event-card.colour-orange {
background-color: #db7c33;
}
.event-card.colour-woodland {
background-color: #473021;
}
.event-card.colour-green {
background-color: #376840;
}
.event-illustration-wrapper {
width: 100%;
margin-top: 0;
overflow: hidden;
}
.event-illustration-wrapper.align-left {
justify-content: flex-end;
align-items: flex-end;
margin-top: 10px;
display: flex;
}
.h3-small {
color: var(--lightest-cream);
-webkit-text-stroke-color: #f3f2eb;
white-space: normal;
word-break: normal;
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 37px;
}
.body-text-2 {
z-index: 5;
color: var(--lightest-cream);
letter-spacing: .4px;
font-family: Manrope, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 23px;
text-decoration: none;
position: relative;
}
.body-text-2.weight-bold {
font-weight: 700;
}
.spacer-animal {
width: 8px;
height: 100%;
}
.snow-leopard-illustration-wrapper-cta {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 339px;
display: flex;
overflow: auto;
}
.tiger-illustration-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 270px;
display: flex;
overflow: hidden;
}
.sloth-illustration-wrapper {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0a8b75110aad5fe96ac_Sloth-min.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 300px;
}
.vulture-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5eb1dea3e49d70cc7f_vulture%20(1).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 160px;
}
.membership-cta-2 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 20%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-left: 30px;
margin-right: 0;
}
.membership-cta-1 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.snow-leopard-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d55136dfd1744fb1ceb4b1_Snow-leopard-badge.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 180px;
height: 140px;
}
.snow-leopard-badge.size-large {
width: 200px;
height: 170px;
}
.oval-badge-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5e34d05d0b34fbdc86_otter%20(1).png");
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 160px;
}
.lemur-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 160px;
}
.maned-wolf-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 170px;
}
.maned-wolf-badge.left-margin-50 {
margin-left: 80px;
}
.penguin-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5ef60b55e830417437_penguin%20(1).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 210px;
}
.penguin-badge.wdith-200 {
width: 200px;
height: 160px;
}
.badge-wrapper-right {
justify-content: flex-end;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.cta-snake-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5f636bd84697bc620c_sbake.png");
background-position: 0 30%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-left: 30px;
margin-right: 0;
}
.div-block-26 {
flex-flow: column;
height: 100%;
display: flex;
}
.cta-penguin {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2f263d65d00257f850c0d_Lemur%204%404x-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.cta-penguin.height-50 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5ef60b55e830417437_penguin%20(1).png");
width: 130px;
height: 50%;
}
.snake-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5f636bd84697bc620c_sbake.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 160px;
}
.snake-badge.size-large {
width: 190px;
height: 190px;
}
.cta-experience-lemur {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548ab189152c6212b46b2_lemur-badge-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 150px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.cta-experience-snow-leopard {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5efdfd613a8b5253ab_Snow%20Leopard%202%404x%20copy%20(1).png");
background-position: 0 10%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 150px;
height: 100%;
margin-left: 30px;
margin-right: 0;
}
.cta-experience-maned-wolf {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 10%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 150px;
height: 100%;
margin-left: 30px;
margin-right: 0;
}
.cta-experience-penguin {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5ef60b55e830417437_penguin%20(1).png");
background-position: 100% 9%;
background-repeat: no-repeat;
background-size: 130px;
flex: none;
width: 150px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.cta-experience-snake {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5f636bd84697bc620c_sbake.png");
background-position: 100% 10%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 150px;
height: 100%;
margin-left: 30px;
margin-right: 0;
transform: rotate(0);
}
.otter-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5e34d05d0b34fbdc86_otter%20(1).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 160px;
height: 160px;
}
.experiences-badge-wrapper {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d55136dfd1744fb1ceb4b1_Snow-leopard-badge.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 100%;
}
.experience-badge-wrapper-3 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d548aaae483e2d9217f769_maned-wolf-badge-min.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 180px;
height: 100%;
margin-left: 20px;
}
.explore-badge {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5e1313792d6158564f_explore.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 320px;
height: 100%;
}
.div-block-27 {
justify-content: center;
align-items: flex-end;
height: 100%;
display: flex;
}
.cta-vulture {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5eb1dea3e49d70cc7f_vulture%20(1).png");
background-position: 0 10%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 140px;
height: 100%;
margin-left: 30px;
margin-right: 0;
}
.cta-experience-otter {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67c2fd5e34d05d0b34fbdc86_otter%20(1).png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
flex: none;
width: 150px;
height: 100%;
margin-right: 30px;
transform: rotate(0);
}
.link-23 {
color: var(--darkest-green);
text-decoration: underline;
}
.link-24, .link-25 {
color: var(--darkest-green);
}
.link-26 {
color: var(--lightest-cream);
}
.chirstmas-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
}
.sloth-exp-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 360px;
display: flex;
}
.conservation-partners-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0 0;
display: flex;
position: relative;
}
.div-block-28.hide {
margin-top: 40px;
}
.history-header-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
}
.link-27, .link-28 {
color: var(--lightest-cream);
}
.link-29, .link-30 {
color: var(--darkest-green);
}
.cheetah-card-illustration {
box-sizing: border-box;
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 124%;
width: 340px;
height: auto;
margin-top: 0;
margin-bottom: -2px;
}
.primates-illustration-wrapper-copy {
background-image: none;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 310px;
display: flex;
overflow: auto;
}
.tablet-secondary {
justify-content: space-around;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
display: none;
}
.link-31, .link-32 {
color: var(--lightest-cream);
text-decoration: none;
}
.snake-illustration {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 0% 50%;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/672cc887adab7d5f0fbbceb9_snake.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 200px;
margin-top: 40px;
}
.train-illustration-3 {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c92858bafa055f64582c_Train-min%202-carriages.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 140px;
margin-top: 40px;
position: relative;
}
.gruffalo-badge {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 0% 50%;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67d2fd910be6a094661c11c8_Gruffalo-web.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 200px;
margin-top: 40px;
}
.spacer-tiny {
width: 100%;
margin-top: 0;
padding-top: 10px;
}
.div-block-30 {
width: 35px;
height: 35px;
margin-right: 20px;
}
.spacer-80-copy {
width: 100%;
padding-top: 80px;
}
.animal-home-card {
flex: none;
width: 280px;
height: 350px;
margin-right: 30px;
display: block;
}
.div-block-31 {
background-color: var(--darkest-green);
width: 50%;
padding: 50px;
}
.div-block-32 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: auto;
display: grid;
}
.image-8 {
width: 100%;
height: auto;
}
.illustration-56 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67a72db82a44b21666398fed_Artboard%2021%404x.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 450px;
height: 148px;
}
.partner-zoos {
padding-bottom: 0;
display: flex;
}
.image-7.shrink.contain.top-margin {
margin-top: 20px;
}
.div-block-33 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67e7f3c4ccfeae57d6409458_Top%20Easter%20Pick%202025%20Dark%20250x250.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
height: 150px;
}
.div-block-33.may {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/681b732f184c10f09ad74e3d_Half%20Term%20Hero%202025%20Dark%20250x250.png");
}
.div-block-33.zoo-fest {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684c74798ccad2116afc1048_Tickets-ribbon.png");
width: 180px;
height: 180px;
}
.link-33 {
color: var(--darkest-green);
font-family: Manrope, sans-serif;
}
.link-34 {
color: var(--darkest-green);
}
.link-35 {
color: var(--darkest-green);
font-weight: 600;
}
.link-36, .link-37 {
color: var(--darkest-green);
}
.div-block-34 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee5cfa585e74a728e62b14_zoo-do-leaf-2.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 200px;
width: 290px;
height: 260px;
margin-top: 0;
}
.div-block-35 {
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: flex-end;
width: 300px;
height: 100%;
padding-bottom: 0;
display: flex;
}
.div-block-36 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee56c149ec350960ebf4d3_zoo-do-leaf.png");
background-position: 20% 20%;
background-repeat: no-repeat;
background-size: 380px;
width: 250px;
height: auto;
}
.div-block-34-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 100% -60%;
background-repeat: no-repeat;
background-size: 530px;
width: 540px;
height: 370px;
margin-top: 0;
margin-right: 39px;
}
.div-block-37 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: auto;
height: 100%;
padding-bottom: 50px;
display: flex;
}
.maned-wolf-wrapper-copy {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 340px;
margin-top: 0;
margin-bottom: -2px;
}
.div-block-38 {
flex-flow: column;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.event-illustration-wrapper-copy {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
overflow: hidden;
}
.event-illustration-wrapper-copy.align-left {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
._444 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee565db8112cdd5fc0be52_moon.png");
background-position: -140% 140%;
background-repeat: no-repeat;
background-size: 296px;
width: 280px;
height: 290px;
margin-top: 0;
}
.div-block-39 {
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
width: 600px;
height: 620px;
padding-bottom: 0;
display: flex;
}
._444-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee5cfa585e74a728e62b14_zoo-do-leaf-2.png");
background-position: 50% 140%;
background-repeat: no-repeat;
background-size: 180px;
width: 100%;
height: 240px;
margin-top: 0;
}
.leaf-tw {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee775a61664e7cb5c1ed37_leaf-10.png");
background-position: 50% 19%;
background-repeat: no-repeat;
background-size: 360px;
width: 360px;
height: 290px;
margin-top: 0;
}
.sl-l {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05db3bfe57def814c4_Maned%20Wolf-min.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 440px;
width: 100%;
height: 600px;
margin-top: 0;
}
.leaf-tw-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee7512a152f86924ef4f46_Leaf-7.png");
background-position: 50% 390%;
background-repeat: no-repeat;
background-size: 590px;
width: 590px;
height: 290px;
margin-top: 0;
margin-right: -281px;
}
.div-block-40 {
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: auto;
display: flex;
}
.div-block-34-copy-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee751242542aabaa185d97_leaf-6.png");
background-position: 50% 101%;
background-repeat: no-repeat;
background-size: 420px;
width: 420px;
height: 180px;
margin-top: 0;
}
._222 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee7512944d9c79e017db5f_Leaf-5.png");
background-position: 100% 80%;
background-repeat: no-repeat;
background-size: 260px;
width: 360px;
height: 360px;
margin-top: 0;
}
.something {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee565db8112cdd5fc0be52_moon.png");
background-position: 0 140%;
background-repeat: no-repeat;
background-size: 320px;
width: 100%;
height: 200px;
margin-top: 0;
}
.link-38 {
color: var(--darkest-green);
}
.v {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 100% -60%;
background-repeat: no-repeat;
background-size: 530px;
width: 540px;
height: 370px;
margin-top: 0;
margin-right: 39px;
display: none;
}
.vendors-list-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.vendors-list-wrapper.hide {
display: flex;
}
.vendors-wrapper {
background-color: var(--background-green);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 80px 120px 0;
display: flex;
}
.vendors-wrapper.colour-zoo-do {
background-color: #1e1339;
padding-bottom: 2px;
}
.vendor-location-wrapper {
flex: none;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.vendor-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: left;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center start;
width: 100%;
height: auto;
margin-left: 0;
padding: 40px;
display: grid;
}
.vendor-wrapper.zoo-do {
background-color: #756890;
}
.live-feeds-wrapper {
background-color: var(--background-green);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 80px 70px 70px;
display: flex;
}
.live-feeds-wrapper.colour-darkest-green {
background-color: var(--darkest-green);
}
.live-feeds-wrapper.colour-zoo-do {
background-color: #1e1339;
}
.live-feeds-card-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.full-width-card {
background-color: var(--middle-green);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px;
text-decoration: none;
display: flex;
}
.full-width-card.colour-blue {
background-color: #4b81af;
}
.full-width-card.colour-darkest-green {
background-color: var(--darkest-green);
}
.full-width-card.colour-middle-green, .full-width-card.colour-mid-green {
background-color: var(--middle-green);
}
.full-width-card.auto {
height: auto;
}
.full-width-card.colour-pink {
background-color: #223321;
}
.full-width-card.colour-zoo-do {
background-color: #756890;
}
.keeper {
aspect-ratio: auto;
text-align: left;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 440px;
margin-top: 40px;
}
.bold-text {
color: var(--darkest-green);
text-decoration: none;
}
.link-39 {
color: var(--darkest-green);
}
.binoculars-illustration {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 270px;
position: relative;
}
.binoculars-illustration.width-100 {
width: 100%;
}
.binoculars-illustration._40-top-margin {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a05da0198f92db135d2_Binoculars-min.png");
background-position: 100% 100%;
background-size: 300px;
width: 100%;
height: 220px;
margin-top: 40px;
}
.band-card {
background-color: var(--middle-green);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px;
text-decoration: none;
display: flex;
}
.band-card.colour-blue {
background-color: #4b81af;
}
.band-card.colour-darkest-green {
background-color: var(--darkest-green);
justify-content: flex-start;
align-items: stretch;
}
.band-card.colour-middle-green, .band-card.colour-mid-green {
background-color: var(--middle-green);
}
.band-card.auto {
height: auto;
}
.band-card.colour-pink {
background-color: #223321;
}
.band-card.colour-zoo-do {
background-color: #756890;
}
.section_content-hero-zoo-do {
background-color: var(--darkest-green);
justify-content: center;
width: 100%;
height: 620px;
margin-top: 120px;
display: flex;
}
.section_content-hero-zoo-do.colour-pink {
background-color: #182719;
}
.section_content-hero-zoo-do.zoo-do {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee612968be3432cf85941b_zoo-do-texture-wide.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.section_content-hero-zoo-do.may {
height: 800px;
}
.content-hero-wrapper-copy {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
padding-top: 0;
padding-left: 30px;
display: flex;
}
.content-hero-wrapper-copy.easter {
padding-top: 70px;
}
.content-hero-wrapper-copy.zoo-do {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 1200px;
height: auto;
padding-top: 0;
display: flex;
}
.content-hero-wrapper-copy.may {
padding-top: 100px;
}
.content-hero-text-wrapper-copy {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 100%;
padding-top: 60px;
padding-bottom: 0;
display: flex;
}
.content-hero-text-wrapper-copy.easter {
max-width: 500px;
}
.content-hero-text-wrapper-copy.zoo-do {
justify-content: space-between;
align-items: center;
width: auto;
padding-top: 0;
padding-bottom: 45px;
}
.content-hero-text-wrapper-copy.may {
max-width: 450px;
}
.content-hero-text-wrapper-copy-copy {
flex-flow: column;
justify-content: center;
align-items: flex-end;
width: 50%;
max-width: 50%;
height: 100%;
padding-top: 300px;
padding-bottom: 80px;
padding-right: 30px;
display: flex;
}
.content-hero-text-wrapper-copy-copy.easter {
max-width: 500px;
}
.content-hero-text-wrapper-copy-copy.zoo-do {
justify-content: space-between;
align-items: center;
width: auto;
padding-top: 0;
padding-bottom: 45px;
}
.content-hero-text-wrapper-copy-copy.may {
max-width: 450px;
}
.zoo-fest-tiger {
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b73a058b512c3e9c67f88d_Amur%20Tiger-min.png");
background-position: 0 0;
background-size: auto;
width: 870px;
height: 382px;
margin-top: -65px;
margin-left: -370px;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.section_content-hero-zoo-fest {
background-color: #376840;
justify-content: center;
width: 100%;
height: 630px;
margin-top: 120px;
display: flex;
}
.section_content-hero-zoo-fest.colour-pink {
background-color: #182719;
}
.section_content-hero-zoo-fest.zoo-do {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67ee612968be3432cf85941b_zoo-do-texture-wide.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.section_content-hero-zoo-fest.may {
height: 800px;
}
.content-hero-wrapper-zf {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 70px;
padding-left: 0;
display: flex;
}
.content-hero-wrapper-zf.easter {
padding-top: 70px;
}
.content-hero-wrapper-zf.zoo-do {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 1200px;
height: auto;
padding-top: 0;
display: flex;
}
.content-hero-wrapper-zf.may {
padding-top: 100px;
}
.content-hero-text-wrapper-zf {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 100%;
padding-bottom: 0;
display: flex;
}
.content-hero-text-wrapper-zf.easter {
max-width: 500px;
}
.content-hero-text-wrapper-zf.zoo-do {
justify-content: space-between;
align-items: center;
width: auto;
padding-top: 0;
padding-bottom: 45px;
}
.content-hero-text-wrapper-zf.may {
max-width: 450px;
}
.div-block-42 {
width: 100%;
margin-bottom: 3px;
display: flex;
}
.div-block-42-copy {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.div-block-43 {
display: flex;
overflow: visible;
}
.div-block-44 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 700px;
padding-bottom: 80px;
padding-left: 80px;
display: flex;
}
.section-zoo-fest-intro {
background-color: var(--middle-green);
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.zoo-fest-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 80px 0;
display: flex;
position: relative;
}
.zoo-fest-title-wrapper {
flex-flow: column;
align-items: baseline;
width: 460px;
height: 100%;
margin-bottom: 0;
display: flex;
}
.zoo-fest-content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: baseline;
width: 575px;
height: 100%;
display: flex;
}
.div-block-45 {
text-align: left;
display: flex;
}
.bold-text-2 {
font-family: Marvinvisionsbig, Arial, sans-serif;
font-size: 84px;
font-weight: 800;
}
.div-block-46 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684c39dcc99d6a5908ac6b7d_ab.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 90%;
height: 140px;
}
.div-block-46-copy {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684c729d60948da031ac03d4_Kyle-logo.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 90%;
height: 180px;
}
.div-block-46-3y {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684d70ce7579219ac460a0d8_Take-this-v2.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 90%;
height: 190px;
}
.tomy0 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/684d70977652007f82e4507e_tom-jones-2.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 90%;
height: 230px;
}
.sculpture {
z-index: 5;
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 390px;
height: 270px;
position: relative;
}
.sculpture.width-100 {
width: 100%;
}
.sculpture._40-top-margin {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/68556d05ef28d7818b225450_RMG%20Break%20Lion009%20copy.png");
margin-top: 40px;
}
.link-40 {
color: var(--lightest-cream);
}
.image-7-copy {
object-fit: cover;
height: 100%;
}
.featured-animal-exp-wrapper {
width: auto;
height: 100%;
}
.featured-animal-exp-image {
object-fit: cover;
width: 560px;
height: 100%;
}
.div-block-47 {
background-color: #00a851;
padding: 10px 15px;
}
.footer-alert {
z-index: 200;
background-color: var(--hero-orange);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.div-block-48 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1100px;
min-height: 60px;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
text-decoration: none;
display: flex;
}
.link-41 {
color: var(--lightest-cream);
font-weight: 700;
}
.full-width-form {
width: 100%;
margin-bottom: 0;
}
.text-field-bottom {
height: 50px;
margin-bottom: 30px;
}
.text-field-bottom:focus, .text-field-bottom:focus-visible, .text-field-bottom[data-wf-focus-visible] {
color: var(--darkest-green);
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 500;
}
.form-text-field {
height: 50px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.form-text-field:focus, .form-text-field:focus-visible, .form-text-field[data-wf-focus-visible] {
color: var(--darkest-green);
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 500;
}
.success-message {
width: 100%;
height: 150px;
}
@media screen and (max-width: 991px) {
.h1.colour-darkest-green {
width: 100%;
}
.h1.mobile {
font-size: 90px;
line-height: 72.5px;
}
.h1.shrink-small {
font-size: 90px;
}
.h1.zoo-fest {
font-size: 140px;
line-height: 110px;
}
.h1.right-a-lign {
text-align: right;
}
.section_home-plan-your-visit {
margin-left: auto;
margin-right: auto;
}
.plan-your-visit-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 180px;
}
.plan-your-visit-text-wrapper {
width: 100%;
margin-bottom: 50px;
}
.primary-button.left-margin-15 {
margin-top: 20px;
margin-left: 30px;
}
.primary-button.left-margin-15.tablet {
margin-top: 0;
}
.icon-wrapper.tablet {
display: flex;
}
.dont-miss-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.vertical-title-wraper {
flex-flow: column;
align-items: flex-start;
}
.highlight-content-wrapper {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.highlight-card-icon-wrapper {
height: auto;
}
.card-highlight-text-wrapper {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-global {
margin-left: auto;
margin-right: auto;
}
.hero-wrapper {
padding-top: 100px;
}
.section_member-cta {
height: auto;
}
.cta-wrapper {
flex-flow: column;
height: 100%;
max-height: none;
}
.cta-wrapper.align-centre {
padding: 0 30px;
}
.cta-wrapper.align-centre.colour-darkest-green {
text-align: left;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 0;
}
.cta-wrapper.align-centre.no-padding {
padding-left: 0;
padding-right: 0;
}
.cta-wrapper.align-centre.padding {
padding-top: 60px;
padding-bottom: 60px;
}
.cta-text-content {
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
}
.cta-text-content.colour-blue, .cta-text-content.colour-darkest-green {
width: 100%;
}
.cta-image {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: 450px;
position: relative;
overflow: hidden;
}
.cta-image.large {
height: auto;
margin-top: 30px;
}
.cta-full-padding-text-wrapper {
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 0;
}
.cta-full-padding-text-wrapper.bottom-padding-0 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
padding-top: 60px;
}
.cta-full-padding-text-wrapper.bottom-padding-0.top-padding-20 {
padding-top: 20px;
}
.footer {
padding-top: 80px;
padding-bottom: 60px;
}
.footer-primary {
width: 100%;
}
.footer-links {
grid-row-gap: 49px;
grid-template-columns: 1fr 1fr 1fr;
}
.nav-text-link {
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 20px 30px;
display: flex;
}
.dropdown-list-wrapper {
width: 100%;
}
.nav-dropdown {
height: auto;
margin-bottom: 20px;
display: none;
}
.nav-dropdown.w--open {
aspect-ratio: auto;
object-fit: fill;
height: auto;
display: block;
position: relative;
top: 0;
overflow: auto;
}
.menu-button {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/670d2cf5a810006162dbf994_menu.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40px 40px;
flex-flow: row-reverse;
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
padding: 0;
font-size: 40px;
display: flex;
inset: 0% 0% auto auto;
}
.menu-button.w--open {
background-color: var(--dark-green\);
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/670e2be94fe7b51206b51a71_close-menu.svg");
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
padding: 0 30px 0 0;
font-size: 40px;
display: flex;
inset: 0% 0% auto auto;
}
.nav-primary {
z-index: 10;
background-color: var(--darker-green);
flex-flow: row;
justify-content: space-between;
align-items: stretch;
height: 100px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.nav-link {
width: 100%;
}
.nav-logo {
align-items: center;
height: 100px;
margin-left: 0;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 20px;
display: flex;
position: absolute;
}
.dropdown-wrapper {
grid-column-gap: 70px;
grid-row-gap: 35px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: auto;
}
.nav-menu-wrapper {
background-color: var(--darkest-green);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin-top: 0;
padding-top: 10px;
padding-bottom: 200px;
display: flex;
position: absolute;
inset: 0%;
overflow: scroll;
}
.nav-education {
height: auto;
}
.nav-secondary {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
height: auto;
padding-left: 30px;
display: none;
}
.nav-secondary-wrapper {
flex-flow: column;
padding-left: 30px;
padding-right: 30px;
}
.nav-secondary-talks {
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.nav-secondary-links {
flex-flow: column;
width: 100%;
}
.nav-link-block.tablet {
justify-content: space-between;
}
.spacer-large.hide-desktop {
display: block;
}
.global {
margin-top: -1px;
}
.section_content-hero {
flex-flow: column;
height: 100%;
margin-top: 100px;
}
.section_content-hero.may {
height: 100%;
}
.content-hero-wrapper {
align-items: flex-end;
max-width: none;
min-height: 425px;
padding-top: 185px;
padding-right: 30px;
}
.content-hero-wrapper.zoo-do {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.content-hero-wrapper.may {
padding-top: 0;
}
.content-hero-text-wrapper {
max-width: none;
padding-bottom: 60px;
}
.content-hero-text-wrapper.may {
justify-content: flex-start;
padding-top: 60px;
}
.hero-image {
width: 100%;
height: 425px;
}
.hero-wrapper-padding {
justify-content: flex-start;
width: 100%;
min-height: 375px;
}
.nav-menu {
background-color: var(--darkest-green);
flex-flow: column;
justify-content: flex-start;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
overflow: visible;
}
.navbar {
background-color: #1a291b00;
width: 100%;
height: 100px;
position: fixed;
}
.phone-spacer-medium {
display: none;
}
.grass-wrapper {
width: 100%;
}
.grass-two {
width: 300px;
display: none;
}
.grass-three {
width: 300px;
}
.grass-three.homepage {
background-position: 100% 60%;
}
.spacer-100 {
padding-top: 60px;
}
.nav-membership {
height: 250px;
}
.nav-membership.flex-horizontal {
height: auto;
}
.section_ticket-prices {
margin-left: auto;
margin-right: auto;
}
.ticket-prices-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.ticket-prices-title-wrapper {
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
.ticket-prices-content-wrapper {
width: 100%;
}
.ticket-prices-card-text {
padding-top: 60px;
padding-left: 50px;
padding-right: 50px;
}
.section_membership {
margin-left: auto;
margin-right: auto;
}
.memberships-price-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.memberships-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.memberships-content-wrapper {
width: 100%;
}
.membership-card-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: flex-start;
place-items: stretch start;
}
.membership-benefits-wrapper {
flex-flow: column;
padding-bottom: 60px;
}
.membership-benefits-title {
width: 100%;
}
.text-card {
text-align: left;
padding-top: 50px;
padding-bottom: 50px;
}
.membership-benefits-content {
width: 100%;
}
.membership-benefits-title-wrapper {
padding: 60px 50px;
}
.membership-benefits-title-wrapper.bottom-padding-0 {
padding-top: 60px;
}
.section_cta-image {
height: auto;
max-height: none;
overflow: hidden;
}
.cta-text-wrapper {
text-align: left;
justify-content: center;
align-items: flex-start;
max-width: none;
padding: 60px 30px;
}
.cta-text-wrapper.bottom-padding-0 {
padding-left: 30px;
padding-right: 30px;
}
.cta-text-wrapper.accessibility {
text-align: left;
justify-content: center;
align-items: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.section_useful-links.top-padding-80 {
padding-top: 60px;
}
.helpful-links-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.useful-links-title-wrapper {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
}
.helpful-links-button-wrapper {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.spacer-largest.tablet {
padding-top: 30px;
}
.section_opening-hours {
margin-left: auto;
margin-right: auto;
}
.accessibility-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.opening-hours-title-wrapper {
width: 600px;
margin-bottom: 0;
}
.opening-hours-content-wrapper {
width: 100%;
margin-bottom: 0;
}
.directions-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.text-card-wrapper {
width: 100%;
}
.section_accessibility-header {
margin-left: auto;
margin-right: auto;
}
.accessibility-title-wrapper, .accessibility-intro-content-wrapper {
width: 100%;
margin-bottom: 0;
}
.cta-image-wrapper {
object-fit: cover;
width: 100%;
}
.cta-image-wrapper.hide {
display: none;
}
.membership-benefits-card-wrapper {
text-align: left;
padding-top: 60px;
padding-bottom: 60px;
}
.section_faqs-header {
margin-left: auto;
margin-right: auto;
}
.faqs-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.faqs-title-wrapper {
width: 100%;
margin-bottom: 50px;
}
.faqs-intro-links-wrapper {
width: 100%;
margin-bottom: 0;
}
.intro-link-button {
justify-content: flex-start;
width: 100%;
}
.faqs-list-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.faqs-list-content-wrapper {
width: 100%;
}
.faq-title-card {
text-align: left;
padding-top: 0;
padding-bottom: 30px;
}
.section_contact-header {
margin-left: auto;
margin-right: auto;
}
.contact-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.contact-title-wrapper {
width: 100%;
margin-bottom: 50px;
}
.contact-intro-links-wrapper {
width: 100%;
margin-bottom: 0;
}
.navbar-secondary {
background-color: #1a291b00;
width: 100%;
height: 100px;
position: fixed;
}
.section_saving-wildlife-beings {
padding-top: 60px;
padding-bottom: 60px;
}
.saving-wildlife-wrapper {
align-items: flex-start;
height: 100%;
min-height: 450px;
}
.saving-wildlife-image {
width: 23%;
height: 300px;
}
.saving-wildlife-image.tablet-hide {
flex: 0 auto;
display: none;
}
.saving-wildlife-title-wrapper {
text-align: center;
align-items: center;
width: 800px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.home-hero-grass-wrapper {
width: 100%;
}
.leaves-1 {
background-position: 0 20%;
width: 450px;
}
.leaves-2 {
background-position: 50% 7%;
width: 300px;
}
.pre-footer {
align-items: center;
margin-top: 0;
padding-top: 80px;
padding-bottom: 20px;
}
.section_promotions-header {
margin-left: auto;
margin-right: auto;
}
.promotions-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.promotions-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.links-wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
}
.section_events-header {
margin-left: auto;
margin-right: auto;
}
.events-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.events-title-wrapper {
width: 100%;
margin-bottom: 40px;
}
.events-image-wrapper {
justify-content: flex-end;
align-items: center;
width: 100%;
margin-top: 31px;
margin-bottom: 0;
}
.section_events-list {
height: 100%;
}
.list-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.events-list-wrapper {
grid-row-gap: 30px;
grid-template-columns: 1fr;
justify-items: stretch;
width: 100%;
height: auto;
}
.events-card {
justify-content: flex-start;
align-items: stretch;
height: auto;
}
.card {
height: 100%;
}
.card.colour-blue {
padding: 40px;
}
.card.colour-darkest-green {
padding: 50px;
}
.card.colour-mid-green {
padding: 40px;
}
.section_cta {
overflow: hidden;
}
.section_event-header {
margin-left: auto;
margin-right: auto;
}
.event-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.event-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.event-title-wrapper.zoo-do {
flex-flow: column;
}
.bullet-list-wrapper {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: flex;
}
.event-details-list-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.event-body-text-wrapper {
height: auto;
padding-left: 0;
padding-right: 0;
}
.talk-location-wrapper {
justify-content: flex-start;
align-items: center;
}
.event-schedule-header-wrapper {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 600px;
height: 100%;
}
.event-schedule-list-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding: 60px 50px;
display: flex;
}
.section_also-at {
text-align: center;
}
.section_event-upsell {
padding-top: 60px;
padding-bottom: 60px;
}
.event-upsell-content-wrapper {
padding-top: 60px;
padding-left: 50px;
padding-right: 50px;
}
.also-at-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.spacer-dynamic {
padding-top: 40px;
}
.spacer-dynamic._60 {
padding-top: 60px;
}
.events-card-title-wrapper {
margin-bottom: 0;
}
.section_animal-header {
margin-left: auto;
margin-right: auto;
}
.animal-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.animal-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.animal-title-wrapper._100 {
width: 100%;
}
.animal-links-wrapper {
width: 100%;
margin-top: 40px;
margin-bottom: 0;
}
.section_animal-info {
height: auto;
margin-left: auto;
margin-right: auto;
}
.animal-info-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.live-card-wrapper {
text-align: left;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.eat-card-wrapper, .breed-card-wrapper {
text-align: left;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.endangered-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.section_animals {
margin-left: auto;
margin-right: auto;
}
.animals-list-wrapper {
padding-top: 50px;
padding-bottom: 60px;
}
.animal-filter-wrapper {
padding-top: 60px;
}
.filter-checkbox-wrapper {
width: 100%;
}
.animal-filter-title-wrapper {
width: 100%;
margin-bottom: 40px;
margin-right: 0;
}
.animal-filter-title {
flex-flow: column;
align-items: flex-start;
}
.text-field {
width: 100%;
}
.animal-filter-parameters {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: none;
}
.collection_animals-item {
height: auto;
padding-top: 0;
}
.h3.shrink {
font-size: 50px;
line-height: 42px;
}
.collection_animals-list {
grid-template-columns: 1fr 1fr;
}
.animals-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.animals-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.animal-filter {
margin-bottom: 0;
}
.animal-card, .animal-card-content-wrapper {
height: 100%;
}
.talk-content-wrapper {
grid-auto-flow: row;
place-content: center space-between;
place-items: center start;
min-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
}
.talk-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: 100%;
min-height: 100px;
padding-top: 0;
padding-bottom: 0;
}
.section_whats-on-talks {
margin-left: auto;
margin-right: auto;
}
.snack-shacks-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.dining-wrapper {
align-items: stretch;
height: auto;
margin-bottom: 15px;
}
.dining-content-wrapper {
grid-row-gap: 20px;
grid-template-columns: .5fr .75fr;
align-content: center;
place-items: center start;
padding-top: 30px;
padding-bottom: 30px;
}
.section_cta-full-width {
padding-top: 60px;
padding-bottom: 60px;
overflow: hidden;
}
.cta-full-width-wrapper {
flex-flow: column;
height: 100%;
padding: 0 60px;
}
.section_tropical-house-header {
margin-left: auto;
margin-right: auto;
}
.section_things-to-do-animal-list {
height: 100%;
}
.things-to-do-animals {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: flex;
}
.horizontal-card {
align-items: stretch;
}
.section_things-to-do-featured {
height: 100%;
}
.dyk-card-wrapper {
min-height: auto;
padding: 60px 50px;
}
.dyk-card-wrapper.colour-mid-green {
text-align: left;
justify-content: center;
align-items: flex-start;
min-height: 0;
padding-left: 40px;
padding-right: 40px;
}
.things-to-do-content-wrapper {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: flex;
}
.section_cta-full-padding.colour-darkest-green {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.section_cta-full-padding.top-margin-80 {
margin-top: 60px;
}
.horizontal-card-image-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: auto;
display: flex;
}
.horizontal-card-image-wrapper.large {
min-height: 190px;
}
.section_whats-on-dining {
margin-left: auto;
margin-right: auto;
}
.whats-on-dining-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.walkthroughs-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.walkthrough-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: 100%;
min-height: 100px;
padding-top: 0;
padding-bottom: 0;
}
.walkthrough-content-wrapper {
grid-row-gap: 20px;
grid-template-columns: .75fr .75fr;
grid-auto-flow: row;
place-content: center space-between;
place-items: center start;
min-height: 100px;
padding-top: 30px;
padding-bottom: 30px;
}
.section_whats-on-more {
height: 100%;
}
.text-wrapper {
max-width: none;
}
.animals-map-list-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.section_map {
padding-bottom: 60px;
}
.map {
height: 500px;
}
.collection_animals-map {
height: 100%;
}
.collection_animals-map-item {
height: auto;
padding-top: 0;
}
.animal-filter-map-wrapper {
padding-top: 60px;
padding-bottom: 50px;
}
.section_dining-header {
margin-left: auto;
margin-right: auto;
}
.section_restaurants {
height: 100%;
}
.restaurants-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.section_snack-shacks {
margin-left: auto;
margin-right: auto;
}
.snack-shack-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: 100%;
min-height: 100px;
padding-top: 0;
padding-bottom: 0;
}
.snack-shack-content-wrapper {
grid-row-gap: 20px;
grid-template-columns: 1fr;
grid-auto-flow: row;
place-content: center space-between;
place-items: center start;
min-height: 100px;
padding-top: 30px;
padding-bottom: 30px;
}
.section_animal-experiences-header {
margin-left: auto;
margin-right: auto;
}
.experience-card, .experience-card-content-wrapper {
height: 100%;
}
.section_carnivore-exp-header {
margin-left: auto;
margin-right: auto;
}
.intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.title-wrapper {
width: 100%;
margin-bottom: 0;
}
.exp-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
height: 100%;
min-height: 100px;
padding-top: 0;
padding-bottom: 0;
}
.exp-content-wrapper {
grid-auto-flow: row;
place-content: center space-between;
place-items: center start;
min-height: 100px;
padding-top: 20px;
padding-bottom: 20px;
}
.exp-details-list-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.section_conservation-projects {
height: 100%;
}
.conservation-projects-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.section_education-header, .section_school-trips {
margin-left: auto;
margin-right: auto;
}
.school-trips-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.school-trips-more-wrapper {
flex-flow: column;
padding-bottom: 60px;
}
.school-trips-pricing-wrapper {
width: 100%;
}
.cta-lemur-badge {
width: 100%;
height: 140px;
margin-bottom: 30px;
margin-right: 0;
}
.cta-lemur-badge.height-50 {
background-position: 0%;
width: 50%;
height: 140px;
margin-right: 0;
}
.ebp-content-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.ebp-card-wrapper.top-margin-40 {
margin-top: 40px;
}
.ebp-card-wrapper.top-margin-60 {
margin-top: 60px;
}
.section_conservation-projects-links {
padding-top: 60px;
padding-bottom: 60px;
}
.private-teaching-details-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 20px;
}
.hep-content-wrapper {
grid-template-columns: 1fr;
}
.hep-text-wrapper {
padding-right: 0;
}
.section_hep-header, .section_whats-included {
margin-left: auto;
margin-right: auto;
}
.hep-sessions-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.hep-details-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.section_membership-details {
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
.section_membership-header {
margin-left: auto;
margin-right: auto;
}
.membership-splash {
flex-flow: column;
padding-bottom: 60px;
}
.membership-title-wrapper {
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
.membership-details-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.membership-benefits-list-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.hero-image-copy {
width: 100%;
height: 375px;
padding-top: 0;
}
.hero-image-copy-1 {
width: 100%;
height: 375px;
}
.section_corporate-membership {
margin-left: auto;
margin-right: auto;
}
.corporate-membership-benefits-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.section_support {
margin-left: auto;
margin-right: auto;
}
.section_support-list {
height: 100%;
}
.support-list-wrapper {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: flex;
}
.section_legacy-header {
margin-left: auto;
margin-right: auto;
}
.fundraising-header-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.section_volunteer, .section_mission-header {
margin-left: auto;
margin-right: auto;
}
.animal-talk-wrapper {
width: 100%;
}
.animal-talk-wrapper.colour-darker-green {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
min-height: 375px;
}
.desc-wrapper {
flex-flow: column;
height: 100%;
max-height: none;
margin-bottom: 60px;
padding: 45px;
}
.rock-green-grash {
width: 540px;
height: 230px;
}
.opening-hours-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.events-header-image {
vertical-align: bottom;
object-fit: contain;
object-position: 50% 100%;
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.section_school-trips-faq {
margin-left: auto;
margin-right: auto;
padding-top: 60px;
}
.section_schools-header {
margin-left: auto;
margin-right: auto;
}
.education-list {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.cta-text-container {
text-align: left;
justify-content: center;
align-items: flex-start;
}
.group-discounts-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.section-group-discount, .section_uniform-groups {
margin-left: auto;
margin-right: auto;
}
.uniform-groups-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.cta-badge-content {
text-align: left;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 0;
}
.section_group-visits-header {
margin-left: auto;
margin-right: auto;
}
.group-visits-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.group-visits-title-wrapper, .group-discount-title-wrapper {
width: 100%;
margin-bottom: 0;
}
.group-discount-pricing-wrapper {
width: 100%;
}
.pricing-block {
text-align: center;
}
.pricing-block.align-left {
text-align: left;
}
.section_ticket-prices-copy {
margin-left: auto;
margin-right: auto;
}
.div-block-17 {
padding-top: 60px;
padding-bottom: 60px;
}
.opening-hours-illustration-wrapper {
height: 270px;
}
.illustration-1-wrapper {
height: 240px;
}
.keeper-talks-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.spacer-80 {
padding-top: 60px;
}
.offers-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.badge {
height: 150px;
}
.cats-intro-wrappr {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.section_experiences-cta {
height: 100%;
}
.cats-illustration-wrapper, .primates-illustration-wrapper {
height: 230px;
}
.birds-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.tropical-house-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.tropical-house-things-to-do-wrapper {
padding-top: 60px;
padding-bottom: 0;
}
.tropical-house-illustration-wrapper {
height: 270px;
}
.safari-road-train-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.safari-road-train-list-wrapper {
padding-top: 60px;
padding-bottom: 0;
}
.keeper-talks-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.for-kids-illustration-wrapper {
height: 240px;
}
.for-kids-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.section_for-kids {
height: 100%;
}
.safari-road-train-cta {
height: 100%;
padding-top: 60px;
}
.content-link-wrapper {
flex-flow: column;
height: 100%;
max-height: none;
}
.discovery-centre-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
height: 320px;
margin-bottom: 21px;
}
.zoo-map-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.crayfish-illustration-wrapper {
justify-content: center;
align-items: flex-end;
height: 310px;
}
.div-block-19 {
justify-content: center;
align-items: flex-start;
}
.cta-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
height: 270px;
overflow: hidden;
}
.dining-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.dining-illustration-wrapper {
height: 270px;
}
.dining-cta-wrapper {
flex-flow: column;
height: 100%;
max-height: none;
}
.div-block-20 {
justify-content: center;
align-items: flex-start;
}
.dining-text-wrapper {
max-width: 900px;
min-height: auto;
padding: 60px 80px;
}
.school-visits-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.school-visits-text-wrapper {
width: 100%;
margin-bottom: 0;
}
.school-visits-book-now-illustration {
justify-content: flex-end;
align-items: flex-end;
}
.dyk-card-wrapper-copy {
padding: 60px 50px;
}
.private-teaching-details-wrapper-copy {
height: auto;
padding-top: 60px;
padding-bottom: 0;
}
.home-education-illustration {
flex-flow: column;
height: auto;
}
.home-education-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.home-education-pricing-box {
width: 100%;
}
.home-education-badge-wrapper {
justify-content: flex-start;
width: 100%;
height: auto;
margin-top: 40px;
}
.research-details-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.work-experience-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 0;
}
.send-details-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.support-us-intro-wrapper, .volunteer-intro-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.section_volunteer-details {
height: 100%;
}
.volunteer-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
height: 260px;
}
.terms-content-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.div-block-22 {
grid-template-columns: 1fr;
}
.race-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.cta-text-wrapper-copy {
max-width: 900px;
padding: 60px 80px;
}
.section_animal-cta {
height: auto;
max-height: none;
overflow: hidden;
}
.animal-cta-wrapper {
flex-flow: column;
height: 100%;
max-height: none;
}
.animal-cta-content {
width: 100%;
padding: 0;
}
.animal-cta-text-wrapper {
max-width: 900px;
padding: 60px 80px;
}
.div-block-23, .div-block-24 {
flex-flow: wrap;
}
.image-7 {
width: 100%;
}
.snow-leopard-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
height: 290px;
overflow: hidden;
}
.faq-page-title-card {
text-align: left;
padding-top: 0;
padding-bottom: 30px;
}
.faqs-list-content-wrapper-copy {
width: 100%;
}
.faqs-list-wrapper-copy {
padding-top: 60px;
padding-bottom: 60px;
}
.rock-butterfly {
background-position: 100% 100%;
background-size: auto 210px;
width: 100%;
height: 270px;
}
.rock-green-grash-copy {
width: 400px;
}
.illustration-1 {
background-position: 100% 100%;
width: 510px;
height: 210px;
}
.illustration-2 {
width: 470px;
}
.illustration-2-wrapper {
justify-content: center;
align-items: flex-end;
height: 230px;
}
.illustration-3 {
width: 660px;
height: 200px;
}
.illustration-4 {
width: 540px;
}
.illustration-wrapper-4 {
height: 260px;
}
.illustration-5 {
width: 570px;
height: 230px;
}
.illustration-wrapper-5 {
justify-content: flex-end;
align-items: flex-end;
height: 260px;
}
.illustration-wrapper-6 {
height: 200px;
}
.illustration-7 {
background-position: 100% 100%;
width: 100%;
height: 260px;
}
.illustration-8 {
height: 180px;
margin-top: 0;
}
.illustration-9 {
width: 650px;
height: 220px;
}
.illustration-16 {
height: 220px;
}
.illustration-21, .illustration-22 {
background-position: 100% 100%;
width: 100%;
margin-top: 10px;
}
.illustration-wrapper-24 {
height: 240px;
}
.illustration-25 {
background-position: 100% 100%;
width: 100%;
height: 250px;
}
.illustration-26 {
width: 540px;
}
.illustration-27 {
background-position: 100% 100%;
width: 100%;
}
.illustration-wrapper-28 {
height: 270px;
}
.illustration-29 {
background-position: 100% 100%;
width: 100%;
}
.illustration-31 {
background-position: 100% 100%;
width: 100%;
height: 220px;
}
.illustration-wrapper-32 {
height: 240px;
}
.illustration-34 {
background-position: 100% 100%;
}
.illustration-35 {
background-position: 100% 100%;
width: 100%;
height: 270px;
}
.illustration-36 {
background-position: 100% 100%;
}
.illustration-37 {
background-position: 100% 100%;
background-size: auto 220px;
width: 100%;
}
.illustration-38 {
width: 590px;
height: 230px;
}
.illustration-wrapper-38 {
height: 260px;
}
.illustration-39 {
width: 650px;
height: 220px;
}
.illustration-wrapper-39 {
height: 220px;
}
.illustration-41 {
background-position: 100% 100%;
width: 100%;
}
.illustration-42, .illustration-wrapper-42 {
height: 230px;
}
.illustration-44 {
background-position: 100% 100%;
width: 100%;
}
.illustration-wrapper-45 {
justify-content: flex-end;
align-items: flex-end;
height: 220px;
}
.illustration-47 {
background-position: 100% 100%;
width: 100%;
height: 190px;
}
.illustration-wrapper-48, .illustration-wrapper-49 {
justify-content: flex-end;
align-items: flex-end;
}
.illustration-49 {
height: 230px;
}
.cta-badge {
flex-flow: column;
width: 100%;
height: auto;
padding: 60px 50px;
}
.cta-badge.colour-darkest-green {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.cta-badge.colour-darkest-green.padding {
padding: 60px 20px;
}
.cta-badge.width-50 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px;
}
.cta-badge.colour-mid-green {
width: 100%;
padding: 50px;
}
.home-education-badge-1 {
height: 200px;
margin-right: 13px;
}
.home-education-badge-2 {
height: 170px;
}
.home-education-badge-3 {
height: 200px;
}
.animal-badge-wrapper {
justify-content: flex-start;
width: 100%;
height: auto;
}
.animal-badge-wrapper-1 {
height: 180px;
margin-right: 40px;
}
.animal-badge-wrapper-2 {
width: 200px;
height: 210px;
}
.animal-badge-wrapper-3 {
height: 200px;
margin-left: 30px;
}
.animal-exp-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.exp-badge-wrapper {
width: 460px;
}
.exp-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.exp-page-badge-wrapper {
justify-content: flex-start;
align-items: center;
height: auto;
}
.jke-badge-wrapper {
height: 260px;
}
.section_mission-header-copy {
margin-left: auto;
margin-right: auto;
}
.section_conservation-projects-copy {
height: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.offers-intro-wrapper-copy {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.conservation-project-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 0;
}
.illustration-wrapper-60 {
height: 220px;
}
.illustration-60 {
width: 520px;
height: 160px;
}
.illustration-61 {
width: 440px;
height: 210px;
}
.illustration-wrapper-61, .illustration-wrapper-62 {
height: 270px;
}
.illustration-62 {
width: 500px;
height: 220px;
}
.illustration-63 {
width: 550px;
height: 210px;
}
.illustration-wrapper-63 {
height: 250px;
}
.illustration-64 {
width: 580px;
}
.illustration-wrapper-64, .illustration-wrapper-65 {
height: 240px;
}
.illustration-65, .illustration-66 {
width: 590px;
}
.illustration-wrapper-66 {
height: 260px;
}
.illustration-wrapper-67 {
justify-content: flex-end;
align-items: flex-end;
height: 260px;
}
.illustration-wrapper-68 {
height: 330px;
overflow: hidden;
}
.panda-wrapper {
text-align: center;
object-position: 100% 100%;
height: 170px;
margin-top: 50px;
}
.cheetah-wrapper, .tiger-wrapper {
margin-top: 40px;
}
.maned-wolf-wrapper {
height: 310px;
margin-top: 40px;
padding-right: 0;
}
.toby-wrapper, .margay-wrapper {
margin-top: 40px;
}
.christmas-wrapper {
height: 360px;
margin-top: 20px;
}
.hat-wrapper {
margin-top: 50px;
}
.events-badge-wrapper {
justify-content: flex-start;
margin-bottom: 28px;
display: none;
}
.event-badge-1 {
width: 210px;
margin-right: 30px;
}
.event-badge-2 {
width: 160px;
margin-right: 30px;
}
.event-badge-3 {
width: 170px;
}
.penguin-egg-illustration {
object-position: 80% 50%;
height: 340px;
margin-top: 40px;
}
.snake-egg-illustration {
margin-top: 40px;
}
.vulture-egg-illustration {
object-position: 40% 50%;
margin-top: 40px;
}
.flamingo-egg-illustration, .tortoise-egg-illustration {
object-position: 50% 50%;
margin-top: 40px;
}
.ferris-wheel-illustration {
width: 400px;
}
.map-illustration {
background-image: none;
margin-top: 40px;
}
.toby-illustration {
object-fit: contain;
object-position: 50% 100%;
}
.zoo-do-intro-wrapper {
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.tent-illustration, .cyclist-illustration, .rock-green-grash-copy {
width: 400px;
}
.snow-leopard-illustration {
width: 400px;
margin-bottom: -2px;
}
.snow-leopard-illustration.width-100 {
background-position: 100% 100%;
}
.see-more-text-wrapper {
margin-bottom: 40px;
margin-right: 0;
}
.see-more-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 60px 50px;
}
.primate-list-two {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: none;
}
.birds-list-two {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: none;
}
.primate-list-one, .bird-list-one {
grid-row-gap: 30px;
flex-flow: column;
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
display: flex;
}
.illustration-bug {
width: 400px;
}
.train-illustration {
background-position: 100% 100%;
width: 680px;
height: 230px;
}
.train-illustration-wrapper {
height: 260px;
}
.train-illustration-2 {
width: 510px;
}
.crayfish-illustration, .frog-illustration {
width: 400px;
}
.turtle-dove, .coronation-meadow, .butterfly, .tansy-beetle {
background-position: 100% 100%;
width: 100%;
}
.moonshiner-beetle {
width: 100%;
}
.tiger-illustration, .iguana-illustration {
width: 400px;
}
.event-card {
height: 100%;
}
.event-card.colour-cley {
padding: 50px 50px 0;
}
.event-card.colour-blue {
padding: 40px 40px 0;
}
.event-illustration-wrapper {
margin-top: 0;
padding-right: 0;
}
.event-illustration-wrapper.align-left {
height: auto;
margin-top: 0;
padding-right: 0;
}
.snow-leopard-illustration-wrapper-cta {
justify-content: flex-end;
align-items: flex-end;
height: 300px;
overflow: hidden;
}
.tiger-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
height: 250px;
}
.sloth-illustration-wrapper {
background-position: 100% 100%;
height: 310px;
}
.membership-cta-2 {
width: 100%;
height: 140px;
margin-top: 30px;
margin-left: 0;
}
.membership-cta-1 {
width: 100%;
height: 140px;
margin-bottom: 30px;
margin-right: 0;
}
.snow-leopard-badge.size-large {
height: 150px;
}
.maned-wolf-badge.left-margin-50 {
width: 240px;
height: 180px;
margin-left: 0;
}
.badge-wrapper-right {
justify-content: flex-start;
align-items: flex-end;
}
.cta-snake-badge {
width: 100%;
height: 140px;
margin-top: 30px;
margin-left: 0;
}
.cta-snake-badge.top-padding-40 {
background-position: 10% 30%;
margin-top: 30px;
}
.div-block-26 {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 140px;
margin-bottom: 30px;
}
.cta-penguin.height-50 {
width: 50%;
height: 140px;
margin-right: 0;
}
.cta-experience-lemur {
width: 100%;
height: 150px;
margin-bottom: 40px;
margin-right: 0;
}
.cta-experience-snow-leopard, .cta-experience-maned-wolf {
width: 100%;
height: 150px;
margin-top: 40px;
margin-left: 0;
}
.cta-experience-penguin {
background-position: 0%;
width: 100%;
height: 170px;
margin-top: 40px;
margin-right: 0;
}
.cta-experience-snake {
background-position: 0%;
width: 100%;
height: 150px;
margin-top: 40px;
}
.explore-badge {
width: 390px;
height: 150px;
}
.cta-vulture {
width: 100%;
height: 140px;
margin-top: 30px;
}
.cta-experience-otter {
width: 100%;
height: 150px;
margin-bottom: 30px;
}
.chirstmas-illustration-wrapper {
height: 290px;
}
.sloth-exp-illustration-wrapper {
height: 340px;
}
.conservation-partners-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 0;
}
.div-block-28 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.div-block-28.hide {
display: none;
}
.history-header-wrapper {
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.left-illustration-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
}
.link-27, .link-28 {
color: var(--lightest-cream);
}
.link-29, .link-30 {
color: var(--darkest-green);
}
.cheetah-card-illustration {
height: 270px;
margin-top: 40px;
}
.primates-illustration-wrapper-copy {
height: 230px;
margin-top: 30px;
}
.div-block-29 {
width: 100%;
}
.tablet-secondary {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.train-illustration-3 {
background-position: 100% 100%;
width: 680px;
height: 230px;
}
.spacer-80-copy {
padding-top: 60px;
}
.div-block-31 {
width: 100%;
}
.div-block-32 {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-columns: 1fr 1fr 1fr;
}
.illustration-56 {
height: 220px;
}
.partner-zoos {
flex-flow: column;
padding-bottom: 0;
}
.div-block-34-copy {
display: none;
}
.maned-wolf-wrapper-copy {
height: 310px;
margin-top: 40px;
padding-right: 0;
}
.div-block-38 {
padding-top: 0;
padding-bottom: 0;
}
.event-illustration-wrapper-copy {
margin-top: 0;
padding-right: 0;
}
.event-illustration-wrapper-copy.align-left {
height: auto;
margin-top: 0;
padding-right: 0;
}
.div-block-39 {
height: auto;
}
.leaf-tw {
display: none;
}
.sl-l {
height: 490px;
}
.leaf-tw-copy {
background-position: 50% 0;
background-size: 500px;
height: 230px;
margin-right: 0;
}
.div-block-34-copy-copy, ._222 {
display: none;
}
.div-block-41 {
background-image: url("https://cdn.prod.website-files.com/66be220a7138b297d93ddb48/67b9c0ab580d3ec4cb1bdfd4_Snow%20Leopard-min.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 460px;
width: 470px;
height: 280px;
margin-top: 28px;
}
.v {
margin-right: -96px;
display: block;
}
.vendors-wrapper {
padding-top: 60px;
padding-left: 50px;
padding-right: 50px;
}
.vendor-location-wrapper {
justify-content: flex-start;
align-items: center;
}
.vendor-wrapper {
grid-auto-flow: row;
place-content: center space-between;
place-items: center start;
min-height: 100px;
padding-top: 40px;
padding-bottom: 40px;
}
.live-feeds-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding: 60px 50px;
display: flex;
}
.live-feeds-card-wrapper {
grid-template-columns: 1fr;
}
.full-width-card {
height: 100%;
}
.full-width-card.colour-blue {
padding: 40px;
}
.full-width-card.colour-darkest-green {
padding: 50px;
}
.full-width-card.colour-mid-green {
padding: 40px;
}
.keeper {
object-position: 50% 50%;
margin-top: 40px;
}
.binoculars-illustration {
width: 400px;
margin-bottom: -2px;
}
.binoculars-illustration.width-100 {
background-position: 100% 100%;
}
.band-card {
height: 100%;
}
.band-card.colour-blue {
padding: 40px;
}
.band-card.colour-darkest-green {
padding: 50px;
}
.band-card.colour-mid-green {
padding: 40px;
}
.section_content-hero-zoo-do {
flex-flow: column;
height: 100%;
margin-top: 100px;
}
.section_content-hero-zoo-do.may {
height: 100%;
}
.content-hero-wrapper-copy {
align-items: flex-end;
max-width: none;
min-height: 425px;
padding-top: 185px;
padding-right: 30px;
}
.content-hero-wrapper-copy.zoo-do {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.content-hero-wrapper-copy.may {
padding-top: 0;
}
.content-hero-text-wrapper-copy {
max-width: none;
padding-bottom: 60px;
}
.content-hero-text-wrapper-copy.may {
justify-content: flex-start;
padding-top: 60px;
}
.content-hero-text-wrapper-copy-copy {
max-width: none;
padding-bottom: 60px;
}
.content-hero-text-wrapper-copy-copy.may {
justify-content: flex-start;
padding-top: 60px;
}
.zoo-fest-tiger {
margin-top: 43px;
margin-left: -255px;
}
.section_content-hero-zoo-fest {
flex-flow: column;
height: 100%;
margin-top: 100px;
}
.section_content-hero-zoo-fest.may {
height: 100%;
}
.content-hero-wrapper-zf {
align-items: flex-end;
max-width: none;
min-height: 425px;
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
.content-hero-wrapper-zf.zoo-do {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.content-hero-wrapper-zf.may {
padding-top: 0;
}
.content-hero-text-wrapper-zf {
max-width: none;
padding-bottom: 0;
}
.content-hero-text-wrapper-zf.may {
justify-content: flex-start;
padding-top: 60px;
}
.div-block-42-copy {
justify-content: flex-end;
align-items: center;
margin-bottom: 40px;
}
.div-block-43 {
flex-flow: column-reverse wrap;
order: 1;
justify-content: flex-end;
align-items: flex-start;
}
.div-block-44 {
justify-content: center;
align-items: flex-end;
padding-bottom: 0;
padding-left: 0;
}
.section-zoo-fest-intro {
margin-left: auto;
margin-right: auto;
}
.zoo-fest-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 60px;
padding-bottom: 60px;
}
.zoo-fest-title-wrapper {
width: 600px;
margin-bottom: 0;
}
.zoo-fest-content-wrapper {
width: 100%;
margin-bottom: 0;
}
.sculpture {
width: 400px;
margin-bottom: -2px;
}
.sculpture.width-100 {
background-position: 100% 100%;
}
.image-7-copy, .featured-animal-exp-wrapper, .featured-animal-exp-image {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.h1 {
font-family: Marvin Visions Small, Arial, sans-serif;
font-size: 80px;
font-weight: 700;
line-height: 62.5px;
}
.h1.mobile {
font-size: 80px;
line-height: 62.5px;
}
.plan-your-visit-text-wrapper {
margin-bottom: 40px;
}
.pb-text-wrapper {
max-width: 330px;
}
.plan-your-visit-content-wrapper {
width: 100%;
}
.plan-card-wrapper {
grid-template-columns: 1fr;
}
.vertical-title-wraper {
flex-flow: column;
align-items: baseline;
}
.highlight-content-wrapper {
grid-template-columns: 1fr;
}
.cta-wrapper {
flex-flow: column;
height: 100%;
}
.cta-wrapper.align-centre {
padding: 60px;
}
.cta-text-content {
width: 100%;
padding: 0;
}
.cta-image {
width: 100%;
height: 100%;
}
.footer {
padding-top: 60px;
}
.footer-primary {
text-align: center;
}
.footer-links {
grid-template-columns: 1fr;
}
.footer-terms {
flex-flow: column;
align-items: flex-start;
}
.company-info {
width: 100%;
}
.terms-links {
justify-content: flex-start;
width: 100%;
}
.spacer-larger {
padding-top: 35px;
}
.dropdown-list-wrapper.first-child {
border-left-style: none;
}
.nav-dropdown {
display: none;
}
.dropdown-wrapper {
grid-template-columns: 1fr;
}
.nav-menu-wrapper {
max-height: 90vh;
}
.hero-image {
height: 350px;
}
.phone-spacer-medium {
padding-top: 20px;
display: block;
}
.grass-wrapper {
justify-content: flex-end;
width: 100%;
}
.grass-two {
display: none;
}
.ticket-prices-content-wrapper {
width: 100%;
}
.ticket-prices-card-wrapper {
grid-row-gap: 26px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.ticket-prices-card-text {
padding: 40px 60px;
}
.memberships-price-wrapper {
padding-bottom: 40px;
}
.memberships-content-wrapper {
width: 100%;
}
.membership-card-wrapper {
grid-row-gap: 26px;
grid-template-columns: 1fr 1fr;
}
.membership-benefits-title {
width: 100%;
}
.text-card {
padding: 30px;
}
.membership-benefits-content {
width: 100%;
}
.cta-text-wrapper {
padding: 60px;
}
.cta-text-wrapper.accessibility {
padding-bottom: 170px;
}
.useful-links-title-wrapper {
flex-flow: column;
align-items: baseline;
}
.helpful-links-button-wrapper {
grid-template-columns: 1fr;
justify-items: center;
}
.helpful-link-button {
justify-content: center;
width: 100%;
min-width: 0;
max-width: none;
}
.spacer-largest {
padding-top: 40px;
}
.opening-hours-title-wrapper {
width: 100%;
margin-bottom: 30px;
}
.text-card-wrapper, .cta-image-wrapper, .faqs-list-content-wrapper {
width: 100%;
}
.saving-wildlife-wrapper {
flex-flow: column;
height: 100%;
}
.saving-wildlife-image {
width: 48%;
}
.saving-wildlife-image.phone-hide {
display: none;
}
.saving-wildlife-title-wrapper {
text-align: center;
width: 100%;
}
.home-hero-grass-wrapper {
justify-content: flex-end;
width: 100%;
}
.leaves-1, .leaves-2 {
display: none;
}
.pre-footer {
padding-top: 60px;
}
.events-image-wrapper {
height: 300px;
}
.events-list-wrapper {
grid-template-columns: 1fr;
}
.card {
padding: 30px;
}
.event-title-wrapper {
margin-bottom: 0;
}
.bullet-list-wrapper {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: flex-start;
height: 100%;
display: flex;
}
.event-schedule-header-wrapper {
text-align: center;
flex-flow: column;
width: 100%;
height: 100%;
}
.also-at-title-wrapper {
flex-flow: column;
align-items: baseline;
}
.animal-info-wrapper {
padding-bottom: 40px;
}
.endangered-wrapper {
align-items: center;
}
.endangered-title-wrapper {
flex-flow: column;
align-items: center;
}
.animal-filter-wrapper {
padding-top: 60px;
}
.filter-checkbox-wrapper {
width: 100%;
margin-bottom: 10px;
display: none;
}
.animal-filter-title-wrapper {
margin-bottom: 0;
}
.animal-filter-title {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
align-items: flex-start;
}
.text-field {
width: 100%;
}
.animal-filter-parameters {
flex-flow: column;
display: none;
}
.collection_animals-item {
height: auto;
padding-top: 0;
}
.collection_animals-list {
grid-template-columns: 1fr;
}
.animals-title-wrapper {
margin-bottom: 30px;
}
.talk-content-wrapper {
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
margin-top: 30px;
margin-left: 0;
display: flex;
}
.talk-wrapper {
flex-flow: column;
align-items: flex-start;
padding: 30px;
}
.dining-wrapper {
flex-flow: column;
align-items: flex-start;
height: auto;
padding: 29px;
}
.dining-content-wrapper {
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
margin-top: 30px;
margin-left: 0;
display: flex;
}
.form {
flex-flow: column;
display: flex;
}
.cta-full-width-wrapper {
flex-flow: column;
height: 100%;
}
.h3-wrapper {
text-align: center;
}
.things-to-do-animals {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: flex-start;
height: 100%;
display: flex;
}
.horizontal-card {
background-color: var(--background-green);
justify-content: flex-start;
align-items: center;
height: auto;
}
.horizontal-card-title-wrapper {
justify-content: flex-start;
align-items: center;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.horizontal-card-title-wrapper.colour-darkest-green, .horizontal-card-title-wrapper.colour-middle-green {
justify-content: flex-start;
align-items: center;
}
.dyk-card-wrapper {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.things-to-do-content-wrapper {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: flex-start;
height: 100%;
display: flex;
}
.horizontal-card-image-wrapper {
object-fit: cover;
height: 100%;
}
.walkthrough-wrapper {
flex-flow: column;
align-items: flex-start;
padding: 30px;
}
.walkthrough-content-wrapper {
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
margin-top: 30px;
margin-left: 0;
display: flex;
}
.section_map {
padding-bottom: 60px;
}
.collection_animals-map {
height: 100%;
}
.collection_animals-map-item {
height: 100%;
padding-top: 0;
}
.animal-filter-map-wrapper {
padding-top: 60px;
}
.snack-shack-wrapper {
flex-flow: column;
align-items: flex-start;
padding: 30px;
}
.snack-shack-content-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
margin-top: 30px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.title-wrapper {
margin-bottom: 0;
}
.exp-wrapper {
flex-flow: column;
align-items: flex-start;
padding: 30px;
}
.exp-content-wrapper {
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
min-height: 0;
margin-top: 30px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.school-trips-wrapper {
padding-bottom: 40px;
}
.school-trips-pricing-wrapper, .school-price-card {
width: 100%;
}
.body {
padding-left: 30px;
padding-right: 30px;
}
.div-block-4 {
text-align: left;
align-items: flex-start;
}
.ebp-content-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.membership-details-wrapper {
padding-bottom: 40px;
}
.hero-image-copy, .hero-image-copy-1 {
height: 350px;
}
.support-list-wrapper {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: flex-start;
height: 100%;
display: flex;
}
.animal-talk-wrapper {
width: 100%;
padding: 60px;
}
.desc-wrapper {
flex-flow: column;
height: 100%;
}
.opening-hours-intro-wrapper {
padding-bottom: 0;
}
.events-header-image {
margin-top: 30px;
}
.education-list {
grid-template-columns: 1fr;
}
.group-discounts-wrapper, .uniform-groups-wrapper {
padding-bottom: 40px;
}
.cta-badge-content {
width: 100%;
height: 800px;
padding: 0 60px;
}
.group-discount-pricing-wrapper {
width: 100%;
}
.div-block-16 {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.content-link-wrapper, .dining-cta-wrapper {
flex-flow: column;
height: 100%;
}
.dining-text-wrapper {
padding: 60px;
}
.dyk-card-wrapper-copy {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.support-us-intro-wrapper, .volunteer-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.cta-text-wrapper-copy {
padding: 60px;
}
.animal-cta-wrapper {
flex-flow: column;
height: 100%;
}
.animal-cta-content {
width: 100%;
padding: 0;
}
.animal-cta-text-wrapper {
padding: 60px;
}
.faqs-list-content-wrapper-copy {
width: 100%;
}
.cta-badge {
width: 100%;
height: 800px;
padding: 0 60px;
}
.panda-wrapper, .cheetah-wrapper, .tiger-wrapper, .maned-wolf-wrapper, .binoculars-wrapper, .tent-wrapper, .compass-wrapper, .cyclist-wrapper, .toby-wrapper, .zookeeper-wrapper, .giraffe-wrapper, .margay-wrapper, .christmas-wrapper, .flamingo-wrapper, .events-card-image-copy, .hat-wrapper, .penguin-egg-illustration, .events-card-image-copy, .snake-egg-illustration, .vulture-egg-illustration, .flamingo-egg-illustration, .tortoise-egg-illustration, .map-illustration, .bug-llustration {
margin-top: 30px;
}
.see-more-wrapper {
width: 100%;
height: 800px;
padding: 0 60px;
}
.primate-list-two, .birds-list-two, .primate-list-one, .bird-list-one {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: flex-start;
height: 100%;
display: flex;
}
.events-card-image-copy {
margin-top: 30px;
}
.event-card {
padding: 30px;
}
.cheetah-card-illustration, .snake-illustration, .gruffalo-badge, .maned-wolf-wrapper-copy {
margin-top: 30px;
}
.vendor-wrapper {
flex-flow: column;
grid-template-columns: 1.25fr 1fr;
align-items: flex-start;
margin-top: 30px;
margin-left: 0;
display: flex;
}
.full-width-card {
padding: 30px;
}
.keeper {
margin-top: 30px;
}
.band-card {
padding: 30px;
}
.zoo-fest-intro-wrapper {
padding-bottom: 0;
}
.zoo-fest-title-wrapper {
width: 100%;
margin-bottom: 30px;
}
.featured-animal-exp-wrapper {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.icon {
width: 30px;
height: 30px;
}
.icon.tablet {
width: 15px;
height: 15px;
}
.body-text {
color: var(--lightest-cream);
text-decoration: none;
}
.body-text.weight-medium.align-center {
text-align: center;
}
.section_home-hero {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
height: 100vh;
}
.h1 {
font-size: 70px;
line-height: 60px;
}
.h1.colour-darkest-green {
align-self: flex-start;
font-size: 70px;
line-height: 60px;
}
.h1.colour-darkest-green.test {
font-size: 46px;
font-weight: 700;
line-height: 41px;
}
.h1.mobile {
font-size: 60px;
line-height: 50px;
}
.h1.mobile-portrait {
font-size: 60px;
line-height: 47px;
}
.h1.test {
font-size: 46px;
line-height: 41px;
}
.h1.shrink-small {
font-size: 55px;
line-height: 48px;
}
.h1.shrink-small.mobile {
font-size: 48px;
line-height: 40px;
}
.h1.shrink-big {
font-size: 55px;
line-height: 48px;
}
.h1.shrink-big.mobile {
font-size: 55px;
line-height: 41px;
}
.h1.zoo-do {
font-size: 140px;
line-height: 100px;
}
.h1.srhink-desktop {
font-size: 70px;
line-height: 58px;
}
.h1.zoo-fest {
font-size: 75px;
line-height: 60px;
}
.h1.right-a-lign {
text-align: left;
letter-spacing: 0;
font-size: 60px;
line-height: 50px;
}
.fixed-button {
justify-content: flex-start;
width: 100vw;
inset: auto 0% 0%;
}
.plan-your-visit-wrapper {
padding-top: 40px;
padding-bottom: 190px;
}
.primary-button {
z-index: 10;
justify-content: center;
align-items: center;
min-width: 190px;
position: relative;
}
.plan-card-wrapper {
grid-row-gap: 30px;
}
.icon-wrapper.tablet {
width: 15px;
height: 15px;
padding-bottom: 0;
padding-right: 0;
}
.dont-miss-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.vertical-title-wraper {
text-align: left;
flex-flow: column;
align-self: flex-start;
align-items: flex-start;
}
.h4 {
font-size: 25px;
line-height: 27px;
}
.h4.colour-green.hide-phone {
display: none;
}
.h4.colour-darkest-green {
font-weight: 500;
}
.h4.colour-darkest-green.small {
letter-spacing: 0;
font-family: Manrope, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.h4.colour-darkest-green.height {
justify-content: center;
align-items: flex-end;
height: 100%;
padding-bottom: 7px;
display: flex;
}
.h4.colour-darkest-green.width {
flex: 0 auto;
width: 100%;
}
.padding-global {
padding-bottom: 0;
overflow: hidden;
}
.padding-global.homepage {
height: 100%;
position: absolute;
}
.hero-wrapper {
height: 100%;
padding-top: 0;
}
.hero-text-wrapper {
padding-top: 0;
padding-bottom: 20px;
}
.cta-wrapper {
max-height: none;
}
.cta-wrapper.align-centre {
min-height: auto;
padding: 40px 30px;
}
.cta-wrapper.align-centre.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.cta-wrapper.align-centre.padding {
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.cta-text-content {
padding: 0;
}
.cta-text-content.colour-darkest-green {
padding: 40px 30px;
}
.cta-text-content.colour-darkest-green.no-padding {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
}
.cta-image {
height: 350px;
}
.cta-full-padding-text-wrapper {
text-align: left;
justify-content: center;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.cta-full-padding-text-wrapper.bottom-padding-0 {
padding: 40px 30px 0;
}
.cta-full-padding-text-wrapper.bottom-padding-0.top-padding-20 {
padding-top: 40px;
}
.cta-full-padding-text-wrapper.bottom-padding-0.top-padding-20.no-padding {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer {
padding-top: 40px;
padding-bottom: 100px;
}
.footer-links {
grid-row-gap: 50px;
justify-content: center;
}
.footer-logo {
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
}
.footer-link-wrapper {
text-align: center;
align-items: center;
}
.social-icon-wrapper {
width: 100%;
}
.social-icon.last {
margin-right: 0;
}
.accreditations-wrapper {
justify-content: center;
}
.accreditation {
margin-left: 0;
margin-right: 0;
}
.accreditation.middle {
margin-left: 20px;
margin-right: 20px;
}
.nav-text-link {
flex-flow: row;
justify-content: space-between;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
position: static;
}
.dropdown-list-wrapper {
width: 100%;
}
.nav-dropdown {
margin-bottom: 20px;
display: none;
}
.nav-dropdown.w--open {
z-index: -5;
margin-bottom: 20px;
}
.menu-button {
background-position: 50%;
background-size: 30px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
padding-right: 0;
position: absolute;
}
.menu-button.w--open {
width: 80px;
padding-right: 0;
}
.nav-primary {
z-index: 10;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
height: 80px;
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: 0% 0% auto;
}
.nav-link.plan-your-visit {
margin-top: 20px;
}
.nav-logo {
z-index: 10;
flex: 0 auto;
width: 250px;
height: 80px;
}
.nav-logo.w--current {
width: 250px;
}
.dropdown-wrapper {
grid-column-gap: 70px;
grid-row-gap: 35px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.nav-menu-wrapper {
justify-content: flex-start;
height: 100%;
max-height: none;
margin-top: 0;
padding-top: 0;
padding-bottom: 200px;
position: absolute;
inset: 0%;
overflow: scroll;
}
.nav-education {
height: auto;
}
.nav-secondary-talks {
margin-bottom: 25px;
}
.nav-secondary-talks.tablet {
padding: 12px 30px;
}
.nav-secondary-links {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.nav-secondary-links.tablet {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.nav-link-block.tablet {
padding: 12px 30px;
}
.h2 {
font-size: 50px;
line-height: 43px;
}
.h2.mobile {
font-size: 45px;
line-height: 40px;
}
.h2.colour-darkest-green.test {
font-size: 40px;
line-height: 36px;
}
.h2.test {
font-size: 41px;
line-height: 36px;
}
.h2.shrink {
font-size: 37px;
line-height: 32px;
}
.section_content-hero {
margin-top: 80px;
}
.section_content-hero.may {
height: 100%;
}
.content-hero-wrapper {
min-height: 350px;
padding-left: 30px;
padding-right: 30px;
}
.content-hero-wrapper.zoo-do {
padding-left: 0;
padding-right: 0;
}
.content-hero-wrapper.may {
padding-top: 40px;
}
.content-hero-text-wrapper {
padding-bottom: 40px;
}
.content-hero-text-wrapper.may {
padding-top: 0;
}
.hero-wrapper-padding {
min-height: 350px;
}
.nav-menu {
background-color: var(--black);
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
margin-top: 0;
position: absolute;
inset: 0%;
overflow: visible;
}
.navbar {
z-index: 101;
aspect-ratio: auto;
object-fit: fill;
width: 100%;
height: 80px;
position: fixed;
inset: 0% 0% auto;
}
.grass-wrapper.align-bottom-right {
justify-content: flex-end;
align-items: flex-end;
height: 190px;
}
.grass-three {
z-index: 0;
background-position: 80% 100%;
padding-left: 0;
padding-right: 0;
}
.grass-three.homepage {
height: 400px;
display: none;
}
.grass-three.hide-mobile, .spacer-dropdown.hide-phone {
display: none;
}
.nav-membership {
height: 250px;
}
.nav-membership.flex-horizontal {
flex-flow: column;
}
.ticket-prices-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.ticket-prices-card {
width: 100%;
}
.ticket-prices-card-text {
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.memberships-price-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.memberships-title-wrapper {
text-align: left;
}
.membership-card-wrapper {
flex-flow: column;
grid-template-columns: 1fr;
width: 100%;
}
.membership-price-wrapper {
flex-flow: column;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.membership-subprice-wrapper {
flex-flow: column;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.membership-benefits-wrapper {
padding-bottom: 40px;
}
.text-card {
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 40px 30px;
}
.membership-benefits-title-wrapper {
text-align: center;
padding: 40px 30px;
}
.membership-benefits-title-wrapper.bottom-padding-0 {
padding-top: 50px;
overflow: hidden;
}
.cta-text-wrapper {
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 40px 30px;
}
.cta-text-wrapper.accessibility {
padding-bottom: 40px;
}
.cta-text-wrapper.no-padding {
padding: 0;
}
.section_useful-links {
padding-bottom: 0;
}
.section_useful-links.top-padding-80 {
padding-top: 40px;
}
.helpful-links-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.useful-links-title-wrapper {
text-align: center;
justify-content: center;
align-items: baseline;
}
.qa-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.question-content-wrapper {
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
}
.expand-icon {
justify-content: flex-end;
align-items: center;
}
.background-video {
height: 100vh;
}
.accessibility-intro-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 40px;
padding-bottom: 0;
}
.opening-hours-title-wrapper {
margin-bottom: 0;
}
.directions-wrapper {
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.accessibility-title-wrapper {
margin-bottom: 0;
}
.cta-image-wrapper {
height: 350px;
}
.membership-benefits-card-wrapper {
text-align: center;
padding: 40px 30px;
}
.faqs-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.faqs-title-wrapper {
margin-bottom: 0;
}
.intro-link-button {
width: 100%;
min-width: 0;
height: auto;
min-height: 80px;
}
.intro-link-icon-wrapper.colour-background-green {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 30px;
}
.faqs-list-wrapper {
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.faq-title-card {
text-align: center;
padding: 0 0 30px;
}
.contact-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.contact-title-wrapper {
margin-bottom: 0;
}
.navbar-secondary {
aspect-ratio: auto;
object-fit: fill;
width: 100%;
height: 80px;
position: fixed;
inset: 0% 0% auto;
}
.section_saving-wildlife-beings {
padding-top: 40px;
padding-bottom: 40px;
}
.row-1 {
margin-left: -30px;
}
.saving-wildlife-image {
width: 100%;
margin-right: 30px;
}
.row-2 {
margin-left: 30px;
}
.saving-wildlife-title-wrapper {
text-align: center;
width: 100%;
margin-bottom: 40px;
}
.home-hero-grass-wrapper {
justify-content: space-between;
align-items: flex-end;
height: 100%;
position: static;
inset: auto 0% 0%;
overflow: hidden;
}
.leaves-1 {
background-position: 0 66%;
width: 200px;
display: block;
overflow: hidden;
}
.leaves-2 {
background-position: 100% 0;
width: 200px;
margin-bottom: -70px;
display: block;
overflow: hidden;
}
.pre-footer {
padding-top: 40px;
padding-bottom: 0;
}
.promotions-title-wrapper {
margin-bottom: 0;
}
.promotions-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.events-intro-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 40px;
padding-bottom: 40px;
}
.events-title-wrapper {
margin-bottom: 0;
}
.events-image-wrapper {
height: 100%;
padding: 25px;
}
.list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.events-list-wrapper {
width: 100%;
}
.card {
padding: 40px 30px;
}
.card.colour-blue {
padding-left: 30px;
padding-right: 30px;
}
.card.colour-darkest-green {
padding: 40px 30px;
}
.card.colour-mid-green {
padding-left: 30px;
padding-right: 30px;
}
.event-intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.event-title-wrapper {
margin-bottom: 0;
}
.bullet-list-wrapper {
width: 100%;
}
.event-details-list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.talk-location-icon-wrapper {
margin-right: 20px;
}
.event-schedule-list-wrapper {
width: 100%;
padding: 40px 30px;
}
.also-at-title-wrapper {
text-align: left;
flex-flow: column;
align-self: flex-start;
align-items: flex-start;
}
.section_event-upsell {
padding-top: 40px;
padding-bottom: 40px;
}
.event-upsell {
text-align: center;
}
.event-upsell-content-wrapper {
padding: 40px 30px 0;
}
.event-upsell-content-wrapper.margin-50 {
padding-left: 30px;
padding-right: 30px;
}
.also-at-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.h2-r {
font-size: 40px;
line-height: 45px;
}
.h2-r.align-centre {
text-align: center;
font-size: 40px;
line-height: 45px;
}
.h2-r.colour-darkest-green.test {
font-size: 40px;
line-height: 38px;
}
.h2-r.mobile {
font-size: 35px;
line-height: 38px;
}
.animal-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.animal-title-wrapper {
margin-bottom: 40px;
}
.animal-title-wrapper._100 {
margin-bottom: 0;
}
.animal-links-wrapper {
margin-top: 0;
}
.animal-info-wrapper {
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.live-card-wrapper {
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 50px 30px;
}
.live-text-wrapper {
width: 100%;
}
.eat-card-wrapper, .breed-card-wrapper {
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 50px 30px;
}
.section_endangered {
padding-bottom: 0;
}
.endangered-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.endangered-title-wrapper {
text-align: center;
justify-content: center;
align-items: baseline;
}
.status-content-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
align-items: flex-start;
}
.animal-link-card {
height: auto;
min-height: 90px;
}
.animal-link-icon-wrapper {
height: auto;
}
.animal-link-text-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}
.status-wrapper {
flex-flow: column;
}
.animals-list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.animal-filter-wrapper {
padding-top: 40px;
}
.filter-checkbox-wrapper {
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.animal-filter-title-wrapper {
width: 100%;
}
.animal-filter-title {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.animal-filter-parameters {
padding-bottom: 20px;
display: none;
}
.checkbox {
flex: none;
}
.h3 {
text-align: left;
}
.h3.colour-darkest-green.test {
font-size: 40px;
line-height: 36px;
}
.animals-intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.animals-title-wrapper {
margin-bottom: 0;
}
.animal-card-content-wrapper {
padding: 25px;
}
.talk-content-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1.25fr;
margin-top: 0;
padding: 30px;
}
.talk-wrapper {
padding: 0;
}
.snack-shacks-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.dining-wrapper {
padding: 0;
}
.dining-content-wrapper {
grid-row-gap: 30px;
grid-template-columns: 1.25fr;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.section_cta-full-width.colour-darkest-green {
padding-top: 40px;
padding-bottom: 40px;
}
.cta-full-width-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.things-to-do-animals {
width: 100%;
}
.horizontal-card {
flex-flow: column;
justify-content: center;
align-items: stretch;
height: 100%;
}
.horizontal-card.animal-card {
flex-flow: row;
}
.horizontal-card-title-wrapper {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}
.horizontal-card-title-wrapper.vert {
padding-top: 20px;
padding-bottom: 20px;
}
.dyk-card-wrapper {
padding: 40px 30px;
}
.things-to-do-content-wrapper {
width: 100%;
}
.section_cta-full-padding.top-margin-80 {
margin-top: 0;
}
.horizontal-card-image-wrapper {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
padding-left: 30px;
}
.horizontal-card-image-wrapper.animal-card {
width: 100px;
padding-left: 0;
}
.horizontal-card-image-wrapper.large {
height: auto;
min-height: 100px;
}
.whats-on-dining-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.walkthroughs-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.walkthrough-wrapper {
padding: 0;
}
.walkthrough-content-wrapper {
grid-row-gap: 30px;
grid-template-columns: 1.25fr;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.animals-map-list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.section_map {
padding-bottom: 40px;
}
.map {
object-fit: contain;
background-color: #fff;
height: 260px;
}
.collection_animals-map {
width: 100%;
height: 100%;
}
.collection_animals-map-item {
height: 100%;
}
.animal-filter-map-wrapper {
padding-top: 40px;
}
.restaurants-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.snack-shack-wrapper {
padding: 0;
}
.snack-shack-content-wrapper {
grid-template-columns: 1.25fr;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.experience-card-content-wrapper {
padding: 25px;
}
.intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.title-wrapper {
margin-bottom: 0;
}
.exp-wrapper {
padding: 0;
}
.exp-content-wrapper {
grid-template-columns: 1.25fr;
margin-top: 0;
padding-left: 30px;
}
.exp-content-wrapper.large {
padding-right: 30px;
}
.exp-details-list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.section_conservation-projects {
padding-top: 0;
padding-bottom: 0;
}
.conservation-projects-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.school-trips-wrapper {
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.school-card-price {
flex-flow: column;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.school-card-subprice {
flex-flow: column;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.cta-lemur-badge {
width: 140px;
}
.cta-stamp-badge {
width: 100px;
}
.ebp-content-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.section_conservation-projects-links {
padding-top: 40px;
padding-bottom: 40px;
}
.private-teaching-details-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.hep-text-wrapper {
padding-right: 0;
}
.hep-sessions-wrapper {
width: 100%;
padding: 50px 30px 40px;
}
.hep-details-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.section_membership-details, .membership-splash {
padding-bottom: 40px;
}
.membership-title-wrapper {
text-align: left;
}
.membership-details-wrapper {
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.membership-benefits-list-wrapper {
width: 100%;
padding: 50px 30px 40px;
}
.corporate-membership-benefits-wrapper {
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.support-list-wrapper {
width: 100%;
}
.fundraising-header-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.animal-talk-wrapper, .animal-talk-wrapper.colour-darker-green {
padding: 40px 30px;
}
.desc-wrapper {
max-height: none;
margin-bottom: 40px;
padding: 30px;
}
.rock-green-grash {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.opening-hours-intro-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 40px;
padding-bottom: 0;
}
.events-header-image {
height: auto;
margin-top: 0;
}
.section_school-trips-faq {
padding-top: 40px;
}
.group-discounts-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.illustration-wrapper-3 {
height: 120px;
}
.uniform-groups-wrapper {
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}
.cta-badge-content {
justify-content: flex-start;
align-items: flex-start;
height: auto;
padding: 40px 0 0;
}
.group-visits-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.group-visits-title-wrapper {
margin-bottom: 0;
}
.group-discount-title-wrapper {
text-align: left;
}
.div-block-16 {
grid-template-columns: 1fr;
}
.div-block-17 {
padding-top: 40px;
padding-bottom: 40px;
}
.opening-hours-illustration-wrapper {
height: 300px;
}
.opening-hours-illustration-wrapper.tiger-gogo {
height: 200px;
}
.illustration-1-wrapper {
height: 180px;
}
.keeper-talks-wrapper, .offers-intro-wrapper {
padding-top: 40px;
padding-bottom: 0;
}
.badge {
width: 150px;
}
.cats-intro-wrappr {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.cats-illustration-wrapper {
height: 150px;
}
.primates-illustration-wrapper {
height: 120px;
}
.birds-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.tropical-house-intro-wrapper {
padding-top: 40px;
padding-bottom: 0;
}
.tropical-house-things-to-do-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 0;
}
.tropical-house-illustration-wrapper {
height: 140px;
}
.safari-road-train-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.safari-road-train-list-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 0;
}
.keeper-talks-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.for-kids-illustration-wrapper {
height: 160px;
}
.for-kids-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.safari-road-train-cta {
padding-top: 0;
}
.content-link-wrapper {
max-height: none;
}
.discovery-centre-illustration-wrapper {
height: 190px;
}
.zoo-map-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.crayfish-illustration-wrapper {
height: 180px;
}
.cta-illustration-wrapper {
height: 240px;
}
.dining-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.dining-illustration-wrapper {
height: 140px;
}
.dining-cta-wrapper {
max-height: none;
}
.dining-text-wrapper {
text-align: center;
align-items: center;
padding: 40px 30px;
}
.school-visits-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 0;
}
.school-visits-text-wrapper {
text-align: left;
}
.school-visits-book-now-illustration {
height: 130px;
}
.dyk-card-wrapper-copy {
padding: 40px 30px;
}
.private-teaching-details-wrapper-copy {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 0;
}
.private-teaching-session-illustration-wrapper {
height: 170px;
min-height: 0;
}
.home-education-intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.home-education-badge-wrapper {
flex-flow: column;
}
.research-details-wrapper, .work-experience-wrapper, .send-details-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.support-us-intro-wrapper, .volunteer-intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.volunteer-illustration-wrapper {
height: 250px;
}
.terms-content-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.race-intro-wrapper {
padding-top: 40px;
padding-bottom: 0;
}
.cta-text-wrapper-copy {
text-align: center;
align-items: center;
padding: 40px 30px;
}
.animal-cta-wrapper {
max-height: none;
}
.animal-cta-content {
padding: 0;
}
.animal-cta-text-wrapper {
text-align: center;
align-items: center;
padding: 40px 30px;
}
.image-7 {
min-height: 350px;
}
.image-7.partner-zoo {
min-height: auto;
}
.snow-leopard-illustration-wrapper {
height: 200px;
}
.faq-page-title-card {
text-align: center;
padding: 0 0 30px;
}
.faqs-list-wrapper-copy {
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.rock-butterfly {
z-index: 0;
background-position: 100% 100%;
background-size: contain;
width: 100%;
height: 180px;
padding-left: 0;
padding-right: 0;
}
.rock-green-grash-copy {
z-index: 0;
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-1 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-2 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 100px;
padding-left: 0;
padding-right: 0;
}
.illustration-2-wrapper {
height: 130px;
}
.illustration-3 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 100px;
padding-left: 0;
padding-right: 0;
}
.illustration-4 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-4 {
height: 170px;
}
.illustration-5 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 120px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-5 {
height: 150px;
}
.illustration-6 {
height: 120px;
}
.illustration-wrapper-6 {
height: 110px;
}
.illustration-7 {
height: 180px;
}
.illustration-8 {
width: 100%;
height: auto;
}
.illustration-9, .illustration-10 {
width: 100%;
height: 100px;
}
.illustration-11 {
width: 100%;
height: 90px;
}
.illustration-58 {
width: 250px;
height: 120px;
}
.illustration-13 {
width: 250px;
height: 90px;
}
.illustration-16 {
width: 100%;
height: 110px;
}
.illustration-17 {
width: 300px;
height: 160px;
}
.illustration-18 {
width: 350px;
height: 90px;
}
.illustration-19 {
width: 100%;
height: 102px;
}
.illustration-21 {
height: 120px;
}
.illustration-22 {
height: 140px;
}
.illustration-24, .illustration-wrapper-24, .illustration-25 {
height: 150px;
}
.illustration-26 {
height: 120px;
}
.illustration-27 {
height: 100px;
}
.illustration-wrapper-28 {
height: 180px;
}
.illustration-29, .illustration-30 {
height: 120px;
}
.illustration-32 {
height: 140px;
}
.illustration-wrapper-32 {
height: 130px;
}
.illustration-34 {
height: 140px;
}
.illustration-35 {
height: 120px;
}
.illustration-36 {
height: 140px;
}
.illustration-37 {
background-size: contain;
height: 120px;
}
.illustration-38 {
height: 110px;
}
.illustration-wrapper-38 {
height: 140px;
}
.illustration-39, .illustration-wrapper-39 {
height: 120px;
}
.illustration-41 {
height: 110px;
}
.illustration-42 {
height: 130px;
}
.illustration-wrapper-42 {
height: 120px;
}
.illustration-43 {
width: 100%;
height: 160px;
}
.illustration-44 {
height: 120px;
}
.illustration-wrapper-44 {
height: 150px;
}
.illustration-wrapper-45 {
height: 140px;
}
.illustration-45 {
width: 100%;
height: 140px;
}
.illustration-46 {
width: 100%;
height: 90px;
}
.illustration-47 {
height: 120px;
}
.illustration-48 {
width: 100%;
height: 150px;
}
.illustration-wrapper-48, .illustration-wrapper-49 {
height: 180px;
}
.illustration-49 {
width: 100%;
height: 150px;
}
.cta-badge {
height: auto;
padding: 40px 30px;
}
.cta-badge.colour-darkest-green {
padding: 40px 30px;
}
.cta-badge.colour-darkest-green.padding {
padding: 40px 0;
}
.cta-badge.width-50, .cta-badge.colour-mid-green {
padding: 40px 30px;
}
.home-education-badge-1 {
width: 200px;
height: 100px;
}
.home-education-badge-2 {
width: 150px;
margin-left: 131px;
}
.home-education-badge-3 {
width: 160px;
display: none;
}
.membership-badge-1, .membership-badge-2, .membership-badge-3 {
width: 100px;
}
.animal-badge-wrapper {
flex-flow: column;
}
.animal-badge-wrapper-1 {
width: 100%;
margin-right: 0;
}
.animal-badge-wrapper-2 {
width: 100px;
display: none;
}
.animal-badge-wrapper-3 {
background-position: 100%;
width: 100%;
margin-top: 20px;
margin-left: 0;
}
.animal-exp-intro-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.exp-badge-wrapper {
flex-flow: column;
width: 100%;
height: auto;
}
.exp-activity {
flex-flow: column;
}
.exp-activity-icon {
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 30px;
}
.exp-activity-text-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.exp-intro-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.exp-page-badge-wrapper {
width: 100%;
}
.jke-badge-wrapper {
flex-flow: column;
width: 100%;
height: auto;
}
.section_conservation-projects-copy {
padding-top: 0;
padding-bottom: 0;
}
.offers-intro-wrapper-copy {
padding-top: 40px;
padding-bottom: 40px;
}
.conservation-project-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 0;
}
.illustration-wrapper-60 {
height: 170px;
}
.illustration-60 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-61 {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-61, .illustration-wrapper-62 {
height: 170px;
}
.illustration-62, .illustration-63 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-63 {
height: 170px;
}
.illustration-64 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-64 {
height: 130px;
}
.illustration-wrapper-65 {
height: 170px;
}
.illustration-65, .illustration-66 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.illustration-wrapper-66, .illustration-wrapper-67 {
height: 170px;
}
.illustration-67 {
width: 100%;
height: 160px;
}
.illustration-wrapper-68 {
height: 230px;
}
.panda-wrapper {
height: auto;
margin-top: 40px;
}
.cheetah-wrapper {
width: 100%;
height: 200px;
}
.tiger-wrapper {
height: 140px;
margin-top: 40px;
}
.maned-wolf-wrapper {
object-position: 50% 100%;
height: 280px;
margin-top: 40px;
}
.tent-wrapper {
height: 120px;
}
.toby-wrapper {
object-position: 50% 100%;
height: 310px;
margin-top: 40px;
}
.zookeeper-wrapper {
height: 300px;
}
.giraffe-wrapper {
height: 340px;
}
.margay-wrapper {
object-position: 50% 100%;
height: 200px;
margin-top: 40px;
}
.christmas-wrapper {
object-position: 50% 100%;
height: 280px;
margin-top: 40px;
}
.hat-wrapper {
height: 100px;
margin-top: 40px;
}
.event-badge-1, .event-badge-2, .event-badge-3 {
width: 100px;
}
.penguin-egg-illustration {
width: 100%;
height: auto;
margin-top: 40px;
}
.snake-egg-illustration, .vulture-egg-illustration, .flamingo-egg-illustration, .tortoise-egg-illustration {
height: auto;
margin-top: 40px;
}
.ferris-wheel-illustration {
z-index: 0;
background-position: 50% 100%;
width: 300px;
height: 220px;
padding-left: 0;
padding-right: 0;
}
.map-illustration {
height: auto;
margin-top: 40px;
}
.toby-illustration {
height: auto;
}
.zoo-do-intro-wrapper {
padding-top: 40px;
padding-bottom: 0;
}
.maned-wolf-illustration {
width: 100%;
height: 280px;
}
.zookeeper-illustration {
height: 350px;
}
.tent-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 130px;
padding-left: 0;
padding-right: 0;
}
.cyclist-illustration, .rock-green-grash-copy {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.bug-llustration {
height: 190px;
}
.snow-leopard-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 220px;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.snow-leopard-illustration._40-top-margin {
width: 100%;
height: 180px;
}
.see-more-wrapper {
height: auto;
padding: 40px 30px;
}
.primate-list-two {
width: 100%;
display: none;
}
.see-more {
width: 100%;
}
.see-more-primate {
z-index: 10;
min-width: 200px;
position: relative;
}
.birds-list-two {
width: 100%;
display: none;
}
.see-more-birds {
z-index: 10;
min-width: 200px;
position: relative;
}
.primate-list-one, .bird-list-one {
width: 100%;
}
.illustration-bug, .train-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.train-illustration-wrapper {
height: 150px;
}
.train-illustration-2 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 130px;
padding-left: 0;
padding-right: 0;
}
.crayfish-illustration {
z-index: 0;
background-position: 50%;
width: 100%;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.frog-illustration {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.turtle-dove {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 130px;
padding-left: 0;
padding-right: 0;
}
.coronation-meadow {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 110px;
padding-left: 0;
padding-right: 0;
}
.butterfly {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 120px;
padding-left: 0;
padding-right: 0;
}
.tansy-beetle, .moonshiner-beetle {
z-index: 0;
background-position: 100% 100%;
width: 100%;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.tiger-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.tiger-illustration.hide-desktop {
display: flex;
}
.tiger-illustration.mobile {
width: 250px;
height: 123px;
}
.iguana-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 250px;
padding-left: 0;
padding-right: 0;
}
.nav-experiences-card-copy {
margin-left: 0;
}
.event-card {
padding: 40px 30px 0;
}
.event-card.colour-cley {
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
.event-card.colour-blue {
padding-left: 30px;
padding-right: 30px;
}
.event-illustration-wrapper.align-left {
height: auto;
}
.h3-small {
text-align: left;
}
.body-text-2 {
color: var(--lightest-cream);
text-decoration: none;
}
.snow-leopard-illustration-wrapper-cta {
height: 220px;
}
.tiger-illustration-wrapper {
height: 200px;
}
.vulture-badge {
width: 160px;
}
.membership-cta-2 {
width: 140px;
}
.membership-cta-1 {
width: 130px;
height: 130px;
}
.snow-leopard-badge {
width: 180px;
}
.oval-badge-copy {
width: 160px;
}
.lemur-badge {
width: 160px;
margin-bottom: 30px;
}
.maned-wolf-badge {
width: 170px;
}
.penguin-badge {
width: 180px;
height: 180px;
}
.cta-snake-badge, .cta-snake-badge.top-padding-40 {
width: 140px;
}
.div-block-26 {
justify-content: center;
}
.cta-penguin {
width: 100px;
}
.cta-penguin.height-50 {
display: none;
}
.snake-badge {
width: 160px;
}
.cta-experience-lemur {
width: 150px;
margin-bottom: 30px;
}
.cta-experience-snow-leopard {
width: 180px;
height: 130px;
margin-top: 30px;
}
.cta-experience-maned-wolf {
width: 150px;
margin-top: 30px;
}
.cta-experience-penguin {
width: 100px;
}
.cta-experience-snake {
width: 150px;
margin-top: 30px;
margin-left: 0;
}
.otter-badge {
width: 160px;
}
.experiences-badge-wrapper {
width: 160px;
height: 122px;
margin-bottom: 30px;
}
.experience-badge-wrapper-3 {
width: 150px;
height: 150px;
margin-left: 50px;
}
.explore-badge {
width: 100%;
height: 110px;
}
.cta-vulture {
width: 140px;
}
.cta-experience-otter {
width: 150px;
}
.chirstmas-illustration-wrapper {
height: auto;
overflow: hidden;
}
.sloth-exp-illustration-wrapper {
height: 290px;
}
.conservation-partners-wrapper {
padding-top: 40px;
padding-bottom: 0;
}
.history-header-wrapper {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.cheetah-card-illustration {
width: 100%;
height: 200px;
margin-top: 40px;
}
.primates-illustration-wrapper-copy {
height: 120px;
margin-top: 0;
}
.tablet-secondary {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.snake-illustration {
height: 190px;
}
.train-illustration-3 {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 150px;
padding-left: 0;
padding-right: 0;
}
.gruffalo-badge {
height: 190px;
}
.spacer-80-copy {
padding-top: 20px;
}
.div-block-31 {
padding-left: 40px;
padding-right: 40px;
}
.div-block-32 {
grid-template-columns: 1fr;
}
.illustration-56 {
width: 100%;
height: 110px;
}
.image-7.shrink {
object-fit: cover;
min-height: 280px;
}
.image-7.shrink.contain {
box-sizing: border-box;
object-fit: contain;
min-height: 200px;
}
.image-7.shrink.zoo-fest {
min-height: 220px;
}
.div-block-33.may {
flex: none;
}
.div-block-35 {
width: 100%;
}
.div-block-34-copy {
display: none;
}
.maned-wolf-wrapper-copy {
object-position: 50% 100%;
height: 280px;
margin-top: 40px;
}
.event-illustration-wrapper-copy.align-left {
height: auto;
}
.div-block-39 {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 10px;
padding-left: 39px;
padding-right: 30px;
}
.sl-l {
background-size: contain;
height: 390px;
}
.leaf-tw-copy {
background-position: -30% 0;
background-size: 450px;
width: 100%;
height: 220px;
margin-right: 0;
}
.div-block-41 {
width: 520px;
}
.v {
background-position: 100% 0;
background-size: 410px;
width: 310px;
height: 180px;
margin-top: 6px;
margin-right: 83px;
display: flex;
overflow: visible;
}
.vendors-list-wrapper {
grid-template-columns: 1fr;
}
.vendors-wrapper {
padding: 40px 30px 0;
}
.vendor-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1.25fr;
margin-top: 0;
padding: 30px;
}
.live-feeds-wrapper {
width: 100%;
padding: 40px 30px;
}
.full-width-card {
padding: 40px 30px;
}
.full-width-card.colour-blue {
padding-left: 30px;
padding-right: 30px;
}
.full-width-card.colour-darkest-green {
padding: 40px 30px;
}
.full-width-card.colour-mid-green {
padding-left: 30px;
padding-right: 30px;
}
.keeper {
height: auto;
margin-top: 40px;
}
.binoculars-illustration {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 220px;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.binoculars-illustration._40-top-margin {
background-size: contain;
width: 100%;
height: 160px;
}
.band-card {
padding: 40px 30px;
}
.band-card.colour-blue {
padding-left: 30px;
padding-right: 30px;
}
.band-card.colour-darkest-green {
padding: 40px 30px;
}
.band-card.colour-mid-green {
padding-left: 30px;
padding-right: 30px;
}
.section_content-hero-zoo-do {
margin-top: 80px;
}
.section_content-hero-zoo-do.may {
height: 100%;
}
.content-hero-wrapper-copy {
min-height: 350px;
padding-left: 30px;
padding-right: 30px;
}
.content-hero-wrapper-copy.zoo-do {
padding-left: 0;
padding-right: 0;
}
.content-hero-wrapper-copy.may {
padding-top: 40px;
}
.content-hero-text-wrapper-copy {
padding-bottom: 40px;
}
.content-hero-text-wrapper-copy.may {
padding-top: 0;
}
.content-hero-text-wrapper-copy-copy {
padding-bottom: 40px;
}
.content-hero-text-wrapper-copy-copy.may {
padding-top: 0;
}
.zoo-fest-tiger {
background-size: 780px;
width: 580px;
height: 270px;
margin-top: 0;
}
.section_content-hero-zoo-fest {
margin-top: 80px;
}
.section_content-hero-zoo-fest.may {
height: 100%;
}
.content-hero-wrapper-zf {
min-height: 350px;
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
.content-hero-wrapper-zf.zoo-do {
padding-left: 0;
padding-right: 0;
}
.content-hero-wrapper-zf.may {
padding-top: 40px;
}
.content-hero-text-wrapper-zf {
padding-bottom: 0;
}
.content-hero-text-wrapper-zf.may {
padding-top: 0;
}
.div-block-42-copy {
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.div-block-44 {
justify-content: center;
align-items: flex-start;
width: 100%;
padding-bottom: 30px;
}
.zoo-fest-intro-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 40px;
padding-bottom: 40px;
}
.zoo-fest-title-wrapper {
margin-bottom: 0;
}
.div-block-46 {
width: 100%;
height: 90px;
}
.div-block-46-copy {
width: 100%;
height: 119px;
}
.div-block-46-3y {
width: 100%;
height: 120px;
}
.tomy0 {
width: 100%;
height: 141px;
}
.sculpture {
z-index: 0;
background-position: 100% 100%;
width: 300px;
height: 220px;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.sculpture._40-top-margin {
width: 100%;
height: 180px;
}
.image-7-copy {
min-height: 350px;
}
.image-7-copy.partner-zoo {
min-height: auto;
}
.featured-animal-exp-image {
min-height: 350px;
}
.featured-animal-exp-image.partner-zoo {
min-height: auto;
}
}
#w-node-_38deb534-94dc-7ae8-ee2e-0b710903d7b5-fa3745a6 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: start;
}
#w-node-_38deb534-94dc-7ae8-ee2e-0b710903d7c2-fa3745a6, #w-node-_38deb534-94dc-7ae8-ee2e-0b710903d7c3-fa3745a6, #w-node-_38deb534-94dc-7ae8-ee2e-0b710903d7ff-fa3745a6, #w-node-_38deb534-94dc-7ae8-ee2e-0b710903d80c-fa3745a6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_38deb534-94dc-7ae8-ee2e-0b710903d821-fa3745a6 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_4bfd692e-6363-4b00-0dea-d3764557c502-53434f99 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e7c-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e7d-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e7f-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e80-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e82-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e83-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e85-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e86-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e88-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e89-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8b-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8c-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8e-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8f-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e91-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e92-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e94-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e95-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e97-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e98-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e9a-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e9b-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e9d-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e9e-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea0-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea1-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea3-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea4-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea6-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea7-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea9-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eaa-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eac-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ead-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eaf-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eb0-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eb2-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eb3-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eb5-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05eb6-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c94c1379-d6e7-30b7-5751-150fca33ced9-53434f99, #w-node-c94c1379-d6e7-30b7-5751-150fca33ceec-53434f99, #w-node-c94c1379-d6e7-30b7-5751-150fca33ceff-53434f99, #w-node-a3e9d38e-d0ba-75da-0255-532b892ff798-90b8dbc4, #w-node-a3e9d38e-d0ba-75da-0255-532b892ff7a8-90b8dbc4, #w-node-a3e9d38e-d0ba-75da-0255-532b892ff7b8-90b8dbc4 {
place-self: start center;
}
#w-node-db32ce15-b2a5-03cd-365f-71c3290da723-345b1a9a, #w-node-_473e0dd5-9d00-51cc-9fe6-4c6b93f75b76-3a990ec1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65521d40-4e2b-b77d-a155-a7dba869bf8f-3a990ec1, #w-node-dba4358d-c8fc-bd15-942c-a58ccb18a7a1-3a990ec1, #w-node-ab37f8a5-f925-e17a-501f-ff3ce1703be5-610a91c4, #w-node-_0fcd68d5-1262-e4c2-06d2-4c529e698e1a-610a91c4, #w-node-_36acdecd-3e71-a574-c6a7-8f74aaca683c-610a91c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9b38415f-6c4b-7da5-a946-5def79c13494-b8802a48 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c94c1379-d6e7-30b7-5751-150fca33ced9-781160d6, #w-node-c94c1379-d6e7-30b7-5751-150fca33ceec-781160d6, #w-node-c94c1379-d6e7-30b7-5751-150fca33ceff-781160d6, #w-node-aeaf5645-0a92-3ab3-7076-3f2287b12153-6bc14d8c, #w-node-bba09dbf-4d9e-aa5e-07e7-b0f7fd5f7cf3-6bc14d8c, #w-node-e93ca16c-71ba-f72c-88c8-7b44f1497ffb-6bc14d8c, #w-node-_63320d23-06a4-4954-d29c-f85803c13f8c-f3bf58f5, #w-node-ccc7efba-b3ec-e2a7-8955-e41692a0c432-f3bf58f5, #w-node-_63320d23-06a4-4954-d29c-f85803c13fa5-f3bf58f5 {
place-self: start center;
}
#w-node-_51a8bc3b-2552-079b-d261-99d6f7a16e4e-0f8b5d6b, #w-node-_05b28e8e-b78b-287d-4595-3d15288cf103-0f8b5d6b {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a4845fef-5bf5-5d75-193a-bf0d342caa18-0f8b5d6b, #w-node-_4ae28fa9-e073-a2a2-b9e5-0c8528973d1a-0f8b5d6b, #w-node-_877749d0-ad26-6f30-5ceb-576eae3a39f8-0f8b5d6b, #w-node-_0af12b5c-4fe5-bd3a-9668-43af06fc4cde-0f8b5d6b, #w-node-_0af12b5c-4fe5-bd3a-9668-43af06fc4ce0-0f8b5d6b, #w-node-_0af12b5c-4fe5-bd3a-9668-43af06fc4ce2-0f8b5d6b, #w-node-_1cbeb294-e818-4a9b-ffbe-2947903d864f-0f8b5d6b, #w-node-_1cbeb294-e818-4a9b-ffbe-2947903d8651-0f8b5d6b, #w-node-_1cbeb294-e818-4a9b-ffbe-2947903d8653-0f8b5d6b, #w-node-_97b0cdf9-be6c-2605-db08-cfbacac78c04-0f8b5d6b, #w-node-_97b0cdf9-be6c-2605-db08-cfbacac78c06-0f8b5d6b, #w-node-_97b0cdf9-be6c-2605-db08-cfbacac78c08-0f8b5d6b, #w-node-_269f48d2-e2c6-8c43-b240-6ef90b8de876-0f8b5d6b, #w-node-_269f48d2-e2c6-8c43-b240-6ef90b8de878-0f8b5d6b, #w-node-_269f48d2-e2c6-8c43-b240-6ef90b8de87a-0f8b5d6b, #w-node-e890027d-1c78-904c-2c01-de828a98018e-0f8b5d6b, #w-node-e890027d-1c78-904c-2c01-de828a980190-0f8b5d6b, #w-node-e890027d-1c78-904c-2c01-de828a980192-0f8b5d6b, #w-node-dec6c17c-8a4f-75be-873a-d63d60b774fd-0f8b5d6b, #w-node-dec6c17c-8a4f-75be-873a-d63d60b774ff-0f8b5d6b, #w-node-dec6c17c-8a4f-75be-873a-d63d60b77501-0f8b5d6b, #w-node-_1276796f-51e2-779b-fc80-6f6b3f226c3d-0f8b5d6b, #w-node-_1276796f-51e2-779b-fc80-6f6b3f226c3f-0f8b5d6b, #w-node-_1276796f-51e2-779b-fc80-6f6b3f226c41-0f8b5d6b, #w-node-be9bf955-ed30-d078-230f-8ec182f62d4f-0f8b5d6b, #w-node-be9bf955-ed30-d078-230f-8ec182f62d51-0f8b5d6b, #w-node-be9bf955-ed30-d078-230f-8ec182f62d53-0f8b5d6b, #w-node-_7deaa12b-116a-decf-fb66-d45d3a3e22b6-0f8b5d6b, #w-node-_7deaa12b-116a-decf-fb66-d45d3a3e22b8-0f8b5d6b, #w-node-_7deaa12b-116a-decf-fb66-d45d3a3e22ba-0f8b5d6b, #w-node-_28dedda9-ad01-4b79-3c18-a5d715175684-0f8b5d6b, #w-node-_28dedda9-ad01-4b79-3c18-a5d715175686-0f8b5d6b, #w-node-_28dedda9-ad01-4b79-3c18-a5d715175688-0f8b5d6b, #w-node-_26161657-9c20-a1f0-582b-3103f0928afd-0f8b5d6b, #w-node-_26161657-9c20-a1f0-582b-3103f0928aff-0f8b5d6b, #w-node-_26161657-9c20-a1f0-582b-3103f0928b01-0f8b5d6b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b17b559-5fe7-d775-82d8-6bc7cfc24497-1f0e31c4 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d2a6a446-5368-0735-a562-8b53508075b2-1f0e31c4, #w-node-_0ca8b465-7e40-f175-ff2b-d9d92f2a63fa-1f0e31c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0252f238-e31a-cb01-3aab-b087c56b8e6d-1f0e31c4, #w-node-_0252f238-e31a-cb01-3aab-b087c56b8e6f-1f0e31c4, #w-node-_0252f238-e31a-cb01-3aab-b087c56b8e77-1f0e31c4, #w-node-_0252f238-e31a-cb01-3aab-b087c56b8e79-1f0e31c4, #w-node-ba762223-f778-228f-5002-ef6caf31dc64-1f0e31c4, #w-node-ba762223-f778-228f-5002-ef6caf31dc66-1f0e31c4, #w-node-_06ebc610-bce0-71cd-a2bc-e29359d08b38-1f0e31c4, #w-node-_06ebc610-bce0-71cd-a2bc-e29359d08b3a-1f0e31c4, #w-node-_7837b4e5-be6a-d63c-2de2-e83f0eff2624-1f0e31c4, #w-node-_7837b4e5-be6a-d63c-2de2-e83f0eff2626-1f0e31c4, #w-node-ba233503-b61c-21b6-dfd1-845fc6f18297-1f0e31c4, #w-node-ba233503-b61c-21b6-dfd1-845fc6f18299-1f0e31c4, #w-node-c02b9494-5a78-0fc9-9968-2cb0c76e402b-1f0e31c4, #w-node-c02b9494-5a78-0fc9-9968-2cb0c76e402d-1f0e31c4, #w-node-_1bc025ff-0ff9-d459-9c1d-33a4079dd967-1f0e31c4, #w-node-_1bc025ff-0ff9-d459-9c1d-33a4079dd969-1f0e31c4, #w-node-_7549fc0f-a45e-3741-b5b9-ebf2ef25669b-1f0e31c4, #w-node-_7549fc0f-a45e-3741-b5b9-ebf2ef25669d-1f0e31c4, #w-node-_9c534075-1607-fef4-81d0-e431b31b91dd-1f0e31c4, #w-node-_9c534075-1607-fef4-81d0-e431b31b91df-1f0e31c4, #w-node-e1fede7c-0044-fb7c-3cc8-ab38247f64bc-1f0e31c4, #w-node-e1fede7c-0044-fb7c-3cc8-ab38247f64be-1f0e31c4, #w-node-_65687c11-77a7-404e-1b6a-309a0ad16aa4-1f0e31c4, #w-node-_65687c11-77a7-404e-1b6a-309a0ad16aa6-1f0e31c4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_51a8bc3b-2552-079b-d261-99d6f7a16e4e-1f0fcc7e {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_27921815-e443-27bd-7f23-58d95d88b35e-1f0fcc7e {
grid-area: span 3 / span 1 / span 3 / span 1;
justify-self: auto;
}
#w-node-_05b28e8e-b78b-287d-4595-3d15288cf103-d8a7e0fa, #w-node-c227a337-2623-b9cc-f65f-7dfa1e6ed33b-d8a7e0fa {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_6fa08e86-cc17-0d53-e25c-6880272ceb39-d8a7e0fa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-df630729-298a-7ff0-7ba5-59551775ca0f-d8a7e0fa {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_51a8bc3b-2552-079b-d261-99d6f7a16e4e-d8a7e0fa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_51a8bc3b-2552-079b-d261-99d6f7a16e4e-85483cb2 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-b64a897b-1c54-a409-82bf-27df622f84fc-85483cb2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d1131e8f-5e39-a64d-9256-df9b42b91fa0-50694241 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_4b9a3139-ec23-bf28-1980-703a808e57a9-50694241 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d1131e8f-5e39-a64d-9256-df9b42b91fa7-50694241 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-fb71c125-3a33-49ed-3780-a692411ab707-50694241 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d1131e8f-5e39-a64d-9256-df9b42b91fb9-50694241, #w-node-_122336fa-566c-c267-2bc6-ee28fe7dc6c8-1815cd36 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d0fded54-33bd-e9b9-4481-30fe9a91bcad-07a9033f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a4845fef-5bf5-5d75-193a-bf0d342caa18-07a9033f, #w-node-_4ae28fa9-e073-a2a2-b9e5-0c8528973d1a-07a9033f, #w-node-_0af12b5c-4fe5-bd3a-9668-43af06fc4cde-07a9033f, #w-node-_0af12b5c-4fe5-bd3a-9668-43af06fc4ce0-07a9033f, #w-node-_1cbeb294-e818-4a9b-ffbe-2947903d864f-07a9033f, #w-node-_1cbeb294-e818-4a9b-ffbe-2947903d8651-07a9033f, #w-node-_97b0cdf9-be6c-2605-db08-cfbacac78c04-07a9033f, #w-node-_97b0cdf9-be6c-2605-db08-cfbacac78c06-07a9033f, #w-node-_269f48d2-e2c6-8c43-b240-6ef90b8de876-07a9033f, #w-node-_269f48d2-e2c6-8c43-b240-6ef90b8de878-07a9033f, #w-node-e890027d-1c78-904c-2c01-de828a98018e-07a9033f, #w-node-e890027d-1c78-904c-2c01-de828a980192-07a9033f, #w-node-dec6c17c-8a4f-75be-873a-d63d60b774fd-07a9033f, #w-node-dec6c17c-8a4f-75be-873a-d63d60b774ff-07a9033f, #w-node-_1276796f-51e2-779b-fc80-6f6b3f226c3d-07a9033f, #w-node-_1276796f-51e2-779b-fc80-6f6b3f226c3f-07a9033f, #w-node-be9bf955-ed30-d078-230f-8ec182f62d4f-07a9033f, #w-node-be9bf955-ed30-d078-230f-8ec182f62d51-07a9033f, #w-node-_7deaa12b-116a-decf-fb66-d45d3a3e22b6-07a9033f, #w-node-_7deaa12b-116a-decf-fb66-d45d3a3e22b8-07a9033f, #w-node-_28dedda9-ad01-4b79-3c18-a5d715175684-07a9033f, #w-node-_28dedda9-ad01-4b79-3c18-a5d715175686-07a9033f, #w-node-_26161657-9c20-a1f0-582b-3103f0928afd-07a9033f, #w-node-_26161657-9c20-a1f0-582b-3103f0928aff-07a9033f, #w-node-_84f03410-253c-d2a3-122f-54382f498ca0-07a9033f, #w-node-_84f03410-253c-d2a3-122f-54382f498ca2-07a9033f, #w-node-_1f518360-2fe6-1feb-87ba-695255162767-07a9033f, #w-node-_1f518360-2fe6-1feb-87ba-695255162769-07a9033f, #w-node-_2f17a123-199b-13a1-85c6-72a6c18bd4b3-07a9033f, #w-node-_2f17a123-199b-13a1-85c6-72a6c18bd4b5-07a9033f, #w-node-ff1d28e9-3c1f-d955-2b4e-7341e240cb1c-07a9033f, #w-node-ff1d28e9-3c1f-d955-2b4e-7341e240cb1e-07a9033f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_51a8bc3b-2552-079b-d261-99d6f7a16e4e-a576293e, #w-node-_5db78d11-a967-26f4-2fca-75491386243a-a576293e {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-b64a897b-1c54-a409-82bf-27df622f84fc-a576293e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_479584a5-773a-bafd-955f-bd33bc238a83-a576293e, #w-node-_479584a5-773a-bafd-955f-bd33bc238a91-a576293e, #w-node-_479584a5-773a-bafd-955f-bd33bc238a9c-a576293e {
place-self: start center;
}
@media screen and (max-width: 991px) {
#w-node-_55573d37-875a-61c3-7c91-f56bfa37465a-fa3745a6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_4a473b51-8548-b4b9-b0ca-2d65c8efd45e-345b1a9a, #w-node-_93f1922b-9a08-9df6-5718-3ffce51bfed1-345b1a9a, #w-node-db32ce15-b2a5-03cd-365f-71c3290da723-345b1a9a, #w-node-_473e0dd5-9d00-51cc-9fe6-4c6b93f75b76-3a990ec1, #w-node-_65521d40-4e2b-b77d-a155-a7dba869bf8f-3a990ec1, #w-node-dba4358d-c8fc-bd15-942c-a58ccb18a7a1-3a990ec1, #w-node-_3122938b-84f6-f247-3555-ebadc70a4cbc-5939d652, #w-node-_3122938b-84f6-f247-3555-ebadc70a4ca9-5939d652, #w-node-_1df47c2d-725e-f2e8-6fbf-71c203a09f81-5939d652, #w-node-_85893c7d-18d2-bb25-566f-911aff35e019-5939d652, #w-node-a7514d02-20c9-0880-5b55-f41bdcda1c46-5939d652, #w-node-_18657d35-a324-5e48-0d79-adf9ee11b733-5939d652, #w-node-cd0d6a91-bdfa-576d-951e-cf960ab3af19-5939d652, #w-node-_97075c68-7241-397a-603a-fb224640fb42-5939d652, #w-node-_8230e847-7f67-9460-192d-d4a07d615f24-51804918, #w-node-d613f1e9-815b-ade0-0971-ac71c4705f89-51804918, #w-node-_265988b8-8dd9-4558-e3aa-39a2bb29108e-bf190321 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aeaf5645-0a92-3ab3-7076-3f2287b12153-6bc14d8c, #w-node-_63320d23-06a4-4954-d29c-f85803c13f8c-f3bf58f5, #w-node-ccc7efba-b3ec-e2a7-8955-e41692a0c432-f3bf58f5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start;
}
#w-node-b64a897b-1c54-a409-82bf-27df622f84fc-85483cb2, #w-node-d1131e8f-5e39-a64d-9256-df9b42b91fb9-50694241, #w-node-_041ae3a4-fe90-c36f-9276-93210eadc38d-e4632524, #w-node-_041ae3a4-fe90-c36f-9276-93210eadc3f6-e4632524, #w-node-_089dd8c9-464a-4199-e2fd-7a9fe2956274-b3a470f5, #w-node-f4a53b94-b6d0-0b0e-22d9-ffbab342e83e-b3a470f5, #w-node-_54812843-5675-2bb7-ffab-9ff65cda109c-80bfc4aa, #w-node-_6d0d8697-9b33-54dc-2b3d-1116e23e07d0-80bfc4aa, #w-node-_5d735f86-02ae-f439-e283-b15b522ea7bb-5d52556a, #w-node-_47b6b9ab-62a6-e994-3800-2e8d10734e30-5d52556a, #w-node-_230bb5ae-516a-cf3e-bf16-87264b23372a-eedb3c84, #w-node-_230bb5ae-516a-cf3e-bf16-87264b23374d-eedb3c84, #w-node-dda40494-23bd-ab7a-c9a4-dbeb6c2bf19e-0880b1df, #w-node-dda40494-23bd-ab7a-c9a4-dbeb6c2bf1b0-0880b1df, #w-node-_18f0b468-c2e3-ce51-bfd4-49e425e5b3a7-b20cea55, #w-node-_18f0b468-c2e3-ce51-bfd4-49e425e5b3ca-b20cea55, #w-node-b64a897b-1c54-a409-82bf-27df622f84fc-a576293e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_479584a5-773a-bafd-955f-bd33bc238a83-a576293e {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-_55573d37-875a-61c3-7c91-f56bfa37465a-fa3745a6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4bfd692e-6363-4b00-0dea-d3764557c502-53434f99, #w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e7c-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e82-53434f99, #w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e85-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8b-53434f99 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e8e-53434f99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05e9a-53434f99, #w-node-_97f245a4-7d1d-6af7-7ebc-3b4f37e05ea9-53434f99, #w-node-fbc6865c-21a7-48a7-4d78-e39cc76fe07d-610a91c4, #w-node-aaedd8d3-39d6-652e-365a-d4ce82c1714b-610a91c4, #w-node-_92170405-1edd-c3ba-18e2-c24bccc1d32d-610a91c4, #w-node-_34b663a3-6cbd-aa6b-2f84-d99f9dca6b82-610a91c4, #w-node-bcccf487-90bf-dbf5-5425-48d9e03cba65-610a91c4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-_55573d37-875a-61c3-7c91-f56bfa37465a-fa3745a6 {
align-self: auto;
}
#w-node-_55573d37-875a-61c3-7c91-f56bfa37467c-fa3745a6 {
justify-self: center;
}
#w-node-fbc6865c-21a7-48a7-4d78-e39cc76fe07d-610a91c4, #w-node-aaedd8d3-39d6-652e-365a-d4ce82c1714b-610a91c4, #w-node-_92170405-1edd-c3ba-18e2-c24bccc1d32d-610a91c4, #w-node-_34b663a3-6cbd-aa6b-2f84-d99f9dca6b82-610a91c4, #w-node-bcccf487-90bf-dbf5-5425-48d9e03cba65-610a91c4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}